:root{--bg: #05060a;--fg: #e8e6e0;--accent: #8a1f1f;--panel: rgba(10, 12, 18, .92)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:var(--bg);color:var(--fg);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#renderCanvas{width:100vw;height:100vh;display:block;touch-action:none;outline:none}.auth{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#14161f,#05060a 70%);z-index:100}.auth-card{width:340px;padding:2rem;background:var(--panel);border:1px solid #1d2230;border-radius:14px;box-shadow:0 20px 60px #0009}.auth-card h1{font-size:1.6rem;letter-spacing:.04em}.auth-card .sub{color:#8a8f9c;margin:.25rem 0 1.25rem;font-size:.9rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tabs button{flex:1;padding:.5rem;cursor:pointer;background:transparent;color:#8a8f9c;border:1px solid #232838;border-radius:8px}.tabs button.active{color:var(--fg);border-color:var(--accent)}.auth-card input{width:100%;padding:.7rem;margin-bottom:.7rem;background:#0c0e15;color:var(--fg);border:1px solid #232838;border-radius:8px}.auth-card input:focus{outline:none;border-color:var(--accent)}#submit{width:100%;padding:.8rem;margin-top:.25rem;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600}#submit:hover{background:#a52828}.msg{margin-top:.8rem;min-height:1.2em;font-size:.85rem;color:#d9a}.hud{position:fixed;inset:0;pointer-events:none;z-index:50}.crosshair{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffff80}.bars{position:absolute;left:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;width:220px}.bar span{font-size:.7rem;color:#aab;text-transform:uppercase;letter-spacing:.08em}.bar .track{height:10px;background:#1a1d27;border-radius:6px;overflow:hidden;margin-top:2px}.bar .track i{display:block;height:100%;width:100%;background:#b33;transition:width .15s linear}.bar .track i.st{background:#3a8}.bar .track i.hg{background:#d59a3a}.bar .track i.th{background:#3a8fd5}.narration{position:absolute;left:50%;bottom:80px;transform:translate(-50%);max-width:60ch;text-align:center;font-size:1.05rem;font-style:italic;text-shadow:0 2px 8px #000;opacity:0;transition:opacity 1s ease}.hint{position:absolute;right:16px;bottom:16px;font-size:.72rem;color:#667;text-align:right;max-width:46ch}.resources{position:absolute;left:20px;top:18px;display:flex;gap:14px;font-size:.85rem;color:#cdd;text-shadow:0 1px 4px #000}.resources span{display:inline-flex;align-items:center;gap:6px}.resources b{color:#fff;background:#00000059;padding:1px 8px;border-radius:8px;font-variant-numeric:tabular-nums}.tools{position:absolute;left:20px;top:44px;font-size:.8rem;color:#cdd;text-shadow:0 1px 4px #000}.craft{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;background:#05060abf}.craft-card{width:380px;max-width:92vw;padding:1.6rem;max-height:86vh;overflow-y:auto;background:var(--panel);border:1px solid #1d2230;border-radius:14px;box-shadow:0 20px 60px #0009}.craft-card h2{font-size:1.3rem;letter-spacing:.04em;margin-bottom:1rem}.craft-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid #1d2230}.craft-row.owned{opacity:.6}.craft-name{font-size:1.05rem}.craft-effect{font-size:.78rem;color:#8a8f9c;margin-top:.15rem}.craft-cost{font-size:.78rem;color:#d59a3a;margin-top:.15rem}.craft-row button{padding:.5rem 1rem;cursor:pointer;white-space:nowrap;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600}.craft-row button:disabled{background:#2a2f3e;color:#667;cursor:default}.craft-row button:not(:disabled):hover{background:#a52828}.craft-close{width:100%;margin-top:1.2rem;padding:.7rem;cursor:pointer;background:transparent;color:#8a8f9c;border:1px solid #232838;border-radius:8px}.craft-close:hover{color:var(--fg);border-color:var(--accent)}.prompt{position:absolute;top:54%;left:50%;transform:translate(-50%);font-size:.95rem;color:#fff;background:#080a108c;padding:5px 12px;border-radius:8px;letter-spacing:.02em;opacity:0;transition:opacity .12s ease;white-space:nowrap}.buildmode{position:absolute;top:18px;left:50%;transform:translate(-50%);font-size:.9rem;color:#bdf3c8;background:#08100c99;border:1px solid rgba(80,200,120,.35);padding:6px 14px;border-radius:10px;opacity:0;transition:opacity .15s ease}.nightinfo{position:absolute;top:18px;right:18px;font-size:.85rem;color:#f3c8c8;background:#10080899;border:1px solid rgba(200,80,80,.35);padding:6px 12px;border-radius:10px;opacity:0;transition:opacity .3s ease}.objective{position:absolute;top:56px;right:18px;max-width:280px;font-size:.82rem;color:#e7ead0;background:#0a0e089e;border:1px solid rgba(140,170,90,.4);padding:8px 12px;border-radius:10px;text-align:right;opacity:0;transition:opacity .3s ease}.obj-title{font-size:.72rem;letter-spacing:.03em;color:#b9c98a;margin-bottom:2px}.obj-count{color:#8fae5a}.obj-text{color:#f1f3e6;line-height:1.25}.quests{position:absolute;top:150px;right:18px;width:248px;color:#e7ead0;background:#0a0e089e;border:1px solid rgba(140,170,90,.4);padding:8px 12px;border-radius:10px;text-align:right;opacity:0;transition:opacity .3s ease}.q-title{font-size:.72rem;letter-spacing:.03em;color:#b9c98a;margin-bottom:6px}.q-row{margin:7px 0}.q-line{display:flex;justify-content:space-between;gap:8px;font-size:.8rem}.q-name{color:#f1f3e6}.q-num{color:#8fae5a}.q-track{height:4px;background:#ffffff1f;border-radius:3px;margin:3px 0 2px;overflow:hidden}.q-track i{display:block;height:100%;background:linear-gradient(90deg,#7da23f,#b9d96a)}.q-rew{font-size:.68rem;color:#c7b06a}.lock-hint{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#05060a8c;color:#e8e6e0;font-size:1.3rem;letter-spacing:.04em;z-index:60;cursor:pointer;text-align:center;transition:opacity .3s ease}.lock-hint span{max-width:30ch;line-height:1.5}.lock-hint small{display:block;margin-top:.6rem;color:#8a8f9c;font-size:.9rem}.gameover{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#280606d9,#030305f5 70%);animation:goFade .8s ease}@keyframes goFade{0%{opacity:0}to{opacity:1}}.go-card{text-align:center}.go-card h1{font-size:3rem;letter-spacing:.08em;color:#c33;text-shadow:0 4px 24px rgba(180,0,0,.5);margin-bottom:.4rem}.go-card p{color:#b9b3ad;margin-bottom:1.6rem;font-style:italic}.go-stats{display:flex;gap:2.5rem;justify-content:center;margin-bottom:1.8rem}.go-stats div{display:flex;flex-direction:column;align-items:center}.go-stats b{font-size:2.2rem;color:#e8e6e0;line-height:1}.go-stats span{font-size:.72rem;color:#8a8f9c;text-transform:uppercase;letter-spacing:.08em;margin-top:.35rem}.go-card button{padding:.8rem 2rem;cursor:pointer;font-size:1rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:10px;transition:background .2s ease}.go-card button:hover{background:#a52828}