:root{--bg:#edf0f6;--surface:#fcfdff;--soft:#e7edfa;--text:#253454;--muted:#64728c;--line:#d1d9eb;--purple:#4e69ca;--purple-hover:#3d55ad;--gold:#8d9cdd;--gold-soft:#e1e7fa;--gold-ink:#4c5c9f;--focus:#8496df;--glass:#f8faffed;--dot:#ffffffb8;--panel-shadow:7px 9px 0 #52648a08,12px 16px 24px #28385612;--art-veil:#edf0f6c7}
:root[data-theme=dark]{--bg:#17213a;--surface:#25314e;--soft:#2d3d60;--text:#edf2ff;--muted:#b6c4e2;--line:#425476;--purple:#a4b9ff;--purple-hover:#c5d2ff;--on-purple:#152448;--gold:#a6b5ed;--gold-soft:#2a3a65;--gold-ink:#bdcaff;--focus:#a2b0ed;--glass:#25314eed;--dot:#91a9e31d;--panel-shadow:7px 9px 0 #070e2418,13px 18px 26px #070d292b;--art-veil:#17213ac9}
body{background-color:var(--bg);background-image:radial-gradient(circle,var(--dot) 1.15px,transparent 1.6px);background-size:10px 10px;background-attachment:fixed;isolation:isolate}
main{position:relative;z-index:1}.app-header{z-index:30}.brand img{filter:brightness(0) saturate(100%) invert(44%) sepia(49%) saturate(940%) hue-rotate(190deg)}
button.primary,.button.primary{background:linear-gradient(125deg,#5777cb,#7778ca);box-shadow:4px 6px 12px #365aad20}button.primary:hover,.button.primary:hover{background:linear-gradient(125deg,#4865b8,#6568b8)}
.app-nav{gap:7px;padding:6px 13px;border:1px solid var(--line);box-shadow:var(--panel-shadow);background:var(--glass)}
.app-nav a{min-height:66px;min-width:83px;padding:5px 12px;gap:1px;z-index:1;outline:none!important;border-color:transparent!important;background:transparent!important}
.app-nav .nav-art{width:34px;height:34px;object-fit:contain;margin:1px;filter:none;transition:opacity .3s}
.app-nav a:hover .nav-art{transform:none}.app-nav a[aria-current=page]{outline:none!important}.app-nav a[aria-current=page]::after{display:none}
.dock-selection{position:absolute;left:0;border:1.5px solid #a0addd;border-radius:15px;background:linear-gradient(135deg,#9cace918,#c0b8ef16);pointer-events:none;z-index:0;opacity:0;box-shadow:inset 0 1px #ffffff40}
.dock-selection.is-ready{transition:transform .62s cubic-bezier(.22,.61,.36,1),width .62s cubic-bezier(.22,.61,.36,1),height .4s,opacity .3s}
.route-ghost{z-index:5!important;pointer-events:none!important;overflow:hidden;contain:layout style;opacity:1}
.route-ghost video{display:none}.busy-bar{animation:delayed-status 1.1s both}@keyframes delayed-status{0%,85%{opacity:0}100%{opacity:1}}
.launch-tile,body[data-quest-page=home] .launcher-grid .panorama,.card,.panel,.sidebar .panel,.selected-lesson,.search-panel,.team-card,.hero-option,.set-strip,.match-controls,.sticky-actions,.setup footer{box-shadow:var(--panel-shadow)}
body[data-quest-page=home] .launcher-grid .panorama{border:4px solid #fcfdff;border-radius:16px}
.launch-tile:hover,.launcher-grid .panorama:hover{transform:translateY(-2px);box-shadow:9px 13px 23px #293d6225;outline-color:var(--focus);transition:transform .35s ease,box-shadow .35s ease}
.launch-questions{background:linear-gradient(120deg,#edf2fc,#d8e5f8 60%,#dfe4fb);color:#354d77}
.launch-library{background:linear-gradient(130deg,#e9effb,#d7e2f5);color:#435c87}.launch-library>svg{color:#829bd1}
.library-tile-icon{position:absolute;right:19px;top:10px;width:46px;height:46px;object-fit:contain}
.launch-favorites{background:linear-gradient(130deg,#efedfa,#dedff5);color:#69608e}
.launch-create{background:linear-gradient(135deg,#657a9f,#354d79)}.launch-create>img{object-fit:contain;object-position:center top;height:78%;top:7px}.launch-create::after{background:linear-gradient(0deg,#243855f5,transparent 87%)}
.qcard-front{color:#7292cc;background:linear-gradient(140deg,#fff,#e4edff)}.orbit-dot{background:#abc3eb}.qcard{box-shadow:5px 8px 13px #5673a32b}
.launcher-grid .create-panorama .panorama-wallpaper{object-fit:contain;object-position:right center;width:100%;height:100%}.launcher-grid .create-panorama{background:var(--soft)}
.launcher-grid .create-panorama .panorama-copy h2{color:#fff}.launcher-grid .create-panorama .panorama-copy p{color:#eff3ff}
:root[data-theme=dark] .launch-questions{background:linear-gradient(120deg,#2b3d60,#34466f);color:#edf2ff}
:root[data-theme=dark] .launch-library{background:linear-gradient(130deg,#344267,#2d3b5f);color:#edf2ff}
:root[data-theme=dark] .launch-favorites{background:linear-gradient(130deg,#3b3e64,#343b5d);color:#edf2ff}
:root[data-theme=dark] .qcard-front{background:linear-gradient(140deg,#e7edff,#b8c9ec)}
:root[data-theme=dark] .team-card:nth-child(n){background:linear-gradient(145deg,var(--surface),#304169)}
.stepper b,.setup-steps b,.question-row .number{background:var(--soft);color:var(--gold-ink)}.selected-lesson{border-left-color:#91a5d8}.set-title-panel,.account-panel{border-top-color:#99a9db}
.avatar-option img,.profile-avatar,.account-avatar,.byline-avatar{border-radius:22%!important}
.game-tile{--cover-border:linear-gradient(135deg,#daa264,#ddc083 35%,#c28da9 65%,#9ca9d8);border:4px solid transparent!important;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--cover-border) border-box!important;border-radius:19px;outline:none;box-shadow:var(--panel-shadow);transition:transform .4s ease,box-shadow .4s ease}
.game-tile:nth-child(2){--cover-border:linear-gradient(135deg,#8ac5bd,#a5cae6 36%,#caa4cc 68%,#d7a36d)}
.game-tile:nth-child(3){--cover-border:linear-gradient(135deg,#a491bd,#8aa2c3 50%,#6d819e)}
.game-tile:nth-child(4){--cover-border:linear-gradient(135deg,#c6a0df,#dfbc82 50%,#a8bde2)}
.game-tile[href]:hover{border-color:transparent!important;outline:none;transform:translateY(-4px);box-shadow:10px 15px 28px #28385825}
.game-tile:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.game-tile-media{border-radius:13px;overflow:hidden}
.game-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .32s ease;background:var(--bg)}
.game-backdrop.is-visible{opacity:1}.game-backdrop-layer{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.17);opacity:0;transition:opacity .32s ease}
.game-backdrop-layer.is-active{opacity:1}.game-backdrop::after{content:'';position:absolute;inset:0;background:var(--art-veil)}
@media(max-width:520px){.app-nav{padding:5px 7px;gap:3px}.app-nav a{min-width:65px;min-height:61px;padding:5px 7px}.app-nav .nav-art{width:30px;height:30px}.dock-selection{border-radius:13px}.game-tile{border-width:3px!important}}
@media(prefers-reduced-motion:reduce){.dock-selection.is-ready,.game-backdrop,.game-backdrop-layer{transition:none}.launch-tile:hover,.game-tile[href]:hover,.launcher-grid .panorama:hover{transform:none}}