:root{--bg: #0a0604;--bg-1: #15100c;--bg-2: #1f1811;--bg-3: #2a1f15;--parch: #e8d9b3;--parch-dim: #b3a380;--ink: #2a1e12;--iron: #5a5048;--iron-bright: #7a6e60;--gold: #d4a84a;--gold-bright: #f0c870;--blood: #c8372b;--blood-dim: #7a1f16;--heal: #6fbf73;--heal-bright: #9fe4a0;--shield-c: #78a8e0;--poison: #8cbf5c;--burn: #ff7a3c;--tier-bronze: #a66b3a;--tier-silver: #c0c4cc;--tier-gold: #d4a84a;--font-title: "Cinzel", "Times New Roman", serif;--font-flavor: "IM Fell English", "Times New Roman", serif;--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--tile-h: 92px}*{box-sizing:border-box}*:focus-visible{outline:2px solid var(--gold);outline-offset:2px}html,body{margin:0;padding:0;width:100%;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 30% 0%,#1a0e06,#08040200 60%),radial-gradient(ellipse at 70% 100%,#140c04,#04020000 60%),#04020a;color:var(--parch);font-family:var(--font-ui);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{display:grid;place-items:center;padding:20px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}#device{position:relative;width:100%;max-width:410px;aspect-ratio:9 / 19.5;height:min(890px,calc(100dvh - 40px));border-radius:48px;background:#0b0702;border:1px solid #1f160c;box-shadow:inset 0 0 0 6px #0f0a04,inset 0 0 0 8px #2a1a0a,0 30px 60px -10px #000000b3,0 12px 30px -5px #783c0014;overflow:hidden;isolation:isolate}.dynamic-island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:108px;height:30px;background:#000;border-radius:20px;z-index:100;pointer-events:none}.home-indicator{position:absolute;bottom:7px;left:50%;transform:translate(-50%);width:120px;height:4px;background:#ffffff59;border-radius:3px;z-index:100;pointer-events:none}#app{position:absolute;inset:0;padding:50px 14px 24px;display:flex;flex-direction:column;overflow:hidden}@media(max-width:500px){body{padding:0}#device{max-width:none;width:100%;height:100dvh;aspect-ratio:auto;border-radius:0;border:0;box-shadow:none}.dynamic-island{top:max(10px,env(safe-area-inset-top,10px))}.home-indicator{bottom:max(7px,env(safe-area-inset-bottom,7px))}#app{padding:max(50px,calc(env(safe-area-inset-top) + 16px)) 14px max(24px,calc(env(safe-area-inset-bottom) + 12px))}}.screen{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0}.title{font-family:var(--font-title);font-size:34px;font-weight:700;letter-spacing:.08em;color:var(--gold);text-align:center;margin:0;text-shadow:0 2px 0 #000,0 0 16px rgba(212,168,74,.35)}.subtitle{font-family:var(--font-flavor);font-style:italic;text-align:center;color:var(--parch-dim);margin:0;font-size:15px}.phase-title{font-family:var(--font-title);font-size:16px;letter-spacing:.12em;color:var(--gold);margin:0;text-align:center;text-transform:uppercase}.topbar{display:flex;justify-content:space-around;gap:6px;padding:6px 4px 10px;border-bottom:1px solid rgba(90,80,72,.4);font-family:var(--font-title);font-size:15px;letter-spacing:.06em;flex-shrink:0}.topbar .stat{display:flex;align-items:center;gap:5px;color:var(--parch);text-shadow:0 1px 0 #000}.topbar .gold{color:var(--gold-bright);font-weight:600}.shop-items{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:var(--tile-h);gap:4px;flex-shrink:0;justify-content:start}.shop-item{position:relative;padding:4px 4px 2px;background:linear-gradient(180deg,var(--bg-3),var(--bg-1));border:2px solid var(--iron);border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .1s,border-color .15s,box-shadow .15s;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;min-width:0;overflow:hidden}.shop-item.size-1{grid-column:span 1}.shop-item.size-2{grid-column:span 2}.shop-item:hover:not(.unaffordable){border-color:var(--gold);box-shadow:0 0 12px #d4a84a40}.shop-item:active:not(.unaffordable){cursor:grabbing;transform:scale(.96)}.shop-item.unaffordable{opacity:.35;cursor:not-allowed}.shop-item .price{position:absolute;bottom:2px;right:4px;font-size:10px;color:var(--gold);font-weight:600;letter-spacing:.03em;background:#0a0603b3;padding:1px 4px;border-radius:3px;pointer-events:none}.shop-item.tier-bronze{border-color:var(--tier-bronze)}.shop-item.tier-bronze:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--tier-bronze),transparent);opacity:.75;pointer-events:none}.shop-item.tier-silver{border-color:var(--tier-silver)}.shop-item.tier-silver:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--tier-silver),transparent);opacity:.8;pointer-events:none}.shop-item.tier-gold{border-color:var(--tier-gold);box-shadow:0 0 14px #d4a84a66}.shop-item.tier-gold:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);opacity:1;pointer-events:none}.shop-actions{display:flex;gap:6px;flex-shrink:0}.btn{flex:1;padding:11px 10px;border:2px solid var(--iron);border-radius:6px;background:linear-gradient(180deg,var(--bg-3),var(--bg-1));font-size:14px;font-weight:500;letter-spacing:.05em;transition:transform .08s,border-color .15s,box-shadow .15s;text-transform:uppercase}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:linear-gradient(180deg,#3a2a18,#1d140f);border-color:var(--gold);color:var(--gold-bright);font-weight:700;box-shadow:0 0 18px #d4a84a40}.btn.danger{border-color:var(--blood);color:#ffb8b0}.fighter-block{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.fighter-name-row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-title);font-size:13px;letter-spacing:.05em}.fighter-name{color:var(--parch);font-weight:500}.fighter-status{display:flex;gap:4px;font-size:11px;font-family:var(--font-ui)}.status{padding:1px 6px;border-radius:3px;font-weight:600}.status.burn{background:#ff7a3c33;color:var(--burn);border:1px solid rgba(255,122,60,.5)}.status.poison{background:#8cbf5c33;color:var(--poison);border:1px solid rgba(140,191,92,.5)}.hp-bar{position:relative;height:22px;background:#0d0504;border:1px solid var(--iron);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.hp-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,var(--blood-dim),var(--blood) 60%,#e8584a);transition:width .25s ease-out;box-shadow:inset 0 -2px 4px #0000004d}.hp-fill.you{background:linear-gradient(90deg,#3a7a3d,var(--heal) 60%,var(--heal-bright))}.hp-shield{position:absolute;top:0;bottom:0;right:0;background:linear-gradient(90deg,#78a8e066,#78a8e0bf);border-left:1.5px solid var(--shield-c);transition:width .2s}.hp-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;letter-spacing:.05em;z-index:2;pointer-events:none}.hp-text .shield-num{color:var(--shield-c)}.board{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:var(--tile-h);gap:4px}.tile{position:relative;background:linear-gradient(180deg,var(--bg-3),var(--bg-1));border:2px solid var(--iron);border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .12s,background .12s,box-shadow .12s;min-width:0}.tile.empty{background:repeating-linear-gradient(135deg,rgba(58,50,42,.12) 0,rgba(58,50,42,.12) 6px,transparent 6px,transparent 12px),#0a060380;border-style:dashed;border-color:#3a322a;opacity:.55}.tile.filled{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.tile.filled:active{cursor:grabbing}.tile.tier-bronze{border-color:var(--tier-bronze)}.tile.tier-silver{border-color:var(--tier-silver)}.tile.tier-gold{border-color:var(--tier-gold);box-shadow:0 0 8px #d4a84a59}.tile.drop-valid{border-color:var(--heal-bright)!important;background:#6fbf7338;opacity:1}.tile.drop-invalid{border-color:var(--blood)!important;background:#b9352a38;opacity:1}.cd-bar{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,#d4a84a47,#d4a84a14);border-bottom:1px solid rgba(240,200,112,.4);pointer-events:none;transition:height .06s linear;z-index:0}.tile.filled .item-inner{position:relative;z-index:1}.item-inner{padding:4px 4px 6px;text-align:center;display:flex;flex-direction:column;gap:1px;width:100%;pointer-events:none}.item-name{font-size:10px;font-weight:600;line-height:1.1;color:var(--parch);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.item-trigger{font-size:15px;font-weight:700;color:var(--gold-bright);line-height:1.1;margin:2px 0}.item-cd{font-size:9px;opacity:.7}.sell-val{position:absolute;top:2px;right:3px;font-size:9px;color:var(--gold-bright);font-weight:600;background:#0a0603bf;padding:1px 4px;border-radius:3px;pointer-events:none;z-index:2;letter-spacing:.02em}.hint{font-size:11px;opacity:.55;text-align:center;margin:0;font-style:italic;font-family:var(--font-flavor)}.combat{gap:8px;justify-content:space-between}.fighter-block.enemy .hp-bar{border-color:#c8372b80}.fighter-block.enemy .fighter-name{color:#ffb3ab}.fighter-block.you .hp-bar{border-color:#6fbf7380}.fighter-block.you .fighter-name{color:var(--heal-bright)}.log{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:linear-gradient(180deg,#080402cc,#0f0a0799);border:1px solid var(--iron);border-radius:6px;font-size:11.5px;font-family:SF Mono,Menlo,monospace}.log-row{display:grid;grid-template-columns:36px 18px 1fr;gap:6px;align-items:center;padding:2px 0;opacity:.65;transition:opacity .2s;line-height:1.25}.log-row:first-child{opacity:1}.log-row:nth-child(2){opacity:.85}.log-time{color:var(--parch-dim);font-size:10px;letter-spacing:.02em}.log-arrow{text-align:center;font-weight:700}.log-arrow.you{color:var(--heal-bright)}.log-arrow.enemy{color:#ff7a6b}.log-arrow.neutral{color:var(--parch-dim)}.log-text{color:var(--parch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-text strong{color:var(--gold-bright);font-weight:600}.log-row.damage .log-text{color:#ffb8b0}.log-row.shield .log-text{color:var(--shield-c)}.log-row.heal .log-text{color:var(--heal-bright)}.log-row.burn .log-text{color:var(--burn)}.log-row.poison .log-text{color:var(--poison)}.log-row.end .log-text{color:var(--gold-bright);font-weight:700}.sell-zone{padding:10px;text-align:center;border:1.5px dashed var(--iron);border-radius:6px;color:var(--parch-dim);opacity:.45;transition:opacity .15s,border-color .15s,background .15s,transform .1s;font-size:12px;letter-spacing:.05em;flex-shrink:0}body.dragging-from-board .sell-zone{opacity:1;border-color:var(--blood);color:var(--blood);border-style:solid}.sell-zone.drop-sell{background:#c8372b4d;transform:scale(1.02)}.sell-zone-label{pointer-events:none}.drag-ghost{position:fixed;pointer-events:none;z-index:10000;top:0;left:0;transform:translate(-50%,-50%);width:70px;background:linear-gradient(180deg,var(--bg-3),var(--bg-1));border:2px solid var(--gold);border-radius:6px;box-shadow:0 8px 24px #000000a6,0 0 18px #d4a84a80;opacity:.94}.drag-ghost.size-2{width:140px}body.dragging,body.dragging .shop-item,body.dragging .tile.filled{cursor:grabbing}.end{align-items:center;text-align:center;justify-content:center;gap:20px}.end .title{font-size:44px}.end.win .title{color:var(--gold-bright)}.end.loss .title{color:var(--blood)}.end .stat-line{font-size:16px;letter-spacing:.12em;color:var(--parch-dim);display:flex;gap:16px;justify-content:center}.end .end-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.shop{gap:8px}.shop .board{flex-shrink:0}.shop .fighter-block.you{margin-top:auto}