:root{--bg:#0c0b14;--surface:#171320;--border:#3b304b;--purple:#b486dc;--green:#ad84d0;--ink:#e6dcf0;--muted:#a495b4;--line:#3b304b;--accent:#bf8ef0;--font:Inter,Segoe UI,sans-serif;--fw-lime:#c6a1ec}.sidebar{background:linear-gradient(180deg,#120e1c,#181121);border-color:#3e2a50}.brand-icon{background:linear-gradient(135deg,#9d58d8,#4a236e);box-shadow:0 0 30px #8a42c72b}.brand-dot,.title-dot{color:#c492ed}.workspace{background:#20172c;border-color:#4c335f}.workspace-icon,.avatar{background:#3a254b;color:#d8b2f7}.nav-label{color:#826b99}#nav button.active{background:#382447;color:#ddbcf6;border:1px solid #77518f}#nav button.active span{color:#cf9ff3}body{background:radial-gradient(ellipse at 75% 0,#48255d28,transparent 48%),#0c0b14;color:#e4ddeb}main>header{background:#130f1d;border-color:#35283f}.content>.heading h1{font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:-1px}.eyebrow{color:#b194c9}.primary{background:#b786df;color:#190e26;border-color:#cb9fed;box-shadow:0 4px 20px #8c4ab41b}.primary:hover{background:#cca2ed}.secondary{background:#21172d;color:#d2bade;border-color:#604271}.secondary:hover{background:#352240;border-color:#a374bd}.panel,.stat,.stats>div{background:#171320;border-color:#3c2d4a}.live-pill,.live-service{background:#2a1e37;color:#d1adf1;border-color:#614275}.live-pill i,.service i{background:#c28fe7;box-shadow:0 0 8px #a66cd9}.status-line{color:#9b84ad}.sidebar .service{border-color:#4a345c;background:#21172c}.owner{border-color:#3b294b}footer{color:#856b9e}footer a{color:#b894d6}.arc-hero{position:relative;isolation:isolate;min-height:300px;background:radial-gradient(ellipse at left top,#43295388,transparent 70%),#140f20;border-color:#69427e;overflow:hidden}.arc-hero>div:first-child{z-index:1;max-width:70%}.arc-hero h2{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:clamp(31px,4vw,52px);letter-spacing:-1.5px}.arc-hero em,.arc-controls em{color:#c89af0}.arc-hero .shadow-figure{display:block;position:absolute;right:0;top:0;width:47%;height:100%;object-fit:cover;object-position:center 22%;z-index:-1;opacity:.85;mask-image:linear-gradient(to left,#000 35%,transparent 100%)}.arc-hero .arc-orbit{display:none}.arc-hero p{color:#b7a1c8}.arc-catalog>button{background:linear-gradient(130deg,#20172c,#14121e);border-color:#483053}.arc-catalog>button:hover{background:#35203f;border-color:#a673c5}.arc-catalog>button.chosen{background:linear-gradient(130deg,#4b2b60,#241b35);border-color:#bb87e4;box-shadow:inset 0 0 30px #ac5ae014}.arc-game-icon{color:#c29ae5}.arc-game-index{color:#916da8}.arc-catalog strong{color:#e3d6eb}.arc-catalog small{color:#ae93bd}.arc-play{background:#15121e;border-color:#493157}.arc-controls h2{color:#e2d3ee;font-family:Georgia,serif;font-weight:500}.arc-controls p,.arc-hint{color:#ac95bc}.arc-difficulty,.arc-elapsed{background:linear-gradient(100deg,#2b1b36,#171423);border-color:#60436f}.arc-elapsed strong,.elapsed-icon{color:#d4acf2}.arc-difficulty select{background:#21172d;border-color:#75528c;color:#d7b5f4}.arc-difficulty strong{color:#d9c1e8}.arc-actions button,.arc-turns .secondary,.cube-direct button,.cube-view button{background:#2d2039;color:#d2adeb;border-color:#79558c}.cube-direct{border-color:#654274}.arc-cube-stage{background:radial-gradient(ellipse at center,#493054,#141120 75%);border-color:#60416f}.arc-status{border-color:#624775;background:#2b2037}.arc-scores>div{background:#231b30;border-color:#59406c}.arc-scores strong{color:#d0a2ef}.arc-result{color:#c19ada}.fw-hero{background:radial-gradient(ellipse at 85% 20%,#6e378c44,transparent 60%),linear-gradient(130deg,#2b1d39,#12121f);border-color:#6c4484}.fw-hero em,.fw-total>strong{color:#d4a6f3}.login.overlay,.overlay{background:#080610dd}.modal.login{background:linear-gradient(140deg,#291b36,#15101e);border-color:#745086;box-shadow:0 20px 90px #36134988}.login h2{color:#dec2ef;font-family:Georgia,serif}.login input{background:#160f20;color:#e5d7ee;border-color:#664575}.login .badge{background:#382146;color:#d7b2ef}.room-page .primary{background:#c095e6}.room-page .secondary{background:#332140}.heading .eyebrow{letter-spacing:3px}.profile-avatar{background:#372244;color:#d3a8f0;border-color:#805a98}.type-metrics>div{background:#1b1527;border-color:#523867}.type-metrics strong{color:#d0a0ef}.stats-panel{border-color:#543765}.pill.green{background:#382448;color:#d5b3ee}.workspace-hero,.overview-hero{border-color:#77538f}.arcade-expanded .shadow-figure{opacity:.5}
html[data-arcade-theme=moon]{--accent:#e08aab}html[data-arcade-theme=moon] .arc-hero,html[data-arcade-theme=moon] .arcade-hub{background:linear-gradient(120deg,#3c182d,#130f20);border-color:#9f4868}html[data-arcade-theme=moon] .primary{background:#df9bb2}html[data-arcade-theme=aurora] .arc-hero,html[data-arcade-theme=aurora] .arcade-hub{background:linear-gradient(120deg,#16394a,#221a40);border-color:#7087ac}html[data-arcade-theme=aurora] .primary{background:#9dcbdc}html[data-arcade-theme=gold] .arc-hero,html[data-arcade-theme=gold] .arcade-hub{background:linear-gradient(120deg,#3c301d,#201329);border-color:#ab8850}html[data-arcade-theme=gold] .primary{background:#e3c389}@media(max-width:600px){.arc-hero{min-height:260px;padding:25px}.arc-hero>div:first-child{max-width:82%}.arc-hero .shadow-figure{width:65%;opacity:.6}.arc-hero h2{font-size:32px}}

.mission{background:linear-gradient(90deg,#21162ff2 0%,#21162fe8 35%,#21162f66 80%),url('/assets/shadow-art') right 20%/cover;border-color:#76508f;box-shadow:inset 0 0 80px #0c071c55}.mission h2{font-family:Georgia,serif;font-weight:500;color:#e5d5ef}.mission em{color:#d0a0f0}.mission-signal{color:#c093df}.signal-orbit{background:#54316b;border-color:#a978cb;color:#ddb4f6;box-shadow:0 0 60px #a555d633}.welcome-core{background:#291c36;border-color:#6c4c7c}.welcome-core strong{color:#dfbdf6}.welcome-core i{background:#b687d8}.welcome-core button{background:#392449;color:#d1afe9;border-color:#78528c}.panel-head h2,.panel h3{color:#decbe8}.health-symbol{color:#bd91de;background:#33223f}.notice{background:#231a30;border-color:#5b406e;color:#c2abd2}.owner .avatar{background:#4b2d60;color:#d8b4f0}.login .badge{border-color:#7a5596}.room-page .room-mast{background:linear-gradient(90deg,#20162ef2 25%,#17122366),url('/assets/shadow-art') right 20%/cover}
/* Lightweight Shadow theme: large artwork only at hero focal points; small Cid portraits reused. */
.sidebar{background:linear-gradient(180deg,#120e1c,#181121)}.content>.heading{padding:18px 20px;border:1px solid #51365f;border-radius:12px;background:#1c1426}.arc-catalog>button{box-shadow:none}.arc-hero{box-shadow:none}.brand{filter:none}.mission{box-shadow:none}.signal-orbit,.signal-orbit::before,.signal-orbit::after,.mission-signal::before{animation:none!important}.room-page footer{background:#1b1225;padding:16px;border-radius:9px}.arc-controls{background:#1e1628;border:1px solid #52365f;border-radius:10px;padding:18px}.arcade-expanded #coreArcade{background:#100d19}

/* Reuse the same small cached portrait instead of additional poster layers. */
.workspace-icon,.owner .avatar,.brand-icon{background:#2a1937 url('/assets/shadow-cid') center 24%/cover no-repeat;color:transparent;font-size:0;box-shadow:none}.brand-icon svg{visibility:hidden}

/* Small shared portraits provide variety without repeated large posters. */
:root{--portrait-cid:url('/assets/shadow-cid');--portrait-alpha:url('/assets/shadow-alpha-portrait');--portrait-delta:url('/assets/shadow-delta-portrait')}
.arc-catalog>button{position:relative;padding-right:69px;overflow:hidden}.arc-catalog>button::after{content:'';position:absolute;right:10px;bottom:12px;width:49px;height:57px;border:1px solid #9566b2;border-radius:9px;background:#2c193d var(--portrait-cid) center 24%/cover no-repeat;pointer-events:none}.arc-catalog>button:nth-child(5n+4)::after{background-image:var(--portrait-alpha)}.arc-catalog>button:nth-child(5n)::after{background-image:var(--portrait-delta)}
.content>.heading::before{content:'';display:block;flex:0 0 64px;width:64px;height:76px;border:1px solid #9870b4;border-radius:10px;background:#291a39 var(--portrait-cid) center 24%/cover no-repeat;margin-right:16px}.panel-head{gap:12px}.panel-head::before{content:'';display:block;flex:0 0 37px;width:37px;height:45px;border-radius:7px;background:#2b193b var(--portrait-cid) center 24%/cover no-repeat}.panel:nth-of-type(3n+2) .panel-head::before{background-image:var(--portrait-alpha)}.panel:nth-of-type(3n) .panel-head::before{background-image:var(--portrait-delta)}
@media(max-width:600px){.content>.heading::before{flex-basis:42px;width:42px;height:52px;margin-right:8px}.arc-catalog>button::after{width:36px;height:43px;right:7px}.arc-catalog>button{padding-right:50px}}

/* Artwork is present across every view, not only the arcade hero. */
body{background:linear-gradient(120deg,#110a1bed,#100d1ce0),url('/assets/shadow-art') center 20%/cover scroll}.sidebar{background:linear-gradient(180deg,#150a23c7,#170d26e8),url('/assets/shadow-scene1') 55% 20%/cover;border-right:1px solid #81559b55}.sidebar .workspace{background:linear-gradient(100deg,#281633d9,#20132ce0),url('/assets/shadow-art') 80% 20%/cover}.brand{filter:drop-shadow(0 2px 10px #13071f)}.owner .avatar,.top-right .avatar,.profile-avatar{background:linear-gradient(#3a1e5422,#20102e44),url('/assets/shadow-cid') center/cover;color:#f1dbff;text-shadow:0 2px 5px #11081f}.content>.heading{padding:25px;border:1px solid #73508680;border-radius:15px;background:linear-gradient(90deg,#21132feb 30%,#25153270),url('/assets/shadow-art') right 30%/cover}.content>.heading .subtitle{color:#ddc4ed}.content>.heading h1{color:#f0e0f8}.content>.heading .eyebrow{color:#cba2e7}.content> .status-line{background:linear-gradient(90deg,#281832ee,#20132ed9),url('/assets/shadow-art') 50% 33%/cover;border:1px solid #65417266;border-radius:9px;padding:12px 17px;margin-top:18px}.panel{background:linear-gradient(120deg,#1a1124f2 20%,#24142edc),url('/assets/shadow-scene1') 75% 20%/cover;border-color:#6e4b7b77}.panel:nth-of-type(2n){background-image:linear-gradient(120deg,#1c1127f2 20%,#23142cdd),url('/assets/shadow-art')}.stat,.stats>div{background:linear-gradient(130deg,#271831ec,#211329c4),url('/assets/shadow-art') 70% 20%/cover;border-color:#80548d77}.stat:nth-child(2n){background-image:linear-gradient(130deg,#271831ec,#211329c4),url('/assets/shadow-art')}.health-card{background:linear-gradient(100deg,#271631ed,#1a1024c4),url('/assets/shadow-scene1') center 18%/cover}.panel-head{background:#1d112799;border-bottom-color:#66427655}.table-scroll table{background:#140e1acc}.table-scroll tbody tr:nth-child(2n){background:#301b3e33}.toolbar{background:linear-gradient(100deg,#2c1836ee,#20132dda),url('/assets/shadow-art') right center/cover}.modal,.modal.login{background:linear-gradient(120deg,#20112eed 30%,#2c173ae5),url('/assets/shadow-art') 70% 22%/cover;border-color:#9068a6}.modal h2{color:#ead5f8}.modal input,.modal select,.modal textarea{background:#180e24e8;border-color:#79528b;color:#f0dff9}.badge{background:#4d2b60cc;color:#deb5fa}.mission{background:linear-gradient(90deg,#241135f0 10%,#231331b5 60%,#28143944),url('/assets/shadow-art') center 25%/cover}.mission h2 em{color:#d7a3ff}.welcome-core{background:linear-gradient(100deg,#35203fdb,#23132dba),url('/assets/shadow-art') 70% 26%/cover}.arc-hero{border-color:#b078d1;box-shadow:0 15px 50px #220d3033}.arcade-hub{background:linear-gradient(110deg,#291936ed,#21132be0),url('/assets/shadow-scene1') right 18%/cover}.hub-profile{background:#22152c66;border-radius:9px;padding:12px}.hub-crest{background:linear-gradient(#47225c77,#1f132e66),url('/assets/shadow-alpha-portrait') center/cover;color:#f5ddff;text-shadow:0 2px 6px #000}.arc-catalog>button{background:linear-gradient(130deg,#23142ee8,#251333a9),url('/assets/shadow-art') center 22%/cover;min-height:155px;border-color:#84549c88}.arc-catalog>button:nth-child(3n+1){background-image:linear-gradient(130deg,#23142ee8,#251333a9),url('/assets/shadow-scene1')}.arc-catalog>button:nth-child(3n+2){background-image:linear-gradient(130deg,#23142ee8,#251333a9),url('/assets/shadow-art')}.arc-catalog>button:hover,.arc-catalog>button.chosen{background-image:linear-gradient(130deg,#5a3272d9,#31203d99),url('/assets/shadow-art');border-color:#cb97ee}.arc-catalog strong{text-shadow:0 2px 5px #090510}.arc-catalog small{color:#dac2e6}.arc-play{background:linear-gradient(120deg,#181020f2,#1c1028e9),url('/assets/shadow-art') right 18%/cover}.arc-controls{padding:20px;border:1px solid #754a8755;border-radius:12px;background:linear-gradient(140deg,#2c1738ed,#21132cc9),url('/assets/shadow-art') 70% 26%/cover}.arc-controls p{color:#c7adce}.arc-elapsed,.arc-difficulty{background:linear-gradient(100deg,#35203fe9,#21142ec9),url('/assets/shadow-scene1') center 27%/cover}.arc-scores>div,.type-metrics>div{background:linear-gradient(130deg,#342040ed,#251633bb),url('/assets/shadow-art') 70% 22%/cover;border-color:#895e9c88}.arc-cube-stage{background:radial-gradient(ellipse,#53305b80,#170e25e8),url('/assets/shadow-scene1') center 20%/cover}.arc-local{background:#2a1733aa;padding:15px;border-radius:9px;border:1px solid #75448b66}.fw-hero{background:linear-gradient(100deg,#2b1739e8,#2b1739b5),url('/assets/shadow-art') right 22%/cover}.fw-card,.fw-projects>button,.fw-shop>button,.fw-achievements>div,.fw-metrics>div,.fw-status-grid>div,.fw-journal{background:linear-gradient(120deg,#21132deb,#261631cd),url('/assets/shadow-art') 70% 27%/cover;border-color:#7c548d66}.fw-projects>button:nth-child(2n),.fw-shop>button:nth-child(2n){background-image:linear-gradient(120deg,#21132deb,#261631cd),url('/assets/shadow-scene1')}.fw-ascend{background:linear-gradient(130deg,#40254bdf,#261330db),url('/assets/shadow-art') center 25%/cover}.fw-factory{background:linear-gradient(130deg,#241b36dd,#1e142ccf),url('/assets/shadow-scene1') center 25%/cover}.factory-footer{background:#29163499;padding:16px;border:1px solid #754b8866;border-radius:9px}.room-page{background:linear-gradient(100deg,#1a0f25df,#1b1028d1),url('/assets/shadow-scene1') center 20%/cover scroll}.room-header,.room-page #joinRoom{background:linear-gradient(110deg,#281534ef,#281434b8),url('/assets/shadow-art') 75% 25%/cover;border-color:#9665af}.room-page #joinRoom{max-width:580px;min-height:300px;padding:35px}.room-page #joinRoom h2{font:30px Georgia,serif;text-shadow:0 2px 15px #000}.room-page footer{background:#1b0f2588;border:1px solid #65407755;padding:18px;border-radius:10px;margin-top:20px}.duel-sidebar{background:linear-gradient(180deg,#281634ec,#1b0f26e5),url('/assets/shadow-art') center 20%/cover}.duel-heading{background:linear-gradient(100deg,#2e193bea,#271331c4),url('/assets/shadow-art') right 20%/cover}.duel-panel{background:#150d1f99}.room-race>div,.room-chat{background:linear-gradient(120deg,#321d41e8,#26152ecd),url('/assets/shadow-art') 70% 25%/cover}.room-race blockquote{background:linear-gradient(130deg,#281934ee,#21132ad9),url('/assets/shadow-scene1') center 30%/cover}.room-memory button,.extra-memory button{border-radius:8px}footer a{color:#d6a9ef}.duel-player .duel-clock{font-variant-numeric:tabular-nums}.arcade-expanded #coreArcade{background:linear-gradient(120deg,#160e20f0,#1d1027e8),url('/assets/shadow-art') center 25%/cover scroll}@media(max-width:600px){.content>.heading{padding:18px}.arc-controls{padding:15px}.arc-catalog>button{min-height:135px}.room-page #joinRoom{padding:23px}}

/* Cid remains the owner identity; existing portrait roster stays active. */
.owner .avatar,.top-right .avatar,.profile-avatar{background-image:var(--portrait-cid)}

/* Static group banners share the existing cached scenes and character portraits. */
.garden-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;min-height:205px;margin:22px 0;border:1px solid #9b69ba;border-radius:15px;overflow:hidden;background:linear-gradient(90deg,#190e29f2 12%,#261332a8 65%,#1a0c2977),url('/assets/shadow-scene1') center 26%/cover no-repeat}.garden-banner-copy{position:relative;z-index:2;padding:26px 30px;max-width:65%}.garden-banner h2{font:clamp(25px,3vw,39px)/1.15 Georgia,serif;color:#f0defc;margin:12px 0;letter-spacing:-.6px}.garden-banner p{font-size:13px;color:#cfb5df;line-height:1.6;margin:0 0 15px}.garden-banner-tag{font:10px Consolas,monospace;letter-spacing:3px;color:#e4bfff;border-block:1px solid #a76fbe66;padding:7px 0}.garden-lineup{display:flex;align-items:end;justify-content:center;flex:0 0 36%;height:205px;padding:18px 22px 0 0;gap:0}.garden-lineup img{display:block;object-fit:cover;object-position:center 20%;width:31%;height:145px;border:1px solid #b98cce88;border-radius:35px 35px 0 0;background:#2c193b}.garden-lineup .garden-cid{height:190px;width:37%;z-index:1;border-color:#deb1ff;margin-inline:-9px}.garden-alpha{transform:rotate(-6deg);transform-origin:bottom}.garden-delta{transform:rotate(6deg);transform-origin:bottom}.garden-banner-arcade{background-image:linear-gradient(90deg,#221031ed,#22103188),url('/assets/shadow-art');min-height:180px}.garden-banner-arcade .garden-lineup{height:190px}.garden-banner-arcade .garden-cid{height:175px}
@media(max-width:650px){.garden-banner{min-height:175px}.garden-banner-copy{padding:20px 16px;max-width:66%}.garden-banner h2{font-size:25px}.garden-banner p{font-size:11px}.garden-banner-tag{font-size:8px;letter-spacing:1px}.garden-lineup{flex-basis:34%;height:175px;padding-right:9px}.garden-lineup img{height:105px}.garden-lineup .garden-cid{height:145px;margin-inline:-5px}.garden-banner-arcade .garden-lineup{height:175px}.garden-banner-arcade .garden-cid{height:145px}}

.garden-banner-copy{max-width:85%}@media(max-width:650px){.garden-banner-copy{max-width:100%}}
