@font-face{font-family:Nokia;src:url(/fonts/nokiafc22.ttf) format("truetype");font-display:swap}:root{--bg: #000;--fg: #ffffff;--muted: #b3b3b3;--dim: #666;--card: #111;--border: #4a4a4a;--border-strong: #888;--hp: #ff5252;--mp: #4aa3ff;--damage: #ff5252;--heal: #57d97a;--cast: #c084fc;--summon: #f6c453;--info: #b3b3b3;--el-white: #e5e7eb;--el-blue: #2563eb;--el-black: #4b5563;--el-red: #d83b3b;--el-green: #166534;--el-white-bg: #2f2f2f;--el-blue-bg: #0d1f3a;--el-black-bg: #111827;--el-red-bg: #2c0d0d;--el-green-bg: #0d2418;--bw: 3px;--gap: 6px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Nokia,"Press Start 2P",system-ui,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:none;font-smooth:never;letter-spacing:.5px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:not-allowed}.app{height:100svh;width:100vw;overflow:hidden;background:var(--bg);color:var(--fg);display:flex;justify-content:center}.board{width:100%;max-width:28rem;height:100%;display:flex;flex-direction:column;align-items:center;gap:var(--gap);padding:var(--gap)}.board-log{flex:1;width:100%;display:flex;min-height:4.5rem}.board-main{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--gap);flex-shrink:0}@media(min-width:1024px){.board{display:grid;grid-template-columns:minmax(18rem,22rem) minmax(28rem,32rem);grid-template-areas:"log main";align-items:stretch;justify-content:center;max-width:64rem;gap:24px;padding:18px}.board-log{grid-area:log;flex:initial;height:100%;min-height:0}.board-main{grid-area:main;height:100%;min-height:0;gap:10px;overflow:hidden}}.label{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:1px;align-self:flex-start;padding:0 4px}.player{position:relative;background:var(--card);color:var(--fg);border:var(--bw) solid var(--border-strong);display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 12px 6px;min-width:10.5rem}.player.targetable{border-color:var(--hp);animation:pulse 1.2s infinite;cursor:crosshair}.player.cue-hit{animation:player-hit .72s ease-out}.player.cue-hit:after{content:"";position:absolute;inset:8px;pointer-events:none;background:linear-gradient(135deg,transparent 0 42%,rgba(255,255,255,.95) 43% 49%,transparent 50% 100%)}.player .portrait{width:36px;height:36px;border:var(--bw) solid var(--border-strong);background:#ffffff0f;display:grid;place-items:center;font-size:22px;line-height:1}.player .portrait.low{filter:grayscale(.7);opacity:.7}.player .name{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-top:1px}.player .stats{display:flex;gap:8px;font-size:11px;font-variant-numeric:tabular-nums}.player .stat-hp{color:var(--hp);font-weight:700}.player .stat-mp{color:var(--mp);font-weight:700}.player .stat-label{opacity:.7;margin-right:2px}@media(min-width:1024px){.player{padding:6px 18px 8px}.player .portrait{width:56px;height:56px;font-size:32px}.player .name{font-size:14px}.player .stats{font-size:13px}}.field-row{width:100%;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.field-row .slots{display:flex;justify-content:space-between;gap:6px;padding:0 2px}.field-divider{width:100%;height:6px;flex-shrink:0;background-image:repeating-linear-gradient(90deg,var(--fg) 0 6px,transparent 6px 12px)}.prompt{width:100%;border:var(--bw) solid var(--summon);background:#1f1606;padding:8px;font-size:11px;line-height:1.4;display:flex;flex-direction:column;gap:8px}.prompt-actions{display:flex;flex-wrap:wrap;gap:6px}.card{position:relative;flex-shrink:0;background:var(--card);border:var(--bw) solid var(--border-strong);display:flex;flex-direction:column;padding:4px;text-align:left;transition:transform .1s ease}.card:enabled:hover{transform:translateY(-2px)}.card:enabled:active{transform:translateY(0)}.card.size-sm{width:56px;height:80px;font-size:8px}.card.size-md{width:78px;height:110px;font-size:9px}.card.size-lg{width:132px;height:184px;font-size:11px}.card.selected{border-color:#f6c453;transform:translateY(-6px)}.card.exhausted{filter:grayscale(.8);opacity:.6}.card.exhausted.targetable{filter:none;opacity:1}.card.targetable{border-color:var(--hp);animation:pulse 1.2s infinite;cursor:crosshair}.card.cue-untap{animation:card-untap .72s ease-out}.card.cue-attack{animation:card-attack .72s ease-out;z-index:3}.card.cue-hit{animation:card-hit .72s ease-out}.card.cue-hit:after{content:"";position:absolute;inset:8px;pointer-events:none;background:linear-gradient(135deg,transparent 0 42%,rgba(255,255,255,.95) 43% 49%,transparent 50% 100%)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:4px}.card-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.card-cost{flex-shrink:0;width:16px;height:16px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:10px}.card.size-lg .card-cost{width:20px;height:20px;font-size:12px}.card-art{flex:1;margin:4px 0;display:grid;place-items:center;font-size:28px;min-height:0;overflow:hidden}.card.size-sm .card-art{font-size:22px}.card.size-lg .card-art{font-size:48px}.card-modifiers{position:absolute;left:4px;bottom:20px;display:flex;gap:2px;pointer-events:none}.card.size-sm .card-modifiers{bottom:18px}.card.size-lg .card-modifiers{bottom:26px;gap:3px}.modifier-badge{width:14px;height:14px;display:grid;place-items:center;border:2px solid #000;color:#000;font-size:8px;font-weight:700;line-height:1}.card.size-sm .modifier-badge{width:12px;height:12px;border-width:1px;font-size:7px}.card.size-lg .modifier-badge{width:18px;height:18px;font-size:10px}.mod-blocker{background:#60a5fa}.mod-speed{background:#fb923c}.mod-growing{background:#4ade80}.mod-equipped{background:#facc15}.card-foot{display:flex;align-items:center;justify-content:center;font-weight:700;font-variant-numeric:tabular-nums}.card-foot.spell{font-weight:400;text-transform:uppercase;opacity:.7;font-size:9px}.card-foot.damaged{color:var(--hp)}.el-white .card-cost{background:var(--el-white);color:#000}.el-blue .card-cost{background:var(--el-blue)}.el-black .card-cost{background:var(--el-black)}.el-red .card-cost{background:var(--el-red)}.el-green .card-cost{background:var(--el-green)}.el-white .card-art{background:var(--el-white-bg)}.el-blue .card-art{background:var(--el-blue-bg)}.el-black .card-art{background:var(--el-black-bg)}.el-red .card-art{background:var(--el-red-bg)}.el-green .card-art{background:var(--el-green-bg)}.card-back{flex:1;position:relative;overflow:hidden;display:grid;place-items:center;background:#2e1065;color:#facc15;font-size:22px}.card-back:before{content:"";position:absolute;inset:0;opacity:.25;background-image:repeating-linear-gradient(45deg,#fff 0 4px,transparent 4px 8px)}.slot-empty{flex-shrink:0;border:var(--bw) dashed rgba(255,255,255,.25);background:transparent}.slot-empty.size-md{width:78px;height:110px}.slot-empty.size-lg{width:132px;height:184px}.log{width:100%;height:100%;background:var(--card);border:var(--bw) solid var(--border-strong);padding:6px 10px;display:flex;flex-direction:column;gap:4px;min-height:0}.log-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:1px;flex-shrink:0}.log-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.4;padding-right:4px}.log-list p{display:flex;gap:6px}.log-list .lead{opacity:.5;flex-shrink:0}.tone-damage{color:var(--damage)}.tone-heal{color:var(--heal)}.tone-cast{color:var(--cast)}.tone-summon{color:var(--summon)}.tone-info{color:var(--info)}.hand{width:100%;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.hand-row{display:flex;gap:8px;overflow-x:auto;padding:0 2px 4px;scroll-snap-type:x mandatory}.hand-row>div{scroll-snap-align:start;flex-shrink:0}.hand-empty{font-size:12px;opacity:.6;padding:16px 4px}.action-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;padding:0 2px}.action-row>:first-child{justify-self:start}.action-row>:last-child{justify-self:end}.action-row .center{justify-self:center}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;border:var(--bw) solid var(--border-strong);background:var(--fg);color:var(--bg);padding:6px 10px;text-transform:none;font-weight:700;letter-spacing:.5px;transition:transform .05s ease;-webkit-user-select:none;user-select:none}.btn:enabled:active{transform:translateY(2px)}.btn:disabled{opacity:.45}.btn.outline{background:var(--bg);color:var(--fg)}.btn.size-sm{font-size:10px;padding:5px 8px;min-height:30px}.btn.size-md{font-size:12px;padding:7px 10px;min-height:38px}.btn.size-lg{font-size:14px;padding:9px 14px;min-height:46px}.btn.stack{flex-direction:column;gap:1px}.btn.square{width:64px;height:56px;padding:4px}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#000000c7;padding:16px}.modal-panel{width:100%;max-width:22rem;background:var(--card);color:var(--fg);border:var(--bw) solid var(--border-strong);padding:14px;display:flex;flex-direction:column;gap:12px}.modal-tabs{display:flex;gap:6px}.modal-tabs button{border:var(--bw) solid var(--border);padding:5px 8px;font-size:10px;color:var(--muted);background:var(--bg)}.modal-tabs button.active{color:var(--bg);background:var(--fg);border-color:var(--border-strong)}.modal-card-head{display:flex;gap:12px}.modal-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;font-size:12px}.modal-card-info .row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.modal-card-info .name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-card-info .meta{text-transform:uppercase;font-size:10px;opacity:.6;letter-spacing:1px}.modal-card-info .stats-line{font-variant-numeric:tabular-nums}.modal-card-info .stats-line .atk{color:var(--hp);font-weight:700}.modal-card-info .stats-line .def{color:var(--heal);font-weight:700}.modal-card-info .stats-line .tap{color:var(--summon);margin-left:6px}.modal-card-info .desc{opacity:.85;line-height:1.4}.equipment-list{display:flex;flex-direction:column;gap:8px;max-height:11rem;overflow-y:auto;padding-right:2px}.equipment-item{display:flex;gap:8px;align-items:flex-start}.equipment-name{font-weight:700;font-size:11px;margin-bottom:3px}.modal-actions{display:flex;flex-wrap:wrap;gap:8px}.graveyard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:18rem;overflow-y:auto}.graveyard-grid>*{width:100%!important}.winner{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#000000d9}.winner-panel{background:var(--card);border:var(--bw) solid var(--border-strong);padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.winner-panel h1{font-size:20px;letter-spacing:2px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--hp)}50%{box-shadow:0 0 0 4px #ff525273}}@keyframes card-untap{0%{filter:grayscale(.8);opacity:.6;box-shadow:0 0 #fff0}45%{filter:none;opacity:1;box-shadow:0 0 0 5px #ffffffb3;transform:translateY(-4px)}to{box-shadow:0 0 #fff0;transform:translateY(0)}}@keyframes card-attack{0%,to{transform:translateY(0) scale(1);box-shadow:none}35%{transform:translateY(-10px) scale(1.08);box-shadow:0 0 0 5px #ffffffbf}62%{transform:translateY(4px) scale(.98)}}@keyframes card-hit{0%,to{transform:translate(0);box-shadow:none}18%{transform:translate(-4px);box-shadow:0 0 0 5px #ffffffd9}36%{transform:translate(4px)}54%{transform:translate(-2px)}}@keyframes player-hit{0%,to{transform:translate(0);box-shadow:none}20%{transform:translate(-5px);box-shadow:0 0 0 5px #ffffffd9}40%{transform:translate(5px)}60%{transform:translate(-2px)}}