:root{--olive: #6b7a3a;--olive-dark: #4a5528;--earth: #8a6a44;--beige: #e8dcc3;--coal: #2b2b2b;--yellow: #f2c14e;--offwhite: #f7f3ea;--red: #c4452e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--coal);color:var(--offwhite);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}#hud{display:flex;gap:4px;padding:6px 8px;background:var(--coal);border-bottom:2px solid var(--olive-dark);flex-wrap:wrap;justify-content:center}.hud-res{background:#3a3a3a;border-radius:8px;padding:4px 8px;font-size:13px;white-space:nowrap}.hud-res b{color:var(--yellow)}.hud-auto b{color:#9ad27a}#hud2{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 10px;font-size:12px;color:var(--beige);background:#222}.chip{background:var(--olive);color:var(--offwhite);border:0;border-radius:12px;padding:3px 10px;font-size:12px;cursor:pointer}#hint{position:absolute;left:50%;transform:translate(-50%);top:92px;background:#2b2b2be0;color:var(--offwhite);padding:7px 14px;border-radius:12px;font-size:13px;max-width:92%;width:max-content;text-align:left;pointer-events:none;z-index:5;border-left:4px solid var(--yellow);display:flex;flex-direction:column;gap:2px}#hint b{color:var(--yellow);font-size:14px}#hint span{color:var(--beige)}#hint:empty{display:none}#hint.pop{animation:pop .5s ease-out}@keyframes pop{0%{transform:translate(-50%) scale(.85);opacity:0}60%{transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1);opacity:1}}.pulse{animation:pulse 1.2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f2c14e00}50%{box-shadow:0 0 0 6px #f2c14e73;background:#4a4a2a}}#game{flex:1 1 0;min-height:0;width:100%;display:block;touch-action:none;background:#5f7a3b}#bar{display:flex;background:var(--coal);border-top:2px solid var(--olive-dark);padding-bottom:env(safe-area-inset-bottom);position:relative;z-index:11}#bar button{flex:1;background:none;border:0;color:var(--beige);font-size:22px;padding:6px 0 4px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer}#bar button span{font-size:10px;letter-spacing:.3px}#bar button:active{background:#3a3a3a}.hidden{display:none!important}#panel,#dialog{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:10;padding:12px}#panel-box,#dialog-box{background:var(--offwhite);color:var(--coal);border-radius:14px;width:100%;max-width:440px;max-height:88%;overflow:auto;padding:16px;position:relative;box-shadow:0 10px 40px #00000080}#panel-close{position:absolute;top:8px;right:8px;border:0;background:var(--beige);border-radius:50%;width:30px;height:30px;font-size:16px;cursor:pointer}#panel-box h2,#dialog-box h2{margin:0 0 8px;font-size:20px;color:var(--olive-dark)}#panel-box h3{margin:14px 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--earth)}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #ddd3bf}.row:last-child{border-bottom:0}.row .info{flex:1;font-size:14px}.row .info small{display:block;color:#666;font-size:12px}button.act{background:var(--olive);color:var(--offwhite);border:0;border-radius:10px;padding:8px 12px;font-size:13px;cursor:pointer;white-space:nowrap}button.act:disabled{background:#bbb;cursor:not-allowed}button.act.alt{background:var(--earth)}button.act.ad{background:var(--yellow);color:var(--coal)}.muted{color:#777;font-size:13px}.note{font-size:12px;color:#666;margin-top:10px;font-style:italic}.bar{height:10px;background:#ddd3bf;border-radius:6px;overflow:hidden;margin:4px 0}.bar i{display:block;height:100%;background:#9ad27a}.quest-done{text-decoration:line-through;color:#999}#dialog-box p{font-size:15px;line-height:1.4}.opts{display:flex;flex-direction:column;gap:8px;margin-top:12px}.opts button{text-align:left;background:var(--beige);color:var(--coal);border:2px solid var(--olive);border-radius:10px;padding:10px 12px;font-size:14px;cursor:pointer}.opts button:active{background:var(--olive);color:var(--offwhite)}#visit{position:absolute;top:92px;left:50%;transform:translate(-50%);z-index:6;background:#2b2b2be6;color:var(--offwhite);padding:8px 14px;border-radius:12px;display:flex;gap:10px;align-items:center;font-size:14px;border-left:4px solid var(--yellow)}.cos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cos{background:var(--beige);border-radius:10px;padding:8px;text-align:center;font-size:12px;cursor:pointer;border:2px solid transparent}.cos.on{border-color:var(--olive);background:#e6edc8}.cos .big{font-size:26px}.pass{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.pass .lvl{min-width:84px;background:var(--beige);border-radius:10px;padding:6px;font-size:11px;text-align:center}.pass .lvl.done{opacity:.5}.pass .lvl.now{border:2px solid var(--olive)}#consent{position:absolute;left:0;right:0;bottom:0;z-index:40;padding:12px}.consent-box{background:var(--offwhite);color:var(--coal);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.4;max-width:520px;margin:0 auto;box-shadow:0 8px 30px #00000080}.consent-btns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}#start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:radial-gradient(ellipse at 50% 30%,#6b7a3a,#2b2b2b 70%);display:flex;align-items:center;justify-content:center;padding:16px}#start-box{text-align:center;color:var(--offwhite);max-width:420px}.start-logo{font-size:72px;animation:bob 2s infinite ease-in-out}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}#start-box h1{margin:0;font-size:40px;letter-spacing:2px;color:var(--yellow)}#start-box h2{margin:0 0 14px;font-size:20px;letter-spacing:4px;color:var(--beige)}#start-box p{font-size:15px;line-height:1.4;color:var(--beige)}#start-box .big{font-size:20px;padding:12px 36px;margin:8px}#start-box .act.alt{margin:8px}.start-note{font-size:12px!important;color:#999!important;margin-top:18px}#mini{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--coal);display:flex;flex-direction:column}#mini-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;font-size:14px;color:var(--beige);background:#222}#mini-bar b{color:var(--yellow)}#mini-canvas{flex:1 1 0;min-height:0;width:100%;display:block;touch-action:none}#mini-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--offwhite);color:var(--coal);border-radius:14px;padding:18px;width:90%;max-width:400px;text-align:center;box-shadow:0 10px 40px #0009}#mini-modal h2{margin:0 0 8px;color:var(--olive-dark)}#mini-modal p{font-size:15px;line-height:1.4}#mini-modal .reward{font-weight:700;color:var(--olive-dark)}#mini-modal button{font-size:16px;padding:10px 20px;margin-top:6px}#toasts{position:absolute;left:50%;transform:translate(-50%);bottom:76px;display:flex;flex-direction:column;gap:6px;z-index:8;pointer-events:none;width:92%;max-width:440px}.toast{background:#2b2b2beb;color:var(--offwhite);padding:8px 12px;border-radius:10px;font-size:13px;animation:toast 3.5s forwards;border-left:4px solid var(--yellow)}.toast.bad{border-left-color:var(--red)}.toast.good{border-left-color:#9ad27a}@keyframes toast{0%{opacity:0;transform:translateY(10px)}10%,85%{opacity:1;transform:none}to{opacity:0}}