:root{font-family:Georgia,serif;color:#f8edcf;background:#171c29;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 20%,#314346,transparent 60%),#171c29}main{max-width:1250px;padding:28px 28px 70px;margin:auto}header,.topline,.row,.shelfhead{display:flex;justify-content:space-between;gap:12px;align-items:center}h1{font-size:clamp(27px,4vw,42px);font-weight:normal;margin:7px 0;color:#ffe0a0}h2{font-weight:normal;font-size:26px;margin:8px 0}small{font:11px system-ui;letter-spacing:2px;color:#d1b68a}button{font:14px system-ui;padding:11px 15px;min-height:45px;border:1px solid #968269;border-radius:9px;color:#ffedcb;background:#394344;cursor:pointer}button:hover{background:#52605b}button:focus-visible{outline:3px solid #ffd382;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.toggles{display:flex;gap:6px;flex-wrap:wrap}.topline{font:14px system-ui;color:#c1d7b9;margin:18px 0}.shop{display:grid;grid-template-columns:1fr 1.1fr;gap:20px}.customer,.shelves{border:1px solid #87745f;border-radius:15px;background:#263333;overflow:hidden}.portrait{height:265px;position:relative;background:radial-gradient(ellipse at 50% 80%,#847354,#26393b 60%);border-bottom:12px solid #82664e}#stage{position:absolute;inset:0}#stage canvas{width:100%;height:100%;display:block}#stage.unavailable{display:none}.fallback{position:absolute;inset:25px 0;text-align:center;font-size:150px}.portrait:has(.ready) .fallback{display:none}.sign{position:absolute;bottom:8px;right:12px;font:10px system-ui;letter-spacing:2px;color:#ead6ad;background:#27322ecc;padding:5px}.dialogue{padding:20px}#clue{line-height:1.65;min-height:95px;color:#f2e4c9;font-size:18px}.row{justify-content:flex-start;flex-wrap:wrap}.shelves{padding:22px;background:linear-gradient(145deg,#403d37,#292f32)}.shelfhead{margin-bottom:15px}.shelfhead span{font-size:40px;color:#dbb97b}#items{display:grid;grid-template-columns:1fr 1fr;gap:10px}#items button{text-align:left;padding:13px;background:#2b3435;border-bottom:5px solid #987650;display:grid;grid-template-columns:40px 1fr;column-gap:8px;align-items:center}#items button[aria-pressed=true]{background:#56624b;border-color:#f6d292}#items .icon{font-size:31px;grid-row:span 2}#items strong{font:16px Georgia}#items .desc{font:12px/1.45 system-ui;color:#cccbc1;margin-top:6px;grid-column:1/-1}#items .price{color:#ffd087;font-size:12px;margin-top:4px}.counter{grid-column:1/-1;background:linear-gradient(#806247,#5b4839);border:1px solid #b89d74;border-radius:12px;padding:18px;display:flex;gap:12px;align-items:center}.counter>div{flex:1}#basket{font-size:19px;line-height:1.5;margin-top:7px}#total{margin:4px 0;font:14px system-ui}.primary{background:#e3bc7b;color:#242d2f;border-color:#ffdda1}.primary:hover{background:#ffda96}#payment,#ending{grid-column:1/-1;padding:20px;background:#36463d;border:1px solid #9eb28d;border-radius:12px}output{display:inline-block;min-width:45px;text-align:center;font-size:25px}#message{grid-column:1/-1;color:#ffe0a0;font-size:18px;line-height:1.5;margin:0;min-height:28px}#next{grid-column:1/-1;justify-self:start}footer{font:13px/1.8 system-ui;color:#c8c7bc;margin-top:24px}footer button{font-size:12px;padding:4px 9px;margin:8px}a{color:#ffe0a0}dialog{background:#293b38;color:#f8edcf;border:1px solid #e3bc7b;border-radius:15px;max-width:90vw}dialog::backdrop{background:#000a}[hidden]{display:none!important}@media(max-width:700px){main{padding:18px 14px 65px}header{display:block}.toggles{margin-top:10px}header button{font-size:12px;padding:8px}.shop{grid-template-columns:1fr;gap:14px}.portrait{height:210px}.dialogue{padding:16px}#clue{font-size:17px;min-height:0}.shelves{padding:15px}#items button{padding:11px}#items strong{font-size:15px}.counter{flex-wrap:wrap}.counter>div{flex-basis:100%}.topline{font-size:12px}h2{font-size:24px}}