:root{--ink:#2b2118;--parch:#ecdcb8;--parch2:#dcc794;--edge:#6d4f2c;--gold:#f2c14e;--red:#b5543a;--green:#5b8a3c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:#bfd9e8;margin:0;font-family:Georgia,Palatino Linotype,Book Antiqua,serif;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}.coin{vertical-align:-1px;background:radial-gradient(circle at 35% 30%,#fff1b0,#f2c14e 55%,#b98512);border-radius:50%;width:.9em;height:.9em;margin-right:.25em;display:inline-block;box-shadow:0 0 0 1px #7a560c}.coin.big{width:1.25em;height:1.25em}.ware{vertical-align:0;border-radius:2px;width:.7em;height:.7em;margin-right:.25em;display:inline-block;box-shadow:0 0 0 1px #00000073}#top{top:max(8px, env(safe-area-inset-top));border:2px solid var(--edge);background:linear-gradient(#efe0bd,#dcc794);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:calc(100vw - 16px);padding:6px 12px;font-size:14px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px #3c281480,0 8px 18px #00000040}#top .purse{border-right:1px solid #50321459;align-items:center;gap:4px;padding:0 8px 0 2px;font-size:20px;display:flex}#top .chips{gap:8px;display:flex}#top .chip{white-space:nowrap}#top .season{white-space:nowrap;background:#ffffff59;border-radius:6px;padding:2px 8px}#top .season.s0{background:#cfe8b0}#top .season.s1{background:#f3e3a0}#top .season.s2{background:#f0c389}#top .season.s3{background:#dbe9f2}#top .speed,#top .menu{gap:3px;display:flex}#top button{border:1px solid var(--edge);background:#f6ecd0;border-radius:5px;min-width:28px;min-height:26px;padding:1px 7px}#top button.on{color:#fff;background:#5b8a3c;border-color:#33521f}#objective{top:calc(max(8px, env(safe-area-inset-top)) + 54px);text-align:center;color:#f6ecd0;pointer-events:none;background:#2b2118d1;border-radius:8px;max-width:min(640px,100vw - 16px);padding:4px 12px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}#objective .ok{color:#a6e07a}#toasts{top:calc(max(8px, env(safe-area-inset-top)) + 92px);pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{color:#f6ecd0;text-align:center;background:#2b2118;border:1px solid #6d4f2c;border-radius:6px;max-width:90vw;padding:5px 12px;font-size:13px;transition:opacity .7s}.toast.good{background:#2f4a22}.toast.bad{background:#6a2a1e}.toast.out{opacity:0}#hint{left:50%;bottom:calc(var(--bb,100px) + 8px);color:#f6ecd0;pointer-events:none;text-align:center;background:#2b2118d9;border-radius:8px;max-width:92vw;padding:4px 12px;font-size:13px;position:absolute;transform:translate(-50%)}#build{padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:3px solid var(--edge);background:linear-gradient(#dcc794,#c9ad72);align-items:stretch;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}#build .tabs{flex-direction:column;gap:3px;display:flex}#build .tab{border:1px solid var(--edge);background:#efe0bd;border-radius:5px;padding:2px 10px;font-size:13px}#build .tab.on{color:#f6ecd0;background:#6d4f2c}#build .items{flex:1;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}#build .bld{border:2px solid var(--edge);text-align:left;background:#f6ecd0;border-radius:7px;flex-direction:column;flex:none;align-items:flex-start;gap:2px;min-width:104px;padding:3px 8px 4px;display:flex;position:relative}#build .bld.on{background:#d6ecb4;border-color:#33521f;box-shadow:0 0 0 2px #7fb04f}#build .bld .k{opacity:.55;font-size:10px;position:absolute;top:1px;right:5px}#build .bld b{font-size:14px}#build .bld .c{white-space:nowrap;font-size:11.5px}#tools{flex-direction:column;gap:5px;display:flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.tool{border:2px solid var(--edge);text-align:left;background:linear-gradient(#f6ecd0,#e4d3a4);border-radius:8px;min-width:64px;min-height:34px;padding:4px 9px;font-size:13px;position:relative;box-shadow:0 2px #3c281480}.tool.on{background:#d6ecb4;border-color:#33521f}.tool .k{opacity:.55;font-size:9px;line-height:1;display:block}#panel{right:8px;top:calc(max(8px, env(safe-area-inset-top)) + 120px);border:2px solid var(--edge);background:linear-gradient(#f3e6c6,#e2cf9f);border-radius:10px;width:268px;max-height:calc(100vh - 260px);padding:8px 12px 10px;font-size:13.5px;position:absolute;overflow:auto;box-shadow:0 3px #3c281480,0 8px 18px #00000040}#panel h3{justify-content:space-between;align-items:center;margin:0 0 6px;font-size:17px;display:flex}#panel .x{background:0 0;border:0;padding:0 4px;font-size:22px;line-height:1}#panel p{margin:4px 0}#panel .dim{opacity:.7;font-size:12.5px}#panel .warn{color:#8a2f1c}#panel .stock{flex-wrap:wrap;gap:4px 10px;margin:6px 0;display:flex}#panel .stock span{white-space:nowrap}#panel .row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}#panel .row button{border:2px solid var(--edge);background:#f6ecd0;border-radius:6px;padding:4px 9px}#panel .row button.danger{color:#8a2f1c;border-color:#8a2f1c}#panel .row button:disabled{opacity:.4}#panel .bar{background:#cdb98a;border-radius:4px;height:8px;margin:6px 0;overflow:hidden}#panel .bar i{background:#5b8a3c;height:100%;display:block}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lbl{color:#fff7d6;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;will-change:transform;font-size:13px;font-weight:700;position:absolute;top:0;left:0}.lbl.warn{color:#ffd0c0;text-shadow:none;background:#782814bf;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:400}#modal{background:#1e160e8c;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0;overflow:auto}#modal[hidden],#panel[hidden],#hint[hidden]{display:none}.card{border:3px solid var(--edge);background:linear-gradient(#f3e6c6,#e2cf9f);border-radius:14px;width:min(520px,100%);max-height:100%;padding:18px 22px;overflow:auto;box-shadow:0 10px 40px #00000073}.card h1{letter-spacing:1px;margin:0 0 4px;font-size:34px}.card h2{margin:0 0 8px}.card p{margin:6px 0;line-height:1.4}.card .sub{opacity:.75;margin-bottom:10px}.card label{margin:8px 0 2px;font-size:13px;display:block}.card input,.card select{width:100%;font:inherit;border:2px solid var(--edge);background:#fbf5e3;border-radius:6px;padding:6px 8px}.card .btns{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.card button{color:#fff;text-shadow:0 1px #0006;background:linear-gradient(#7fb04f,#5b8a3c);border:2px solid #33521f;border-radius:8px;padding:8px 16px;font-size:16px}.card button.alt{color:var(--ink);border-color:var(--edge);text-shadow:none;background:linear-gradient(#f6ecd0,#e4d3a4)}.card table{border-collapse:collapse;width:100%;font-size:13.5px}.card td{border-bottom:1px solid #50321433;padding:2px 6px}.card td:first-child{white-space:nowrap;font-weight:700}.card .row2{gap:8px;display:flex}.card .row2>*{flex:1}@media (width<=760px){#top{gap:6px;padding:4px 8px;font-size:12px}#top .purse{font-size:17px}#objective{top:calc(max(8px, env(safe-area-inset-top)) + 78px);font-size:11.5px}#toasts{top:calc(max(8px, env(safe-area-inset-top)) + 122px)}#tools{top:auto;bottom:calc(var(--bb,100px) + 8px);flex-flow:wrap;max-width:calc(100vw - 16px);left:8px;transform:none}.tool{min-width:0;min-height:30px;padding:3px 7px}.tool .k{display:none}#panel{width:auto;top:auto;left:8px;right:8px;bottom:calc(var(--bb,100px) + 52px);max-height:38vh}#build .bld{min-width:92px}#build .bld .k{display:none}}
