.warmup-pick{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;width:100%;max-width:100vw;height:100%;height:100dvh;overflow-x:hidden;overflow-y:auto;color:#fff;background:#163a5c;box-sizing:border-box}.warmup-pick__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% 0,rgba(255,220,110,.22),transparent 58%),linear-gradient(180deg,rgba(28,78,128,.7),rgba(16,48,82,.92))}.warmup-pick .warmup-pick__nav{z-index:20}.warmup-pick .warmup-exit-btn,.warmup-pick .warmup-pick__nav{position:fixed;top:max(6px,env(safe-area-inset-top,0px));left:max(6px,env(safe-area-inset-left,0px))}.warmup-pick .warmup-exit-btn{z-index:70;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.58);color:#fff;font-size:1rem;font-weight:800;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.warmup-pick .warmup-exit-btn:active{opacity:.85;transform:scale(.96)}.warmup-pick__body{position:relative;z-index:1;width:100%;max-width:min(44rem,100%);margin:0 auto;padding:4.25rem 1rem 2rem;box-sizing:border-box}.warmup-pick__header{text-align:center;margin-bottom:1.25rem}.warmup-pick__eyebrow{margin:0 0 .35rem;font-size:.7rem;font-weight:800;letter-spacing:.35em;color:rgba(0,245,255,.85)}.warmup-pick__title{margin:0 0 .35rem;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:900;color:#ffe8b8}.warmup-pick__sub{margin:0;font-size:.85rem;color:rgba(255,255,255,.72)}.warmup-pick__grid{display:grid;grid-template-columns:1fr;gap:1rem}.warmup-pick__card--3d{position:relative;display:block;width:100%;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;touch-action:manipulation}.warmup-pick__card-plinth{position:absolute;inset:0;border-radius:1rem;background:linear-gradient(180deg,#1a1208,#0a0806);transform:translateY(7px);box-shadow:0 16px 32px rgba(0,0,0,.48);pointer-events:none}.warmup-pick__card-face{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,52%);gap:.4rem;align-items:stretch;min-height:6rem;padding:.8rem .85rem;border-radius:1rem;overflow:hidden;transition:transform .08s ease-out,box-shadow .08s ease-out,filter .08s ease-out}.warmup-pick__card--rhythm .warmup-pick__card-face{border:2px solid rgba(214,180,106,.62);background:linear-gradient(155deg,rgba(88,58,22,.98),rgba(42,32,18,.98) 52%,rgba(18,14,8,1));box-shadow:0 0 0 2px rgba(255,150,40,.42),0 0 18px rgba(214,180,106,.22),inset 0 1px 0 rgba(255,232,184,.28),inset 0 -2px 0 rgba(0,0,0,.35)}.warmup-pick__card--technique .warmup-pick__card-face{grid-template-columns:1fr;min-height:4.75rem;border:2px solid rgba(106,154,88,.65);background:linear-gradient(155deg,rgba(52,78,42,.98),rgba(28,48,28,.98) 52%,rgba(14,28,16,1));box-shadow:0 0 0 2px rgba(255,140,0,.55),0 0 16px rgba(106,180,88,.28),inset 0 1px 0 rgba(200,255,180,.2),inset 0 -2px 0 rgba(0,0,0,.35)}.warmup-pick__card--double-stroke .warmup-pick__card-face{border:2px solid rgba(88,148,210,.68);background:linear-gradient(155deg,rgba(32,58,92,.98),rgba(22,38,62,.98) 52%,rgba(12,22,38,1));box-shadow:0 0 0 2px rgba(120,190,255,.42),0 0 16px rgba(88,148,210,.24),inset 0 1px 0 rgba(200,230,255,.2),inset 0 -2px 0 rgba(0,0,0,.35)}.warmup-pick__card--double-stroke .warmup-pick__card-badge{color:#d8ecff;border-color:rgba(120,190,255,.45)}.warmup-pick__card--double-stroke .warmup-pick__card-title{color:#d8ecff}.warmup-pick__card--3d:hover .warmup-pick__card-face{filter:brightness(1.06)}.warmup-pick__card--3d:active .warmup-pick__card-face{transform:translateY(6px);filter:brightness(.96)}.warmup-pick__card-art{position:absolute;inset:0;opacity:.14;background-size:cover;background-position:50%;pointer-events:none}.warmup-pick__card-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:.28rem;min-width:0;padding-right:.15rem}.warmup-pick__card-badge{align-self:flex-start;padding:.12rem .45rem;border-radius:999px;font-size:.58rem;font-weight:900;letter-spacing:.12em;color:rgba(255,255,255,.92);background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.16)}.warmup-pick__card--rhythm .warmup-pick__card-badge{color:#ffe8b8;border-color:rgba(214,180,106,.45)}.warmup-pick__card-title{font-size:clamp(.92rem,2.8vw,1.02rem);font-weight:900;line-height:1.25;color:#ffe8b8}.warmup-pick__card-desc{font-size:.72rem;font-weight:600;line-height:1.35;color:rgba(255,255,255,.76)}.warmup-pick__preview{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:3.35rem;border-radius:.55rem;background:linear-gradient(180deg,#fffdf8,#f4efe4);box-shadow:inset 0 2px 0 rgba(255,255,255,.85),inset 0 -3px 8px rgba(0,0,0,.12),0 4px 10px rgba(0,0,0,.22);overflow:hidden}.warmup-pick__preview--beat-group{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;align-self:stretch;justify-self:stretch;width:100%;height:100%;min-height:5.5rem;padding:0;background:linear-gradient(180deg,#fffdf8,#f6f0e6);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 6px rgba(0,0,0,.18);border-radius:.35rem;overflow:hidden}.warmup-pick__preview--beat-group .warmup-pick__preview-host{flex:1;width:100%;height:100%;min-height:5.25rem;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:.2rem .18rem;box-sizing:border-box}.warmup-pick__preview--beat-group svg{width:100%!important;height:100%!important;display:block}.warmup-pick__preview--beat-group .warmup-pick__preview-skeleton{background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.08) 50%,rgba(0,0,0,.04));background-size:200% 100%}.warmup-pick__preview--beat-group .warmup-pick__preview-fallback{color:rgba(0,0,0,.2)}.warmup-pick__preview-host{width:100%;height:100%;min-height:3rem;pointer-events:none}.warmup-pick__preview-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.08) 50%,rgba(0,0,0,.04));background-size:200% 100%;animation:warmup-pick-shimmer 1.1s ease-in-out infinite}.warmup-pick__preview-fallback{position:absolute;font-size:1.35rem;color:rgba(0,0,0,.18)}@keyframes warmup-pick-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (min-width:640px){.warmup-pick__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warmup-pick__card--technique{grid-column:1/-1}.warmup-pick__card--technique .warmup-pick__card-face{grid-template-columns:1fr;min-height:5rem}.warmup-pick__card--double-stroke .warmup-pick__card-face,.warmup-pick__card--rhythm .warmup-pick__card-face{grid-template-columns:minmax(0,1fr) minmax(10.5rem,52%);min-height:6.75rem}.warmup-pick__preview--beat-group{min-height:5.85rem}.warmup-pick__preview--beat-group .warmup-pick__preview-host{min-height:5.6rem}.warmup-pick__preview{min-height:3.75rem}}.genre-arcade-grid--game-tier-layout{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:min(100%,78rem)!important}.genre-arcade-grid--game-tier-layout>.genre-arcade-card-wrap--tier{min-width:0;width:100%;max-width:100%}.genre-arcade-card-wrap--tier-elite-left{grid-column:1;grid-row:2}.genre-arcade-card-wrap--tier-elite-right{grid-column:3;grid-row:2}.genre-arcade-card-wrap--tier .genre-arcade-card,.genre-arcade-card-wrap--tier .genre-arcade-card__frame{overflow:hidden;max-width:100%}.genre-arcade-card-wrap--tier .genre-arcade-card__img{max-width:100%;max-height:100%}@media (orientation:portrait) and (max-width:900px){.genre-arcade-grid--game-tier-layout{max-width:min(100%,22rem)!important;gap:.55rem!important}}.genre-arcade-grid,.studio-mode-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;width:100%;max-width:min(100%,36rem);margin-inline:auto;padding:.5rem .75rem 1.5rem;overflow:visible;align-items:stretch}@media (orientation:portrait) and (max-width:900px){.genre-arcade-grid{width:100%;margin-inline:auto;padding-left:0;padding-right:0;gap:.85rem;box-sizing:border-box;overflow-x:clip}.genre-arcade-grid,.genre-arcade-grid--game{max-width:min(100%,19rem)}.genre-arcade-card-wrap--tier,.genre-arcade-grid:not(.genre-arcade-grid--game) .genre-arcade-card-wrap:not(.studio-image-card-wrap){width:100%;max-width:min(100%,15.5rem);margin-inline:auto}}.studio-mode-grid.studio-mode-grid--home-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.studio-mode-grid.studio-mode-grid--home-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}.studio-mode-grid.studio-mode-grid--home-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}@media (min-width:640px){.genre-arcade-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:72rem;gap:1.75rem;padding:.75rem 1.25rem 2rem}.genre-arcade-grid--game{grid-template-columns:repeat(2,minmax(0,1fr));max-width:62rem;gap:1.75rem}.studio-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:72rem;gap:1.5rem;padding:.75rem 1.25rem 2rem}.studio-mode-grid--home-4{gap:1.25rem}.studio-mode-grid--home-3,.studio-mode-grid--home-5{gap:1rem}}@media (min-width:1100px){.studio-mode-grid--home-4{gap:1.5rem}.studio-mode-grid--home-5{gap:1.25rem}.studio-mode-grid--home-3{max-width:min(100%,78rem);gap:1.5rem}}@media (min-width:1024px){.genre-arcade-grid--game{grid-template-columns:repeat(4,minmax(0,1fr));max-width:78rem}}@media (min-width:1280px){.genre-arcade-grid,.studio-mode-grid{max-width:88rem;gap:2rem;padding:1rem 2rem 2.5rem}}.genre-arcade-card-wrap{min-width:0;width:100%;aspect-ratio:512/588;padding:0;overflow:visible;box-sizing:border-box}.studio-image-card-wrap.genre-arcade-card-wrap{aspect-ratio:512/816}.studio-mode-grid--home .studio-image-card-wrap.genre-arcade-card-wrap{aspect-ratio:512/816;width:100%;max-width:none;margin-inline:0;overflow:hidden;border-radius:1.35rem}.studio-mode-grid--home .studio-image-card-wrap--academy{overflow:visible}.studio-image-card-wrap .genre-arcade-card:not(.genre-arcade-card--academy),.studio-image-card-wrap .genre-arcade-card:not(.genre-arcade-card--academy) .genre-arcade-card__frame{border-radius:1.35rem;overflow:hidden}.studio-image-card-wrap .genre-arcade-card:not(.genre-arcade-card--academy) .genre-arcade-card__img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;border-radius:1.35rem}.genre-arcade-grid:not(.genre-arcade-grid--game) .genre-arcade-card-wrap:not(.studio-image-card-wrap){aspect-ratio:512/588;max-width:20rem;margin-inline:auto}@media (min-width:640px){.genre-arcade-grid:not(.genre-arcade-grid--game) .genre-arcade-card-wrap:not(.studio-image-card-wrap){max-width:none;margin-inline:0}}.genre-arcade-card-wrap:not(.studio-image-card-wrap):not(.genre-arcade-card-wrap--tier) .genre-arcade-card,.genre-arcade-card-wrap:not(.studio-image-card-wrap):not(.genre-arcade-card-wrap--tier) .genre-arcade-card__frame{border-radius:1.15rem;overflow:hidden}.genre-arcade-card-wrap:not(.studio-image-card-wrap):not(.genre-arcade-card-wrap--tier) .genre-arcade-card__img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}.genre-arcade-card-wrap--tier{aspect-ratio:512/674;max-width:20rem;margin-inline:auto;overflow:hidden}@media (min-width:640px){.genre-arcade-card-wrap--tier{max-width:none;margin-inline:0}}.genre-arcade-card-wrap--tier .genre-arcade-card,.genre-arcade-card-wrap--tier .genre-arcade-card__frame{border-radius:1.35rem;overflow:hidden}.genre-arcade-card-wrap--tier .genre-arcade-card__img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;border-radius:1.35rem}.genre-arcade-card__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem;box-sizing:border-box;border-radius:1.35rem;background:linear-gradient(180deg,#4c1d95,#6d28d9 42%,#312e81);color:#f8e7a2;font-size:1.35rem;font-weight:900;letter-spacing:.04em;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.45)}.genre-arcade-card{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;cursor:pointer;overflow:visible;border-radius:1.5rem;transition:transform .18s ease,filter .18s ease}.genre-arcade-card:focus-visible{outline:2px solid #fff;outline-offset:6px}.genre-arcade-card:hover{transform:translateY(-3px) scale(1.02);filter:brightness(1.06)}.genre-arcade-card:active{transform:translateY(0) scale(.995)}.genre-arcade-card__glow{position:absolute;inset:-4px;border-radius:1.5rem;opacity:.92;pointer-events:none;z-index:0}.genre-arcade-card--funk .genre-arcade-card__glow{box-shadow:0 0 0 3px rgba(255,140,0,.95),0 0 18px rgba(255,120,0,.75),0 0 36px rgba(255,90,0,.45),inset 0 0 24px rgba(255,180,60,.12)}.genre-arcade-card--samba .genre-arcade-card__glow{box-shadow:0 0 0 3px rgba(120,255,60,.95),0 0 18px rgba(80,255,40,.7),0 0 36px rgba(40,220,20,.4),inset 0 0 24px rgba(160,255,100,.1)}.genre-arcade-card--swing .genre-arcade-card__glow{box-shadow:0 0 0 3px rgba(60,140,255,.95),0 0 18px rgba(40,120,255,.75),0 0 36px rgba(20,90,255,.45),inset 0 0 24px rgba(100,180,255,.12)}.genre-arcade-card:hover .genre-arcade-card__glow{opacity:1}.genre-arcade-card--funk:hover .genre-arcade-card__glow{box-shadow:0 0 0 3px rgba(255,160,40,1),0 0 26px rgba(255,130,0,.9),0 0 48px rgba(255,90,0,.55)}.genre-arcade-card--samba:hover .genre-arcade-card__glow{box-shadow:0 0 0 3px rgba(140,255,80,1),0 0 26px rgba(90,255,50,.85),0 0 48px rgba(50,230,30,.5)}.genre-arcade-card--swing:hover .genre-arcade-card__glow{box-shadow:0 0 0 3px rgba(90,160,255,1),0 0 26px rgba(60,140,255,.9),0 0 48px rgba(30,100,255,.55)}.genre-arcade-card__frame{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:1.5rem;background:transparent;box-shadow:none;isolation:isolate}.genre-arcade-card__img{display:block;width:100%;height:100%;margin:0;object-fit:contain;object-position:center center;pointer-events:none;user-select:none;-webkit-user-drag:none}.studio-image-card-wrap .genre-arcade-card--academy{border-radius:1.35rem}.studio-image-card-wrap .genre-arcade-card--academy .genre-arcade-card__frame{border-radius:1.35rem;overflow:hidden}.genre-arcade-card-wrap:not(.genre-arcade-card-wrap--tier):not(.studio-image-card-wrap) .genre-arcade-card__frame,.genre-arcade-card-wrap:not(.genre-arcade-card-wrap--tier):not(.studio-image-card-wrap) .genre-arcade-card__glow{border-radius:1.15rem}.genre-arcade-card--logo-panel{line-height:normal;border-radius:.75rem;overflow:hidden;background:linear-gradient(180deg,#503878,#3a2858);box-shadow:0 12px 32px rgba(0,0,0,.45)}.genre-arcade-card--logo-panel .genre-arcade-card__frame{flex-direction:column;justify-content:flex-end}.genre-arcade-card--logo-panel .genre-arcade-card__img{flex:1 1 auto;width:auto;max-width:72%;height:auto;max-height:72%;margin:1rem auto .35rem;object-fit:contain}.genre-arcade-card--academy .genre-arcade-card__frame{align-items:stretch;justify-content:flex-start}.genre-arcade-card__caption{flex-shrink:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.75rem .65rem 1rem;text-align:center;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22)}.genre-arcade-card__caption-title{font-size:clamp(1rem,2.4vw,1.125rem);font-weight:900;letter-spacing:-.02em;color:#ffe8b8;line-height:1.25}.genre-arcade-card__caption-sub{font-size:clamp(.75rem,1.8vw,.8125rem);font-weight:600;color:rgba(255,255,255,.65);line-height:1.35}@media (min-width:768px) and (max-width:1366px){.studio-mode-grid.studio-mode-grid--home{max-width:min(100%,62rem);padding-inline:clamp(1rem,3vw,2.5rem)}.studio-mode-grid.studio-mode-grid--home-4,.studio-mode-grid.studio-mode-grid--home-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.6vw,2rem)}.studio-mode-grid.studio-mode-grid--home-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,1.8vw,1.15rem)}.genre-arcade-grid:not(.genre-arcade-grid--game){max-width:min(100%,48rem);gap:clamp(1rem,2vw,1.5rem);padding-inline:clamp(1rem,3vw,2.25rem)}.genre-arcade-grid:not(.genre-arcade-grid--game) .genre-arcade-card-wrap:not(.studio-image-card-wrap){width:min(100%,14.5rem);max-width:14.5rem;margin-inline:auto}.genre-arcade-grid--game{max-width:min(100%,46rem);gap:clamp(1rem,2vw,1.5rem)}.genre-arcade-grid--game .genre-arcade-card-wrap--tier{width:min(100%,15rem);max-width:15rem;margin-inline:auto}}@media (orientation:landscape) and (min-width:700px) and (max-width:1366px){.studio-mode-grid.studio-mode-grid--home{max-width:min(100%,72rem);padding-inline:clamp(1rem,3vw,2.5rem)}.studio-mode-grid.studio-mode-grid--home-3,.studio-mode-grid.studio-mode-grid--home-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2vw,1.25rem)}.studio-mode-grid.studio-mode-grid--home-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,2vw,1.25rem)}.studio-mode-grid.studio-mode-grid--home-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.55rem,1.5vw,1rem)}.studio-mode-grid--home .studio-image-card-wrap.genre-arcade-card-wrap{aspect-ratio:512/720}}.studio-continue-practice{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:calc(100% - 2rem);max-width:74rem;margin:0 auto 1.25rem;padding:1rem 1.15rem;border-radius:.75rem;border:1px solid rgba(214,180,106,.35);background:linear-gradient(135deg,rgba(214,180,106,.18),rgba(8,12,22,.9));color:#fff;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.studio-continue-practice:hover{border-color:rgba(214,180,106,.55);transform:translateY(-1px)}.studio-continue-practice__eyebrow{font-size:.625rem;font-weight:800;letter-spacing:.2em;color:rgba(214,180,106,.85)}.studio-continue-practice__title{font-size:.875rem;font-weight:800;color:#ffe8b8;line-height:1.4}.studio-warmup-banner{position:relative;display:block;width:calc(100% - 2rem);max-width:74rem;margin:0 auto 1.35rem;min-height:clamp(7.5rem,18vw,11rem);border:none;border-radius:1rem;overflow:hidden;cursor:pointer;text-align:left;color:#fff;background-color:#1a1612;background-image:var(--warmup-banner-img);background-size:cover;background-position:50%;box-shadow:0 14px 36px rgba(0,0,0,.35);transition:transform .15s ease,box-shadow .15s ease}.studio-warmup-banner:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.42)}.studio-warmup-banner__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,10,8,.82),rgba(12,10,8,.45) 48%,rgba(12,10,8,.2));pointer-events:none}.studio-warmup-banner__copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:.35rem;min-height:inherit;padding:clamp(1rem,2.5vw,1.5rem) clamp(1.1rem,3vw,1.75rem)}.studio-warmup-banner__eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.22em;color:rgba(255,210,140,.9)}.studio-warmup-banner__title{font-size:clamp(1.35rem,3.6vw,2rem);font-weight:900;letter-spacing:-.03em;line-height:1.15}.studio-warmup-banner__desc{font-size:clamp(.8rem,2vw,.95rem);font-weight:600;color:rgba(255,255,255,.78);line-height:1.35;max-width:36rem}.studio-image-card-wrap--guide-highlight .genre-arcade-card{outline:3px solid rgba(96,165,250,.85);outline-offset:4px;border-radius:4px}.studio-image-card-wrap--guide-highlight{position:relative;z-index:55}.studio-mode-grid.studio-mode-grid--home{width:100%;max-width:min(100%,88rem);margin-inline:auto;padding-inline:.5rem}@media (min-width:480px){.studio-mode-grid.studio-mode-grid--home{padding-inline:.75rem}}.genre-arcade-card--academy{position:relative;height:100%;border-radius:1.35rem;overflow:hidden;background:radial-gradient(ellipse 85% 48% at 50% 0,rgba(167,139,250,.28),transparent 58%),radial-gradient(ellipse 70% 40% at 50% 100%,rgba(214,180,106,.12),transparent 62%),linear-gradient(168deg,#3a2a58,#221838 40%,#0e0a16);box-shadow:0 0 0 1px rgba(232,204,132,.72),0 0 0 3px rgba(58,44,22,.95),0 0 36px rgba(124,92,191,.22),0 18px 42px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.35);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.genre-arcade-card--academy:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 32%,transparent 68%,rgba(214,180,106,.08))}.genre-arcade-card--academy:hover{filter:brightness(1.07);box-shadow:0 0 0 1px rgba(255,220,140,.88),0 0 0 3px rgba(72,54,26,.95),0 0 44px rgba(167,139,250,.28),0 22px 48px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.16)}.genre-arcade-card--academy:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%,transparent 76%,rgba(0,0,0,.32));pointer-events:none}.genre-arcade-card__academy-frame{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;justify-content:flex-start!important;align-items:stretch!important;padding:.65rem .7rem .75rem;line-height:normal;text-align:left}.genre-arcade-card__academy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem;flex-shrink:0}.genre-arcade-card__academy-top{display:flex;align-items:flex-start;gap:.45rem;min-width:0;flex:1 1 auto}.genre-arcade-card__academy-badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:.18rem;border-radius:.55rem;background:linear-gradient(180deg,#fff,#f0ebe0);box-shadow:0 4px 12px rgba(0,0,0,.35),0 0 0 1px rgba(214,180,106,.35),inset 0 1px 0 rgba(255,255,255,.55);overflow:hidden}.genre-arcade-card__academy-badge-logo{display:block;width:100%;height:100%;object-fit:contain}.genre-arcade-card__academy-title-block{display:flex;flex-direction:column;gap:.2rem;min-width:0}.genre-arcade-card__academy-title-ko{display:block;font-size:clamp(.92rem,2.6vw,1.15rem);font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.45)}.genre-arcade-card__academy-eyebrow{flex-shrink:0;margin-top:.05rem;font-size:clamp(.55rem,1.4vw,.68rem);font-weight:900;letter-spacing:.14em;line-height:1;background:linear-gradient(180deg,#ffc56a,#ff9620 55%,#c45a00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}.genre-arcade-card__academy-desc{margin:0;font-size:clamp(.58rem,1.55vw,.72rem);font-weight:600;line-height:1.4;color:rgba(255,255,255,.72);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.genre-arcade-card__academy-visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;flex:1 1 auto;min-height:4.5rem;margin:.35rem 0 .15rem;padding:.1rem .15rem}.genre-arcade-card__academy-logo-glow{position:absolute;inset:8% 10% 14%;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.5) 0,rgba(124,92,191,.18) 45%,transparent 72%);filter:blur(3px);pointer-events:none}.genre-arcade-card__academy-logo-stage{position:absolute;left:50%;bottom:10%;width:68%;height:.45rem;transform:translateX(-50%);border-radius:999px;background:radial-gradient(ellipse,rgba(214,180,106,.5) 0,transparent 72%);pointer-events:none}.genre-arcade-card__academy-logo{position:relative;z-index:1;display:block;width:auto;max-width:88%;max-height:100%;object-fit:contain;border-radius:.75rem;background:linear-gradient(180deg,#fff,#f5f0e6);padding:.4rem .55rem;box-shadow:0 8px 20px rgba(0,0,0,.42),0 0 0 1px rgba(214,180,106,.28);pointer-events:none;user-select:none;-webkit-user-drag:none}.genre-arcade-card__academy-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:.35rem;margin-top:auto;padding-top:.45rem;border-top:1px solid rgba(214,180,106,.18)}.genre-arcade-card__academy-cta{font-size:clamp(.72rem,2vw,.92rem);font-weight:800;color:#e8cc84;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.4)}.genre-arcade-card__academy-tag{font-size:clamp(.48rem,1.2vw,.58rem);font-weight:800;letter-spacing:.1em;color:rgba(255,255,255,.4);text-align:right;line-height:1.3;max-width:52%}@media (min-width:640px){.genre-arcade-card__academy-frame{padding:.8rem .85rem .85rem}.genre-arcade-card__academy-badge{width:2.75rem;height:2.75rem}.genre-arcade-card__academy-visual{min-height:6.5rem}.genre-arcade-card__academy-logo{padding:.5rem .65rem}}@media (min-width:1100px){.genre-arcade-card__academy-title-ko{font-size:clamp(1.05rem,1.2vw,1.25rem)}.genre-arcade-card__academy-desc{font-size:clamp(.68rem,.85vw,.78rem)}.genre-arcade-card__academy-visual{min-height:8rem}}.studio-home-board{display:flex;flex-direction:column;gap:clamp(.65rem,2vw,1.1rem);width:calc(100% - 1rem);max-width:min(100%,72rem);margin-inline:auto;padding-inline:.35rem .35rem 1.25rem;box-sizing:border-box}.studio-mode-grid--home-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.45rem,2vw,1.25rem);width:100%;max-width:none;margin-inline:0;padding:0}.studio-mode-grid--home-modes .studio-image-card-wrap.genre-arcade-card-wrap{aspect-ratio:512/816;max-width:none;margin-inline:0}.studio-home-students{width:100%;max-width:none;margin:0;padding:0}.studio-home-students .studio-image-card-wrap--academy{aspect-ratio:auto;max-width:100%;min-height:clamp(7.5rem,22vw,9.5rem)}.studio-home-students .genre-arcade-card--academy{min-height:inherit}.studio-home-students .genre-arcade-card__academy-frame{flex-direction:row;align-items:center;gap:clamp(.5rem,2vw,1rem);padding:clamp(.65rem,2vw,.85rem) clamp(.75rem,2.5vw,1.1rem)}.studio-home-students .genre-arcade-card__academy-head{flex:1 1 auto;min-width:0;align-items:center}.studio-home-students .genre-arcade-card__academy-visual{flex:0 0 clamp(4.5rem,18vw,6.5rem);width:clamp(4.5rem,18vw,6.5rem);min-height:clamp(4rem,14vw,5.5rem);margin:0}.studio-home-students .genre-arcade-card__academy-foot{flex:0 0 auto;flex-direction:column;align-items:flex-end;justify-content:center;margin-top:0;padding-top:0;border-top:none;text-align:right}@media (min-width:900px){.studio-home-board{gap:1.15rem;padding-inline:1rem 1rem 1.75rem}.studio-mode-grid--home-modes{gap:1.5rem}}.liveplay-pick{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;width:100%;max-width:100vw;height:100%;height:100dvh;overflow-x:hidden;overflow-y:auto;color:#fff;background:#0f2844;box-sizing:border-box}.liveplay-pick__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% 0,rgba(120,200,255,.18),transparent 58%),linear-gradient(180deg,rgba(20,60,100,.75),rgba(10,30,55,.95))}.liveplay-pick .liveplay-pick__nav{position:fixed;z-index:20;top:max(6px,env(safe-area-inset-top,0px));left:max(6px,env(safe-area-inset-left,0px))}.liveplay-pick__body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;width:min(960px,100%);margin:0 auto;padding:max(4.5rem,calc(env(safe-area-inset-top, 0px) + 3.5rem)) max(1rem,env(safe-area-inset-right,0px)) max(2rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));box-sizing:border-box}.liveplay-pick__header{text-align:center;margin-bottom:1.75rem}.liveplay-pick__eyebrow{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;color:rgba(180,220,255,.85)}.liveplay-pick__title{margin:0 0 .5rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1.2}.liveplay-pick__sub{margin:0;font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.78)}.liveplay-pick__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;width:100%}.voice-coach-bar{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:55;display:flex;align-items:flex-end;justify-content:center;gap:.35rem;padding:0 .85rem .75rem;pointer-events:none}.voice-coach-bar__bubble{flex:0 1 auto;min-width:0;max-width:min(22rem,calc(100vw - 4.5rem));border-radius:.625rem;border:1px solid rgba(214,180,106,.38);background:linear-gradient(145deg,rgba(28,24,18,.92),rgba(12,12,18,.94));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,248,230,.92);padding:.45rem .7rem .5rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.42),0 0 20px rgba(214,180,106,.06);pointer-events:auto;cursor:pointer;text-align:left;font:inherit}.voice-coach-bar__bubble--speaking{border-color:rgba(214,180,106,.62);box-shadow:inset 0 0 0 1px rgba(214,180,106,.12),0 8px 24px rgba(0,0,0,.45),0 0 22px rgba(214,180,106,.14)}.voice-coach-bar__text{margin:0;font-size:.6875rem;line-height:1.5;font-weight:500;letter-spacing:.01em;white-space:pre-line}.voice-coach-bar__close{flex-shrink:0;align-self:flex-end;width:1.375rem;height:1.375rem;margin-bottom:.15rem;border:1px solid rgba(214,180,106,.28);border-radius:999px;background:rgba(0,0,0,.45);color:rgba(214,180,106,.75);font-size:.85rem;line-height:1;cursor:pointer;pointer-events:auto;transition:border-color .15s ease,color .15s ease}.voice-coach-bar__close:hover{border-color:rgba(214,180,106,.55);color:rgba(255,232,184,.95)}@media (min-width:640px){.voice-coach-bar{padding:0 1.5rem 1rem}.voice-coach-bar__bubble{max-width:24rem;padding:.5rem .8rem .55rem}.voice-coach-bar__text{font-size:.71875rem}}body:has(.voice-coach-bar) .studio-shell--arcade .studio-shell__content{padding-bottom:5.25rem}@media (orientation:landscape) and (max-height:520px){.voice-coach-bar{padding:0 .5rem .35rem}.voice-coach-bar__bubble{max-width:min(16rem,calc(100vw - 3.5rem));padding:.3rem .5rem}.voice-coach-bar__text{font-size:.58rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body:has(.voice-coach-bar) .studio-shell--arcade .studio-shell__content{padding-bottom:3rem}}@media (min-width:640px){body:has(.voice-coach-bar) .studio-shell--arcade .studio-shell__content{padding-bottom:5.5rem}}.lesson-end-modal-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.72)}.lesson-end-modal{box-sizing:border-box;width:min(100%,28rem);max-height:min(90vh,34rem);overflow-y:auto;padding:1.25rem;border-radius:1rem;border:1px solid rgba(214,180,106,.35);background:#111827;box-shadow:0 24px 48px rgba(0,0,0,.55)}.lesson-end-modal__title{margin:0 0 .35rem;font-size:1.125rem;font-weight:800;color:#fff7e6}.lesson-end-modal__subtitle{margin:0 0 1rem;font-size:.8125rem;line-height:1.45;color:rgba(255,255,255,.58)}.lesson-end-modal__video-note{margin:.75rem 0 0;padding:.65rem .75rem;border-radius:.65rem;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);font-size:.8125rem;color:#bbf7d0}.lesson-end-modal__records{margin:0 0 1rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.lesson-end-modal__record{padding:.75rem .85rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}.lesson-end-modal__record-title{margin:0;font-size:.9375rem;font-weight:800;color:#fff}.lesson-end-modal__record-meta{margin:.25rem 0 0;font-size:.75rem;color:rgba(255,255,255,.55)}.lesson-end-modal__empty{margin:0 0 1rem;padding:.75rem .85rem;border-radius:.65rem;border:1px dashed rgba(255,255,255,.18);font-size:.8125rem;line-height:1.45;color:rgba(255,255,255,.62)}.lesson-end-modal__summary-row{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-top:1px solid rgba(255,255,255,.08);font-size:.8125rem}.lesson-end-modal__summary-row span:first-child{color:rgba(255,255,255,.62);font-weight:600}.lesson-end-modal__summary-row span:last-child{color:#fff;font-weight:800;text-align:right}.lesson-end-modal__confirm-text{margin:.5rem 0 1.25rem;font-size:1rem;font-weight:800;line-height:1.5;text-align:center;color:#d8f0ff}.lesson-end-modal__confirm-text--warn{color:rgba(255,200,160,.95)}.lesson-end-modal__actions--stacked{flex-direction:column;align-items:stretch;gap:.55rem;margin-top:.75rem}.lesson-end-modal__btn--exit-outline{background:rgba(255,255,255,.06);color:rgba(255,230,210,.88);border:1px solid rgba(255,160,120,.4)}.lesson-end-modal__btn--exit-outline:hover:not(:disabled){background:rgba(255,160,120,.12);border-color:rgba(255,180,140,.55)}.lesson-end-modal__exit-link{display:block;width:100%;margin-top:.85rem;padding:.5rem;border:0;background:none;font:inherit;font-size:.8125rem;font-weight:700;color:rgba(255,255,255,.45);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.lesson-end-modal__exit-link:hover:not(:disabled){color:rgba(255,255,255,.72)}.lesson-end-modal__exit-link:disabled{opacity:.45;cursor:not-allowed}.lesson-end-modal__btn--exit{min-width:5.5rem;background:rgba(255,255,255,.12);color:rgba(255,220,200,.92);border:1px solid rgba(255,160,120,.35)}.lesson-end-modal__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.lesson-end-modal__actions--confirm{justify-content:center}.lesson-end-modal__btn{border:0;border-radius:.75rem;padding:.65rem 1rem;font-size:.875rem;font-weight:800;cursor:pointer;font-family:inherit}.lesson-end-modal__btn--ghost{background:rgba(255,255,255,.08);color:rgba(255,255,255,.82)}.lesson-end-modal__btn--checkout{background:linear-gradient(180deg,#ffb088,#e06030);color:#1a0800}.lesson-end-modal__btn--yes{min-width:5.5rem;background:linear-gradient(180deg,#8fd4ff,#4da8d8);color:#041018}.lesson-end-modal__btn--no{min-width:5.5rem;background:rgba(255,255,255,.1);color:rgba(255,255,255,.85)}.lesson-end-modal__btn:disabled{opacity:.45;cursor:not-allowed}.active-student-banner{position:fixed;top:1rem;left:50%;z-index:55;display:inline-flex;align-items:center;gap:.5rem;max-width:min(calc(100vw - 1rem),20rem);padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(214,180,106,.55);background:linear-gradient(135deg,rgba(20,16,8,.92),rgba(48,36,12,.88));box-shadow:inset 0 0 0 1px rgba(255,232,184,.08),0 8px 24px rgba(0,0,0,.45);backdrop-filter:blur(8px);transform:translateX(-50%);cursor:pointer;font:inherit;color:inherit;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.active-student-banner--play{top:3.75rem}.active-student-banner--menuStacked{top:calc(6px + env(safe-area-inset-top, 0px) + .5rem + 2.65rem + .5rem + .35rem);z-index:36}@media (min-width:768px){.active-student-banner--menuStacked{top:calc(6px + env(safe-area-inset-top, 0px) + .55rem + 2.85rem + .55rem + .35rem)}}.active-student-banner:hover{border-color:rgba(214,180,106,.85);background:linear-gradient(135deg,rgba(32,24,10,.96),rgba(64,48,16,.92));box-shadow:inset 0 0 0 1px rgba(255,232,184,.14),0 10px 28px rgba(0,0,0,.5)}.active-student-banner:focus-visible{outline:2px solid rgba(255,232,184,.85);outline-offset:2px}.active-student-banner:active{transform:translateX(-50%) scale(.98)}.active-student-banner__dot{width:.5rem;height:.5rem;border-radius:999px;background:#6ee7a8;box-shadow:0 0 10px rgba(110,231,168,.75);flex-shrink:0;animation:active-student-pulse 1.8s ease-in-out infinite}.active-student-banner__label{font-size:.65rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,232,184,.72);flex-shrink:0}.active-student-banner__name{font-size:.875rem;font-weight:800;color:#fff7e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes active-student-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}@media (max-width:640px){.active-student-banner{top:.85rem;max-width:calc(100vw - .75rem)}.active-student-banner--menuStacked{top:calc(6px + env(safe-area-inset-top, 0px) + .5rem + 2.65rem + .5rem + .35rem)}.active-student-banner--play{top:3.25rem}.active-student-banner{padding:.4rem .7rem}.active-student-banner__label{display:none}}