:root{--paper: #d9cba6;--paper-dark: #c9b78d;--panel: #efe6cd;--ink: #3a2f25;--ink-soft: #6b5d4b;--leather: #8a6f4d;--red: #a04b3b;--green: #7a8450;--blue: #5b6b7a;--gold: #c9a23f;--night: #2c3140;--radius: 10px}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;transition:background 1.2s ease}body.phase-dusk{background:#c4a98a}body.phase-night{background:#4a4e5e}body.phase-night .panel,body.phase-night .encounter,body.phase-night .offer{background:#d8d0bc}#app{max-width:1180px;margin:0 auto;padding:12px 16px 32px}#grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}#fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:3px solid var(--ink);padding:6px 2px 10px;margin-bottom:14px}.topbar h1{font-size:22px;letter-spacing:4px;margin:0}.topbar-mid,.topbar-right{display:flex;align-items:center;gap:10px}.res{font-weight:700;padding:2px 8px;border-radius:20px;background:#00000012}.res-gold{color:#8a6d1d}.res-wood{color:#6b4f33}.res-stone{color:#5d5a52}.hint{color:var(--ink-soft);font-size:13px;font-style:italic}.note{font-size:16px}.junk-text{color:var(--red);font-weight:700}.btn{font-family:inherit;font-size:15px;cursor:pointer;background:var(--ink);color:var(--panel);border:none;border-radius:var(--radius);padding:10px 18px;transition:transform .08s ease,box-shadow .08s ease;box-shadow:0 3px #0005}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #0005}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #0005}.btn:disabled{opacity:.45;cursor:default}.btn small{opacity:.75;font-size:11px}.btn-sm{padding:5px 12px;font-size:13px}.btn-big{width:100%;padding:14px;font-size:17px;margin-top:12px}.btn-warn{background:var(--red)}.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink-soft)}.panel{background:var(--panel);border:2.5px solid var(--ink);border-radius:14px;padding:14px 16px;box-shadow:4px 4px #0000002a}.panel h2{font-size:15px;letter-spacing:2px;text-transform:uppercase;margin:4px 0 10px;border-bottom:2px solid var(--paper-dark);padding-bottom:6px}.panel h2 .hint{text-transform:none;letter-spacing:0}.art{position:relative;display:inline-flex;width:48px;height:48px;flex:none}.art svg,.art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.art img{border-radius:8px}.art.img-ok svg{display:none}.art-sm{width:36px;height:36px}.art-lg{width:84px;height:84px}.art-xl{width:130px;height:130px}.village-layout{display:grid;grid-template-columns:250px 1fr 320px;gap:14px;align-items:start}@media(max-width:980px){.village-layout{grid-template-columns:1fr}}.stash{display:flex;flex-direction:column;gap:6px;max-height:480px;overflow-y:auto}.stash-item{display:flex;align-items:center;gap:10px;text-align:left;font-family:inherit;font-size:14px;color:var(--ink);cursor:pointer;background:#00000008;border:2px solid transparent;border-radius:var(--radius);padding:5px 8px;transition:border-color .1s,background .1s}.stash-item:hover{background:#00000014}.stash-item.selected{border-color:var(--green);background:#7a845022}.stash-label small{display:block;color:var(--ink-soft)}.grid{display:grid;gap:3px;margin:4px auto;grid-template-columns:repeat(var(--cols),58px);grid-template-rows:repeat(var(--rows),58px);width:fit-content;padding:8px;border-radius:var(--radius);background:var(--leather);box-shadow:inset 0 0 0 3px var(--ink),inset 0 6px 14px #0003}.grid-mule{--cell: 48px;grid-template-columns:repeat(var(--cols),48px);grid-template-rows:repeat(var(--rows),48px)}.cell{background:#00000026;border-radius:6px;box-shadow:inset 0 0 0 1.5px #00000030}.cell-ok{background:#7a845088}.cell-bad{background:#a04b3b88}.grid-item{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--panel);border:2px solid var(--ink);border-radius:8px;cursor:pointer;transition:transform .1s ease;animation:pop-in .18s ease}.grid-item:hover{transform:scale(1.04)}.grid-item .art{width:70%;height:70%}.grid-item.loot{background:#e3cf9b;border-style:dashed}.grid-item.selected{border-color:var(--green);box-shadow:0 0 0 3px #7a845088;z-index:3}.grid-item.static{cursor:default}.grid-item.static:hover{transform:none}.junk-pips{position:absolute;bottom:1px;right:4px;font-size:10px;color:var(--red);letter-spacing:1px}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.deck-summary{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:14px}.deck-list{margin-top:10px;background:#00000009;border-radius:var(--radius);padding:8px 12px;max-height:260px;overflow-y:auto}.deck-row{padding:3px 0;font-size:13.5px;border-bottom:1px dashed #00000018}.deck-row:last-child{border-bottom:none}.deck-count{display:inline-block;width:26px;color:var(--ink-soft)}.deck-desc{color:var(--ink-soft);font-size:12.5px}.deck-junk{color:var(--red)}.deck-junk .deck-desc{color:#a04b3b99}.buildings,.dests{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.building{display:flex;align-items:center;gap:10px;background:#00000008;border-radius:var(--radius);padding:6px 10px}.building.built{background:#7a845026}.building-info{flex:1;font-size:13.5px}.building-info small{display:block;color:var(--ink-soft);font-size:12px}.badge-built{font-size:12px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:1px}.dest{display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font-family:inherit;color:var(--ink);background:#00000008;border:2px solid transparent;border-radius:var(--radius);padding:8px 10px;font-size:14px}.dest small{display:block;color:var(--ink-soft);font-size:12px}.dest.selected{border-color:var(--ink);background:var(--paper-dark)}.hire{margin:10px 0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.chip{font-family:inherit;font-size:13px;cursor:pointer;color:var(--ink);background:#00000008;border:2px solid var(--ink-soft);border-radius:20px;padding:5px 12px}.chip.selected{background:var(--ink);color:var(--panel);border-color:var(--ink)}.chip small{opacity:.7}.hp-row{max-width:420px;margin:0 auto 10px}.track-scroll{display:flex;overflow-x:auto;margin:6px 0 16px;padding:4px 8px}.mapwrap{position:relative;flex:none;margin:0 auto}.mapwrap svg{position:absolute;top:0;right:0;bottom:0;left:0}.map-line{stroke:#00000030;stroke-width:4;stroke-linecap:round}.line-open{stroke:var(--ink);stroke-dasharray:7 6;animation:march .9s linear infinite}@keyframes march{to{stroke-dashoffset:-13}}body.phase-night .map-line{stroke:#f3ead220}body.phase-night .line-open{stroke:#d8d0bc}.node{position:absolute;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;background:var(--panel);border:2.5px solid var(--ink);box-shadow:2px 2px #0002;transition:transform .15s ease}.node.here{transform:scale(1.25);background:var(--gold);z-index:2}.node.cleared{opacity:.6}.node.corrupted{background:var(--red);color:var(--panel);opacity:1;animation:pulse 1.2s infinite}.node.fogged{color:var(--ink-soft);background:#cfc6ad;border-style:dashed;border-color:#00000045;animation:fog-drift 3.2s ease-in-out infinite}@keyframes fog-drift{0%,to{opacity:.72}50%{opacity:1}}body.phase-night .node.fogged{background:#363c4a;color:#b6bdca;border-color:#fff3;box-shadow:0 0 9px #12161f99,2px 2px #0002;text-shadow:0 0 6px #000000aa}@media(prefers-reduced-motion:reduce){.node.fogged{animation:none}}.node.reachable{cursor:pointer;border-color:var(--green);box-shadow:0 0 0 4px #7a845055,2px 2px #0002;animation:beckon 1.4s ease-in-out infinite}.node.reachable:hover{transform:scale(1.18)}@keyframes beckon{0%,to{box-shadow:0 0 0 3px #7a845044,2px 2px #0002}50%{box-shadow:0 0 0 7px #7a845066,2px 2px #0002}}.node-village{border-radius:10px;font-size:22px}.btn-big-step{font-size:16px;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.map-main{display:flex;flex-direction:column;gap:14px;align-items:center}.encounter,.offer{background:var(--panel);border:2.5px solid var(--ink);border-radius:14px;padding:20px 26px;text-align:center;min-width:min(560px,92vw);max-width:640px;box-shadow:4px 4px #0000002a;animation:pop-in .18s ease}.encounter .btn{margin:4px 6px}.event-mark{font-size:48px;font-weight:700;display:block}.travel-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.offer h3{margin:0 0 12px}.offer-entry{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 0;border-top:1px dashed #00000022;text-align:left}.offer-entry:first-of-type{border-top:none}.offer-entry.done{opacity:.55}.offer-entry span small{display:block;color:var(--ink-soft);font-size:12px}.pack-panel{background:var(--panel);border:2.5px solid var(--ink);border-radius:14px;padding:12px 18px;box-shadow:4px 4px #0000002a}.pack-panel h3{margin:4px 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.time-pill,.torch-pill,.deck-pill{padding:4px 12px;border-radius:20px;font-size:13.5px;font-weight:700;background:#00000014}button.deck-pill{font-family:inherit;color:var(--ink);border:2px solid transparent;cursor:pointer}button.deck-pill:hover{border-color:var(--ink-soft)}.time-day{background:#c9a23f44}.time-dusk{background:#a04b3b33}.time-night{background:var(--night);color:#d8d0bc}.combat-main{display:flex;flex-direction:column;gap:10px}.battlefield{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-around;gap:16px;padding:22px 12px 30px;min-height:290px;background:linear-gradient(#c8cdb4,#d9cba6 55%,#c9b78d);border:2.5px solid var(--ink);border-radius:14px;box-shadow:4px 4px #0000002a}.battle-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5;filter:blur(1.5px) saturate(.85)}.battlefield:after{content:"";position:absolute;left:0;right:0;bottom:0;height:58px;background:linear-gradient(#0000,#5a47301f 30%,#5a473042)}body.phase-night .battlefield{background:linear-gradient(#3a3f50,#4a4e5e 60%,#3c3526)}body.phase-night .battle-bg{opacity:.4;filter:blur(1.5px) brightness(.55) saturate(.55)}body.phase-night .combatant-label,body.phase-night .battlefield .block-chip{color:#d8d0bc}.combatant{position:relative;z-index:1;text-align:center;width:240px}.combatant-label{font-weight:700;margin:4px 0 0;text-shadow:0 1px 0 #ffffff55}.combatant .hp-wrap{margin-bottom:8px}.combatant .hp-bar{max-width:150px;height:15px;background:#0005}.combatant .art-xl{filter:drop-shadow(0 10px 7px #00000040)}.enemy-dead .art-xl{transform:rotate(80deg) translateY(14px);opacity:.4;filter:grayscale(.75) brightness(.82);transition:all .5s ease}.duo{display:flex;align-items:flex-end;justify-content:center;gap:2px}.art-md{width:76px;height:76px}.companion .art-md,.mule-back .art-md{filter:drop-shadow(0 7px 5px #00000038)}.mule-back{opacity:.8;margin-right:-10px}.party{display:flex;align-items:flex-end;gap:12px}.party .combatant{width:200px}.companion-box{width:150px}.companion-box.down{opacity:.45;filter:grayscale(.85)}.companion-box.down .art-xl{transform:rotate(75deg) translateY(12px);transition:transform .5s ease}.enemies{display:flex;align-items:flex-end;justify-content:center;gap:10px;flex-wrap:wrap}.enemies .combatant{width:150px;cursor:pointer;transition:transform .12s ease}.enemies .combatant:not(.enemy-dead):hover{transform:translateY(-4px)}.enemies .combatant.focused{outline:3px solid var(--gold);outline-offset:5px;border-radius:10px}.intent-aim{display:inline-block;margin-left:6px;font-size:12px;font-weight:700;color:#8a3b2f}body.phase-night .intent-aim{color:#e0a98f}.intent{display:inline-block;margin-bottom:4px;padding:3px 12px;border-radius:20px;font-weight:700;font-size:15px;border:2px solid var(--ink);background:var(--panel);animation:bob 1.6s ease-in-out infinite}.intent-attack{background:#a04b3b;color:#f3ead2}.intent-block{background:var(--blue);color:#f3ead2}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.victory{text-align:center;font-size:26px;font-weight:700;letter-spacing:3px;animation:pop-in .3s ease}.hp-wrap{display:flex;align-items:center;gap:8px;justify-content:center}.hp-bar{position:relative;flex:1;max-width:220px;height:20px;background:#0003;border:2px solid var(--ink);border-radius:12px;overflow:hidden}.hp-fill{height:100%;background:var(--red);transition:width .35s ease}.hp-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#f3ead2;text-shadow:0 1px 2px #00000088}.block-chip{font-weight:700;font-size:14px;color:var(--blue)}.hand-row{display:flex;align-items:center;gap:14px}.hand-row.resolving .hand,.hand-row.resolving .energy{opacity:.45;filter:grayscale(.4);pointer-events:none;transition:opacity .2s ease}.enemy-turn-note{font-style:italic;color:var(--ink-soft);font-size:15px;align-self:center}.energy{flex:none;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d9b65a,var(--gold) 60%,#8a6d1d);border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;box-shadow:2px 3px #0003}.hand{display:flex;flex:1;justify-content:center;flex-wrap:wrap;min-height:195px;align-items:flex-end;padding:14px 0 26px}.fan{position:relative;transform:rotate(var(--tilt, 0deg)) translateY(var(--lift, 0px));transition:transform .12s ease;margin:0 -13px}.fan:hover{z-index:6;transform:rotate(0) translateY(calc(var(--lift, 0px) - 8px))}.hand-side{display:flex;flex-direction:column;gap:6px;align-items:stretch}.pile-btn{font-family:inherit;font-size:13px;cursor:pointer;background:#00000010;color:var(--ink);border:2px solid var(--ink-soft);border-radius:var(--radius);padding:4px 10px}.pile-list{background:var(--panel);border:2px solid var(--ink)}.pile-list h3{margin:2px 0 6px;text-transform:uppercase;font-size:13px;letter-spacing:1px}.card{width:118px;height:164px;flex:none;cursor:pointer;position:relative;background:var(--panel);border:2.5px solid var(--ink);border-radius:10px;padding:8px 8px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 3px #0003;animation:deal .25s ease}.card:hover{transform:translateY(-14px) scale(1.06);box-shadow:0 10px #0003;z-index:5}.card-attack{background:#ead9c0}.card-skill{background:#dde2cd}.card-junk{background:#c9c2b4;color:#0008;cursor:not-allowed}.card-junk .card-art{opacity:.55;filter:saturate(.4)}.card-art{width:100%;display:flex;justify-content:center;padding:5px 0 3px;background:#00000009;border-radius:7px}.card-art .art{width:58px;height:58px}.card-name{font-weight:700;font-size:12px;text-align:center;line-height:1.1;width:calc(100% + 10px);margin:1px -5px 0;padding:3px 2px;background:var(--panel);border:2px solid var(--ink);border-radius:4px;box-shadow:0 2px #0002}.card-desc{font-size:10.5px;text-align:center;color:var(--ink-soft);line-height:1.25;margin-top:2px}.card-cost{position:absolute;top:-9px;left:-9px;width:27px;height:27px;z-index:2;background:radial-gradient(circle at 35% 30%,#8fa3b8,var(--blue) 60%,#3e4c5a);border:2px solid var(--ink);transform:rotate(45deg);border-radius:5px;display:flex;align-items:center;justify-content:center}.card-cost span{transform:rotate(-45deg);font-weight:700;font-size:13px;color:#f3ead2}.card-junk .card-cost{background:#9a958a}@keyframes deal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.summary-main{display:flex;justify-content:center;padding-top:8vh}.summary-panel{text-align:center;max-width:480px;padding:30px 36px}.summary-panel h1{font-size:24px}.summary-res{margin:16px 0 4px;display:flex;gap:8px;justify-content:center}.float-text{position:absolute;transform:translate(-50%);font-weight:700;font-size:24px;text-shadow:0 2px 0 #00000033;animation:float-up 1.05s ease-out forwards;white-space:nowrap}.ft-dmg{color:#8e2f1f}.ft-block{color:var(--blue);font-size:18px}.ft-heal{color:#4f6b34}.ft-junk{color:#6b5d4b;font-size:16px;font-style:italic}@keyframes float-up{0%{opacity:0;translate:0 10px}12%{opacity:1}to{opacity:0;translate:0 -52px}}.shake{animation:shake-kf .4s ease}.shake-hard{animation:shake-hard-kf .45s ease}@keyframes shake-kf{0%,to{translate:0 0}20%{translate:-5px 0}40%{translate:5px 0}60%{translate:-4px 0}80%{translate:3px 0}}@keyframes shake-hard-kf{0%,to{translate:0 0}15%{translate:-9px 2px}35%{translate:8px -2px}55%{translate:-7px 1px}75%{translate:5px 0}}.hit-flash .art-xl{animation:flash-kf .32s ease;transform-origin:center bottom}@keyframes flash-kf{0%{filter:brightness(2.2) saturate(.2);transform:scale(1.14,.84) translateY(2px)}55%{filter:brightness(1.3);transform:scale(.94,1.06)}to{filter:none;transform:none}}.lunge-down .art-xl{animation:lunge-down-kf .34s cubic-bezier(.3,1.4,.5,1);transform-origin:center bottom}.lunge-up .art-xl{animation:lunge-up-kf .34s cubic-bezier(.3,1.4,.5,1);transform-origin:center bottom}@keyframes lunge-down-kf{0%{transform:translateY(0) scale(1)}22%{transform:translateY(-6px) scale(.96,1.04)}48%{transform:translateY(16px) scale(1.08,.94)}to{transform:translateY(0) scale(1)}}@keyframes lunge-up-kf{0%{transform:translateY(0) scale(1)}22%{transform:translateY(6px) scale(.96,1.04)}48%{transform:translateY(-16px) scale(1.08,.94)}to{transform:translateY(0) scale(1)}}.flinch .art-xl{animation:flinch-kf .3s ease;transform-origin:center bottom}@keyframes flinch-kf{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-7px) scale(1.1,.9) rotate(-3deg)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.lunge-down .art-xl,.lunge-up .art-xl,.flinch .art-xl{animation:none}}.pack-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 2px;min-height:32px}.tidy-btn{float:right}.chips-mini{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle}.chips-mini .mini{font-size:11px;font-weight:700;font-style:normal;color:var(--ink-soft);background:#00000012;border-radius:10px;padding:1px 7px;white-space:nowrap}.offer-entry.noroom{display:block}.noroom-head{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.droppables{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}.droppable{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit;font-size:13px;color:var(--ink);background:#00000008;border:2px dashed var(--ink-soft);border-radius:var(--radius);padding:4px 10px;transition:border-color .1s,background .1s}.droppable:hover{border-color:var(--red);background:#a04b3b18}.drop-confirm{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#a04b3b14;border:2px dashed var(--red);border-radius:var(--radius);padding:6px 10px;margin-bottom:8px;animation:pop-in .15s ease}.btn-warn.confirm{animation:pulse .9s infinite}.kbd-hint{font-size:11px;color:var(--ink-soft);text-align:center;font-style:italic}.map-deck{min-width:min(560px,92vw);max-width:640px}.wt-wrap{margin:8px auto 4px;max-width:420px}.wt-compact{margin:4px auto 0;max-width:300px}.wt-bar{position:relative;height:16px;border:2px solid var(--ink);border-radius:10px;background:#0002;overflow:hidden}.wt-compact .wt-bar{height:13px}.wt-fill{height:100%;background:var(--green);transition:width .3s ease,background .3s ease}.wt-enc .wt-fill{background:var(--gold)}.wt-heavy .wt-fill{background:#b8703a}.wt-over .wt-fill{background:var(--red);animation:pulse 1s infinite}.wt-tick{position:absolute;top:0;bottom:0;width:2px;background:#0005}.wt-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:var(--ink);text-shadow:0 1px 0 #ffffff55}.wt-pip{position:absolute;bottom:1px;right:4px;font-size:9.5px;font-weight:700;color:var(--ink-soft);background:#fff8;border-radius:8px;padding:0 4px}.wield-pip{position:absolute;top:1px;left:3px;font-size:11px;line-height:1;filter:drop-shadow(0 1px 1px #0006)}.charge-pip{position:absolute;top:1px;right:3px;font-size:9px;font-weight:700;line-height:1;color:#5b3fa0;background:#fffc;border-radius:8px;padding:0 3px}.charge-pip.empty{color:#999;background:#0002}.grid-item.wielded{box-shadow:inset 0 0 0 2px #b8862bcc}.grid-item.weapon:not(.wielded){opacity:.72;filter:saturate(.6)}.droppable.wielded{border-color:#b8862b;background:#b8862b18}.wield-strip{margin:6px 0}.equip-panel{margin-bottom:10px}.equip-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.equip-slot{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:76px;padding:5px 3px;border-radius:var(--radius);border:2px dashed #00000033;background:#00000008;text-align:center}.equip-slot.filled{border-style:solid;border-color:#b8862b88;background:#b8862b12}.equip-slot.drop-hover{border-color:var(--green);background:#7a845022}.equip-slot .slot-label{font-size:10px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.3px}.equip-slot .slot-empty{font-size:10px;color:#0005;margin:auto 0}.equip-slot .slot-item{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:grab}.equip-slot .slot-item .art{width:34px;height:34px}.equip-slot .slot-item small{font-size:9.5px;line-height:1.05}.stash-item{cursor:grab}.dragging{opacity:.4}[data-drop-unequip].drop-hover{outline:2px dashed var(--green);outline-offset:2px}@keyframes idle-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2.5px) scale(1.028)}}@keyframes idle-sway{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(1.2deg)}}@keyframes idle-bob-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px) scale(1.015)}}.combatant .art-xl{animation:idle-breathe 2.8s ease-in-out infinite;transform-origin:center bottom;will-change:transform}.enemies .combatant:nth-child(2) .art-xl{animation-duration:3.2s;animation-delay:-.7s}.enemies .combatant:nth-child(3) .art-xl{animation-duration:2.5s;animation-delay:-1.3s}.enemies .combatant:nth-child(4) .art-xl{animation-duration:3s;animation-delay:-.4s}#player-box .art-xl{animation-name:idle-sway;animation-duration:3.4s}.companion-box .art-xl{animation-duration:2.6s;animation-delay:-.9s}.enemy-dead .art-xl{animation:none}.building .art,.dest .art{animation:idle-bob-slow 4.2s ease-in-out infinite;transform-origin:center bottom}.building:nth-child(2n) .art{animation-duration:4.8s;animation-delay:-1.5s}@media(prefers-reduced-motion:reduce){.combatant .art-xl,.building .art,.dest .art{animation:none}}.status-row{display:flex;gap:4px;justify-content:center;min-height:20px;margin:2px 0}.status-chip{font-size:11.5px;font-weight:700;background:var(--panel);border:1.5px solid var(--ink);border-radius:12px;padding:0 7px;box-shadow:1px 1px #0002}.status-burn{background:#e8c4a8}.status-poison,.status-corrosion{background:#cfd8a8}.status-bleed{background:#e8b4a8}.status-blind,.status-sleep{background:#c4c4d8}.ft-status{color:#6f5b9a;font-size:18px}.ft-crit{color:var(--gold);font-size:30px;text-shadow:0 2px 0 #00000055}.intent-debuff{background:#6f5b9a;color:#f3ead2}.card-curse{background:#b9a7b4;color:#0009;cursor:not-allowed}.card-curse .card-art{opacity:.55;filter:saturate(.3) hue-rotate(-25deg)}.card-curse .card-cost{background:#6e5a6a}.card-curse .card-name{background:#c7b3c2}.card-loot{background:#ecdcae;box-shadow:inset 0 0 0 2px #c9a24a88}.card-loot .card-cost{background:#b8862b}.card-loot .card-name{background:#e0ca7f}.exhausted-banner{text-align:center;font-weight:700;color:var(--red);letter-spacing:1px;background:#a04b3b1a;border:2px dashed var(--red);border-radius:var(--radius);padding:6px 12px;animation:pop-in .2s ease}.raid-banner{text-align:center;font-weight:700;letter-spacing:3px;font-size:15px;color:#f3ead2;background:var(--red);border:2.5px solid var(--ink);border-radius:var(--radius);padding:5px 12px;margin-bottom:8px;animation:pulse 1.6s infinite}.raid-result{border:2px solid var(--ink);border-radius:var(--radius);padding:8px 14px;margin:12px 0}.raid-won{background:#7a845022}.raid-lost{background:#a04b3b1c}.cpack{max-width:560px;margin:0 auto}.cpack-list{display:flex;flex-direction:column;gap:5px;max-height:230px;overflow-y:auto}.cpack-item{display:flex;align-items:center;gap:8px;text-align:left;font-family:inherit;font-size:13.5px;color:var(--ink);cursor:pointer;background:#00000008;border:2px solid transparent;border-radius:var(--radius);padding:3px 8px}.cpack-item:hover:not(.static){border-color:var(--ink-soft)}.cpack-item.static{cursor:default;opacity:.7}.cpack-confirm{background:#a04b3b14;border:2px dashed var(--red);animation:pop-in .15s ease}.stash-row{display:flex;align-items:center;gap:6px}.stash-row .stash-item{flex:1}.sell-wrap{flex:none}.crate-note{background:#c9a23f22;border:2px dashed var(--gold);border-radius:var(--radius);padding:6px 10px;font-size:14px}.badge-ruined{font-size:12px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:1px}.building.ruined{background:#a04b3b14;border:1.5px dashed var(--red)}.grid-item.badge{background:#d9c98a}.grid-item.consumable{background:#d3dcb8;border-style:dotted}.grid-item.crate{background:#cbb8d3;border-style:double}.coach{display:flex;align-items:center;gap:12px;max-width:1180px;margin:0 auto 10px;background:#c9a23f1f;border:2px solid var(--gold);border-left-width:6px;border-radius:var(--radius);padding:9px 14px;animation:pop-in .25s ease}.coach-text{flex:1;font-size:13.5px;line-height:1.4}.coach-text strong{color:#8a6d1d}.coach .btn{flex:none}body.phase-night .coach{background:#c9a23f2e}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#2c2419cc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .3s ease;padding:20px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.intro-card{background:var(--panel);border:3px solid var(--ink);border-radius:16px;box-shadow:6px 8px #0004;padding:28px 34px;max-width:460px;text-align:center;animation:pop-in .3s ease}.intro-card h1{font-size:30px;letter-spacing:6px;margin:0 0 4px}.intro-tag{font-style:italic;color:var(--ink-soft);margin:0 0 18px;font-size:15px}.intro-points{list-style:none;padding:0;margin:0 0 22px;text-align:left;display:flex;flex-direction:column;gap:11px}.intro-points li{font-size:14px;line-height:1.4;padding-left:26px;position:relative}.intro-points li:before{content:"◆";position:absolute;left:4px;top:1px;color:var(--gold)}.intro-points strong{color:var(--ink)}@media(max-width:600px){#app{padding:10px 9px 26px}.topbar{flex-wrap:wrap;gap:7px 10px;padding:6px 2px 8px;margin-bottom:11px}.topbar h1{font-size:17px;letter-spacing:2px;flex:1 1 100%}.topbar-mid,.topbar-right{gap:7px}.time-pill,.torch-pill,.deck-pill{font-size:12px;padding:3px 9px}.battlefield{padding:14px 6px 22px;min-height:218px;gap:6px}.combatant .art-xl{width:92px;height:92px}.party{gap:6px}.party .combatant{width:150px}.enemies{gap:6px}.enemies .combatant,.companion-box{width:106px}.combatant .hp-bar{max-width:118px}.duo .art-md{width:56px;height:56px}.intent{font-size:13px;padding:2px 9px}.hand-row{gap:7px}.energy{width:46px;height:46px;font-size:15px;border-width:2.5px}.hand{min-height:150px;padding:10px 0 18px}.card{width:92px;height:132px;padding:6px 6px 5px;border-radius:8px}.fan{margin:3px;transform:none}.fan:hover{transform:none}.card.previewing{transform:scale(2);transform-origin:center bottom;z-index:40;box-shadow:0 14px 28px #0007;transition:transform .12s ease}.pile-btn{font-size:12px;padding:3px 8px}.grid{grid-template-columns:repeat(var(--cols),52px);grid-template-rows:repeat(var(--rows),52px);padding:6px}.grid-mule{grid-template-columns:repeat(var(--cols),44px);grid-template-rows:repeat(var(--rows),44px)}}