:root{--navy:#142a65;--blue:#174aa0;--sky:#1672ac;--orange:#f26a24;--yellow:#ffcf2f;--lime:#65b847;--forest:#164f39;--ink:#0c2540;--paper:#fffaf0}*{box-sizing:border-box}html{background:var(--navy)}body{background:var(--navy);min-width:320px;color:var(--ink);margin:0;font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,Arial,sans-serif}button,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.festival-shell{background:radial-gradient(circle at 50% 23%,#ffcf2feb 0 9%,#f26a24db 9.5% 17%,#0000 17.5%),linear-gradient(#18316d 0%,#1854a1 42%,#1874a9 67%,#17633f 67.2%,#143a36 100%);min-height:100dvh;position:relative;overflow-x:hidden}.sun-glow{z-index:0;aspect-ratio:1;opacity:.5;background:repeating-conic-gradient(from 0deg, #ffcf2fa6 0 8deg, transparent 8deg 19deg);clip-path:polygon(50% 0,59% 29%,79% 8%,75% 35%,100% 27%,80% 49%,100% 64%,71% 63%,83% 92%,58% 70%,50% 100%,42% 70%,17% 92%,29% 63%,0 64%,20% 49%,0 27%,25% 35%,21% 8%,41% 29%);pointer-events:none;width:min(88vw,530px);position:fixed;top:105px;left:50%;transform:translate(-50%)rotate(5deg)}.mountain{z-index:0;pointer-events:none;width:620px;height:145px;position:fixed;left:50%;transform:translate(-50%)}.mountain-a{clip-path:polygon(0 58%,11% 37%,21% 55%,34% 26%,45% 56%,58% 30%,70% 53%,82% 21%,100% 58%,100% 100%,0 100%);background:#2a7b49;bottom:54px}.mountain-b{clip-path:polygon(0 60%,14% 33%,27% 62%,40% 39%,56% 65%,69% 31%,83% 58%,100% 38%,100% 100%,0 100%);background:#174a39;bottom:0}.mobile-canvas{z-index:1;background:#fffaf0f5;width:min(100%,480px);min-height:100dvh;margin:0 auto;position:relative;box-shadow:0 0 48px #03122d59}.festival-header{padding:max(14px, env(safe-area-inset-top)) clamp(16px, 5vw, 24px) 8px;background:var(--blue);position:relative;overflow:hidden}.festival-header:after{content:"✦";color:var(--yellow);font-size:24px;position:absolute;bottom:3px;right:14px}.poster-logo{aspect-ratio:1731/909;width:100%;height:auto;box-shadow:7px 7px 0 var(--orange);background:var(--navy);border:2px solid #ffffffd9;border-radius:7px;position:relative;overflow:hidden}.poster-logo img{object-fit:cover;object-position:center;width:100%;height:100%}.poster-slogan{z-index:2;min-height:13%;color:var(--yellow);text-align:center;text-shadow:0 1px 1px #00000047;white-space:nowrap;background:linear-gradient(#084331f5,#064631);grid-template-columns:1fr auto 1fr;align-items:end;margin:0;padding:2px 8px 4px;display:grid;position:absolute;bottom:0;left:0;right:0}.poster-motto{letter-spacing:.08em;grid-column:2;font-size:clamp(9px,2.9vw,13px);font-weight:900}.poster-credit{letter-spacing:.02em;opacity:.78;grid-column:3;justify-self:start;margin-left:clamp(5px,1.8vw,10px);font-size:clamp(6px,1.8vw,9px);font-weight:700}.festival-place{color:#ffffffe6;letter-spacing:.22em;text-transform:uppercase;margin:15px 2px 0;font-size:11px;font-weight:700}.date-tabs{background:#fffaf0fa;border-bottom:1px solid #0c25402e;grid-template-columns:repeat(3,1fr);padding:0 12px;display:grid}.date-tab{color:#0c254073;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:baseline;gap:4px;min-height:58px;padding:16px 4px 13px;display:flex;position:relative}.date-tab span{letter-spacing:-.04em;font-size:clamp(17px,5vw,21px);font-weight:800}.date-tab small{font-size:9px;font-weight:800}.date-tab.active{color:var(--ink)}.date-tab.active:after{content:"";background:var(--orange);border-radius:4px 4px 0 0;height:4px;position:absolute;bottom:-1px;left:17%;right:17%}.stage-bar{color:#fff;min-height:66px;box-shadow:5px 5px 0 var(--yellow);border-radius:4px;justify-content:center;align-items:center;margin:12px clamp(14px,4vw,20px) 0;padding:0 14px;transition:background .18s;display:flex;position:relative}.stage-bar.field{background:var(--forest)}.stage-bar.warring{background:#5a2673}.stage-bar.light{background:var(--orange)}.stage-spark{color:var(--yellow);font-size:18px;position:absolute;left:14px}.stage-select-wrap{justify-self:center;position:relative}.stage-select-wrap:after{content:"▾";color:#fff;pointer-events:none;position:absolute;top:50%;right:3px;transform:translateY(-51%)}.stage-select-wrap select{appearance:none;color:#fff;text-align:center;text-align-last:center;cursor:pointer;background:0 0;border:0;outline:0;width:112px;padding:12px 17px 12px 5px;font-size:17px;font-weight:800}.stage-select-wrap select option{color:var(--ink);text-align:left;background:#fff}.stage-count{opacity:.75;white-space:nowrap;font-size:10px;font-weight:700;position:absolute;right:14px}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,4vw,22px) clamp(12px,4vw,20px);padding:clamp(20px,6vw,28px) clamp(18px,5.8vw,28px) 34px;display:grid}.artist-card{min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:0;border-radius:5px;flex-direction:column;padding:0;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0e2c3e1a}.artist-card:active{transform:translateY(2px)scale(.985)}.artist-card:focus-visible,.date-tab:focus-visible,.back-button:focus-visible,.record-stage:focus-visible,.stage-select-wrap select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.artist-image-wrap{aspect-ratio:1.02;background:#d9c17d;display:block;position:relative;overflow:hidden}.artist-image-wrap:after{content:"";background:linear-gradient(#0000 62%,#061d2a6b);position:absolute;inset:0}.artist-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .32s}.artist-card:hover .artist-image-wrap img{transform:scale(1.035)}.artist-number{z-index:1;color:#fff;letter-spacing:.1em;font-size:11px;font-weight:900;position:absolute;bottom:7px;right:8px}.artist-copy{border-top:4px solid var(--orange);text-align:center;flex-direction:column;justify-content:center;min-height:86px;padding:14px 10px 8px;display:flex}.artist-copy strong{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:3px;min-height:42px;font-size:clamp(13px,3.7vw,15px);line-height:1.25;display:flex}.artist-name-note{opacity:.72;white-space:nowrap;font-size:.58em;font-weight:700;line-height:1.2}.artist-copy time{color:#39715d;letter-spacing:.02em;margin-top:5px;font-size:11px;font-weight:800}.festival-footer{padding:30px 22px calc(36px + env(safe-area-inset-bottom));background:var(--navy);color:#fff;text-align:center}.festival-footer span{color:var(--yellow);letter-spacing:-.07em;font-size:27px;font-weight:1000;display:block}.festival-footer p{color:#ffffffad;letter-spacing:.08em;margin:5px 0 0;font-size:10px}.detail-page{z-index:20;overscroll-behavior:contain;background:var(--navy);position:fixed;inset:0;overflow-y:auto}.detail-canvas{width:min(100%,480px);min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) clamp(18px, 5vw, 28px) calc(42px + env(safe-area-inset-bottom));background:radial-gradient(circle at 76% 13%,#ffcf2f38 0 18%,#0000 18.5%),#174aa0;margin:0 auto;position:relative;overflow:hidden}.detail-canvas:before{content:"";background:var(--orange);clip-path:polygon(0 75%,14% 29%,26% 62%,39% 18%,53% 65%,69% 27%,83% 66%,100% 25%,100% 100%,0 100%);width:120%;height:100px;position:absolute;top:260px;left:-10%}.detail-stars{z-index:1;height:335px;color:var(--yellow);pointer-events:none;position:absolute;inset:0 0 auto;overflow:hidden}.detail-stars span{filter:drop-shadow(0 0 5px #ffcf2f52);line-height:1;position:absolute}.detail-stars span:first-child{font-size:11px;top:42px;left:17%}.detail-stars span:nth-child(2){font-size:24px;top:72px;right:9%}.detail-stars span:nth-child(3){font-size:19px;top:150px;left:7%}.detail-stars span:nth-child(4){font-size:10px;top:178px;right:5%}.detail-stars span:nth-child(5){font-size:9px;top:252px;left:12%}.detail-stars span:nth-child(6){font-size:16px;top:286px;right:14%}.back-button{z-index:2;color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:4px;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.back-button span{font-size:19px}.record-stage{z-index:1;aspect-ratio:1;width:clamp(190px,58vw,252px);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;margin:14px auto 0;padding:0;display:block;position:relative}.record-shadow{border-radius:50%;position:absolute;inset:9%;box-shadow:0 22px 34px #04112273}.vinyl{z-index:1;clip-path:circle(49%);object-fit:contain;width:100%;height:100%;animation:18s linear infinite spin;position:absolute;inset:0}.record-photo{z-index:2;background:#d8d8d8;border:2px solid #ffffffb8;border-radius:50%;position:absolute;inset:14.5%;overflow:hidden}.record-photo img{object-fit:cover;width:100%;height:100%}.record-hole{display:none}.record-stage.paused .vinyl{animation-play-state:paused}.record-control{z-index:4;color:#fff;background:#0c2540db;border:2px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:8%;right:8%;box-shadow:0 4px 12px #0411224d}@keyframes spin{to{transform:rotate(360deg)}}.detail-heading{z-index:2;color:#fff;text-align:center;margin:8px auto 20px;position:relative}.track-title{color:#fff;margin:0 0 5px;font-size:clamp(20px,6vw,27px);font-weight:900;line-height:1.15}.detail-heading h1{color:#ffffffdb;max-width:360px;margin:0 auto;font-size:clamp(13px,4vw,17px);font-weight:700;line-height:1.25}.detail-heading h1 .artist-name-note{vertical-align:baseline;margin-left:5px;font-size:.42em}.detail-meta{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.detail-meta span{border:1px solid #ffffff9e;border-radius:100px;padding:5px 8px;font-size:10px;font-weight:700}.facts-panel{z-index:2;margin:clamp(46px, 12vw, 62px) clamp(-28px, -5vw, -18px) calc(-42px - env(safe-area-inset-bottom));padding:30px clamp(18px, 5vw, 28px) calc(42px + env(safe-area-inset-bottom));background:#fffaf0;position:relative}.artist-facts{gap:10px;margin:0;display:grid;position:relative}.artist-facts>div{grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:5px;display:grid}.artist-facts dt{color:var(--forest);white-space:nowrap;padding-top:11px;font-size:12px;font-weight:900}.artist-facts dd{border-left:5px solid var(--yellow);background:#fff;border-radius:3px;min-height:40px;margin:0;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.65;box-shadow:0 5px 14px #0e2c3e14}.artist-facts .bio-row dd{text-align:justify;min-height:210px;font-weight:400}@media (width<=355px){.artist-grid{padding-left:14px;padding-right:14px}.stage-bar{margin-left:10px;margin-right:10px;padding:0 10px}.stage-count{display:none}}@media (width>=481px){.festival-shell,.detail-page{padding:20px 0}.mobile-canvas,.detail-canvas{border-radius:12px;min-height:calc(100dvh - 40px);overflow:hidden}}@media (prefers-reduced-motion:reduce){.vinyl{animation:none}*{scroll-behavior:auto!important;transition-duration:.01ms!important}}