.studio-shell{position:fixed;inset:0;z-index:20;height:100%;height:100dvh;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;color:#fff}.studio-shell--arcade{background:#163a5c}.studio-shell__bg-photo{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:.4;pointer-events:none}.studio-shell--arcade .studio-shell__bg-photo{opacity:.38;filter:saturate(1.2) contrast(1.02) brightness(1.08)}.studio-shell__bg-gradient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 12%,rgba(255,220,120,.18),transparent 55%),radial-gradient(ellipse at 85% 78%,rgba(90,200,255,.12),transparent 48%),linear-gradient(180deg,rgba(36,88,140,.72),rgba(42,100,150,.65) 45%,rgba(18,52,88,.88))}.studio-shell--arcade .studio-shell__bg-gradient{background:radial-gradient(ellipse 90% 55% at 50% 0,rgba(255,220,110,.22),transparent 58%),radial-gradient(ellipse 70% 45% at 12% 88%,rgba(255,170,60,.14),transparent 52%),radial-gradient(ellipse 70% 45% at 88% 88%,rgba(70,190,255,.16),transparent 52%),linear-gradient(180deg,rgba(28,78,128,.7),rgba(32,88,140,.62) 50%,rgba(16,48,82,.82))}.studio-shell__scanlines{opacity:.04;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.45) 0,rgba(0,0,0,.45) 4px)}.studio-shell__grid,.studio-shell__scanlines{position:absolute;inset:0;pointer-events:none}.studio-shell__grid{opacity:.045;background-image:linear-gradient(rgba(0,245,255,.35) 1px,transparent 0),linear-gradient(90deg,rgba(0,245,255,.2) 1px,transparent 0);background-size:56px 56px}.studio-shell__hazard{position:absolute;top:0;left:0;right:0;height:6px;pointer-events:none;background:repeating-linear-gradient(-45deg,#f5c400,#f5c400 10px,#1a1a1a 0,#1a1a1a 20px);opacity:.85;box-shadow:0 2px 12px rgba(245,196,0,.25)}.studio-shell__frame{position:absolute;inset:12px;pointer-events:none;border:1px solid rgba(0,245,255,.12);border-radius:4px;box-shadow:inset 0 0 40px rgba(0,245,255,.04),inset 0 0 80px rgba(0,0,0,.35)}.studio-shell--arcade .studio-shell__frame{border-color:rgba(214,180,106,.18);box-shadow:inset 0 0 50px rgba(0,245,255,.06),inset 0 0 100px rgba(0,0,0,.45)}.studio-shell--has-primary-actions{--studio-primary-bar-top:calc(6px + env(safe-area-inset-top, 0px));--studio-primary-bar-height:calc(0.5rem + 2.65rem + 0.5rem + 1px)}@media (min-width:768px){.studio-shell--has-primary-actions{--studio-primary-bar-height:calc(0.55rem + 2.85rem + 0.55rem + 1px)}}.studio-shell__nav-back{position:fixed;left:max(1.25rem,env(safe-area-inset-left,0px));top:max(1.25rem,env(safe-area-inset-top,0px));z-index:40}.studio-shell__nav-back--below-primary{top:calc(var(--studio-primary-bar-top) + var(--studio-primary-bar-height) + .4rem)}.studio-shell__toolbar{position:fixed;right:max(1rem,env(safe-area-inset-right,0px));top:1rem;z-index:40;display:flex;align-items:center;gap:.25rem;justify-content:flex-end;height:2rem;max-width:calc(100% - 10rem);padding-right:env(safe-area-inset-right,0)}.studio-shell__toolbar--below-primary{top:calc(var(--studio-primary-bar-top) + var(--studio-primary-bar-height) + .3rem)}.studio-shell__primary-actions{position:fixed;top:calc(6px + env(safe-area-inset-top, 0px));left:0;right:0;z-index:35;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:.65rem;width:100%;max-width:none;padding:.55rem max(1rem,env(safe-area-inset-right,0px)) .55rem max(1rem,env(safe-area-inset-left,0px));box-sizing:border-box;pointer-events:none;background:linear-gradient(180deg,rgba(6,12,24,.94),rgba(6,12,24,.82));border-bottom:1px solid rgba(214,180,106,.28);box-shadow:0 10px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(10px)}.studio-shell__primary-actions>.studio-shell__primary-btn{pointer-events:auto}.studio-shell__primary-btn{flex:1 1 0;min-width:0;max-width:16rem;min-height:2.85rem;padding:.55rem 1rem;border-radius:.65rem;border:2px solid rgba(214,180,106,.55);background:linear-gradient(180deg,rgba(214,180,106,.35),rgba(214,180,106,.14));box-shadow:0 0 22px rgba(214,180,106,.2),0 4px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12);color:#fff4d6;font-size:.84rem;font-weight:900;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.45);transition:background .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}.studio-shell__primary-btn:hover{border-color:rgba(255,232,184,.85);background:linear-gradient(180deg,rgba(214,180,106,.48),rgba(214,180,106,.22));box-shadow:0 0 28px rgba(214,180,106,.35),0 4px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.16)}.studio-shell__primary-btn:active{transform:scale(.98)}.studio-shell__primary-btn--students{border-color:rgba(125,255,178,.62);background:linear-gradient(180deg,rgba(125,255,178,.28),rgba(125,255,178,.1));color:#e8fff2;box-shadow:0 0 22px rgba(125,255,178,.22),0 4px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1)}.studio-shell__primary-btn--students:hover{border-color:rgba(125,255,178,.88);background:linear-gradient(180deg,rgba(125,255,178,.38),rgba(125,255,178,.16));box-shadow:0 0 30px rgba(125,255,178,.32),0 4px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.14)}.studio-shell--has-primary-actions .studio-shell__content{padding-top:calc(var(--studio-primary-bar-top) + var(--studio-primary-bar-height) + 3.25rem)}@media (min-width:768px){.studio-shell--has-primary-actions .studio-shell__content{padding-top:calc(var(--studio-primary-bar-top) + var(--studio-primary-bar-height) + 3.75rem)}.studio-shell__primary-btn{font-size:.92rem;min-height:3rem}}@media (max-width:640px),(orientation:portrait) and (max-width:900px){.studio-shell__primary-actions{gap:.5rem;padding:.5rem max(.65rem,env(safe-area-inset-right,0px)) .5rem max(.65rem,env(safe-area-inset-left,0px))}.studio-shell__primary-btn{font-size:.76rem;min-height:2.65rem;padding:.5rem .65rem;max-width:none}.studio-shell--has-primary-actions .studio-shell__content{padding-top:calc(var(--studio-primary-bar-top) + var(--studio-primary-bar-height) + 2.85rem)}.studio-shell__toolbar{gap:.25rem;max-width:calc(100% - 4.75rem)}.studio-shell__toolbar .site-nav__my-page{display:none}.studio-shell__toolbar>button[type=button]:first-child{max-width:5.5rem;padding-left:.4rem;padding-right:.4rem;font-size:10px}.studio-shell__content{width:100%;margin-inline:auto;padding-left:max(.65rem,env(safe-area-inset-left,0px));padding-right:max(.65rem,env(safe-area-inset-right,0px));box-sizing:border-box;overflow-x:clip}.studio-shell--arcade .studio-shell__content,.studio-shell__content{max-width:min(100%,100vw)}.studio-shell__header h1{font-size:clamp(1.35rem,6.5vw,1.85rem);padding-inline:.25rem}}.studio-shell__content{position:relative;z-index:10;max-width:72rem;margin-inline:auto;padding:5rem 1rem 3rem;overflow:visible}@media (min-width:768px){.studio-shell__content{padding:5.5rem 1.5rem 3rem}}.studio-shell--arcade .studio-shell__content{max-width:92rem;overflow:visible}.studio-shell--arcade .studio-shell__content>.studio-shell__header{margin-bottom:1.75rem}@media (orientation:landscape) and (max-height:560px){.studio-shell--arcade{overflow-y:scroll;-webkit-overflow-scrolling:touch}.studio-shell--arcade .studio-shell__content{display:block;min-height:0;max-height:none;padding:2.75rem .65rem 1.25rem}.studio-shell--arcade .studio-shell__content>.studio-shell__header{margin-bottom:.35rem}.studio-shell--arcade .studio-shell__content>.studio-shell__header p{display:none}.studio-shell--arcade .studio-shell__content>.studio-shell__header h1{font-size:1.125rem;line-height:1.2}.studio-shell--arcade .studio-shell__content>.studio-shell__header .mt-3{margin-top:.15rem;font-size:.65rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.studio-shell--arcade .studio-shell__content>.music-select{min-height:0}}@media (min-width:768px){.studio-shell--arcade .studio-shell__content>.studio-shell__header{margin-bottom:2rem}}.studio-shell__title--arcade{text-shadow:0 0 20px rgba(0,245,255,.35),0 2px 8px rgba(0,0,0,.8);letter-spacing:.02em}.studio-shell__eyebrow--arcade{color:rgba(0,245,255,.85);text-shadow:0 0 12px rgba(0,245,255,.4)}