:root{--felt: #2d4a3a;--felt-dark: #243d30;--felt-deep: #1c2f26;--parchment: #f6efdd;--parchment-dark: #efe5cc;--parchment-edge: #d9cba8;--ink: #3b3023;--ink-soft: #6b5d49;--wood: #8a6a48;--wood-dark: #6e5238;--terracotta: #c4633e;--terracotta-dark: #a84f2f;--sage: #7a9460;--sage-dark: #5f7a4a;--gold: #d9a93f;--rose: #b5485d;--sky: #aecbd8;--shadow-soft: 0 1px 2px rgba(18, 14, 6, .12), 0 10px 30px -10px rgba(18, 14, 6, .38);--shadow-hover: 0 2px 4px rgba(18, 14, 6, .14), 0 18px 44px -12px rgba(18, 14, 6, .5);--radius: 16px;--radius-sm: 10px;--font-display: "Fraunces", Georgia, "Iowan Old Style", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--felt);background-image:linear-gradient(180deg,#1c2f26d1,#243d30a8 38%,#1c2f26e0),url(/assets/ui/backdrop_town.png);background-size:auto,cover;background-position:center top;background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed;color:var(--ink);font-family:var(--font-body);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:.005em;margin:0 0 .45em}h3{font-size:19px}h4{font-size:16px}.panel{background:#f8f2e2f7;border:1px solid rgba(217,203,168,.55);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:18px;position:relative}.panel--dark{background:#1c2f26eb;color:var(--parchment);border-color:#ffffff14}.banner{display:inline-block;background:var(--parchment);border:1px solid rgba(217,203,168,.7);border-radius:8px;box-shadow:0 2px 8px #120e0640;padding:5px 20px;font-family:var(--font-display);font-weight:700;font-variant:small-caps;letter-spacing:.14em;font-size:18px}.plaque{background:#3b302312;color:var(--ink);border-radius:999px;border:1px solid rgba(138,106,72,.35);padding:5px 14px;font-family:var(--font-body);font-weight:600;font-size:12.5px;letter-spacing:.02em}.topbar .plaque{background:#f6efdd21;color:var(--parchment);border-color:#f6efdd38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}button{font-family:var(--font-body);font-weight:600;font-size:13.5px;letter-spacing:.01em;border-radius:var(--radius-sm);border:none;padding:9px 18px;cursor:pointer;color:#fdfaf2;background:var(--sage-dark);box-shadow:0 1px 2px #120e0633,0 4px 12px -4px #120e064d;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 2px 4px #120e0633,0 8px 20px -6px #120e0666}button:active{transform:translateY(0);filter:brightness(.97);box-shadow:0 1px 2px #120e0633}button:disabled{opacity:.45;cursor:default;transform:none;filter:none}button.buy{background:var(--sage-dark)}button.sell{background:var(--terracotta)}button.wood{background:var(--wood)}button.quiet{background:#3b30230f;color:var(--ink);box-shadow:inset 0 0 0 1.5px #8a6a4859}button.quiet:hover{background:#3b30231a}input,select,textarea{font-family:var(--font-body);font-size:14px;background:#fffdf6;color:var(--ink);border:1.5px solid rgba(217,203,168,.9);border-radius:var(--radius-sm);padding:8px 12px;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #d9a93f40}.shell{max-width:1240px;margin:0 auto;padding:16px}.row{display:flex;gap:16px;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:16px}.grow{flex:1 1 280px;min-width:0}.topbar{position:sticky;top:10px;z-index:40;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;padding:10px 16px;background:#16241dc7;border:1px solid rgba(246,239,221,.1);border-radius:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 28px -8px #0a100c99;color:var(--parchment)}.topbar .banner{font-size:15px;padding:3px 14px;color:var(--ink)}.topbar button.quiet{background:#f6efdd1f;color:var(--parchment);box-shadow:inset 0 0 0 1.5px #f6efdd40}.topbar button.quiet:hover{background:#f6efdd33}.stat{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--parchment)}.coin{display:inline-block;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3cf6d,var(--gold) 60%,#a87f22);border:1px solid #8a6a1d;box-shadow:inset 0 -2px 2px #0003}.effort-pip{display:inline-block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cfe3b8,var(--sage) 65%,var(--sage-dark));border:1px solid rgba(0,0,0,.25);margin-right:2px}.effort-pip.spent{background:#f6efdd26;border-color:#f6efdd33}.places{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.place-tile{flex:1 1 104px;background:#f8f2e2f0;border:1px solid rgba(217,203,168,.5);border-radius:14px;padding:12px 8px 9px;text-align:center;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--ink);box-shadow:var(--shadow-soft);transition:transform .14s ease,box-shadow .14s ease;-webkit-user-select:none;user-select:none}.place-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.place-tile.active{background:#fbf6e7;box-shadow:0 0 0 2.5px var(--gold),var(--shadow-soft);border-color:transparent}.place-tile .glyph{font-size:24px;display:block;margin-bottom:4px}.place-tile img{width:46px;height:46px;object-fit:contain;display:block;margin:0 auto 4px}table.book{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}table.book th{font-family:var(--font-body);font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px solid rgba(138,106,72,.5);padding:4px 8px;text-align:right}table.book td{padding:3.5px 8px;text-align:right}.bid-row{background:#7a946029}.ask-row{background:#c4633e21}.price-up{color:var(--sage-dark)}.price-down{color:var(--terracotta-dark)}.pip-dock{position:fixed;right:18px;bottom:18px;width:350px;max-width:calc(100vw - 32px);z-index:50}.pip-bubble{background:#fffdf6;border:1px solid rgba(107,93,73,.4);border-radius:16px;padding:11px 15px;font-size:13.5px;position:relative;box-shadow:var(--shadow-hover)}.pip-bubble:after{content:"";position:absolute;bottom:-9px;right:38px;border-width:9px 9px 0;border-style:solid;border-color:rgba(107,93,73,.5) transparent transparent}.pip-avatar{width:64px;height:64px;border-radius:18px;background:#f8f2e2f2;border:1px solid rgba(217,203,168,.6);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;font-size:36px;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease}.pip-avatar:hover{transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-hover)}.pip-avatar img{width:100%;height:100%;object-fit:cover}.pip-chat{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 2px}.msg{padding:8px 12px;border-radius:14px;max-width:85%;font-size:13.5px}.msg.user{align-self:flex-end;background:var(--sage-dark);color:#fff;border-bottom-right-radius:4px}.msg.tutor{align-self:flex-start;background:#fffdf6;border:1px solid var(--parchment-edge);border-bottom-left-radius:4px}.puzzle-grid{display:flex;flex-direction:column;gap:6px;margin:10px 0}.puzzle-row{display:flex;gap:6px;align-items:center}.puzzle-cell{width:46px;height:46px;border-radius:10px;border:1.5px solid var(--parchment-edge);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:19px;background:#fffdf6;font-variant-numeric:tabular-nums}.puzzle-cell.cold{background:var(--sky);border-color:transparent}.puzzle-cell.warm{background:#ecc473;border-color:transparent}.puzzle-cell.scalding{background:var(--terracotta);color:#fff;border-color:transparent}.puzzle-cell.correct{background:var(--sage-dark);color:#fff;border-color:transparent}.crier-post{border-bottom:1px dashed var(--parchment-edge);padding:10px 2px}.crier-post h4{margin-bottom:2px}.crier-kicker{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--terracotta-dark);font-family:var(--font-body)}.crier-feature{display:flex;gap:14px;align-items:stretch;border:1px solid rgba(217,203,168,.6);border-radius:12px;background:#fffdf6;margin:10px 0;overflow:hidden;box-shadow:var(--shadow-soft)}.crier-feature .art{width:150px;min-width:150px;object-fit:cover}.crier-feature .body{padding:10px 14px 10px 0}.crier-report summary{cursor:pointer;font-weight:500;font-size:13.5px}.crier-report{border-bottom:1px dashed var(--parchment-edge);padding:7px 2px}.moment-card{border-left:4px solid var(--ink-soft);border-radius:6px 12px 12px 6px;background:#3b30230a;padding:10px 14px;margin-bottom:8px}.moment-card.alert{border-left-color:var(--rose);background:#b5485d0f}.moment-card.notable{border-left-color:var(--terracotta);background:#c4633e0f}.count-badge{display:inline-block;min-width:20px;text-align:center;background:var(--ink-soft);color:var(--parchment);border-radius:999px;font-size:11px;font-weight:700;padding:1px 8px}.moment-card.alert .count-badge{background:var(--rose)}.moment-card.notable .count-badge{background:var(--terracotta)}.form-grid{display:grid;grid-template-columns:150px 1fr;gap:10px 14px;align-items:center;margin-top:12px}.form-grid label{font-weight:600;font-size:13px;text-align:right;color:var(--ink-soft)}.goods-items{display:flex;flex-direction:column;gap:6px}.goods-items .place-tile{box-shadow:none;border:1px solid rgba(217,203,168,.45)}.goods-items .place-tile:hover{transform:none;box-shadow:0 0 0 1.5px #d9a93f80}.goods-items .place-tile.active{box-shadow:0 0 0 2px var(--gold)}.goods-items .place-tile img{width:30px;height:30px;margin:0}.docks-scene{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(217,203,168,.6);box-shadow:var(--shadow-soft)}.docks-scene img{width:100%;height:260px;object-fit:cover;display:block}.docks-scene .ripple{position:absolute;left:50%;top:62%;width:18px;height:18px;border:3px solid rgba(255,255,255,.85);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 1.1s ease-out infinite}@keyframes ripple{0%{width:10px;height:10px;opacity:.95}to{width:90px;height:90px;opacity:0}}.scene-banner{width:100%;height:150px;object-fit:cover;display:block;border-radius:12px;margin-bottom:12px;border:1px solid rgba(217,203,168,.6);box-shadow:var(--shadow-soft)}.trophy-wall{display:flex;gap:10px;flex-wrap:wrap}.trophy-slot{width:92px;text-align:center;padding:9px 4px;background:linear-gradient(180deg,var(--wood),var(--wood-dark));border-radius:12px;color:var(--parchment);font-size:11px;font-weight:600;box-shadow:inset 0 1px #ffffff26,var(--shadow-soft)}.trophy-slot.empty{opacity:.45;filter:grayscale(.7)}.trophy-slot img{width:64px;height:64px;object-fit:contain}.shelf{background:linear-gradient(180deg,var(--wood),var(--wood-dark));border-radius:10px;padding:8px 14px 7px;margin-bottom:10px;box-shadow:inset 0 2px 5px #00000047,0 2px 6px #120e062e;display:flex;align-items:flex-end;gap:6px;min-height:52px}.shelf .price-tag{margin-left:auto;background:var(--parchment);color:var(--ink);border-radius:6px;padding:2px 9px;font-family:var(--font-display);font-weight:600;font-size:13px;transform:rotate(2deg);box-shadow:0 2px 4px #120e064d}.podium{display:flex;gap:10px;align-items:stretch;margin:6px 0 14px}.podium-slot{flex:1;text-align:center;border-radius:12px;padding:12px 6px 10px;background:#3b30230a;border:1px solid rgba(217,203,168,.5)}.podium-slot.gold{background:linear-gradient(180deg,#d9a93f47,#d9a93f1a);border-color:#d9a93f99}.podium-slot.silver{background:linear-gradient(180deg,#a0a0a038,#a0a0a012)}.podium-slot.bronze{background:linear-gradient(180deg,#c4633e33,#c4633e0f)}.podium-slot .medal{font-size:26px}.podium-slot .who{font-weight:700;font-size:13.5px;margin-top:2px}.podium-slot .score{font-family:var(--font-display);font-weight:600;font-size:16px}.board-row{display:flex;gap:8px;align-items:center;padding:4px 2px;font-variant-numeric:tabular-nums}.board-row+.board-row{border-top:1px dashed rgba(217,203,168,.6)}.meter{height:7px;border-radius:999px;background:#3b302314;overflow:hidden;flex:1}.meter>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sage),var(--sage-dark))}.facility-card{border:1px solid rgba(217,203,168,.6);border-radius:12px;background:#fffdf6;padding:12px 14px;margin-bottom:10px;box-shadow:var(--shadow-soft)}.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.build-card{border:1px solid rgba(217,203,168,.6);border-radius:12px;background:#f8f2e2e6;padding:10px;text-align:center;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease;font-weight:600;font-size:12.5px}.build-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.build-card .cost{color:var(--ink-soft);font-weight:500;font-size:12px}.tour-card{position:fixed;left:50%;transform:translate(-50%);bottom:24px;z-index:70;display:flex;gap:14px;align-items:flex-start;width:520px;max-width:calc(100vw - 24px);background:#f8f2e2fc;border:1px solid rgba(217,203,168,.7);border-radius:18px;padding:14px 16px;box-shadow:0 18px 50px -10px #0a100ca6;animation:nudge-in .35s ease-out}.tour-dot{width:7px;height:7px;border-radius:50%;background:#3b30232e}.tour-dot.on{background:var(--gold)}.tour-card .dismiss{border:0;background:none;box-shadow:none;color:var(--ink-soft);cursor:pointer;padding:0 2px}.tour-card .dismiss:hover{transform:none;filter:none;color:var(--ink)}@media(max-width:760px){.tour-card{bottom:calc(92px + env(safe-area-inset-bottom))}}@keyframes pip-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.pip-badge{position:absolute;top:-5px;right:-5px;width:17px;height:17px;border-radius:50%;background:var(--gold);border:2.5px solid #fffdf6;box-shadow:0 1px 4px #120e0666;animation:pip-pulse 1.6s ease-in-out infinite}@keyframes nudge-in{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.pip-bubble.nudge{animation:nudge-in .35s ease-out}.pip-bubble .dismiss{position:absolute;top:3px;right:8px;cursor:pointer;color:var(--ink-soft);font-size:13px;border:0;background:none;padding:2px;box-shadow:none}.pip-bubble .dismiss:hover{transform:none;filter:none;color:var(--ink)}.streak-chip{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(180deg,#f3cf6d,var(--gold));border:1px solid #a87f22;border-radius:999px;padding:3px 13px;font-weight:700;font-size:13px;color:var(--ink)}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(70px) rotate(220deg);opacity:0}}.confetti{position:absolute;width:7px;height:10px;animation:confetti-fall .9s ease-in forwards}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:24px;background:#16241deb;color:var(--parchment);border:1px solid rgba(246,239,221,.18);border-radius:14px;padding:12px 24px;font-weight:600;font-size:14px;box-shadow:0 12px 36px -8px #0a100cb3;z-index:90;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:nudge-in .25s ease-out}.toast.error{border-color:#e782988c;color:#f3c3cf}.muted{color:var(--ink-soft);font-size:13px}.tag{display:inline-block;background:#3b30230f;border:1px solid rgba(217,203,168,.7);border-radius:999px;padding:2px 11px;font-size:12px;font-weight:500;margin:0 4px 4px 0}.kicker{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.divider{border:0;border-top:1px dashed rgba(217,203,168,.8);margin:12px 0}.heat-good{color:var(--sage-dark);font-weight:600}.heat-bad{color:var(--rose);font-weight:600}.sparkline{display:block}.smog-overlay{filter:saturate(var(--smog-sat, 1));transition:filter 1s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#f6efdd40;border-radius:999px}::-webkit-scrollbar-track{background:transparent}@media(max-width:760px){.pip-dock{width:calc(100vw - 24px);right:12px;bottom:calc(84px + env(safe-area-inset-bottom))}.shell{padding:10px 10px 120px}.topbar{top:6px;gap:8px;padding:8px 12px}.topbar .banner{font-size:13px;padding:2px 10px}.places{position:fixed;left:0;right:0;bottom:0;z-index:45;margin:0;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:#16241deb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(246,239,221,.12);overflow-x:auto;flex-wrap:nowrap;gap:6px}.place-tile{flex:0 0 auto;min-width:80px;padding:6px 8px 5px;background:transparent;border:none;box-shadow:none;color:#f6efddc7;font-size:10.5px}.place-tile img{width:34px;height:34px}.place-tile:hover{transform:none;box-shadow:none}.place-tile.active{background:#f6efdd1f;box-shadow:inset 0 0 0 1.5px var(--gold);color:var(--parchment);border-radius:12px}.goods-panel{flex:1 1 100%!important;order:0;padding:10px;min-width:0;max-width:100%}.goods-items{flex-direction:row;overflow-x:auto;padding-bottom:6px}.goods-items .place-tile{flex:0 0 auto;min-width:92px}.market-main{order:1;flex:1 1 100%}.market-side{order:2;flex:1 1 100%}.crier-feature .art{width:92px;min-width:92px}body{background-attachment:scroll,scroll}}