*{box-sizing:border-box}body{margin:0;background:#0b2239;color:#eef4f7;font:16px/1.5 system-ui,sans-serif}button{font:inherit;cursor:pointer}button:disabled{opacity:.58;cursor:default}button:focus-visible,summary:focus-visible{outline:3px solid #ffc761;outline-offset:4px}.app{max-width:1420px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.eyebrow{font-size:11px;letter-spacing:2px;color:#aac2d3;font-weight:800;margin:0}h1{font-size:clamp(25px,3vw,36px);margin:4px 0}h2{font-size:22px;margin:0}.score{display:flex;align-items:center;gap:12px;padding:10px 18px;border:1px solid #416078;background:#193b53;border-radius:14px}.score strong{font-size:30px;color:#ffcb68}.score span{font-size:13px}.intro{border:1px solid #416078;border-left:4px solid #ffcb68;border-radius:14px;background:#193b53;padding:17px 22px;margin-bottom:14px}.intro h2{font-size:19px;color:#ffcf72}.intro p{font-size:14px;margin:6px 0}.intro ol{display:flex;gap:36px;flex-wrap:wrap;font-size:14px;margin:10px 0;padding-left:20px}.intro details{font-size:13px;color:#c6d8e5}.intro details p{font-size:13px;max-width:880px}summary{cursor:pointer}#notice{min-height:24px;font-size:14px;color:#ffcf72;margin:0 0 14px}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,1fr);gap:24px;align-items:start}.city-card{border:1px solid #35526c;border-radius:20px;overflow:hidden;background:#112d47}.city-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:10px}.city-heading h2{font-size:21px}.city-heading span{font-size:12px;white-space:nowrap;color:#bdcedb}.map{position:relative}.map img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.map button{position:absolute;transform:translateX(-50%);border:1px solid #faf6ed;background:#faf6ed;color:#16374e;border-radius:10px;padding:8px 10px;font-weight:800;font-size:13px;box-shadow:0 4px 12px #0006;max-width:46%;min-width:125px;line-height:1.2}.map button small{display:block;font-size:10px;font-weight:650;margin-top:4px}.map button.active{background:#ffcc6a;border:2px solid #ffdf98}.map button.locked{background:#16344bea;border-color:#71879b;color:#d6e3ed}.map button[data-shop="0"]{left:25%;top:25%}.map button[data-shop="1"]{left:75%;top:25%}.map button[data-shop="2"]{left:25%;top:56%}.map button[data-shop="3"]{left:75%;top:56%}.map button[data-shop="4"]{left:25%;top:86%}.map button[data-shop="5"]{left:75%;top:86%}.city-footer{padding:16px 20px;background:#193b53;font-size:13px;color:#c7d9e6}.city-footer strong{color:#ffcf72}.legend{display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px;font-size:11px}.legend span:first-child{border-left:3px solid #68b2e5;padding-left:9px}.legend span:last-child{border-left:3px solid #f6a04d;padding-left:9px}.panel{background:#fafaf5;color:#17364c;border-radius:20px;padding:24px;box-shadow:0 8px 25px #0002}.tag{display:inline-block;font-size:10px;letter-spacing:1px;font-weight:900;background:#ffe1b6;color:#78440f;border-radius:6px;padding:6px 10px;margin-bottom:8px}.tag.route{background:#dceefa;color:#246286}.panel h2{font-size:26px}.progress{display:flex;justify-content:space-between;font-size:12px;margin:10px 0 16px;color:#677f8b}.order{display:flex;align-items:center;gap:14px;background:white;border:1px solid #e0e6e7;padding:14px;border-radius:12px}.product{display:grid;place-items:center;width:70px;height:70px;background:#fff0d3;border-radius:12px;flex-shrink:0}.product svg{width:58px;height:58px}.order strong{font-size:17px}.order p{font-size:13px;color:#627984;margin:5px 0}.prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.price{background:#ebefee;padding:12px 15px;border-radius:11px;font-size:11px}.price b{display:block;font-size:25px;margin-top:3px}.price.paid{background:#e3f1e6;color:#2c624a}.instruction{font-size:15px;font-weight:750;margin:15px 0 10px}.wallet,.tray-coins{display:flex;gap:9px;flex-wrap:wrap}.money{width:48px;height:48px;border-radius:50%;border:3px double #aa8234;background:radial-gradient(circle at 30% 30%,#fff3bb,#dbb452);color:#584014;box-shadow:0 2px 0 #a28031;font-size:13px;font-weight:850}.money.silver{background:radial-gradient(circle at 30% 30%,#fff,#bfccd1);border-color:#9eafb8;color:#274553;box-shadow:0 2px 0 #8199a5}.money.copper{background:radial-gradient(circle at 30% 30%,#ffe0be,#c48862);border-color:#a76840;color:#643716;box-shadow:0 2px 0 #98603c}.money.bill{width:68px;border:2px solid #9db291;background:#dce8d3;color:#3d5e36;border-radius:6px;box-shadow:0 2px 0 #839977}.tray{min-height:100px;border:2px dashed #b5c5ce;padding:12px;border-radius:12px;background:white;margin-top:16px}.tray-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#607c8c;margin-bottom:10px}.tray-head b{font-size:22px;color:#193b53}.tray-coins .money{width:37px;height:37px;font-size:10px}.tray-coins .money.bill{width:57px}.empty{font-size:13px;color:#87989f}.actions{display:flex;gap:10px;margin-top:16px}.primary{flex:1;background:#173e56;color:white;border:0;border-radius:10px;padding:13px;font-weight:800}.secondary{background:white;color:#385b6e;border:1px solid #bacbd3;border-radius:10px;padding:12px;font-size:12px}.feedback{padding:12px;font-size:13px;border-radius:10px;background:#edf2f4;line-height:1.6;margin-top:14px;min-height:45px}.feedback.good{background:#dff1e4;color:#286141}.feedback.bad{background:#ffebdf;color:#874423}.panel details{margin-top:13px;font-size:12px;color:#617b89}.panel details p{line-height:1.6}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button{border:2px solid #c0cfd8;border-radius:12px;background:white;color:#21465b;padding:14px;font-weight:800}.choices button.chosen{border-color:#2c799c;background:#e4f1f8}.choices button:disabled.chosen{opacity:1}.plateau-choice{text-align:left}.plateau-choice strong{display:block;font-size:12px;margin-bottom:10px}.tokens{display:flex;flex-wrap:wrap;gap:6px}.token{border-radius:50%;border:1px solid #b49249;background:#f5dda0;padding:6px;font-size:11px}.tokens .note{border-radius:4px;background:#dce8d3}.panel .success{background:#dff1e4;border-left:4px solid #4a9471;padding:12px;border-radius:8px;margin:15px 0;color:#276041;font-size:14px}footer{text-align:center;font-size:11px;color:#9bb5c6;margin:22px 0}footer p{margin:5px 0}@media(max-width:950px){.layout{grid-template-columns:1fr}.app{max-width:750px;padding:15px}.intro ol{gap:8px 26px}.map img{aspect-ratio:4/5}.city-heading h2{font-size:20px}}@media(max-width:480px){.app{padding:12px}header{gap:8px}.eyebrow{font-size:9px;letter-spacing:1px}.score{padding:8px;gap:7px}.score strong{font-size:23px}.score span{font-size:10px}h1{font-size:25px}.intro{padding:14px 16px}.intro h2{font-size:17px}.intro ol{display:block;margin:8px 0}.intro li{margin:4px 0}.panel{padding:18px}.map button{min-width:105px;padding:6px;font-size:11px}.map button small{font-size:9px}.city-heading{padding:14px}.city-heading h2{font-size:17px}.price b{font-size:23px}.choices{gap:8px}.choices button{padding:10px}.tray-head b{font-size:20px}}