h1,h2,h3{font-family:var(--font-display);line-height:1.15}h1:focus{outline:none}.link-btn{justify-self:center;padding:.25rem;border:0;background:none;color:var(--accent);font-weight:600;text-decoration:underline;cursor:pointer}.caption{position:fixed;left:50%;bottom:max(1.5rem,env(safe-area-inset-bottom));z-index:40;max-width:min(90vw,50rem);transform:translate(-50%);padding:.8rem 1.6rem;border-radius:1rem;background:#14120adb;color:#fff;font:700 clamp(1.2rem,2.6vw,2rem) / 1.3 var(--font-display);text-align:center}.gx-page{min-height:100dvh;padding:16px}.gx-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.gx-card{width:min(100%,28rem);padding:clamp(1.25rem,4vw,2.25rem);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.display-sm{font-size:clamp(2.2rem,5vw,2.8rem)}.login-card .eyebrow{margin-bottom:.6rem}.login-card .notice{margin-bottom:1.25rem;font-size:.95rem}.gx-form{display:grid;gap:1rem}.gx-form>p{margin:0}.password-row{display:flex;gap:.5rem}.password-row input{flex:1;min-width:0}.show-pw{flex:none;padding-inline:.9rem;font-size:.9rem}.btn-wide{width:100%}.login-foot{margin:1.5rem 0 0;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);text-align:center}.gx-shell{display:flex;flex-direction:column;min-height:100dvh}.gx-wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:16px}@media(min-width:720px){.gx-wrap{padding-inline:60px}}.gx-header{border-bottom:1px solid var(--line)}.gx-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;min-height:5.5rem;padding-block:.75rem}.gx-account{display:flex;align-items:center;gap:.75rem}.gx-school{color:var(--heading);font-weight:500}.gx-link{margin-left:1.25rem;padding:.25rem 0;border:0;background:none;color:var(--heading);font-weight:500;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.gx-main{flex:1;padding-block:clamp(2.5rem,6vw,4.5rem)}@media(min-width:720px){.gx-main{padding-inline:clamp(60px,8vw,120px)}}.gx-footer-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}@media(min-width:720px){.gx-footer-row{padding-inline:clamp(60px,8vw,120px)}}.fr-page{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg)}.fr-bar{display:flex;align-items:center;gap:1rem;padding:.5rem 16px;background:#6b3f1d;color:#fff6e3}.fr-title{flex:1;margin:0;text-align:center;font:700 1.4rem/1 var(--font-display)}.fr-level{margin-left:.4rem;color:#f2c86a;font-size:1.1rem}.fr-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.35rem 1rem;border:2px solid rgb(255 246 227 / 45%);border-radius:999px;background:transparent;color:inherit;font-weight:700;text-decoration:none;cursor:pointer}.fr-btn:hover{background:#fff6e326}.fr-btn svg{width:1.2rem;height:1.2rem}@media(max-width:560px){.fr-title .fr-level,.fr-teacher span{display:none}}.stage-wrap{flex:1;display:grid;place-items:center;padding:clamp(.4rem,1.2vw,1rem);min-height:0}.map-stage{position:relative;width:min(100%,calc((100dvh - 4.5rem) * 16 / 9));aspect-ratio:16 / 9;overflow:hidden;border-radius:1rem;container-type:size;box-shadow:0 .6rem 2rem #3c280040;background:#cfe3a0}.map-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.map-path{position:absolute;inset:0;width:100%;height:100%}.map-path path{fill:none;stroke-linecap:round}.path-edge{stroke:#8a6232;stroke-width:84;opacity:.55}.path-fill{stroke:#e9cf94;stroke-width:66}.path-dash{stroke:#fff4d4;stroke-width:8;stroke-dasharray:2 38}.map-gori{position:absolute;left:1%;bottom:0;width:25cqw;z-index:3}.map-gori img{width:100%;filter:drop-shadow(0 1cqh 1cqh rgb(40 30 10 / 35%));animation:gori-in .8s ease-out}@keyframes gori-in{0%{transform:translate(-60%);opacity:0}}.map-bubble{position:absolute;left:2.5%;top:4%;z-index:4;width:34cqw;padding:1.6cqh 2cqw;border:.5cqh solid #e2cf9a;border-radius:3cqh;background:#fffaf0;box-shadow:0 .8cqh #e2cf9a;color:var(--fg)}.map-bubble:after{content:"";position:absolute;left:22%;bottom:-2.4cqh;width:3.4cqh;height:3.4cqh;background:#fffaf0;border-right:.5cqh solid #e2cf9a;border-bottom:.5cqh solid #e2cf9a;transform:rotate(45deg)}.map-bubble p{margin:0 0 1cqh;font:700 4.4cqh/1.2 var(--font-display)}.hear-btn{padding:.6cqh 1.6cqw;border:.35cqh solid #b8a66a;border-radius:999px;background:#fff;font:700 2.6cqh var(--font-ui);cursor:pointer}.map-stops{margin:0;padding:0;list-style:none}.stop{position:absolute;z-index:5;width:23cqw;transform:translate(-50%,-50%)}.stop-1{left:38%;top:64%}.stop-2{left:61%;top:37%}.stop-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;aspect-ratio:1.1;padding:13% 13% 12%;border:0;background:url(/assets/img/ui/card-blank.webp) center / 100% 100% no-repeat;color:var(--fg);cursor:pointer;filter:drop-shadow(0 1.2cqh 1.2cqh rgb(40 30 10 / 35%));transition:transform .2s}.stop-card:hover{transform:translateY(-1cqh) scale(1.03)}.stop-card:focus-visible{outline:.6cqh solid var(--gold);outline-offset:.4cqh;border-radius:2cqh}.stop-title{font:700 3.6cqh/1 var(--font-display);color:#6b3f1d}.stop-sounds{display:flex;justify-content:center;gap:max(10px,1cqw)}.letter-chip{display:grid;place-items:center;min-width:7cqh;height:8cqh;padding:0 .8cqh .6cqh;border:.35cqh solid #e8c98a;border-radius:1.8cqh;background:#fff;box-shadow:0 .5cqh #e2cf9a;color:var(--fur);font:700 6cqh/1 var(--font-letter)}.stop-status{display:inline-flex;align-items:center;gap:.6cqw;padding:.8cqh 1.8cqw;border-radius:999px;background:var(--accent);color:#fff;font:700 2.7cqh/1 var(--font-ui)}.stop-card[data-state=done] .stop-status{background:#c98a14}.stop-card[data-state=locked]{filter:grayscale(.7) drop-shadow(0 1cqh 1cqh rgb(40 30 10 / 25%));opacity:.85}.stop-card[data-state=locked] .letter-chip{color:#7d6a4a}.stop-card[data-state=locked] .stop-status{background:#6a5a3c}.stop-card[data-state=available]{animation:stop-glow 2.4s ease-in-out infinite}@keyframes stop-glow{50%{filter:drop-shadow(0 0 2.4cqh rgb(255 210 80 / 95%))}}.map-songs{position:absolute;left:63%;top:66%;z-index:5;display:flex;flex-direction:column;align-items:center;width:12cqw;padding:1cqh .8cqw 1.4cqh;border:.5cqh solid #8a5a2c;border-radius:2.4cqh;background:#fff6e3;box-shadow:0 .8cqh #8a5a2c;color:#6b3f1d;font:700 3.6cqh/1 var(--font-display);text-decoration:none}.map-songs img{width:70%}.map-songs:hover{transform:translateY(-.6cqh)}.map-soon{position:absolute;right:1.2%;top:3%;bottom:3%;z-index:5;display:flex;flex-direction:column;width:21cqw;padding:1.4cqh 1cqw;border-radius:2.4cqh;background:#fffaf0e0;border:.4cqh solid #e2cf9a}.map-soon h2{margin:0 0 1cqh;text-align:center;color:#6b3f1d;font-size:3.6cqh}.map-soon ul{flex:1;display:grid;gap:1cqh;margin:0;padding:0;list-style:none}.soon-card{display:flex;align-items:center;gap:1cqw;padding:.6cqh .8cqw;border:.3cqh dashed #c9b57a;border-radius:1.6cqh;background:#f7efdb;color:#6a5a3c}.soon-card img{width:5cqw;height:9cqh;object-fit:contain;filter:grayscale(.85);opacity:.7}.soon-name{flex:1;font:700 2.8cqh/1.1 var(--font-display)}.soon-lock .icon-lock{width:3.4cqh;height:3.4cqh}.map-toast{position:absolute;left:50%;bottom:4%;z-index:8;width:50cqw;margin:0;transform:translate(-50%);padding:1.4cqh 2cqw;border-radius:2cqh;background:#2a2418;color:#fff;font:700 3cqh/1.3 var(--font-ui);text-align:center}@media(max-width:760px)and (orientation:portrait){.map-stage{width:100%;aspect-ratio:auto;container-type:normal;display:flex;flex-direction:column;gap:1rem;padding:1rem}.map-bg{z-index:0}.map-path,.map-gori,.map-bubble:after{display:none}.map-bubble,.stop,.map-songs,.map-soon,.map-toast{position:relative;inset:auto;transform:none;width:100%}.map-bubble p{font-size:1.4rem}.hear-btn{font-size:1rem;padding:.4rem 1rem}.map-stops{display:grid;gap:1rem;position:relative}.stop{max-width:22rem;margin-inline:auto}.stop-card{aspect-ratio:1.15}.stop-title{font-size:1.3rem}.letter-chip{min-width:2.75rem;height:3.1rem;padding:0 .4rem .2rem;border-width:2px;border-radius:.7rem;box-shadow:0 3px #e2cf9a;font-size:2.2rem}.stop-status{font-size:.85rem;padding:.25rem .6rem}.map-songs{flex-direction:row;justify-content:center;gap:.5rem;font-size:1.4rem}.map-songs img{width:3rem}.map-soon h2{font-size:1.4rem}.soon-card img{width:3rem;height:3rem}.soon-name{font-size:1.1rem}.map-toast{font-size:1rem;padding:.8rem}}.teacher{width:100%;max-width:54rem;margin:0 auto;padding:clamp(1rem,3vw,2rem) 16px 3rem}.teacher h1{margin:0 0 .5rem;font-size:clamp(2rem,4vw,2.75rem)}.teacher-licence{margin:0 0 1.5rem;color:var(--muted);font-size:1.1rem}.t-card{margin-bottom:1.25rem;padding:clamp(1rem,3vw,1.75rem);border:2px solid var(--line);border-radius:var(--radius);background:var(--surface)}.t-card h2{margin:0 0 .75rem;font-size:1.6rem}.t-card p{margin:0 0 .75rem}.t-settings{display:grid;gap:1.1rem}.t-settings .field input[type=number],.t-settings select{max-width:18rem}.t-settings input[type=range]{min-height:0;padding:0;border:0;max-width:24rem;accent-color:var(--accent)}.t-switch{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;font-weight:600;font-size:1.05rem;cursor:pointer}.t-switch input{width:1.6rem;height:1.6rem;accent-color:var(--accent)}.t-saved{min-height:1.5em;margin:0!important;color:var(--accent);font-weight:700}.t-later{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.t-later li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .9rem;border-radius:10px;background:var(--bg);font-weight:600}.t-later span{color:var(--muted);font-weight:400}.t-preview{border-style:dashed}.t-row{display:flex;flex-wrap:wrap;gap:.75rem}.coming-next{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;padding:2rem 16px}.coming-next img{width:min(16rem,50vw)}.coming-next h1{margin:0 0 .5rem;font-size:clamp(2rem,5vw,3.5rem)}.coming-next p{margin:0 0 1.5rem;font-size:1.3rem}.lesson-page{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;background:#33230f;color:#fff6e3}.lesson-bar{display:flex;align-items:center;gap:.6rem;padding:.35rem .75rem;background:#4a3118;min-width:0}.lb-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:2.25rem;padding:.2rem .75rem;border:1px solid rgb(255 246 227 / 35%);border-radius:999px;background:transparent;color:inherit;font:600 .9rem/1 var(--font-ui);text-decoration:none;white-space:nowrap;cursor:pointer}.lb-btn:hover{background:#fff6e31f}.lb-btn[aria-pressed=true]{background:#fff6e3;color:#4a3118}.lb-title{margin:0;white-space:nowrap;font:600 .95rem/1 var(--font-ui)}.lb-title strong{font:700 1.15rem/1 var(--font-display);margin-right:.3rem}#lb-pos{color:#f2c86a}.lb-sections{flex:1;display:flex;gap:.3rem;overflow-x:auto;min-width:0;scrollbar-width:thin}.lb-chip{flex:none;padding:.2rem .6rem;border:1px solid rgb(255 246 227 / 25%);border-radius:999px;background:transparent;color:#fff6e3b3;font:600 .8rem/1.4 var(--font-ui);cursor:pointer}.lb-chip.done{color:#fff6e3}.lb-chip[aria-current]{background:#f2b632;border-color:#f2b632;color:#2a1d10}.lb-linked{flex:none;padding:.2rem .6rem;border-radius:999px;background:#4d7a22;font:700 .8rem/1.4 var(--font-ui)}.lesson-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:0}.lesson-page[data-mode=console] .lesson-main{grid-template-columns:minmax(0,1fr) minmax(18rem,26rem)}.lesson-stage-wrap{position:relative;display:grid;place-items:center;min-height:0;padding:.4rem;container-type:size}.lesson-stage-wrap .stage{width:min(100cqw,100cqh * 16 / 9)}.start-card{position:absolute;inset:50% auto auto 50%;z-index:20;width:min(92%,40rem);max-height:92%;overflow:auto;transform:translate(-50%,-50%);padding:clamp(1rem,3vw,2rem);border-radius:22px;background:#fffaf0;color:#2a2418;box-shadow:0 .6rem #e2cf9a,0 1.5rem 3rem #00000073}.start-card h2{margin:0 0 1rem;color:#6b3f1d;font:700 clamp(1.8rem,4vw,2.6rem) / 1 var(--font-display)}.start-letters{margin-left:.5rem;color:var(--fur);font-family:var(--font-letter);letter-spacing:.15em}.sittings{display:grid;gap:.6rem;margin-bottom:1.25rem}.sitting{display:flex;align-items:center;gap:.9rem;padding:.6rem .9rem;border:2px solid #e2cf9a;border-radius:14px;background:#fff;color:inherit;text-align:left;font-size:1rem;cursor:pointer}.sitting:hover{border-color:var(--accent)}.sitting img{width:3.4rem;height:3.4rem}.sitting strong{display:block;font:700 1.2rem/1.2 var(--font-display)}.start-actions{display:flex;flex-wrap:wrap;gap:.6rem}.start-actions .btn{font-size:1.1rem}.start-tip{margin:1.2rem 0 0;color:#6a5a3c;font-size:.92rem}.notes-panel{overflow-y:auto;padding:1rem 1.1rem 1.5rem;background:#fffaf0;color:#2a2418}.lesson-page[data-mode=single] .notes-panel{position:absolute;top:0;right:0;bottom:0;z-index:25;width:min(24rem,90vw);box-shadow:-.6rem 0 1.6rem #00000059}.notes-head{display:flex;align-items:center;justify-content:space-between}.notes-head h2{margin:0;color:#6b3f1d;font:700 1.4rem/1.2 var(--font-display)}.notes-close{border-color:#d8c48c;color:#6b3f1d}.lesson-page[data-mode=console] .notes-close{display:none}.notes-where{margin:.25rem 0 1rem;color:#6a5a3c;font-size:.9rem}.notes-panel section{margin-bottom:1rem}.notes-panel h3{margin:0 0 .3rem;color:#6a5a3c;font:700 .75rem/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.notes-panel p,.notes-panel ul{margin:0;line-height:1.5}.notes-panel ul{padding-left:1.1rem}.notes-panel .say li{font-style:italic}.notes-panel .try{padding:.7rem .9rem;border-radius:12px;background:#f4ead2}.pacing{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem calc(.4rem + env(safe-area-inset-bottom,0px));background:#4a3118;overflow-x:auto}.pb{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.35rem;min-height:2.75rem;padding:.3rem .8rem;border:1px solid rgb(255 246 227 / 30%);border-radius:12px;background:#fff6e314;color:#fff6e3;font:600 .9rem/1 var(--font-ui);cursor:pointer}.pb:hover:not(:disabled){background:#fff6e32e}.pb:disabled{opacity:.4;cursor:default}.pb-icon{width:1.25rem;height:1.25rem}.pb-ready{flex:1;min-width:9rem;max-width:22rem;margin-inline:auto;border:0;background:#6a5a3c;font-size:1.05rem}.pb-ready.active{background:#f2b632;color:#2a1d10;animation:ready-pulse 1.6s ease-in-out infinite}@keyframes ready-pulse{50%{box-shadow:0 0 0 .35rem #f2b63259}}.pb-next{min-width:7rem;border:0;background:#4d7a22;font-size:1.05rem}.pb-next:hover:not(:disabled){background:#5d8f2b}.pb-next.pulse{animation:ready-pulse 1.6s ease-in-out infinite}.pb-volume{cursor:default}.pb-volume input{width:6rem;accent-color:#f2b632}@media(max-width:1180px){.pb:not(.pb-ready,.pb-next) span,.lb-btn span{display:none}.lb-title #lb-pos{display:none}}.class-screen{position:fixed;inset:0;background:#000}.class-stage-wrap{display:grid;place-items:center;width:100%;height:100%;container-type:size}.class-stage-wrap .stage{width:min(100cqw,100cqh * 16 / 9);border-radius:0}.class-status{position:absolute;left:50%;bottom:8%;max-width:40rem;margin:0;transform:translate(-50%);padding:1rem 1.5rem;border-radius:16px;background:#000000b3;color:#fff;font-size:1.2rem;text-align:center}.class-full{position:absolute;right:1rem;top:1rem;opacity:.75}.stage{position:relative;overflow:hidden;aspect-ratio:16 / 9;container-type:size;border-radius:14px;background:#cfe3a0;color:#2a2418;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.stage button{font:inherit;color:inherit;cursor:pointer}.stage-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage-content{position:absolute;z-index:2;display:grid;place-items:center;inset:19% 2.5% 4% 27%}.stage[data-layout=center] .stage-content{left:2.5%}.stage[data-layout=full] .stage-content{inset:2.5% 2%}.stage.instant *,.stage.instant *:before,.stage.instant *:after{transition:none!important;animation:none!important}.stage.is-paused *,.stage.is-paused *:before,.stage.is-paused *:after{animation-play-state:paused!important}.gori{position:absolute;z-index:4;bottom:0;left:1%;height:74cqh;transition:left .9s cubic-bezier(.4,.1,.2,1),height .6s ease,transform .9s cubic-bezier(.4,.1,.2,1);pointer-events:none}.gori img{display:block;width:auto;max-width:none;height:100%;transform-origin:50% 100%;filter:drop-shadow(0 1.2cqh 1cqh rgb(40 30 10 / 30%))}.gori.pos-left{left:.5%;transform:none}.gori.pos-center{left:50%;height:84cqh;transform:translate(-50%)}.gori.pos-corner{left:.5%;height:44cqh;transform:none}.gori.pos-off{left:-45%;transform:none}.gori.hop img{animation:gori-hop .6s ease-out}.gori.bob img{animation:gori-bob .55s ease-in-out infinite alternate}@keyframes gori-hop{40%{transform:translateY(-6cqh)}}@keyframes gori-bob{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-2.5cqh) rotate(3deg)}}.bubble{position:absolute;z-index:6;top:3%;left:27%;right:3%;padding:1.6cqh 2.6cqh;border:.5cqh solid #e2cf9a;border-radius:3cqh;background:#fffaf0;box-shadow:0 .8cqh #e2cf9a;pointer-events:none}.bubble:after{content:"";position:absolute;left:-1.6cqh;top:45%;width:3cqh;height:3cqh;background:#fffaf0;border-left:.5cqh solid #e2cf9a;border-bottom:.5cqh solid #e2cf9a;transform:rotate(45deg)}.bubble p{margin:0;font:700 5cqh/1.2 var(--font-display);text-align:center}.stage[data-layout=center] .bubble{left:14%;right:14%}.stage[data-layout=center] .bubble:after{left:calc(50% - 1.5cqh);top:auto;bottom:-1.9cqh;border-left:0;border-right:.5cqh solid #e2cf9a}.stage[data-layout=full] .bubble{display:none}.bubble.pop-in{animation:pop-in .25s ease-out}@keyframes pop-in{0%{opacity:0;transform:translateY(1.5cqh)}}.waitbar{position:absolute;z-index:7;right:2.5%;bottom:2.5%;display:flex;align-items:center;gap:1.6cqh;width:40%;padding:1.2cqh 2.4cqh;border:.4cqh solid #e2cf9a;border-radius:999px;background:#fffaf0f2;font:700 3.2cqh/1 var(--font-ui);pointer-events:none}.wait-label{flex:none}.wait-track{position:relative;flex:1;height:1.8cqh;overflow:hidden;border-radius:999px;background:#eadcae}.wait-track i{position:absolute;inset:0;border-radius:999px;background:#b8541c;transform-origin:left}.waitbar.timed.running .wait-track i{animation:wait-count var(--wait-ms) linear forwards}.waitbar:not(.timed) .wait-track i{background:linear-gradient(90deg,#eadcae,#e0a92a,#eadcae);background-size:200% 100%;animation:wait-shimmer 2s linear infinite}@keyframes wait-count{to{transform:scaleX(0)}}@keyframes wait-shimmer{to{background-position:-200% 0}}.fx-layer{position:absolute;inset:0;z-index:9;pointer-events:none}.sparkle{position:absolute;left:var(--sx);top:var(--sy);width:18cqh;transform:translate(-50%,-50%);animation:sparkle 1.1s ease-out forwards}@keyframes sparkle{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-20deg)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.3) rotate(25deg)}}.pop{animation:pop .5s ease-out}@keyframes pop{0%{transform:scale(.3) rotate(-8deg);opacity:0}60%{transform:scale(1.08) rotate(2deg);opacity:1}}.wiggle{animation:wiggle .45s ease-in-out}@keyframes wiggle{25%{translate:-1.4cqh 0}75%{translate:1.4cqh 0}}.letter{font-family:var(--font-letter);font-weight:700;color:#b8541c;line-height:1}.v-title{display:flex;flex-direction:column;align-items:center;padding:3cqh 6cqh;border-radius:4cqh;background:#fffaf0eb;box-shadow:0 1cqh #e2cf9a;text-align:center}.v-title-badge{width:18cqh}.v-title h2{margin:0;color:#6b3f1d;font:700 11cqh/1 var(--font-display)}.v-title p{margin:1cqh 0 0;font:600 5.5cqh/1.2 var(--font-display)}.v-clap,.song-clap{position:relative;width:46cqh;height:46cqh}.clap{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1cqh 1cqh rgb(40 30 10 / 25%))}.clap-2{opacity:0}.clapping .clap-1{animation:clap-a .7s steps(1) infinite}.clapping .clap-2{animation:clap-b .7s steps(1) infinite}@keyframes clap-a{50%{opacity:0}}@keyframes clap-b{0%{opacity:0}50%{opacity:1}}.v-mystery{display:flex;justify-content:center;gap:2.4cqw}.mcard{position:relative;width:15cqw;aspect-ratio:906 / 1024;padding:0;border:0;background:none;transition:transform .35s ease,opacity .35s,filter .35s;filter:drop-shadow(0 1.2cqh 1cqh rgb(40 30 10 / 30%))}.mcard img,.mcard-face{position:absolute;inset:0;width:100%;height:100%}.mcard-glow{opacity:0;transition:opacity .35s}.mcard.glow{transform:translateY(-2.5cqh);filter:drop-shadow(0 0 3cqh rgb(255 200 60 / 85%))}.mcard.glow .mcard-glow{opacity:1}.mcard.chosen{z-index:2;transform:translateY(-3cqh) scale(1.15)}.mcard.dim{opacity:.45}.mcard-face{display:none;place-items:center}.mcard-face .letter{position:relative;font-size:15cqh}.mcard.is-open .mcard-back,.mcard.is-open .mcard-glow{display:none}.mcard.is-open .mcard-face{display:grid}.mcard.is-open{cursor:default;opacity:.8}.v-letter{position:relative;display:grid;place-items:center}.lcard{position:relative;width:52cqh;aspect-ratio:906 / 1024;padding:0;border:0;background:none;filter:drop-shadow(0 1.4cqh 1.2cqh rgb(40 30 10 / 30%));transition:transform .3s ease}.lcard img{position:absolute;inset:0;width:100%;height:100%}.lcard>.letter,.flip-front .letter{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:4%;font-size:38cqh}.lcard.flip{perspective:120cqh}.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;transition:transform .7s cubic-bezier(.4,.2,.2,1.2)}.flip-back{transform:rotateY(180deg)}.lcard.is-hidden .flip-front{transform:rotateY(-180deg)}.lcard.is-hidden .flip-back{transform:rotateY(0)}.lcard.hl{transform:scale(1.08);filter:drop-shadow(0 0 3cqh rgb(255 200 60 / 90%))}.rings{position:absolute;inset:50% auto auto 50%;width:80cqh;height:80cqh;transform:translate(-50%,-50%);pointer-events:none}.rings i{position:absolute;inset:0;border:.8cqh solid #f2b632;border-radius:50%;opacity:0}.rings.on i{animation:ring 1.4s ease-out infinite}.rings.on i:nth-child(2){animation-delay:.45s}.rings.on i:nth-child(3){animation-delay:.9s}@keyframes ring{0%{transform:scale(.5);opacity:.9}to{transform:scale(1.15);opacity:0}}.v-pair{display:flex;gap:6cqw;align-items:flex-start}.lcard-col{display:flex;flex-direction:column;align-items:center;gap:2cqh}.v-pair .lcard{width:44cqh}.v-pair .lcard .letter{font-size:32cqh}.lcard-label{padding:.8cqh 2.4cqh;border-radius:999px;background:#fffaf0eb;font:700 4cqh/1 var(--font-display);color:#6b3f1d}.v-pics,.v-match{display:flex;flex-direction:column;align-items:center;gap:3cqh}.pics-row{display:flex;justify-content:center;gap:2.6cqw}.pcard{position:relative;width:19cqw;aspect-ratio:906 / 1024;padding:0;border:0;background:none;filter:drop-shadow(0 1.2cqh 1cqh rgb(40 30 10 / 28%));transition:transform .25s ease,opacity .35s,filter .35s}.pcard-frame{position:absolute;inset:0;width:100%;height:100%}.pcard-img{position:absolute;inset:16% 15% 17%;width:70%;height:67%;object-fit:contain}.pcard.is-hidden{visibility:hidden}.pics-row[data-mode=pick] .pcard:hover{transform:translateY(-1.5cqh)}.pcard.is-right{transform:scale(1.08);filter:drop-shadow(0 0 3.5cqh rgb(120 200 60 / 95%))}.pcard-mark{position:absolute;right:-1cqh;top:-1cqh;display:none;width:9cqh;height:9cqh;border-radius:50%;background:#4d7a22;box-shadow:0 .6cqh #2f4d14}.pcard-mark:after{content:"";position:absolute;left:32%;top:18%;width:28%;height:50%;border:solid #fff;border-width:0 1.3cqh 1.3cqh 0;transform:rotate(45deg)}.pcard.is-right .pcard-mark{display:block}.pcard.is-wrong,.pcard.dim{opacity:.45}.hint{animation:hint-pulse 1.2s ease-in-out infinite}@keyframes hint-pulse{50%{filter:drop-shadow(0 0 3.5cqh rgb(255 200 60 / 95%));transform:translateY(-1.2cqh)}}.extras{display:flex;gap:2.4cqh}.extra{display:grid;place-items:center;width:10cqh;height:10cqh;border-radius:50%;background:#fffaf0;border:.5cqh solid #e2cf9a;color:#b8541c}.extra svg{width:60%;height:60%}.extra.is-hidden{visibility:hidden}.extra.pulse{animation:pop .5s ease-out}.v-tiles{display:flex;flex-direction:column;align-items:center;gap:6cqh;width:100%}.board{position:relative;padding:3.5cqh 5cqh}.board-plank{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 1cqh 1cqh rgb(40 30 10 / 30%))}.slots{position:relative;display:flex;gap:2.6cqh;transition:gap .5s ease}.slot{display:grid;place-items:center;width:20cqh;height:20cqh;border-radius:2.4cqh;background:#46280a59;box-shadow:inset 0 .8cqh 1.2cqh #28140073;transition:border-radius .4s,background .4s}.slots.joined{gap:0}.slots.joined .slot{background:transparent;box-shadow:none}.slots.glow{filter:drop-shadow(0 0 3cqh rgb(255 210 80 / 95%))}.slot.hl .tile{transform:translateY(-2.5cqh) scale(1.08);filter:drop-shadow(0 0 2.5cqh rgb(255 200 60 / 95%))}.finger{position:absolute;left:5cqh;bottom:-9cqh;width:9cqh;opacity:0;pointer-events:none}.finger svg{width:100%;height:auto;transform:rotate(-15deg)}.board.sweeping .finger{animation:sweep 1.25s ease-in-out}@keyframes sweep{0%{left:3cqh;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 10cqh);opacity:0}}.tray{position:relative;display:grid;place-items:center;min-width:60cqh;min-height:28cqh;padding:4cqh 7cqh}.tray-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 1cqh 1cqh rgb(40 30 10 / 30%))}.tray-tiles{position:relative;display:flex;gap:3cqh}.tile{position:relative;display:grid;place-items:center;width:18cqh;height:18cqh;padding:0;border:0;background:none;transition:transform .3s ease,filter .3s;filter:drop-shadow(0 .8cqh .8cqh rgb(40 30 10 / 30%))}.tile img{position:absolute;inset:0;width:100%;height:100%}.tile span{position:relative;padding-bottom:6%;color:#5a3414;font:700 13cqh/1 var(--font-letter)}.tile.glow{transform:translateY(-2.5cqh) scale(1.08);filter:drop-shadow(0 0 3cqh rgb(255 200 60 / 95%))}.slot .tile{width:100%;height:100%}.is-scatter .tray{width:92%;height:46cqh;padding:0}.is-scatter .tray-tiles{position:absolute;inset:0}.is-scatter .tray .tile{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(var(--r))}.is-scatter .tray .tile.glow{transform:translate(-50%,-60%) rotate(0) scale(1.08)}.is-scatter .tray .tile.hint{animation:none;filter:drop-shadow(0 0 3.5cqh rgb(255 200 60 / 95%))}.word-tiles{display:flex;padding:1.5cqh;border-radius:2.4cqh;transition:filter .4s}.word-tiles.glow{filter:drop-shadow(0 0 3cqh rgb(255 210 80 / 95%))}.wtile{position:relative;display:grid;place-items:center;width:17cqh;height:17cqh;transition:transform .3s}.wtile img{position:absolute;inset:0;width:100%;height:100%}.wtile span{position:relative;padding-bottom:6%;color:#5a3414;font:700 12cqh/1 var(--font-letter)}.wtile.hl{transform:translateY(-2cqh) scale(1.08)}.v-match .pcard{width:15cqw}.v-song{position:relative;width:100%;height:100%}.song-title{position:absolute;left:50%;top:0;margin:0;transform:translate(-50%);padding:1.2cqh 4cqh;border:.5cqh solid #8a5a2c;border-radius:999px;background:linear-gradient(#b7783c,#8a5a2c);color:#fff6e3;font:700 5cqh/1 var(--font-display);white-space:nowrap;box-shadow:0 .8cqh #5e3a17}.song-letter,.song-pics,.song-clap{position:absolute;top:13%}.song-letter{left:24%;width:34cqh;aspect-ratio:906 / 1024}.song-letter img{position:absolute;inset:0;width:100%;height:100%}.song-letter .letter{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:4%;font-size:26cqh}.song-pics{left:48%;right:2%;display:flex;justify-content:center;gap:2cqw}.spic{display:grid;place-items:center;width:25cqh;height:30cqh;padding:2cqh;border:.5cqh solid #e2cf9a;border-radius:3cqh;background:#fffaf0;box-shadow:0 .8cqh #e2cf9a}.spic img{width:100%;height:100%;object-fit:contain}.spic.is-hidden{visibility:hidden}.song-clap{left:50%;width:36cqh;height:36cqh;transform:translate(-50%)}.lyrics{position:absolute;left:25%;right:3%;bottom:2%;height:33cqh;overflow:hidden;border:.5cqh solid #e2cf9a;border-radius:3cqh;background:#fffaf0f0}.lyrics-inner{transform:translateY(calc(10cqh - var(--k, 0) * 10cqh));transition:transform .5s ease}.lyrics p{display:flex;align-items:center;justify-content:center;height:10cqh;margin:0;padding-inline:3cqh;color:#2a241866;font:600 4.4cqh/1.1 var(--font-display);text-align:center;transition:color .3s,transform .3s}.lyrics p.now{color:#2a2418;font-weight:700;transform:scale(1.08)}.song-note{position:absolute;width:14cqh;opacity:0;pointer-events:none}.song-note.n1{left:30%;bottom:38%}.song-note.n2{right:6%;bottom:42%}.clapping .song-note{animation:note-float 3.2s ease-in infinite}.clapping .song-note.n2{animation-delay:1.6s}@keyframes note-float{0%{opacity:0;transform:translateY(0) rotate(-8deg)}20%{opacity:.9}to{opacity:0;transform:translateY(-40cqh) rotate(10deg)}}.v-known{display:flex;flex-wrap:wrap;justify-content:center;gap:3cqh}.v-known .tile{width:24cqh;height:24cqh}.v-known .tile span{font-size:17cqh}.v-known .tile:hover{transform:translateY(-1.5cqh)}.v-rest,.v-goodbye{display:flex;flex-direction:column;align-items:center;gap:2cqh;max-width:100%;padding:3.5cqh 5cqh;border:.5cqh solid #e2cf9a;border-radius:4cqh;background:#fffaf0f2;box-shadow:0 1cqh #e2cf9a;text-align:center}.rest-badge{width:20cqh}.v-rest h2{margin:0;color:#6b3f1d;font:700 8cqh/1 var(--font-display)}.v-rest p,.v-goodbye p{max-width:34ch;margin:0;font:600 4.4cqh/1.25 var(--font-display)}.rest-actions{display:flex;gap:3cqh;margin-top:1cqh}.stage-btn{padding:1.8cqh 4cqh;border:.5cqh solid #c9b57a;border-radius:999px;background:#fff;font:700 4.2cqh/1 var(--font-display)!important}.stage-btn-go{border-color:#4d7a22;background:#4d7a22;color:#fff!important}.v-goodbye .v-known .tile{width:20cqh;height:20cqh}@media(prefers-reduced-motion:reduce){.gori.bob img,.rings.on i,.pb-ready.active,.pb-next.pulse,.hint,.clapping .song-note{animation:none!important}}[data-reduced-motion] .gori.bob img,[data-reduced-motion] .rings.on i,[data-reduced-motion] .hint,[data-reduced-motion] .clapping .song-note{animation:none!important}