:root{--bg:#090b10;--surface:#11141c;--surface2:#181c26;--line:#292e3a;--text:#f1eee7;--muted:#969ba8;--gold:#d8a94c;--gold2:#f1d17f;--danger:#ff7777;--ok:#75d497;color-scheme:dark;font:15px Inter,"Segoe UI",system-ui,sans-serif}
:root[data-theme=light]{--bg:#ece9e1;--surface:#fbfaf6;--surface2:#f1eee7;--line:#d6d0c4;--text:#1b1b20;--muted:#6e7078;--gold:#9b6717;--gold2:#b8791c;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#1a2237 0,transparent 38rem),var(--bg);color:var(--text)}button,input{font:inherit}.site-header{height:78px;padding:0 clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#090b10d8;backdrop-filter:blur(16px);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--text);letter-spacing:.12em}.brand strong,.brand small{display:block}.brand small{font-size:.6rem;color:var(--muted);margin-top:.2rem}.brand-mark{width:42px;height:46px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),#70420e);clip-path:polygon(50% 0,95% 18%,87% 75%,50% 100%,13% 75%,5% 18%);color:#17100a;font:italic 700 1rem Georgia}.header-actions{display:flex;align-items:center;gap:.7rem}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}.button{min-height:46px;padding:.7rem 1.1rem;border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-weight:750;cursor:pointer;color:inherit;transition:.18s}.button:hover{transform:translateY(-1px)}.button:focus-visible,.icon-button:focus-visible,.character-button:focus-visible,input:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}.primary{background:linear-gradient(135deg,var(--gold2),#a66a18);color:#17100a}.quiet{border-color:var(--line);background:var(--surface)}.gold{border-color:#896928;background:#3b2c12;color:#f5d78e}.compact{min-height:38px;padding:.45rem .8rem}.user-pill{display:flex;align-items:center;gap:.5rem;font-weight:700}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#17100a}
main{max-width:1500px;margin:auto}.landing{padding:clamp(3rem,8vw,7rem) clamp(1rem,7vw,7rem) 5rem;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;overflow:hidden}.hero-copy{align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;font-weight:800;color:var(--gold2)}.hero-copy h1,.welcome-row h1{font:400 clamp(3.5rem,7vw,7rem)/.9 Georgia;margin:1rem 0 1.6rem;letter-spacing:-.04em}.hero-copy em,.welcome-row em{font-style:italic;color:var(--gold2)}.lead{max-width:600px;color:var(--muted);font-size:1.16rem;line-height:1.7}.actions,.trust{display:flex;flex-wrap:wrap;gap:.8rem}.actions{margin:2rem 0}.trust{color:var(--muted);font-size:.78rem;gap:1.5rem}.hero-art{min-height:510px;position:relative;display:grid;place-items:center}.hero-art:before,.hero-art:after{content:"";position:absolute;border-radius:50%;border:1px solid #d8a94c44}.hero-art:before{width:420px;height:420px;box-shadow:inset 0 0 80px #d8a94c10,0 0 80px #526bc322}.hero-art:after{width:330px;height:330px;border-style:dashed;animation:spin 35s linear infinite}.crest{width:200px;height:235px;display:grid;place-items:center;clip-path:polygon(50% 0,95% 18%,87% 75%,50% 100%,13% 75%,5% 18%);border:1px solid var(--gold);background:linear-gradient(145deg,#d8a94c28,#11141c);color:var(--gold2);font:italic 700 3.5rem Georgia;filter:drop-shadow(0 25px 45px #000b)}.hero-art i{position:absolute;color:#d8a94c88;font-size:1.8rem}.hero-art i:nth-of-type(1){top:18%;right:18%}.hero-art i:nth-of-type(2){bottom:17%;left:20%}.hero-art i:nth-of-type(3){top:48%;left:5%}@keyframes spin{to{transform:rotate(360deg)}}.feature-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--surface)}.feature-strip article{display:flex;align-items:center;gap:1rem;padding:1.3rem;border-right:1px solid var(--line)}.feature-strip article:last-child{border:0}.feature-strip b{font-size:1.5rem;color:var(--gold)}.feature-strip strong,.feature-strip span{display:block}.feature-strip span{font-size:.75rem;color:var(--muted);margin-top:.2rem}.create-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;margin-top:3rem;padding:clamp(1.5rem,4vw,3.5rem);border:1px solid var(--line);background:linear-gradient(130deg,var(--surface),var(--surface2))}.create-panel h2{font:400 clamp(2rem,4vw,3.2rem) Georgia;margin:.4rem 0}.create-panel p{color:var(--muted)}form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{color:var(--muted);font-size:.7rem;text-transform:uppercase;font-weight:750;letter-spacing:.07em}input{display:block;width:100%;margin-top:.4rem;padding:.85rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text)}.form-note{grid-column:1/-1;margin:0;font-size:.75rem}.msg{font-size:.78rem}.ok{color:var(--ok)}.err{color:var(--danger)}
.account-shell{display:grid;grid-template-columns:270px 1fr;flex:1 0 auto}.sidebar{padding:2rem 1rem;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column}.section-nav{display:grid;gap:.25rem;margin-bottom:1.4rem;padding-bottom:1.4rem;border-bottom:1px solid var(--line)}.section-nav a{padding:.7rem;border-radius:7px;color:var(--text);text-decoration:none;font-weight:700}.section-nav a:hover,.section-nav a:focus-visible{background:var(--surface2);color:var(--gold2);outline:none}.section-nav a.disabled{color:var(--muted);opacity:.55;cursor:default}.sidebar-heading{display:flex;justify-content:space-between;padding:.5rem .7rem 1rem;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}#character-list{display:grid;gap:.4rem}.character-button{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.7rem;padding:.75rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.character-button:hover{background:var(--surface2)}.character-button.active{border-color:#96712d;background:#d8a94c16}.class-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(145deg,#343b50,#171b25);color:var(--gold2);font:700 1rem Georgia}.character-button strong,.character-button small{display:block}.character-button small{color:var(--muted);margin-top:.15rem}.online-dot{width:7px;height:7px;border-radius:50%;background:#52ca79;box-shadow:0 0 8px #52ca79}.logout-link{margin-top:auto;padding:1rem;border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;cursor:pointer}.account-main{padding:clamp(1.5rem,4vw,4rem);min-width:0}.welcome-row{display:flex;justify-content:space-between;align-items:start;gap:2rem;margin-bottom:2rem}.welcome-row h1{font-size:clamp(2.2rem,4vw,4rem);margin:.4rem 0}.cash-card{display:flex;align-items:center;gap:.8rem;min-width:290px;padding:.85rem 1rem;border:1px solid #856625;border-radius:9px;background:linear-gradient(135deg,#342811,var(--surface))}.cash-card>b{font-size:1.8rem;color:var(--gold2)}.cash-card small,.cash-card strong{display:block}.cash-card small{color:#bba979;text-transform:uppercase;font-size:.62rem}.cash-card strong{font-size:1.15rem}.cash-card .button{margin-left:auto}
.character-hero{display:grid;grid-template-columns:minmax(320px,1fr) 1.2fr;min-height:430px;border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 70px #0007}.character-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#4b587b55,transparent 38%),linear-gradient(160deg,#161b29,#090b10)}.character-stage:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #d8a94c38;border-radius:50%}.character-sigil{font:italic 700 6rem Georgia;color:#d8a94c33}.preview-note{position:absolute;bottom:1rem;padding:0 1rem;color:#9da4b5;font-size:.68rem;text-align:center}.character-summary{padding:clamp(1.5rem,3vw,3rem)}.character-summary h2{font:400 clamp(2rem,4vw,3.5rem) Georgia;margin:.2rem 0}.status{display:inline-flex;padding:.3rem .55rem;border-radius:999px;background:#52ca791c;color:#79dd98;font-size:.7rem}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:2rem;border:1px solid var(--line);background:var(--line)}.stat{padding:1rem;background:var(--surface2)}.stat small,.stat strong{display:block}.stat small{color:var(--muted);text-transform:uppercase;font-size:.62rem;letter-spacing:.1em}.stat strong{font:400 1.2rem Georgia;margin-top:.3rem}.progress{height:5px;margin-top:.6rem;border-radius:5px;overflow:hidden;background:var(--bg)}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.panel{padding:1.3rem;border:1px solid var(--line);background:var(--surface)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel h3{margin:0;font:400 1.3rem Georgia}.panel-head span{color:var(--muted);font-size:.72rem}.gear-list,.pet-list{display:grid;gap:.55rem}.gear-item,.pet-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:.75rem;padding:.7rem;border:1px solid transparent;background:var(--surface2)}.gear-item:hover,.pet-item:hover{border-color:#d8a94c55}.item-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg);color:var(--gold)}.gear-item strong,.gear-item small,.pet-item strong,.pet-item small{display:block}.gear-item small,.pet-item small{color:var(--muted);font-size:.7rem}.plus{color:var(--gold2);font-weight:800}.timeline{position:relative;padding-left:1.4rem}.timeline:before{content:"";position:absolute;left:4px;top:.4rem;bottom:.5rem;width:1px;background:var(--line)}.milestone{position:relative;padding:0 0 1.15rem 1rem;display:flex;justify-content:space-between;gap:1rem}.milestone:before{content:"";position:absolute;left:-1.2rem;top:.35rem;width:8px;height:8px;border-radius:50%;background:var(--gold)}.milestone strong,.milestone small{display:block}.milestone small{color:var(--muted);font-size:.7rem;margin-top:.2rem}.empty-card{text-align:center;padding:5rem 2rem;border:1px solid var(--line);background:var(--surface)}.crest.small{width:60px;height:70px;margin:auto;font-size:1rem}.empty-card h2{font:400 2rem Georgia}.empty-card p{color:var(--muted)}.global-error{text-align:center;padding:1rem}footer{max-width:1500px;margin:auto;padding:1.5rem clamp(1rem,5vw,5rem);border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;letter-spacing:.1em}[hidden]{display:none!important}
@media(max-width:900px){.landing{grid-template-columns:1fr}.hero-art{grid-row:1;min-height:340px}.hero-art:before{width:290px;height:290px}.hero-art:after{width:230px;height:230px}.crest{width:140px;height:170px}.feature-strip{grid-template-columns:1fr}.feature-strip article{border:0;border-bottom:1px solid var(--line)}.create-panel{grid-template-columns:1fr}.account-shell{grid-template-columns:minmax(0,1fr)}.account-shell>*{min-width:0}.sidebar{border:0;border-bottom:1px solid var(--line);padding:1rem}.section-nav{display:flex;overflow:auto;margin-bottom:.8rem;padding-bottom:.8rem}.section-nav a{white-space:nowrap}.sidebar-heading,.logout-link{display:none}#character-list{display:flex;overflow:auto}.character-button{min-width:210px}.welcome-row{display:grid}.cash-card{width:100%}.character-hero{grid-template-columns:1fr}.character-stage{min-height:250px}.detail-grid{grid-template-columns:1fr}}
.muted{color:var(--muted)}.site-header .brand,.site-header .user-pill{color:#f1eee7}.site-header .brand small{color:#969ba8}.site-header .icon-button{border-color:#39404f;background:#171b25;color:#f1eee7}.header-logout{border:0;border-left:1px solid #39404f;background:transparent;color:#b8bdc8;padding:.35rem 0 .35rem .7rem;cursor:pointer}.header-logout:hover{color:#fff}.character-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.character-stage.upgrade-glow:after{content:"";position:absolute;inset:12%;border-radius:50%;box-shadow:0 0 45px #e6b44b88,inset 0 0 30px #e6b44b44;animation:glow 1.7s ease-in-out infinite alternate;pointer-events:none}.character-stage .preview-note{z-index:2}@keyframes glow{to{opacity:.4;transform:scale(1.04)}}
@media(max-width:600px){.site-header{height:66px}.brand>span:last-child,.header-actions .button span{display:none}.header-actions,.user-pill{min-width:0}.user-pill{gap:.35rem}#header-who{max-width:22vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-logout{padding-left:.5rem}.landing{padding:2rem 1rem}.hero-copy h1{font-size:3.2rem}.hero-art{min-height:280px}.create-panel{padding:1.2rem}form{grid-template-columns:1fr}.account-main{padding:1rem}.section-nav{max-width:100%}.welcome-row>*,.cash-card>*,.character-hero,.character-hero>*,.detail-grid,.panel,.gear-list,.pet-list,.gear-item,.pet-item,.gear-item>*,.pet-item>*{min-width:0}.welcome-row h1,.gear-item small,.pet-item small{overflow-wrap:anywhere}.cash-card{min-width:0;flex-wrap:wrap}.cash-card .msg{flex-basis:100%;overflow-wrap:anywhere}.character-summary{padding:1.2rem}footer{display:grid;gap:.5rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.purchase-history{display:grid;gap:.55rem}.purchase-item{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.75rem;padding:.7rem;border:1px solid var(--line);background:var(--surface2)}.purchase-item .item-icon{width:38px;height:38px;object-fit:contain}.purchase-details{display:grid;gap:.35rem;min-width:0}.purchase-primary{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;min-width:0}.purchase-primary strong{overflow-wrap:anywhere}.purchase-date{color:var(--muted);font-size:.72rem;text-align:right;white-space:nowrap}.purchase-meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.7rem;flex-wrap:wrap}.purchase-status{color:var(--gold2)}@media(max-width:600px){.purchase-primary{display:grid;gap:.15rem}.purchase-date{text-align:left;white-space:normal}.purchase-meta{justify-content:flex-start;column-gap:1rem}}

.hero-art.hero-character{background:radial-gradient(circle,#4b587b55,transparent 42%),linear-gradient(160deg,#161b29,#090b10);cursor:grab}.hero-art.hero-character:active{cursor:grabbing}.hero-character .character-canvas{z-index:1}.hero-character .preview-note{bottom:.6rem}.hero-art.hero-character:before{width:420px;height:420px;z-index:0;pointer-events:none}.hero-art.hero-character:after{width:330px;height:330px;z-index:0;pointer-events:none}

.hero-model-viewer{overflow:hidden;background:#101113}.hero-model-viewer iframe{position:relative;z-index:1;display:block;width:100%;height:510px;border:0;background:transparent}.hero-model-viewer:before,.hero-model-viewer:after{display:none}@media(max-width:900px){.hero-model-viewer iframe{height:340px}}@media(max-width:600px){.hero-model-viewer iframe{height:280px}}

.character-stage .character-modelviewer{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;background-color:transparent}.character-stage:before{z-index:0;pointer-events:none}.character-stage .preview-note{z-index:2}

/* Login: title spans the row above the copy and the character viewer; viewer 35% wider and 15% taller (586px). */
.hero-title{grid-column:1/-1}.hero-title h1{margin-bottom:0}
@media(min-width:901px){.landing{grid-template-columns:.72fr 1.28fr;row-gap:2rem}.hero-art{min-height:586px}.hero-model-viewer iframe{height:586px}}
@media(max-width:900px){.hero-title{grid-row:1}.hero-art{grid-row:2}}
/* Login: the feature list sits in the copy column next to the character viewer. */
.hero-copy .feature-strip{grid-template-columns:1fr;margin-top:2rem}.hero-copy .feature-strip article{border:0;border-bottom:1px solid var(--line)}.hero-copy .feature-strip article:last-child{border:0}
.hero-copy .feature-strip{grid-template-columns:1fr 1fr}.hero-copy .feature-strip article:nth-child(odd){border-right:1px solid var(--line)}.hero-copy .feature-strip article:nth-last-child(-n+2){border-bottom:0}
@media(max-width:640px){.hero-copy .feature-strip{grid-template-columns:1fr}.hero-copy .feature-strip article:nth-child(odd){border-right:0}.hero-copy .feature-strip article:nth-last-child(2){border-bottom:1px solid var(--line)}}
/* Account views: overview cards (4 per row), account stats and details. */
.section-nav a.active{color:var(--gold2)}.character-button{text-decoration:none;color:inherit}
.character-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.character-card{display:block;border:1px solid var(--line);background:var(--surface);color:inherit;text-decoration:none;transition:border-color .2s}
.character-card:hover,.character-card:focus-visible{border-color:#d8a94c88}.character-card .character-stage{height:360px}.character-card .character-stage:before{width:170px;height:170px}
.character-card-caption{display:grid;grid-template-columns:1fr auto;padding:.9rem 1rem}.character-card-caption strong{font:400 1.25rem Georgia}.character-card-caption small{grid-column:1;color:var(--muted);font-size:.72rem}.status-dot{grid-row:1;grid-column:2;color:#79dd98;font-size:.7rem}
.account-stats{grid-template-columns:repeat(4,1fr);margin-top:0}
.account-details{display:grid;grid-template-columns:max-content 1fr;gap:.8rem 2rem;margin:0}.account-details dt{color:var(--muted);text-transform:uppercase;font-size:.65rem;letter-spacing:.1em;align-self:center}.account-details dd{margin:0}.account-details .verified{color:#79dd98}.account-details .unverified{color:var(--muted)}
@media(max-width:1100px){.character-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.account-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.character-cards{grid-template-columns:1fr}.account-details{grid-template-columns:1fr}}
/* Cash balance and "Buy cash" live in the header once logged in. */
.header-cash{background:linear-gradient(135deg,#342811,#171b25);min-width:0;width:auto;padding:.3rem .5rem .3rem .7rem;gap:.6rem;border-radius:7px}.header-cash>b{font-size:1.2rem}.header-cash small{font-size:.55rem}.header-cash strong{font-size:.95rem;color:#f1eee7}.header-cash .msg{position:absolute;top:100%;right:0;font-size:.7rem}.header-cash{position:relative}
.header-cash[hidden]{display:none}
@media(max-width:600px){.header-cash small,.header-cash>b{display:none}}
/* Header icons (inline SVG, stroke style). The theme button shows the sun in dark mode and the moon in light mode. */
.icon{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}
.icon-button{display:inline-grid;place-items:center}.icon-button .icon{width:20px;height:20px}
#theme .icon-moon,[data-theme="light"] #theme .icon-sun{display:none}[data-theme="light"] #theme .icon-moon{display:block}
.avatar .icon{width:20px;height:20px}.header-cash>b .icon{width:26px;height:26px;display:block}
.button.icon-only{padding:.45rem .55rem;line-height:0}.button.icon-only .icon{width:20px;height:20px;vertical-align:0}
/* Light theme: 3D stages and the landing viewer frame follow the theme. */
:root[data-theme=light] .character-stage{background:radial-gradient(circle,#ffffffcc,transparent 40%),linear-gradient(160deg,#f6f3ec,#d9d3c6)}
:root[data-theme=light] .character-stage:before{border-color:#9b671744}
:root[data-theme=light] .hero-model-viewer{background:#e4dfd4}
.user-link{display:flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none}.user-link:hover #header-who{color:var(--gold2)}
/* Web cash shop: catalogue grid with search, section chips and a sticky cart. */
.shop-layout{display:grid;gap:1rem;margin-bottom:1rem}
.shop-toolbar{display:flex;gap:.6rem;margin-bottom:.8rem}.shop-toolbar input{flex:1;min-width:0}.shop-toolbar input,.shop-toolbar select{padding:.6rem .8rem;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);font:inherit}
.shop-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.shop-chip{padding:.35rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:600 .75rem inherit;cursor:pointer}.shop-chip:hover{color:var(--text)}.shop-chip.active{border-color:var(--gold);color:var(--gold2);background:color-mix(in srgb,var(--gold) 14%,var(--surface))}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem}
.shop-card{display:flex;flex-direction:column;gap:.55rem;padding:.9rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);transition:border-color .15s,transform .15s}.shop-card:hover{border-color:#d8a94c88;transform:translateY(-1px)}
.shop-card-head{display:grid;grid-template-columns:48px 1fr;gap:.7rem;align-items:center}.shop-card-head strong{display:block;line-height:1.2}.shop-card-head small{color:var(--muted);font-size:.7rem}
.shop-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;border:1px solid var(--line);background:url(shop/icons.png) no-repeat;color:var(--muted);flex:none}
.shop-desc{margin:0;color:var(--muted);font-size:.78rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.shop-contents{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.72rem;max-height:6.5em;overflow:auto}
.shop-card-foot{display:flex;align-items:center;gap:.6rem;margin-top:auto}.shop-card-foot .button{margin-left:auto}
.shop-price{font-weight:800;color:var(--gold2);white-space:nowrap}.shop-stock{font-size:.7rem;color:var(--muted)}
.shop-cart{position:sticky;top:1rem;display:grid;gap:.8rem;padding:1rem;border:1px solid #856625;border-radius:10px;background:var(--surface)}.shop-cart h3{margin:0;font:400 1.2rem Georgia}
.shop-cart-list{display:grid;gap:.4rem;max-height:340px;overflow:auto}.shop-cart-row{display:grid;grid-template-columns:48px 1fr auto auto;gap:.5rem;align-items:center;font-size:.8rem}
.shop-cart-row .shop-icon{transform:scale(.75);transform-origin:left center}
.shop-remove{border:0;background:none;color:var(--muted);font-size:1.1rem;cursor:pointer}.shop-remove:hover{color:var(--danger)}
.shop-sums{display:grid;grid-template-columns:1fr auto;gap:.3rem;margin:0;font-size:.82rem}.shop-sums dt{color:var(--muted)}.shop-sums dd{margin:0;text-align:right;font-weight:700}.shop-sums .negative{color:var(--danger)}
.shop-cart .button.primary{width:100%;justify-content:center}.shop-note{margin:0;font-size:.72rem}
/* Cart toolbar above the search: items as a scrolling row, totals, Buy. */
.shop-cart{position:sticky;top:.5rem;z-index:5;grid-template-columns:minmax(0,1fr) auto 220px;align-items:center;gap:1.2rem;padding:.8rem 1rem;box-shadow:0 10px 30px #0004}
.shop-cart-head{display:flex;align-items:center;gap:1rem;min-width:0}.shop-cart-head h3{white-space:nowrap}
.shop-cart-list{display:flex;gap:.4rem;overflow-x:auto;max-height:none;padding-bottom:2px}.shop-cart-list>p{margin:0;font-size:.8rem}
.shop-cart-row{display:flex;align-items:center;gap:.4rem;padding:.25rem .3rem .25rem .25rem;border:1px solid var(--line);border-radius:8px;background:var(--surface2);white-space:nowrap;font-size:.75rem}
.shop-cart-row .shop-icon{transform:scale(.6667);margin:-8px;transform-origin:center}
.shop-sums{grid-template-columns:auto auto;column-gap:.8rem;font-size:.78rem;white-space:nowrap}
.shop-checkout{display:grid;gap:.3rem}.shop-checkout .msg,.shop-checkout .shop-note{margin:0;font-size:.68rem}
@media(max-width:1100px){.shop-cart{position:sticky;grid-template-columns:1fr auto}.shop-checkout{grid-column:1/-1}}
@media(max-width:600px){.shop-cart{grid-template-columns:1fr}.shop-cart-head{flex-direction:column;align-items:start}}
.shop-cart .shop-sums{display:block;margin:0;font-size:1.05rem;color:var(--muted);white-space:nowrap}.shop-cart .shop-sums strong{color:var(--text)}.shop-cart .shop-sums .negative{color:var(--danger)}
/* Cash shop product details: 3D preview (wearables) beside the game's item lines. */
a.shop-card{color:inherit;text-decoration:none;cursor:pointer}
.shop-detail{display:grid;gap:1rem;margin-bottom:1rem}.shop-detail.with-preview{grid-template-columns:minmax(280px,2fr) 3fr}
.shop-back{grid-column:1/-1;color:var(--muted);text-decoration:none;font-size:.85rem}.shop-back:hover{color:var(--gold2)}
.shop-detail-preview{margin:0;display:grid;grid-template-rows:1fr auto;min-height:520px;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}
.shop-detail-preview iframe{width:100%;height:100%;min-height:480px;border:0;background:transparent}.shop-detail-preview figcaption{padding:.5rem .8rem;font-size:.75rem}
.shop-detail-info{display:grid;gap:1rem;align-content:start}
.shop-detail-head{display:grid;grid-template-columns:48px 1fr;gap:1rem;align-items:start}.shop-detail-head h2{margin:0 0 .3rem;font:400 1.6rem Georgia}.shop-detail-head p{margin:0}
.shop-detail-buy{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.shop-detail-buy .shop-price{font-size:1.3rem}.shop-detail-buy .button{margin-left:auto}
.shop-detail-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem}
.shop-item{padding:.9rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.shop-item h3{margin:0 0 .5rem;font-size:.95rem}
.shop-item-info{margin:0;padding:0;list-style:none;display:grid;gap:.2rem;font-size:.82rem}
@media(max-width:900px){.shop-detail.with-preview{grid-template-columns:1fr}.shop-detail-preview{min-height:420px}}
html[data-theme=light] .shop-item-info li[style]{filter:brightness(.55) saturate(1.5)}
.shop-bullets{margin:.3rem 0 0;padding-left:1.1rem;color:var(--muted);display:grid;gap:.15rem}
/* Cart items: a 5 x 2 grid below the toolbars; Clear in the cart toolbar. */
.shop-clear{padding:.3rem .7rem;border:1px solid var(--line);border-radius:6px;background:none;color:var(--muted);font:600 .75rem inherit;cursor:pointer}.shop-clear:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.shop-clear:disabled{opacity:.4;cursor:default}
.shop-cart-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}
.shop-cart-grid .shop-cart-row{min-width:0}.shop-cart-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.shop-cart-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.shop-cart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Purchase history: purchases and cash top-ups, newest first. */
.history-sums{margin:0 0 1rem;color:var(--muted)}.history-sums strong{color:var(--text)}
.history-list{display:grid;gap:.5rem}
.history-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto 140px;gap:1rem;align-items:center;padding:.7rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.history-what{display:grid;gap:.15rem;min-width:0}.history-what a{color:var(--text);font-weight:700;text-decoration:none}.history-what a:hover{color:var(--gold2)}.history-what small{color:var(--muted);font-size:.75rem}
.history-date{color:var(--muted);font-size:.8rem;white-space:nowrap}
.history-amount{text-align:right;font-weight:800;white-space:nowrap}.history-amount{color:var(--gold2)}
.history-topup-icon{background:color-mix(in srgb,var(--gold) 18%,var(--surface));color:var(--gold2);font:800 1.4rem/1 inherit}
@media(max-width:700px){.history-row{grid-template-columns:48px minmax(0,1fr) auto}.history-date{grid-column:2/-1;grid-row:2}}
/* header, main and footer fill exactly the screen height: main takes the rest, the footer sits at the bottom
   without scrolling on short pages (the old calc(100vh - 130px) ignored the real header and footer heights) */
body{display:flex;flex-direction:column}main{flex:1 0 auto;width:100%;display:flex;flex-direction:column}footer{width:100%;flex:none}