:root[data-style=cosmos]{--bg:#eef0fa;--ink:#30334f;--muted:#686c8d;--line:#7076a938;--green:#6656a2;--on:#fff;--paper:#ffffffd9;--soft:#e2e4f2c9;--warm:#bc915b;--shadow:0 16px 45px #45416d10;--beam-one:#b2a4e52a;--beam-two:#7e9bda2a;--beam-three:#e8cdaa20}
:root[data-style=cosmos][data-theme=night]{--bg:#0d0e22;--ink:#eeebff;--muted:#b1adcc;--line:#b0a5e32e;--green:#c3b3ff;--on:#221a45;--paper:#18172fdf;--soft:#302746a1;--warm:#e6c18c;--shadow:0 18px 55px #00000025;--beam-one:#654fa82e;--beam-two:#4d609a22;--beam-three:#bb824b10}
:root[data-style=sakura]{--bg:#faf2ef;--ink:#553b45;--muted:#8a6974;--line:#bd8e9c33;--green:#a45470;--on:#fff8f4;--paper:#fffaf6e5;--soft:#f3e0dfc9;--warm:#b18e64;--shadow:0 15px 45px #9d6b780b;--beam-one:#e7b5c32b;--beam-two:#dfc6ae26;--beam-three:#e9b6d520}
:root[data-style=sakura][data-theme=night]{--bg:#21171f;--ink:#f6e4eb;--muted:#c6a2af;--line:#e4b0c32c;--green:#eab2c5;--on:#3e2130;--paper:#30212bdf;--soft:#4a2d3ca1;--warm:#e1c49c;--shadow:0 18px 55px #00000020;--beam-one:#bf668f22;--beam-two:#c8a07315;--beam-three:#d78db51c}
.theme-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2}.theme-atmosphere>i,.theme-atmosphere>b{display:none;position:absolute;pointer-events:none}.theme-atmosphere>i{left:var(--x);top:var(--y);width:var(--size);height:var(--size);animation-delay:var(--delay)!important}html[data-style=cosmos] .theme-atmosphere>i{display:block;background:var(--green);border-radius:50%;opacity:.35;box-shadow:0 0 13px var(--green)}html[data-style=cosmos][data-motion=on] .theme-atmosphere>i{animation:theme-star-shimmer 6s ease-in-out infinite alternate}html[data-style=cosmos][data-motion=on] .theme-atmosphere>b{display:block;width:90px;height:1px;top:5%;left:10%;opacity:0;background:linear-gradient(90deg,transparent,var(--green));transform:rotate(35deg);animation:theme-shooting-star 17s linear infinite}html[data-style=cosmos] .theme-atmosphere>b:nth-last-child(2){left:38%;animation-delay:-6s}html[data-style=cosmos] .theme-atmosphere>b:last-child{left:70%;animation-delay:-12s}html[data-style=cosmos] body:after{opacity:.06}
html[data-style=sakura] .theme-atmosphere>i{display:block;top:-35px;width:calc(var(--size) + 6px);height:calc(var(--size) + 11px);border-radius:90% 8% 85% 20%;background:linear-gradient(140deg,#e8aec2aa,#e6bfac77);opacity:0;transform:rotate(30deg)}html[data-style=sakura][data-motion=on] .theme-atmosphere>i{animation:theme-petal-fall var(--duration) linear infinite}html[data-style=sakura][data-motion=off] .theme-atmosphere>i{top:var(--y);opacity:.2}html[data-style=sakura] body:after{opacity:.04}
html[data-style=warm] .theme-atmosphere>i{display:block;top:var(--y);background:#d8c39e;border-radius:50%;width:calc(var(--size) + 14px);height:calc(var(--size) + 14px);opacity:.1;filter:blur(3px)}html[data-style=warm][data-motion=on] .theme-atmosphere>i{animation:theme-daylight-float var(--duration) ease-in-out infinite alternate}html[data-style=neon][data-motion=on] body:after{animation:theme-grid-drift 24s linear infinite}
.sample-cosmos{background:radial-gradient(circle at 20% 30%,#c7b8ff 0 1px,transparent 2px),radial-gradient(circle at 72% 20%,#d9c99e 0 1px,transparent 2px),radial-gradient(circle at 80% 80%,#a5aad9 0 1px,transparent 2px),#13122c;color:#d6c8ff}.sample-cosmos i{background:#705aab;filter:blur(32px);transform:translate(40px,30px)}.sample-sakura{background:linear-gradient(130deg,#fcf2ea,#f3dce3);color:#9e5f75}.sample-sakura i{background:#e9b8cb;filter:blur(27px);border-radius:85% 15%;transform:rotate(-30deg) translate(25px,25px)}
html[data-page-visible=hidden] :is(.theme-atmosphere>i,.theme-atmosphere>b),html[data-page-visible=hidden] body:before,html[data-page-visible=hidden] body:after{animation-play-state:paused!important}html[data-motion=off] .theme-atmosphere>i,html[data-motion=off] .theme-atmosphere>b{animation:none!important}html[data-style=cosmos] .cosmic-canvas{opacity:.22}html[data-style=sakura] .cosmic-canvas{opacity:.18}
@keyframes theme-star-shimmer{0%{opacity:.15;transform:scale(.7)}60%{opacity:.55}100%{opacity:.3;transform:scale(1.15)}}@keyframes theme-shooting-star{0%,76%{opacity:0;transform:translate(0,0) rotate(35deg)}79%{opacity:.65}90%{opacity:0;transform:translate(45vw,32vh) rotate(35deg)}100%{opacity:0;transform:translate(45vw,32vh) rotate(35deg)}}@keyframes theme-petal-fall{0%{opacity:0;transform:translate(0,-30px) rotate(20deg)}8%{opacity:.38}50%{transform:translate(30px,53vh) rotate(170deg)}92%{opacity:.3}100%{opacity:0;transform:translate(-25px,110vh) rotate(310deg)}}@keyframes theme-daylight-float{from{transform:translate(-20px,12px);opacity:.08}to{transform:translate(20px,-22px);opacity:.16}}@keyframes theme-grid-drift{from{background-position:0 0,0 0}to{background-position:0 140px,0 140px}}
@media(max-width:600px){.theme-atmosphere>i:nth-child(n+11){display:none!important}.look-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.look-sample{height:105px}}
@media(prefers-reduced-motion:reduce){.theme-atmosphere>i,.theme-atmosphere>b{animation:none!important}.theme-atmosphere>b{display:none!important}}
:root[data-style=mint]{--bg:#eff6f0;--ink:#29483f;--muted:#627b70;--line:#70978538;--green:#377c68;--on:#f5fff7;--paper:#fcfffaed;--soft:#e0eee3cf;--warm:#b89d63;--shadow:0 15px 45px #325b4210;--beam-one:#9ccba332;--beam-two:#abdbd329;--beam-three:#e6d8a127}
:root[data-style=mint][data-theme=night]{--bg:#102521;--ink:#e2f2e7;--muted:#a3c2b1;--line:#9bc8ae38;--green:#a5d6b3;--on:#183d30;--paper:#19352eea;--soft:#24483bbf;--warm:#dec58d;--shadow:0 18px 55px #00000020;--beam-one:#448a6225;--beam-two:#5cafa022;--beam-three:#c9b45d10}
html[data-style=mint] .theme-atmosphere>i{display:block;top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#b5c885;box-shadow:0 0 14px #96c89a;opacity:.22}html[data-style=mint][data-motion=on] .theme-atmosphere>i{animation:theme-firefly var(--duration) ease-in-out infinite alternate}html[data-style=mint] body:after{opacity:.035}.sample-mint{background:linear-gradient(140deg,#e5f2dc,#a8d3bd);color:#245a47}.sample-mint i{background:#7fb597;filter:blur(27px);transform:translate(30px,24px)}.dot-mint{background:linear-gradient(135deg,#c3e6ba,#4c9880)!important}
:root{--nest-base:.3;--scene-strength:.8;--nest-strength:1}:root[data-style=cosmos]{--nest-base:.22}:root[data-style=sakura]{--nest-base:.18}:root[data-style=mint]{--nest-base:.18}:root[data-intensity=soft]{--scene-strength:.28;--nest-strength:.45}:root[data-intensity=vivid]{--scene-strength:1;--nest-strength:1.4}.theme-atmosphere{opacity:var(--scene-strength)}html[data-style] body:before{opacity:var(--scene-strength)}html[data-style] .cosmic-canvas{opacity:calc(var(--nest-base)*var(--nest-strength))}
.look-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.look-panel-heading{gap:20px}.look-panel-heading .icon-button{flex-shrink:0}.look-intensity{border:0;border-top:1px solid var(--line);margin:20px 0 0;padding:20px 0 0}.look-intensity legend{font-size:12px;color:var(--muted);padding:0 10px 0 0}.look-intensity-options{display:flex;gap:8px;flex-wrap:wrap}.look-intensity-options .chip{min-width:74px}.look-choice[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 18%,transparent)}.look-choice-state{font-size:11px}.look-choice small{line-height:1.6}.home-theme-bar{flex-wrap:wrap;row-gap:15px}.home-theme-options{flex-wrap:wrap}.home-theme-dot{flex-shrink:0}.home-theme-option{white-space:nowrap}
html[data-theme=night] .arcade-card .game-art{filter:brightness(.88) saturate(.8)}html[data-theme=night] .game-art .game-unlock-label{background:#17242de8;color:#f8fafb;border:1px solid #ffffff30}.arcade-card{background:var(--paper);border-color:var(--line)}.game-console{border-color:var(--line)}.game-hud{color:var(--ink)}.game-select select{background:var(--paper);color:var(--ink);border-color:var(--line)}.game-controls .button.secondary[aria-pressed=true]{background:var(--green);color:var(--on)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--warm);outline-offset:3px}.game-stage button:focus-visible{outline-offset:-4px}.look-choice:focus-visible{outline-offset:3px}
@keyframes theme-firefly{0%{opacity:.12;transform:translate(-12px,10px) scale(.8)}35%{opacity:.45}70%{opacity:.15;transform:translate(25px,-30px) scale(1.1)}100%{opacity:.35;transform:translate(-15px,-14px) scale(.9)}}
@media(max-width:600px){.look-dialog{max-height:calc(100dvh - 20px)}.look-choice{padding:10px}.look-choice strong{font-size:14px}.look-choice small{font-size:11px}.look-panel-heading h2{font-size:23px}.look-intensity-options .chip{min-height:42px;flex:1}.home-theme-options{gap:7px}}

.look-panel-heading{position:sticky;top:-1px;z-index:5;background:var(--paper);backdrop-filter:blur(18px);padding-block:8px 16px;border-bottom:1px solid var(--line)}