:root{--bg:#f7f4ee;--ink:#201c18;--muted:#6d655d;--panel:#fffdfa;--line:#ddd4c8;--accent:#0f766e;--accent-dark:#0b5f59;--warn:#a34b11;--good:#17623a;--bad:#9f2525;--shadow:0 16px 50px rgba(41,31,20,0.11);--fast:180ms ease;--carousel-track-height:clamp(30rem,146vw,33.6rem);--record-frame-height:15rem}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at top left,rgba(15,118,110,.12),transparent 32rem),linear-gradient(135deg,#f7f4ee,#eef4f1 58%,#f6efe6);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{min-height:2.75rem;border:0;border-radius:8px;padding:.75rem 1rem;color:white;background:var(--accent);cursor:pointer;font-weight:750;transition:background var(--fast),border-color var(--fast),box-shadow var(--fast),color var(--fast),transform var(--fast)}button:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 .55rem 1.1rem rgba(15,118,110,.18)}button:active{transform:translateY(1px) scale(.99);box-shadow:none}button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:.75rem .85rem;color:var(--ink);background:white;transition:border-color var(--fast),box-shadow var(--fast),transform var(--fast)}input:focus,textarea:focus{border-color:rgba(15,118,110,.75);box-shadow:0 0 0 3px rgba(15,118,110,.16),0 .55rem 1.1rem rgba(41,31,20,.08);outline:none}input:disabled,textarea:disabled{color:var(--muted);background:#f0ece5}textarea{min-height:5rem;resize:vertical}a{color:var(--accent-dark)}.shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.game-shell{min-height:100dvh}.topbar{justify-content:space-between;gap:1rem;margin-bottom:.6rem}.brand,.topbar{display:flex;align-items:center}.brand{gap:clamp(.5rem,2vw,.85rem)}.brand-logo,.title-logo{display:block;height:auto;filter:drop-shadow(0 .55rem .8rem rgba(41,31,20,.12))}.brand-logo{width:clamp(5.7rem,22vw,8rem)}.title-logo{width:clamp(11rem,36vw,18rem)}.date-label,.muted{color:var(--muted)}.date-label{font-size:clamp(.9rem,2.4vw,1rem);font-weight:750;white-space:nowrap}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(17rem,.85fr);grid-gap:1.2rem;gap:1.2rem;align-items:stretch;margin-bottom:1.2rem}.admin-panel,.intro,.result-panel,.scoreboard{border:1px solid var(--line);border-radius:8px;background:rgba(255,253,250,.88);box-shadow:var(--shadow)}.intro{padding:clamp(1.2rem,4vw,2rem)}.intro h2{max-width:12ch;margin:0 0 .8rem;font-size:clamp(2rem,5vw,4rem);line-height:.96;letter-spacing:0}.intro p{max-width:42rem;margin:0;color:var(--muted);font-size:1.02rem;line-height:1.6}.scoreboard{padding:1rem;position:relative;overflow:hidden}.scoreboard .muted{display:block}.scoreboard.has-result{animation:score-pop .58s cubic-bezier(.16,1,.3,1)}.scoreboard.has-result:after{position:absolute;inset:-50% auto auto -20%;width:7rem;height:220%;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);opacity:.8;transform:rotate(18deg);animation:score-shine .9s ease-out .14s both;pointer-events:none}.score-big{display:block;margin-top:.2rem;font-size:clamp(2rem,7vw,4.2rem);font-weight:850;line-height:1}.result-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.song-carousel{display:grid;grid-gap:.75rem;gap:.75rem;align-content:start;width:min(23rem,calc(100% - 1rem));margin:0 auto}.carousel-topline{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;grid-gap:.75rem;gap:.75rem;align-items:center}.carousel-status{display:grid;justify-items:center;grid-gap:.15rem;gap:.15rem}.carousel-status strong{font-size:1.1rem}.icon-button{display:grid;width:3rem;min-height:3rem;place-items:center;position:relative;padding:0;color:var(--accent-dark);border:1px solid rgba(15,118,110,.28);border-radius:999px;background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.96),rgba(255,255,255,.48) 30%,transparent 31%),linear-gradient(145deg,rgba(255,253,250,.95),rgba(234,242,238,.86));font-size:2.1rem;font-weight:650;line-height:1;box-shadow:0 .5rem 1rem rgba(15,118,110,.16),inset 0 .08rem 0 rgba(255,255,255,.95),inset 0 -.16rem 0 rgba(15,118,110,.09)}.icon-button:hover{color:white;border-color:rgba(15,118,110,.7);background:radial-gradient(circle at 38% 26%,rgba(255,255,255,.28),transparent 34%),linear-gradient(145deg,var(--accent),var(--accent-dark))}.icon-button span{display:block;margin-top:-.16rem;transform:scaleX(.72)}.icon-button:active span{transform:translateY(1px) scaleX(.72)}.carousel-topline.is-opening .icon-button{opacity:0;pointer-events:none;transform:scale(.88)}.carousel-topline.is-opening .carousel-status{opacity:0;visibility:hidden}.carousel-viewport{overflow:hidden;border-radius:8px;touch-action:pan-y;outline:none;perspective:90rem;perspective-origin:50% 150%}.carousel-viewport:focus-visible{box-shadow:0 0 0 3px rgba(15,118,110,.25)}.carousel-viewport.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.carousel-track{position:relative;justify-self:center;width:min(100%,calc(var(--carousel-track-height) * 2.5 / 3.65));height:var(--carousel-track-height);aspect-ratio:2.5/3.65;transition:transform .42s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d;will-change:transform}.carousel-slide{position:absolute;inset:0;width:100%;height:100%;display:grid;grid-template-rows:minmax(13rem,1fr) auto;opacity:0;pointer-events:none;transform-origin:50% 260%;transition:opacity .22s ease,transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.carousel-slide.is-active{opacity:1;pointer-events:auto;animation:card-arrive .52s cubic-bezier(.16,1,.3,1) both}.carousel-viewport.is-dragging .carousel-slide{opacity:0}.carousel-viewport.is-dragging .carousel-slide.is-near-active{opacity:.36}.carousel-viewport.is-dragging .carousel-slide.is-active,.carousel-viewport.is-dragging .carousel-slide.is-active.is-near-active{opacity:1}.carousel-slide audio,.carousel-slide input{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.carousel-dots{display:flex;align-items:center;justify-content:center;gap:.5rem}.carousel-dots button{width:.75rem;min-height:.75rem;border:1px solid var(--accent);border-radius:999px;padding:0;background:transparent;transition:background var(--fast),border-color var(--fast),transform var(--fast),width var(--fast)}.carousel-dots button.is-active{width:1.45rem;background:var(--accent)}.carousel-dots button.is-skipped{border-color:rgba(163,75,17,.72);background:rgba(163,75,17,.16)}.carousel-dots button.is-active.is-skipped{background:var(--warn)}.result-card,.song-card,.song-row{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.song-card{position:relative;overflow:hidden;box-shadow:0 1.35rem 3rem rgba(41,31,20,.18),inset 0 0 0 .35rem rgba(255,255,255,.34)}.song-card.carousel-slide{position:absolute;inset:0;display:flex;flex-direction:column;width:100%;height:100%}.song-card.carousel-slide:not(.review-card){display:block}.song-card:before{position:absolute;inset:0;z-index:1;content:"";background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.28) 34%,transparent 48%),radial-gradient(circle at 50% 3%,rgba(248,244,237,.4),transparent 34%);opacity:0;pointer-events:none;transform:translateX(-18%);transition:opacity .26s ease,transform .52s cubic-bezier(.16,1,.3,1)}.song-card.is-active{box-shadow:0 1.5rem 3.5rem rgba(41,31,20,.22),0 0 0 2px rgba(15,118,110,.18),inset 0 0 0 .35rem rgba(255,255,255,.34)}.song-card.is-active:before{opacity:1;transform:translateX(18%)}.song-card.is-skipped{border-color:rgba(163,75,17,.42)}.song-card.is-skipped .audio-frame{filter:grayscale(.45)}.song-card.is-playing{border-color:rgba(15,118,110,.58)}.song-card.has-result-review .song-body{align-content:stretch}.song-theme-1{--song-card-bg:#ff4f64;--song-card-soft:#ffd8df;--song-card-panel:#ffeff2;--song-card-line:rgba(151,40,40,0.38)}.song-theme-2{--song-card-bg:#ffd23f;--song-card-soft:#fff0a8;--song-card-panel:#fff8d6;--song-card-line:rgba(150,103,10,0.38)}.song-theme-3{--song-card-bg:#00d1b2;--song-card-soft:#9fffea;--song-card-panel:#d9fff6;--song-card-line:rgba(15,118,110,0.4)}.song-theme-4{--song-card-bg:#a7f432;--song-card-soft:#ddff83;--song-card-panel:#f1ffd2;--song-card-line:rgba(77,124,15,0.36)}.song-theme-5{--song-card-bg:#ff5fbd;--song-card-soft:#ffc1e9;--song-card-panel:#fff0fa;--song-card-line:rgba(157,23,77,0.34)}.song-card[class*=song-theme-]{border-color:var(--song-card-line);background:linear-gradient(180deg,var(--song-card-bg) 0,var(--song-card-soft) 68%,var(--song-card-panel) 100%)}.intro-title-card{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:clamp(1rem,4vw,2rem);color:var(--ink);background:radial-gradient(circle at 50% 18%,rgba(255,210,63,.34),transparent 18rem),radial-gradient(circle at 18% 78%,rgba(0,209,178,.24),transparent 17rem),radial-gradient(circle at 84% 76%,rgba(255,95,189,.22),transparent 16rem),linear-gradient(135deg,#fffaf0,#eefbf8 52%,#fff0f7);text-align:center;pointer-events:auto;animation:panel-rise .36s cubic-bezier(.16,1,.3,1) both}.intro-title-content{display:grid;justify-items:center;align-content:center;width:min(31rem,100%);min-height:min(46rem,calc(100vh - 2rem));grid-gap:clamp(.9rem,2.8vh,1.35rem);gap:clamp(.9rem,2.8vh,1.35rem);padding:clamp(1rem,4vw,2rem)}.intro-logo{justify-self:center;width:min(20rem,88vw,54vh);height:auto;filter:drop-shadow(0 .9rem 1.4rem rgba(41,31,20,.14))}.intro-title-card ul{margin:0 auto;max-width:21rem;padding-left:1.15rem;color:var(--muted);line-height:1.45;text-align:left}.intro-title-card li+li{margin-top:.3rem}.intro-ok{justify-self:center;min-width:7rem;margin-top:.15rem;padding-inline:1.35rem;display:grid;min-height:2.9rem;place-items:center;color:white;border:1px solid rgba(15,118,110,.36);background:linear-gradient(145deg,var(--accent),var(--accent-dark));box-shadow:0 .55rem 1.1rem rgba(15,118,110,.18);line-height:1}.skip-stamp{padding:.45rem .7rem;color:#fff7ec;border:1px solid rgba(255,247,236,.34);border-radius:999px;background:rgba(163,75,17,.9);box-shadow:0 .45rem .9rem rgba(80,39,11,.16);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-align:center;text-transform:uppercase;transform:rotate(7deg)}.song-body{position:relative;z-index:2;display:grid;grid-gap:.7rem;gap:.7rem;align-content:start;padding:.95rem;background:linear-gradient(180deg,var(--song-card-bg,#fffdfa) 0,var(--song-card-soft,#fffdfa) 42%,var(--song-card-panel,#fffdfa) 100%)}.card-swipe-pad{cursor:-webkit-grab;cursor:grab;min-height:clamp(4rem,12dvh,7rem);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.carousel-viewport.is-dragging .card-swipe-pad{cursor:-webkit-grabbing;cursor:grabbing}.song-card.carousel-slide:not(.review-card) .song-body{position:absolute;inset:15rem 0 0;overflow:auto}.song-label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:800}.song-label>span:first-child{min-width:0;overflow-wrap:anywhere}.song-flags{display:inline-flex;align-items:center;gap:.45rem}.song-number{font-size:.8rem;text-transform:uppercase}.answer-line,.song-number{color:var(--muted);font-weight:750}.answer-line{margin:-.2rem 0 0;font-size:.9rem;overflow-wrap:anywhere}.guess-review-list{display:grid;grid-gap:.45rem;gap:.45rem}.guess-review{position:relative;display:grid;grid-gap:.18rem;gap:.18rem;padding:.58rem .7rem .58rem .85rem;border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.guess-review:before{position:absolute;inset:0 auto 0 0;width:.3rem;content:"";background:var(--muted)}.guess-review.green{border-color:rgba(23,98,58,.34);background:rgba(23,98,58,.08)}.guess-review.green:before{background:var(--good)}.guess-review.yellow{border-color:rgba(163,75,17,.36);background:rgba(214,154,46,.13)}.guess-review.yellow:before{background:#c77716}.guess-review.red{border-color:rgba(159,37,37,.36);background:rgba(159,37,37,.08)}.guess-review.red:before{background:var(--bad)}.guess-review.neutral{background:rgba(247,244,238,.74)}.guess-review em,.guess-review span{color:var(--muted);font-size:.68rem;font-style:normal;font-weight:850;letter-spacing:.08em;line-height:1;text-transform:uppercase}.guess-review strong{color:var(--ink);font-size:.98rem;line-height:1.12;overflow-wrap:anywhere}.guess-review small{color:var(--muted);font-size:.78rem;font-weight:700;overflow-wrap:anywhere}.guess-review em{position:absolute;top:.55rem;right:.65rem}.song-score-strip{display:flex;flex-wrap:wrap;gap:.45rem}.song-score-strip span{flex:1 1 auto;min-width:0;padding:.48rem .55rem;color:var(--accent-dark);border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.8);font-size:.78rem;font-weight:850;text-align:center}.review-card{grid-template-rows:1fr;min-height:100%;background:radial-gradient(circle at 50% 20%,rgba(15,118,110,.11),transparent 11rem),var(--panel)}.review-card-inner{position:relative;z-index:2;grid-row:1;display:grid;min-height:100%;align-content:center;grid-gap:1rem;gap:1rem;padding:clamp(1.1rem,5vw,1.6rem);text-align:center}.review-card .score-big{margin:0}.score-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.45rem;gap:.45rem;color:var(--muted);font-size:.83rem;font-weight:750}.score-summary span{padding:.45rem .5rem;border:1px solid var(--line);border-radius:8px;background:white}.card-result-grid{grid-template-columns:1fr;max-height:13.8rem;overflow:auto;padding-right:.15rem}.result-card.compact{padding:.65rem .75rem;text-align:left}.result-card.compact .result-title{margin-bottom:.25rem;font-size:.92rem}.result-card.compact .result-meta{gap:.12rem;font-size:.8rem}.review-card h2{margin:0;font-size:clamp(2rem,8vw,3.6rem);line-height:.95;letter-spacing:0}.review-card .muted{margin:0}.feedback-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.feedback-pill{display:grid;grid-gap:.25rem;gap:.25rem;place-items:center;min-height:5.4rem;border:1px solid var(--line);border-radius:8px;background:white;color:var(--muted);font-size:.76rem;font-weight:850;text-transform:uppercase}.feedback-pill strong{color:var(--ink);font-size:2rem;line-height:1}.feedback-pill.green{border-color:rgba(23,98,58,.4);background:rgba(23,98,58,.1)}.feedback-pill.yellow{border-color:rgba(163,75,17,.42);background:rgba(214,154,46,.14)}.feedback-pill.red{border-color:rgba(159,37,37,.42);background:rgba(159,37,37,.1)}.submit-nudge{margin:-.1rem 0 0;color:var(--muted);font-size:.92rem;font-weight:750}.submit-button{color:#201c18;background:linear-gradient(145deg,#ffd23f,#ff9f2e);box-shadow:0 .7rem 1.25rem rgba(255,159,46,.24),inset 0 .08rem 0 rgba(255,255,255,.65)}.submit-button:hover{color:#201c18;background:linear-gradient(145deg,#ffe071,#ff8f1f);box-shadow:0 .8rem 1.35rem rgba(255,143,31,.3),inset 0 .08rem 0 rgba(255,255,255,.7)}.embed-frame{display:block;width:100%;aspect-ratio:16/9;border:0;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.34),transparent 42%),linear-gradient(155deg,var(--song-card-bg,#17120f),var(--song-card-soft,#25211d))}.audio-frame{display:grid;flex:0 0 15rem;min-height:15rem;place-items:center;grid-gap:.75rem;gap:.75rem;padding:1.15rem 1rem 4.25rem;color:#f8f4ed;background:radial-gradient(circle at 50% 54%,rgba(20,17,14,.36),transparent 36%),radial-gradient(circle at 48% 24%,rgba(255,255,255,.62),transparent 28%),linear-gradient(155deg,var(--song-card-bg,#123d3a) 0,var(--song-card-soft,#25211d) 72%,var(--song-card-panel,#25211d) 100%);transition:filter var(--fast)}.song-card.carousel-slide:not(.review-card) .audio-frame{position:absolute;inset:0 0 auto;height:15rem}.record-player{position:relative;isolation:isolate;min-height:15rem;overflow:hidden}.record-scene{position:absolute;inset:.1rem .35rem 2.65rem;z-index:1;width:calc(100% - .7rem);height:calc(100% - 2.75rem);pointer-events:none}.record-player:before{inset:-20%;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.38),transparent 32%),radial-gradient(circle at 58% 30%,var(--song-card-panel,rgba(249,198,99,.22)),transparent 20%);opacity:0;transform:scale(.86);transition:opacity .36s ease,transform .48s cubic-bezier(.16,1,.3,1)}.record-player:after,.record-player:before{position:absolute;z-index:0;content:"";pointer-events:none}.record-player:after{inset:-18% -30%;background:linear-gradient(106deg,transparent 0 30%,rgba(248,244,237,.18) 38%,transparent 49%),linear-gradient(78deg,transparent 0 52%,rgba(248,244,237,.12) 61%,transparent 71%),linear-gradient(128deg,transparent 0 62%,rgba(248,244,237,.08) 70%,transparent 81%);opacity:.76;transform:translateX(-3%) rotate(-2deg) skewX(-4deg);transform-origin:50% 0;animation:god-rays-undulate 7s ease-in-out infinite alternate}.record-player.is-playing:before{opacity:1;transform:scale(1);animation:stage-pulse 1.8s ease-in-out infinite}.record-player.is-playing:after{opacity:.9;animation-duration:5s}.audio-frame audio{display:none}.record-controls{position:absolute;inset:auto 0 1.35rem;z-index:2;display:flex;justify-content:center;gap:.55rem;padding:0 1rem}.record-control{display:grid;width:3rem;min-height:2.55rem;place-items:center;border:1px solid rgba(248,244,237,.55);padding:0;background:rgba(8,13,12,.76);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.record-control.primary{background:rgba(15,118,110,.9)}.record-control.primary:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.22),0 0 1.25rem rgba(61,207,182,.35)}.record-control svg{width:1.25rem;height:1.25rem;fill:currentColor}@keyframes stage-pulse{50%{opacity:.72;transform:scale(1.05)}}@keyframes god-rays-undulate{0%{opacity:.58;transform:translateX(-5%) rotate(-3deg) skewX(-6deg) scaleY(1)}45%{opacity:.82;transform:translateX(1%) rotate(1deg) skewX(-2deg) scaleY(1.08)}to{opacity:.66;transform:translateX(5%) rotate(3deg) skewX(3deg) scaleY(.96)}}@keyframes card-arrive{0%{opacity:0;filter:saturate(.82)}}@keyframes score-pop{45%{transform:translateY(-.25rem) scale(1.02)}}@keyframes score-shine{0%{transform:translateX(-4rem) rotate(18deg)}to{transform:translateX(18rem) rotate(18deg)}}.watch-link{color:var(--accent-dark);font-size:.88rem;font-weight:750}.skip-button{width:100%}.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1rem 0}.secondary{color:var(--accent-dark);border:1px solid var(--line);background:white}.secondary:hover{color:white;border-color:var(--accent-dark)}.error{color:#8f1d1d;font-weight:700}.result-panel{margin-top:1rem;padding:1rem;animation:panel-rise .44s cubic-bezier(.16,1,.3,1) both}.admin-panel h2,.result-panel h2{margin:0 0 .9rem}.result-card{position:relative;overflow:hidden;padding:.85rem;animation:result-in .42s cubic-bezier(.16,1,.3,1) both}.result-card:before{position:absolute;inset:0 auto 0 0;width:.32rem;content:"";background:var(--accent)}.result-card.is-exact:before,.result-card.is-positive:before{background:var(--good)}.result-card.is-negative:before{background:var(--bad)}.result-card.is-skipped:before{background:var(--warn)}.result-title{margin:0 0 .4rem;font-weight:850}.result-meta{display:grid;grid-gap:.25rem;gap:.25rem;color:var(--muted);font-size:.92rem}.share-box{margin-top:1rem}@keyframes panel-rise{0%{opacity:0;transform:translateY(.75rem)}}@keyframes result-in{0%{opacity:0;transform:translateY(.6rem) scale(.98)}}.admin-panel{padding:1rem}.admin-grid{display:grid;grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);grid-gap:1rem;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.form-grid .wide{grid-column:1/-1}.checkbox-line{display:flex;align-items:center;gap:.5rem}.checkbox-line input{width:auto}.song-list{display:grid;grid-gap:.6rem;gap:.6rem;max-height:70vh;overflow:auto;padding-right:.3rem}.song-row{display:grid;grid-gap:.35rem;gap:.35rem;padding:.75rem;text-align:left;color:var(--ink);background:white}.song-row.inactive{opacity:.58}.song-row:hover{color:var(--ink);background:#faf7f1}.row-title{font-weight:820}.row-meta{color:var(--muted);font-size:.88rem}@media (max-width:980px){.admin-grid,.hero{grid-template-columns:1fr}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.shell{width:min(100% - 1rem,1120px);padding-top:1rem}body:has(.game-shell),html:has(.game-shell){height:100%;overflow:hidden;overscroll-behavior:none}.game-shell{--game-viewport-height:100svh;--carousel-track-height:calc(var(--game-viewport-height) - 8.75rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));--record-frame-height:13.75rem;position:fixed;inset:.55rem .5rem .45rem;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;width:auto;height:auto;min-height:0;margin:0;overflow:hidden;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.topbar{align-items:center}.game-shell .topbar{margin-bottom:.35rem}.game-shell .song-carousel{width:min(23rem,calc(100% - .75rem));min-height:0;gap:.45rem}.game-shell .carousel-topline{gap:.5rem;grid-template-columns:2.8rem minmax(0,1fr) 2.8rem}.game-shell .icon-button{width:2.8rem;min-height:2.8rem}.game-shell .carousel-viewport{touch-action:none}.game-shell .song-body{gap:.6rem;padding:.8rem 1.15rem 1rem}.game-shell .card-swipe-pad{min-height:clamp(4.75rem,14dvh,8rem)}.game-shell input{padding-inline:.8rem}.form-grid,.result-grid{grid-template-columns:1fr}}