@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600&display=swap";:root{--bg:#17120e;--felt:#1f3a2c;--felt-2:#18301f;--wood:#3a2618;--wood-2:#2a1b11;--ink:#f3ead9;--muted:#b3a48e;--can:#f2b73a;--red:#e0533d;--blue:#5fb3d9;--panel:#241a13;--line:#f3ead924;--beast:#8a3b2b;--tool:#2f5f7a;--terrain:#4f6b2e;--cw:min(18.2vw, 92px);--ch:calc(var(--cw) * 1.38);--display:"Bebas Neue", Impact, sans-serif;--cond:"Barlow Condensed", "Arial Narrow", sans-serif;--body:"Barlow", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;margin:0}body{overscroll-behavior:none;min-height:100dvh}button{font:inherit;color:inherit}#root{max-width:560px;min-height:100dvh;margin:0 auto}.muted{color:var(--muted)}.btn{border:1px solid var(--line);font-family:var(--cond);letter-spacing:.02em;cursor:pointer;background:#2e2219;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:10px 14px;font-size:16px;font-weight:600;display:inline-flex}.btn small{color:var(--muted);font-size:11px;font-weight:500}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--can);color:#23170b;border-color:#0000}.btn.primary small{color:#5b4317}.btn.danger{background:#4a1d16;border-color:#7c2f23}.btn.ghost{background:0 0}.btn.small{min-height:32px;padding:4px 10px;font-size:14px}.btn.big{width:100%;min-height:56px;font-size:22px;font-family:var(--display);letter-spacing:.06em}.home{padding:20px 16px 40px}.home-head{text-align:center;padding:28px 0 22px}.logo{font-family:var(--display);letter-spacing:.03em;color:var(--can);text-shadow:0 3px #7a4b10;font-size:54px;line-height:.9}.logo-sub{font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-top:8px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;padding:16px}.panel h2{font-family:var(--cond);margin:0 0 12px;font-size:20px}.panel h2 .muted{font-size:15px;font-weight:500}.field-group{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:12px;display:grid}label{color:var(--muted);font-size:13px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:4px;display:flex}input,select{font:16px var(--body);color:var(--ink);border:1px solid var(--line);text-transform:none;letter-spacing:0;background:#1a130e;border-radius:10px;min-width:0;padding:10px}.first{margin:4px 0 16px}.seg{border:1px solid var(--line);background:#1a130e;border-radius:10px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.seg button{cursor:pointer;text-transform:none;letter-spacing:0;font-size:16px;font-family:var(--body);background:0 0;border:0;border-radius:8px;padding:10px}.seg button.on{background:var(--can);color:#23170b;font-weight:600}.error{color:var(--red)}.foot{text-align:center;font-size:13px}.handoff{background:radial-gradient(circle at 50% 30%, var(--felt), var(--bg) 70%);cursor:pointer;place-items:center;min-height:100dvh;padding:16px;display:grid}.handoff-box{text-align:center;width:100%;max-width:360px}.handoff h1{font-family:var(--display);color:var(--can);letter-spacing:.03em;margin:4px 0;font-size:64px}.game{min-height:100dvh;padding:6px 8px calc(8px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 50%, #ffffff0d, transparent 60%), repeating-linear-gradient(45deg, #0000000d 0 2px, transparent 2px 5px), var(--felt);flex-direction:column;gap:4px;display:flex}.side{flex-direction:column;gap:6px;padding:6px 0;display:flex}.beast-row{grid-template-columns:repeat(5, var(--cw));min-height:var(--ch);justify-content:center;gap:4px;display:grid}.slot-empty{width:var(--cw);height:var(--ch);border:1.5px dashed #f3ead92e;border-radius:8px}.back-row{justify-content:center;gap:10px;display:flex}.back-row .card{--cw:min(14vw, 72px);--ch:calc(var(--cw) * 1.38)}.tool-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.tool-label{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-right:4px;font-size:11px}.player-bar{background:#00000059;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:4px 6px 4px 12px;display:flex}.player-bar.is-active{border-color:#f2b73a80}.pb-name{font-family:var(--cond);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;min-width:0;font-size:18px;font-weight:700;display:flex;overflow:hidden}.dot{background:var(--can);width:8px;height:8px;box-shadow:0 0 8px var(--can);border-radius:50%;flex:none}.pb-meta{color:var(--muted);white-space:nowrap;font-size:13px}.cans{background:#2a1d10;border:0;border-radius:9px;align-items:center;gap:4px;min-height:36px;padding:4px 10px;display:flex}.cans b{font-family:var(--display);color:var(--can);font-size:26px;line-height:1}.cans-target{background:var(--red);cursor:pointer;animation:1s infinite pulse}.cans-target b{color:#fff}.hit{font-family:var(--cond);text-transform:uppercase;font-size:13px;font-weight:700}.midline{min-height:34px;font-family:var(--cond);text-align:center;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:8px;padding:2px 4px;font-size:15px;font-weight:600;display:flex}.midline.picking{background:#e0533d2e}.mid-btns{gap:6px;display:inline-flex}.hand{min-height:calc(var(--ch) + 12px);scroll-snap-type:x proximity;background:#00000040;border-radius:12px;gap:6px;padding:6px 2px;display:flex;overflow-x:auto}.hand .card{scroll-snap-align:start;flex:none}.hand .muted{margin:auto}.mini-log{color:var(--muted);cursor:pointer;background:#0000004d;border-radius:8px;height:62px;padding:4px 8px;font-size:11px;line-height:1.35;overflow-y:auto}.mini-log div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-log span{opacity:.55;margin-right:6px;font-size:10px}.mini-log .log-me{color:#ffe0a0}.mini-log .log-opp{color:#cfe3ff}.bottom-bar{grid-template-columns:1fr 1fr 2fr;gap:6px;display:grid}.bottom-bar .end{font-family:var(--display);letter-spacing:.06em;font-size:22px}.card{width:var(--cw);height:var(--ch);cursor:pointer;text-align:left;background:#2a1f17;border:2px solid #0e0a07;border-radius:8px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000073}.card-sm{--cw:min(11vw, 54px);--ch:calc(var(--cw) * 1.38)}.card-beast{border-color:var(--beast)}.card-tool{border-color:var(--tool)}.card-terrain{border-color:var(--terrain)}.card-art{background:#3a2c20 50%/cover no-repeat;position:absolute;inset:0 0 26%}.card-noart{height:100%;font-family:var(--cond);color:var(--muted);place-items:center;font-size:12px;display:grid}.card-name{height:26%;font-family:var(--cond);background:#120d09;align-items:center;padding:2px 3px;font-size:clamp(9px,2.5vw,12px);font-weight:600;line-height:1.05;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.card-sm .card-name{font-size:8px}.card-icon{aspect-ratio:1;background:#0000008c;border-radius:50%;width:26%;padding:1px;position:absolute;top:3px;right:3px}.card-kind{font-family:var(--cond);text-transform:uppercase;background:#000000a6;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:3px;left:3px}.card-stats{font-family:var(--display);background:#0a0705d9;border-radius:5px;padding:0 5px;font-size:clamp(15px,4.4vw,20px);line-height:1.15;position:absolute;bottom:calc(26% + 3px);left:3px}.card-stats span{opacity:.5;margin:0 1px}.card-stats em{font-style:normal}.up{color:#7ee07a!important}.down{color:#ff7a66!important}.card.modded{box-shadow:0 0 0 2px #7ee07a00,0 0 10px 2px #f2b73a8c}.card.modded:after{content:"✦";color:var(--can);text-shadow:0 0 4px #000;font-size:12px;position:absolute;top:2px;left:4px}.hl-picked{outline-offset:1px;outline:3px solid #7ee07a;transform:translateY(-3px)}.chips{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.chip{background:#e0533d40;border:1px solid #e0533d80;border-radius:999px;padding:2px 8px;font-size:11px}.chip small{color:var(--muted)}.pending-pill{background:var(--red);color:#fff;font-size:11px;font-family:var(--body);border-radius:999px;padding:1px 6px}.auto-note{border-radius:8px;margin:0 12px 8px;padding:6px 8px;font-size:12px}.auto-note.is-auto{color:#bfeebb;background:#7ee07a1f}.auto-note.is-manual{color:#f5d690;background:#f2b73a1f}.sources{background:#ffffff0d;border-radius:8px;margin:0 12px 8px;padding:6px 8px;font-size:13px;list-style:none}.sources li{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.sources li span{flex:1}.big-stats em{font-style:normal}.overlay.center{align-items:center}.sheet.summary,.sheet.task{border-radius:16px;max-width:460px}.log.compact li{padding:4px 0;font-size:13px}.summary-stats{font-family:var(--cond);justify-content:space-around;margin:10px 0;font-size:16px;display:flex}.summary-stats b{font-family:var(--display);color:var(--can);font-size:24px}.check{text-transform:none;letter-spacing:0;font-family:var(--body);color:var(--ink);background:#ffffff0a;border-radius:10px;flex-direction:row;align-items:center;gap:10px;padding:10px;font-size:15px}.check input{width:22px;height:22px}.small{font-size:12px}.task p{margin:6px 0}.task .grid,.sheet .grid{margin:8px 0 12px}.card-badge{background:#0a0705d9;border-radius:5px;padding:0 4px;font-size:11px;font-weight:600;position:absolute;bottom:calc(26% + 3px);right:3px}.hl-target{outline:3px solid var(--red);outline-offset:1px;animation:1s infinite pulse}.hl-selected{outline:3px solid var(--can);outline-offset:1px;transform:translateY(-4px)}.hl-used{filter:saturate(.3)brightness(.7)}@keyframes pulse{50%{filter:brightness(1.25)}}.pile{text-align:center;border-color:#0e0a07;align-content:center;place-items:center;gap:2px;display:grid}.pile-deck{background:repeating-linear-gradient(135deg,#5a3a22 0 6px,#4b2f1b 6px 12px);border-color:#7a5434}.pile-empty{box-shadow:none;cursor:default;background:0 0;border:1.5px dashed #f3ead92e}.pile-label{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.pile-count{font-family:var(--display);color:var(--ink);font-size:24px}.overlay{z-index:20;background:#080503c7;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.detail{flex-direction:column;gap:10px;width:100%;max-width:380px;max-height:100%;margin:auto;display:flex;overflow-y:auto}.big-card{border:4px solid var(--beast);background:#120d09;border-radius:16px;overflow:hidden}.big-tool{border-color:var(--tool)}.big-terrain{border-color:var(--terrain)}.big-head{font-family:var(--display);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:28px;line-height:1;display:flex}.big-head img{border-radius:50%;width:34px;height:34px}.big-art{aspect-ratio:1;background:#3a2c20 50%/cover no-repeat;max-height:42dvh}.big-type{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:8px 12px 0;font-size:13px}.big-text{white-space:pre-line;padding:4px 12px 10px;font-size:15px;line-height:1.35}.big-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:8px;padding:6px 12px 10px;display:flex}.big-stats{font-family:var(--display);color:var(--can);font-size:30px}.big-stats small{font-family:var(--body);color:var(--muted);font-size:12px}.big-set{color:var(--muted);text-align:right;font-size:11px}.detail-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.detail-actions .primary{grid-column:1/-1}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 12px 12px;width:100%;max-width:540px;max-height:80dvh;padding:12px 14px 18px;overflow-y:auto}.sheet-head{font-family:var(--cond);background:var(--panel);justify-content:space-between;align-items:center;padding:4px 0;font-size:20px;display:flex;position:sticky;top:-12px}.log{margin:0;padding:0;font-size:14px;list-style:none}.log li{border-bottom:1px solid var(--line);gap:8px;padding:6px 0;display:flex}.log li span{color:var(--muted);min-width:28px;font-size:12px}.log-me{color:#ffe0a0}.grid{grid-template-columns:repeat(auto-fill, var(--cw));justify-content:center;gap:6px;display:grid}.more{flex-direction:column;gap:10px;display:flex}.more-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.more-row>span{flex:1;min-width:120px}.more-row b{font-family:var(--display);color:var(--can);text-align:right;min-width:30px;font-size:24px}.more-row .btn{flex:1}.banner{background:var(--panel);border:2px solid var(--can);text-align:center;z-index:15;border-radius:16px;flex-direction:column;gap:12px;width:min(92vw,360px);padding:18px;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0009}.banner b{font-family:var(--display);color:var(--can);letter-spacing:.03em;font-size:34px}.toast{background:var(--red);color:#fff;z-index:30;text-align:center;border-radius:10px;max-width:90vw;padding:10px 16px;font-weight:600;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.card-ribbon{background:var(--blue);color:#08202c;font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:1px 0;font-size:10px;font-weight:700;position:absolute;top:0;left:0;right:0}.db-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.db-title{font-family:var(--display);color:var(--can);letter-spacing:.03em;margin:0;font-size:40px}.db-name{font-family:var(--display);letter-spacing:.03em;flex:1;padding:6px 10px;font-size:26px}.db-owner{align-items:center;gap:10px;margin-bottom:10px;display:flex}.db-owner .seg{flex:1}.stats-bar{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:10px 12px;position:sticky;top:0;box-shadow:0 6px 14px #00000059}.sb-row{grid-template-columns:1.3fr 1fr 1fr 1fr;align-items:end;gap:6px;display:grid}.sb-total b,.sb-item b{font-family:var(--display);color:var(--can);font-size:30px;line-height:1}.sb-total span,.sb-item span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;display:block}.sb-total b{font-size:38px}.sb-total.bad b{color:var(--red)}.sb-classes{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}@media (width>=480px){.sb-classes{grid-template-columns:repeat(4,minmax(0,1fr))}}.sb-class{white-space:nowrap;background:#ffffff0d;border-radius:8px;align-items:center;gap:4px;min-width:0;padding:4px 6px;font-size:12px;display:flex;overflow:hidden}.sb-class img{border-radius:50%;flex:none;width:20px;height:20px}.sb-class b{font-family:var(--display);margin-left:auto;font-size:18px}.sb-error{color:#ffb3a6;margin-top:6px;font-size:13px}.sb-warn{color:#f5d690;margin-top:6px;font-size:13px}.tabs{border:1px solid var(--line);background:#1a130e;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px;padding:3px;display:grid}.tabs button{font-family:var(--cond);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 4px;font-size:15px;font-weight:600}.tabs button.on{background:var(--can);color:#23170b}.deck-cards{flex-direction:column;gap:4px;display:flex}.dc-row{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.dc-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.dc-thumb{background:#3a2c20 50%/cover;border-radius:6px;flex:none;width:40px;height:40px}.dc-name{flex-direction:column;flex:1;min-width:0;font-size:15px;font-weight:600;display:flex}.dc-name small{color:var(--muted);font-size:12px;font-weight:400}.dc-icon{border-radius:50%;width:22px;height:22px}.dc-stats{font-family:var(--display);text-align:right;min-width:34px;font-size:20px}.clear{align-self:flex-end;margin-top:8px}.search{width:100%;margin-bottom:8px}.chips.filter{justify-content:flex-start;margin-bottom:6px}.chip-btn{border:1px solid var(--line);cursor:pointer;background:#2e2219;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;display:inline-flex}.chip-btn img{border-radius:50%;width:16px;height:16px}.chip-btn.on{background:var(--can);color:#23170b;border-color:#0000}.set-select{width:100%;margin-bottom:6px}.add-grid{--cw:min(22vw, 104px)}.add-cell{position:relative}.info-btn{border:1px solid var(--line);cursor:pointer;background:#120d09;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid;position:absolute;top:-6px;right:-6px}.paste{width:100%;font:15px/1.4 var(--body);color:var(--ink);border:1px solid var(--line);resize:vertical;background:#1a130e;border-radius:10px;margin:6px 0 8px;padding:10px}.paster code,.panel code{background:#ffffff14;border-radius:4px;padding:1px 4px}.parse-result{margin-top:10px}.match-list{max-height:260px;margin:8px 0;padding:0;font-size:14px;list-style:none;overflow-y:auto}.match-list li{border-bottom:1px solid var(--line);padding:4px 0}.match-list span{color:var(--muted)}.bad{color:var(--red)}.ok{color:#7ee07a}.deck-row{border-top:1px solid var(--line);padding:10px 0}.deck-row:first-of-type{border-top:0}.deck-main{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;width:100%;padding:0;display:flex}.deck-main b{font-size:18px;font-family:var(--cond)}.deck-main span{font-size:13px}.deck-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.deck-actions .btn{flex:1}.ok-toast{background:#2f6b39}.net-status{bottom:calc(76px + env(safe-area-inset-bottom));border:1px solid var(--line);color:var(--muted);z-index:12;pointer-events:none;background:#140e0aeb;border-radius:999px;padding:4px 10px;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}.panel.online h2 .muted{font-size:15px;font-weight:500}.match-list-online{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.om-row{text-align:left;border:1px solid var(--line);background:#1a130e;border-radius:12px;align-items:center;gap:8px;width:100%;margin-top:6px;padding:8px 8px 8px 12px;display:flex}.om-open{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:2px 0;display:flex}.om-leave{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;flex:none;font-size:15px}.om-leave:hover{color:#ffb3a6;border-color:#7c2f23}.om-row.your-turn{border-color:var(--can);box-shadow:0 0 0 1px var(--can) inset}.om-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.om-main b{font-family:var(--cond);font-size:17px}.om-tag{font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#ffffff14;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:700}.om-tag.go{background:var(--can);color:#23170b}.online-form{flex-direction:column;gap:10px;margin-top:6px;display:flex}.code-input{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;font-size:28px}.small-details{margin-top:10px;font-size:14px}.small-details summary{cursor:pointer;color:var(--muted);padding:4px 0}.big-code{font-family:var(--display);letter-spacing:.18em;text-align:center;color:var(--can);margin:10px 0 16px;font-size:64px}.invite-banner{background:var(--can);color:#23170b;font-family:var(--cond);border-radius:12px;margin-bottom:8px;padding:12px 14px;font-size:18px}.invite-banner b{font-family:var(--display);letter-spacing:.12em;margin-left:4px;font-size:24px}.beast-cell{width:var(--cw);position:relative}.ability-btn{background:radial-gradient(circle, #ffe08a, var(--can) 60%, #b5791a);color:#3b2405;cursor:pointer;z-index:3;border:2px solid #fff3c4;border-radius:50%;width:30px;height:30px;font-size:16px;font-weight:700;animation:1.4s ease-in-out infinite glow;position:absolute;top:-8px;left:50%;transform:translate(-50%)}@keyframes glow{0%,to{box-shadow:0 0 6px 2px #f2b73a99}50%{box-shadow:0 0 16px 6px #ffd66ef2}}.lbl{color:var(--muted);font-size:13px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:4px;display:flex}.online-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}