.game-section{--pink:#edafc7;--ink:#222124;--paper:#ded9dc;background:#272629;color:#f2ecf0;min-height:100svh;padding:100px clamp(16px,4vw,70px);position:relative;font-family:'Jost',Arial,sans-serif}
.game-section *{box-sizing:border-box}.game-shell{max-width:1280px;margin:auto;border:1px solid #766c74;background:radial-gradient(ellipse at 50% 45%,#4b444b 0%,#29272b 65%);box-shadow:0 35px 95px #08070877;padding:clamp(18px,3vw,42px);position:relative;overflow:hidden}
.game-shell:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 4px)}
.game-head,.game-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:15px;font:600 11px/1.4 monospace;letter-spacing:.15em;color:#cbbac5}.game-progress{height:3px;background:#635860;margin:18px 0 34px}.game-progress i{display:block;width:25%;height:100%;background:var(--pink);transition:width .5s}
.game-title{text-align:center;position:relative;z-index:2}.game-title>p:first-child{font:12px monospace;color:var(--pink);letter-spacing:.25em;margin:0 0 12px}.game-title h2{font-family:'Prata',Georgia,serif;font-size:clamp(30px,5vw,68px);font-weight:400;line-height:1.2;margin:0}.game-title>p:last-child{color:#cfc3cb;font-size:15px;line-height:1.6;margin:14px auto 20px;max-width:610px}
.game-content{position:relative;z-index:1;min-height:510px}.game-bottom{border-top:1px solid #716671;padding-top:20px;margin-top:20px}.game-bottom button,.game-section button{cursor:pointer}.game-primary{background:var(--pink);border:1px solid var(--pink);color:#2b2028;text-transform:uppercase;letter-spacing:.12em;font:700 12px/1.2 monospace;padding:15px 23px;transition:.2s}.game-primary:hover{background:#fff1f6}.game-primary:disabled{opacity:.35;cursor:not-allowed}.game-link{border:0;background:none;color:#f7eaf2;font:700 12px monospace;text-transform:uppercase;letter-spacing:.12em;padding:12px}.game-link:hover{color:var(--pink)}
.wardrobe{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(270px,1fr) minmax(240px,.75fr);align-items:center;gap:clamp(10px,2vw,30px);max-width:1150px;margin:auto}.game-panel{align-self:stretch;padding:20px 5px;display:flex;flex-direction:column;justify-content:center;gap:10px}.game-panel h3{font:600 12px monospace;letter-spacing:.14em;color:#d9c9d2;text-transform:uppercase;margin:0 0 14px}.game-tabs{display:grid;gap:8px}.game-tab{border:1px solid #786b75;background:#383139;color:#eadfe5;padding:13px 12px;text-align:left;display:flex;justify-content:space-between;gap:8px;font:600 13px sans-serif;transition:.2s}.game-tab.active,.game-choice.active{border-color:var(--pink);background:#684e60;color:white}.game-arrow{display:flex;gap:8px;align-items:center;margin-top:14px}.game-arrow button{border:1px solid #93808d;background:#39333a;color:#fff;padding:13px 18px;font-size:21px}.game-arrow span{flex:1;text-align:center;font:12px monospace;color:var(--pink)}.game-note{line-height:1.7;font-size:13px;color:#bfb1bb}
.character-window{width:100%;max-width:400px;justify-self:center;overflow:hidden;position:relative;aspect-ratio:2/3;background:radial-gradient(ellipse at 50% 65%,#77717a77 0%,transparent 70%)}.character-shadow{position:absolute;background:#09080a66;filter:blur(16px);border-radius:50%;height:4%;width:35%;left:33%;bottom:9%}.character-body{position:absolute;inset:0;transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-origin:50% 87%}.character-body.shoe-zoom{transform:scale(2.5)}.character-body img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}.character-body .character-base{width:91.8333%;height:79.2778%;left:4.08333%;top:10.2778%}
.game-selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px auto;max-width:950px}.game-choice{position:relative;min-height:200px;border:1px solid #756974;background:#39343b;color:#ece3e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;transition:transform .25s,border-color .25s}.game-choice:hover{transform:translateY(-6px);border-color:var(--pink)}.game-choice img{width:100%;max-width:230px;height:230px;object-fit:contain;filter:drop-shadow(0 12px 9px #0005)}.game-choice span{font:11px monospace;letter-spacing:.16em}.game-choice.selected{border-color:var(--pink);background:#584653;box-shadow:inset 0 0 0 1px var(--pink)}.game-choice.selected:after{content:'✓';position:absolute;right:12px;top:8px;color:var(--pink);font-size:22px}
.backpack-layout{display:grid;grid-template-columns:1fr minmax(280px,420px) 1fr;gap:12px;align-items:center;max-width:1100px;margin:auto}.backpack-image{position:relative;width:100%;max-width:420px;justify-self:center}.backpack-image img{display:block;width:100%;height:auto;filter:drop-shadow(0 25px 20px #0007)}.backpack-image.drag-over{outline:2px dashed var(--pink);outline-offset:5px}.backpack-drop{position:absolute;left:24%;top:9%;width:50%;height:43%;border-radius:30%;z-index:2}.backpack-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pack-item{border:1px solid #64565f;background:#39323b;min-height:118px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:3px;color:white;touch-action:manipulation;transition:transform .25s,opacity .3s}.pack-item img{height:85px;width:100%;object-fit:contain;pointer-events:none}.pack-item span{font:10px monospace;text-transform:uppercase}.pack-item:hover{transform:translateY(-4px)}.pack-item.packed{opacity:.25;pointer-events:none;transform:scale(.86)}.pack-count{font:12px monospace;color:var(--pink);text-align:center;margin-top:12px}.pack-side{font:14px/1.8 sans-serif;color:#e2d5dd}.backpack-closed{max-width:440px;margin:20px auto}.backpack-closed img{width:100%}
.game-featured{display:grid;grid-template-columns:1fr minmax(220px,420px) 1fr;align-items:center;gap:25px;min-height:380px}.game-featured img{width:100%;max-height:380px;object-fit:contain;filter:drop-shadow(0 30px 24px #0007)}.game-featured .game-arrow{margin:0}.feature-arrow{background:#453a45;border:1px solid #9b8195;color:white;font:40px sans-serif;padding:15px;justify-self:center}.feature-arrow:hover{border-color:var(--pink);color:var(--pink)}.feature-caption{text-align:center;color:var(--pink);font:12px monospace;letter-spacing:.2em}.camera-view{margin:auto;max-width:880px;text-align:center}.camera-view .game-selection-grid .game-choice img{height:180px}.camera-view .game-choice{min-height:210px}
.game-finish{text-align:center;position:relative;padding:30px 0}.game-finish small{font:12px monospace;letter-spacing:.18em;color:var(--pink)}.game-finish h2{font-family:'Prata',Georgia,serif;font-size:clamp(43px,7vw,105px);line-height:1.18;color:var(--pink);font-weight:400;margin:35px auto 20px;text-shadow:3px 3px #231a20}.game-finish p{color:#f6e9ef}.finish-kit{display:flex;align-items:end;justify-content:center;gap:clamp(10px,3vw,45px);margin:28px auto}.finish-kit img{max-width:30%;width:190px;height:155px;object-fit:contain}.finish-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.game-toast{text-align:center;color:var(--pink);font:12px monospace;min-height:20px;margin:10px}
@media(max-width:800px){.wardrobe{grid-template-columns:1fr 1fr}.character-window{grid-column:1/-1;grid-row:1;max-width:290px}.game-panel{padding:4px}.backpack-layout{grid-template-columns:1fr}.backpack-image{grid-row:1;max-width:280px}.backpack-items{grid-template-columns:repeat(3,1fr)}.pack-side{text-align:center}.game-selection-grid{gap:8px}.game-choice{min-height:140px;padding:6px}.game-choice img{height:145px}.game-featured{grid-template-columns:55px 1fr 55px;gap:3px}.game-featured img{max-height:320px}.feature-arrow{font-size:25px;padding:9px}.game-bottom #game-hint{display:none}}
@media(max-width:500px){.game-selection-grid{grid-template-columns:repeat(3,1fr)}.game-choice img{height:115px}.game-choice span{font-size:9px}.backpack-items{gap:5px}.pack-item{min-height:92px}.pack-item img{height:60px}.pack-item span{font-size:8px}.game-tab{font-size:11px;padding:9px}.game-title h2{font-size:29px}.game-shell{padding:14px}}
@media(prefers-reduced-motion:reduce){.game-section *{scroll-behavior:auto!important;transition:none!important}}

/* CAS / wardrobe: direct item selection with visual swatches. */
.sims-wardrobe{grid-template-columns:minmax(165px,.6fr) minmax(280px,1.12fr) minmax(280px,1.15fr);gap:clamp(16px,3vw,42px);align-items:stretch}
.sims-wardrobe .game-panel{justify-content:flex-start;padding-top:42px}
.sims-wardrobe .character-window{max-width:390px;background:radial-gradient(ellipse at 50% 55%,#7a6e7c66,transparent 69%);border-bottom:1px solid #80757f}
.sims-wardrobe .character-body img{filter:none}
.character-label,.character-zoom-hint{position:absolute;left:12px;z-index:3;color:#e4bdce;font:10px monospace;letter-spacing:.11em;pointer-events:none}
.character-label{top:12px}.character-zoom-hint{bottom:12px}
.wardrobe-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wardrobe-item{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;background:#443e45;color:#f8edf4;border:1px solid #82717f;padding:7px;text-align:left;min-width:0;transition:border-color .2s,transform .2s,background .2s}
.wardrobe-item:hover{transform:translateY(-3px);border-color:#efb1c8}.wardrobe-item.selected{border:2px solid #f2b4ce;background:#695262;padding:6px}
.wardrobe-item.selected:before{content:'✓';position:absolute;right:10px;top:9px;color:#f9c7da;z-index:4;font:20px monospace}
.item-crop{height:120px;width:100%;position:relative;display:block;overflow:hidden;background:radial-gradient(circle,#766e77,#37323a)}
.item-crop img{position:absolute;width:100%;height:150%;left:0;top:-25%;object-fit:fill;max-width:none;pointer-events:none}
.item-crop.crop-top img{transform:scale(2.5);transform-origin:50% 31%}
.item-crop.crop-bottom img{transform:scale(2.1);transform-origin:50% 70%}
.item-crop.crop-shoes img{transform:scale(3.2);transform-origin:50% 95%}
.item-crop.crop-hat img{transform:scale(3.2);transform-origin:50% 11%}
.none-symbol{display:grid;place-items:center;height:100%;font:50px 'Prata',serif;color:#c9a9b9}
.item-name{font:600 11px/1.3 sans-serif;min-height:27px}.item-index{font:10px monospace;color:#dab2c6;align-self:flex-end}
@media(max-width:900px){.sims-wardrobe{grid-template-columns:minmax(160px,1fr) minmax(250px,1fr)}.sims-wardrobe .character-window{grid-column:1;grid-row:1 / span 2;align-self:center}.sims-wardrobe .wardrobe-categories{grid-column:2;grid-row:1;padding-top:0}.sims-wardrobe .wardrobe-catalog{grid-column:2;grid-row:2;padding-top:0}}
@media(max-width:570px){.sims-wardrobe{grid-template-columns:1fr 1fr;gap:12px}.sims-wardrobe .wardrobe-categories{grid-column:1/-1;grid-row:1}.sims-wardrobe .wardrobe-categories .game-tabs{grid-template-columns:repeat(2,1fr)}.sims-wardrobe .wardrobe-categories .game-note{display:none}.sims-wardrobe .character-window{grid-column:1;grid-row:2;max-width:230px}.sims-wardrobe .wardrobe-catalog{grid-column:2;grid-row:2}.wardrobe-items{grid-template-columns:1fr}.item-crop{height:82px}.sims-wardrobe .wardrobe-catalog .game-note{display:none}.item-name{min-height:0}}

/* Monochrome game UI. Keep the original asset colors untouched. */
.game-section{--pink:#f0f0ef;--ink:#191a1c;--paper:#e4e4e4;background:#191a1c;color:#f4f4f4}
.game-shell{border-color:#616366;background:radial-gradient(ellipse at 50% 45%,#414246 0%,#242528 68%)}
.game-head,.game-bottom{color:#c3c4c5}.game-progress{background:#525458}
.game-title>p:last-child,.game-note,.pack-side{color:#c6c7c9}
.game-tab,.game-choice{background:#343538;border-color:#606266;color:#f0f0f0}
.game-tab.active,.game-choice.active,.game-choice.selected{background:#4f5155;border-color:#f0f0f0}
.game-arrow button,.feature-arrow{background:#343538;border-color:#85878a}
.game-primary{color:#1b1c1e}.game-primary:hover{background:#d7d7d7}
.character-window,.sims-wardrobe .character-window{background:radial-gradient(ellipse at 50% 55%,#77797c60,transparent 70%);border-bottom-color:#707277}
.character-label,.character-zoom-hint{color:#e2e3e5}
.wardrobe-item{background:#353639;color:#f1f1f1;border-color:#66686c}
.wardrobe-item:hover{border-color:#eee}.wardrobe-item.selected{background:#55575a;border-color:#f1f1f1}
.wardrobe-item.selected:before{color:#fff}
.item-crop{background:radial-gradient(circle,#727478,#303135)}
.none-symbol{color:#c4c6ca}.item-index{color:#d4d5d7}
.pack-item{background:#37383c;border-color:#606267}

/* Revised asset kit: all character layers now share a 1290 × 1670 canvas. */
.wardrobe .character-body .character-base{inset:0;left:0;top:0;width:100%;height:100%}
.wardrobe .character-body img{filter:none}
.wardrobe .character-window{aspect-ratio:1290 / 1670}
/* Move the camera's focus down to the sneakers during shoe selection. */
.wardrobe .character-body.shoe-zoom{transform:translateY(-33%) scale(2.5)}

/* Concrete-grey game stage with soft pink item focus, no item frames. */
.game-section{background:#77787a;color:#f8f8f8}
.game-shell{background:radial-gradient(ellipse at 50% 38%,#77787b 0%,#5d6063 65%,#4d5053 100%);border-color:#9a9c9f;box-shadow:0 24px 60px #24252855}
.game-choice,.pack-item{border:0!important;outline:0;background:transparent!important;box-shadow:none!important}
.game-choice:hover,.pack-item:hover{background:transparent!important}
.game-choice img,.pack-item img{transition:filter .25s,transform .25s;filter:drop-shadow(0 12px 10px #2e2c3277)}
.game-choice:hover img,.game-choice.selected img,.pack-item:hover img,.pack-item:focus-visible img{filter:drop-shadow(0 0 9px #ffd9ed) drop-shadow(0 0 19px #ef9dc9);transform:scale(1.045)}
.game-choice.selected:after{color:#f5c6df}
.pack-item:focus-visible,.game-choice:focus-visible{outline:1px dashed #f7d8e8!important;outline-offset:2px}
.pack-item.packed img{filter:grayscale(.65);transform:scale(.85)}
.backpack-image.drag-over{outline-color:#f1bad8}
.game-in-view .side-index{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .25s,visibility .25s}