:root{--ink:#2b2420;--paper:#f4e8cf;--paper-2:#e6d5b0;--edge:#8a6f4d;--ember:#d9692b;--ember-2:#f2a03d;--good:#3f8a3a;--bad:#b23b2e;--void:#1d2629;--magic:#6b5bd6}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;margin:0;font-family:Patrick Hand,Comic Sans MS,system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#night{pointer-events:none;opacity:0;background:radial-gradient(#141e4640,#080a1eb3);transition:opacity .6s;position:fixed;inset:0}body.is-night #night{opacity:1}body.is-night #bottom,body.is-night #side{opacity:.5;pointer-events:none}.hidden{display:none!important}button{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);border-radius:10px;padding:4px 12px}button:hover:not(:disabled){background:#fff7e6}button:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}button:disabled{opacity:.5;cursor:not-allowed}.panel-box{background:var(--paper);border:2px solid var(--ink);border-radius:14px;box-shadow:0 4px #00000073}img.ic{object-fit:contain;vertical-align:-4px;width:20px;height:20px}#hud{width:270px;padding:6px 14px 10px;position:fixed;top:12px;left:12px}.title{color:var(--ember);text-shadow:1px 1px 0 var(--ink);font-size:28px;line-height:1.1}.day{align-items:center;gap:6px;font-size:19px;display:flex}.day img{object-fit:contain;width:24px;height:24px}.bar{align-items:center;gap:6px;margin:4px 0;display:flex}.bar img{object-fit:contain;width:24px;height:24px}.track{border:2px solid var(--ink);background:var(--paper-2);border-radius:10px;flex:1;height:20px;position:relative;overflow:hidden}#hp-fill{background:linear-gradient(#e46a4e,#b23b2e);transition:width .4s;position:absolute;inset:0 auto 0 0}#hp-text{text-align:center;font-size:15px;line-height:16px;position:absolute;inset:0}.res{grid-template-columns:repeat(4,1fr);gap:4px;font-size:19px;display:grid}.res span{align-items:center;gap:3px;display:flex}.res img{object-fit:contain;width:24px;height:24px}.res .flash{animation:.6s flash}@keyframes flash{0%{color:var(--ember);transform:scale(1.3)}to{color:inherit;transform:none}}#buttons{gap:8px;display:flex;position:fixed;top:12px;right:12px}#btn-help{width:38px;padding:4px 0}#feed{pointer-events:none;flex-direction:column;gap:4px;width:min(460px,100vw - 600px);min-width:260px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.toast{background:var(--paper);border:2px solid var(--ink);text-align:center;border-radius:10px;padding:4px 12px;font-size:17px;transition:opacity .6s;animation:.25s toast-in}.toast.good{border-color:var(--good)}.toast.bad{border-color:var(--bad);background:#f8ddd5}.toast.fade{opacity:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}#side{width:260px;max-height:calc(100vh - 290px);padding:8px 14px 12px;font-size:17px;position:fixed;top:60px;right:12px;overflow-y:auto}#side h2{align-items:center;gap:6px;margin:0;font-size:24px;font-weight:400;display:flex}#side h2 img{object-fit:contain;width:28px;height:28px}#side h3{color:var(--edge);margin:8px 0 2px;font-size:18px;font-weight:400}#side p{margin:3px 0}#side .muted{color:var(--edge);font-size:15px}#side .warn{color:var(--bad)}#side .opt{text-align:left;width:100%;margin:6px 0;padding:4px 10px;display:block}#side .opt .cost{float:right}#side .opt small{color:var(--edge);font-size:14px;display:block}.pips{letter-spacing:1px;color:var(--bad)}.chip{border:1.5px solid var(--ink);border-radius:8px;padding:0 8px;font-size:14px;display:inline-block}#bottom{pointer-events:none;justify-content:center;align-items:flex-end;gap:12px;padding:0 12px;display:flex;position:fixed;bottom:10px;left:0;right:0}#bottom>*{pointer-events:auto}#deckinfo{text-align:center;padding:6px 12px;font-size:16px}#energy{justify-content:center;gap:4px;margin-bottom:4px;display:flex}.orb{border:2px solid var(--ink);background:radial-gradient(circle at 35% 35%, var(--ember-2), var(--ember));border-radius:50%;width:22px;height:22px}.orb.spent{background:var(--paper-2)}.piles{gap:10px;display:flex}#hand{align-items:flex-end;gap:8px;display:flex}.card{text-align:center;border-radius:12px;width:118px;min-height:160px;padding:6px 7px 8px;line-height:1.05;transition:transform .12s;position:relative}.card:hover:not(.disabled){transform:translateY(-10px)}.card .cost{border:2px solid var(--ink);background:radial-gradient(circle at 35% 35%, var(--ember-2), var(--ember));width:30px;height:30px;color:var(--ink);border-radius:50%;font-size:19px;line-height:26px;position:absolute;top:-10px;left:-8px}.card img{object-fit:contain;width:54px;height:54px;margin:2px auto;display:block}.card .name{font-size:18px}.card .text{color:#4a3f36;margin-top:3px;font-size:13.5px}.card .num{color:var(--edge);font-size:13px;position:absolute;top:3px;right:7px}.card.found{background:#fbf0cf;border-color:#9b7a1d;box-shadow:0 3px #9b7a1d}.card.curse{border-color:var(--bad);box-shadow:0 3px 0 var(--bad);background:#f2d6cf}.card.disabled{opacity:.55}.card.active{border-color:var(--ember);box-shadow:0 5px 0 var(--ember);transform:translateY(-14px)}#btn-end{background:#ffe2b8;align-items:center;gap:6px;padding:10px 18px;font-size:22px;display:flex}#btn-end img{object-fit:contain;width:26px;height:26px}#btn-end.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 3px 0 var(--ink), 0 0 0 6px #d9692b59}}#coach{border-color:var(--ember);width:290px;box-shadow:0 4px 0 var(--ember);padding:8px 14px 12px;font-size:18px;animation:.3s toast-in;position:fixed;top:172px;left:12px}#coach p{margin:6px 0;line-height:1.2}#coach .coach-head{color:var(--edge);justify-content:space-between;align-items:center;font-size:15px;display:flex}#coach .row{justify-content:flex-end;display:flex}button.link{box-shadow:none;color:var(--edge);background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}button.link:active{transform:none}button.primary{border-color:var(--ember);background:#ffe2b8}.tut-glow{outline:4px solid var(--ember-2);outline-offset:3px;animation:1.1s ease-in-out infinite tut-glow}@keyframes tut-glow{50%{outline-color:#f2a03d40}}.card.tut-glow{transform:translateY(-10px)}#modal{background:#0a0e1299;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel{background:var(--paper);border:2px solid var(--ink);border-radius:16px;width:100%;max-width:640px;max-height:calc(100vh - 32px);padding:16px 22px 20px;font-size:19px;overflow-y:auto;box-shadow:0 6px #00000073}.panel h1{color:var(--ember);text-shadow:1px 1px 0 var(--ink);margin:0 0 6px;font-size:34px;font-weight:400}.panel p,.panel li{margin:5px 0}.panel .note{color:var(--edge);font-size:16px}.panel .row{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}#loading{color:var(--paper);background:var(--void);place-items:center;font-size:28px;display:grid;position:fixed;inset:0}@media (width<=900px){#feed{width:calc(100vw - 24px);top:auto;bottom:200px}#side{width:220px;max-height:40vh;top:auto;bottom:200px}.card{width:92px;min-height:130px}.card .text{display:none}#hud{width:220px}#coach{width:calc(100vw - 260px);max-width:320px;top:auto;bottom:200px}.title{font-size:22px}}#side .plan{border:2px dashed var(--ember);background:#fff3dc;border-radius:10px;margin:8px 0 4px;padding:6px 8px}#side .plan .muted{margin-top:2px;display:block}#side .plan-btns{gap:6px;margin-top:6px;display:flex}#side .neg{color:var(--bad)}