.page-head{max-width:820px;margin:0 auto;padding:44px 22px 8px}.page-head h1{color:var(--accent-2);font-size:clamp(28px,4vw,40px)}.page-head p{color:var(--ink-dim);max-width:640px;margin:12px 0 0}.wrap{max-width:820px;margin:0 auto;padding:22px 22px 60px}.setup-panel{background:linear-gradient(180deg,var(--panel),#15121f8c);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;padding:20px 22px}.setup-panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-bottom:14px;font-family:system-ui,sans-serif;font-size:13px}.toggle-row{color:var(--ink-dim);cursor:pointer;align-items:center;gap:10px;margin-bottom:10px;font:14px/1.4 system-ui,sans-serif;display:flex}.toggle-row:last-child{margin-bottom:0}.toggle-row input{width:18px;height:18px;accent-color:var(--accent);flex:none}.life-custom-wrap{align-items:center;gap:8px;margin-left:4px;display:inline-flex}.life-custom-wrap input{background:var(--panel-2);border:1px solid var(--line-2);width:70px;color:var(--ink);border-radius:8px;padding:8px 10px;font:600 16px/1 system-ui,sans-serif}.life-custom-wrap input:focus{border-color:var(--accent);outline:none}#playerRows{flex-direction:column;gap:10px;display:flex}.player-row{align-items:center;gap:12px;display:flex}.player-row .nameInput{background:var(--panel-2);border:1px solid var(--line);min-width:0;color:var(--ink);border-radius:9px;flex:auto;padding:10px 13px;font:16px/1.4 system-ui,sans-serif}.player-row .nameInput:focus{border-color:var(--accent);outline:none}.swatch{border:2px solid var(--line-2);cursor:pointer;border-radius:50%;flex:none;width:26px;height:26px;padding:0;transition:transform .12s,border-color .12s}.swatch:hover{transform:scale(1.1)}.swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 2px #0006}.color-trigger{border:2px solid var(--line-2);cursor:pointer;border-radius:50%;flex:none;width:32px;height:32px;padding:0;position:relative}.color-trigger:hover{border-color:var(--accent)}.color-trigger-caret{background:var(--panel-2);border:1px solid var(--line-2);width:15px;height:15px;color:var(--ink-dim);text-align:center;border-radius:50%;font-size:9px;line-height:13px;position:absolute;bottom:-5px;right:-5px}.color-modal-swatches{flex-wrap:wrap;justify-content:center;gap:14px;padding:6px 0 4px;display:flex}.color-modal-swatches .swatch{width:44px;height:44px}.setup-actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.privacy-note{color:var(--ink-faint);text-align:center;margin-top:18px;font:12.5px/1.5 system-ui,sans-serif}.game-screen{z-index:80;background:var(--bg);flex-direction:column;position:fixed;inset:0}.game-screen:not(.hidden){display:flex}body.game-active nav,body.game-active footer{display:none}html.game-active,body.game-active{overflow:hidden}.game-bar{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch;background:#0a0910e6;flex:none;align-items:center;gap:8px;display:flex;overflow-x:auto}.gb-btn{letter-spacing:.03em;min-height:40px;color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line-2);cursor:pointer;white-space:nowrap;border-radius:8px;flex:none;padding:9px 14px;font:600 12.5px/1 system-ui,sans-serif}.gb-btn:hover{color:var(--accent-2);border-color:var(--accent)}.gb-btn:disabled{opacity:.4;cursor:default}.gb-btn:disabled:hover{color:var(--ink-dim);border-color:var(--line-2)}.gb-info{color:var(--ink-faint);white-space:nowrap;flex:none;margin-left:auto;padding:0 4px;font:12px/1 system-ui,sans-serif}@media (width<=430px){.gb-info{display:none}.gb-btn{padding:9px 11px;font-size:12px}.gb-label{display:none}}.board{flex-direction:column;flex:auto;min-height:0;display:flex}.board-band{flex:1 1 0;min-height:0;display:flex}.board-band:last-child{padding-bottom:env(safe-area-inset-bottom)}.player-panel{border:1px solid var(--line-2);background:var(--bg-2);touch-action:none;-webkit-user-select:none;user-select:none;flex:1 1 0;min-width:0;position:relative;overflow:hidden;container-type:size}.panel-face{position:absolute;inset:0}.panel-content{flex-direction:column;display:flex;position:absolute;inset:0}.panel-face.flip{transform:rotate(180deg)}.p-top{z-index:3;flex:none;align-items:center;gap:9px;padding:9px 12px;font-family:system-ui,sans-serif;display:flex}.p-dot{border-radius:50%;flex:none;width:11px;height:11px;box-shadow:inset 0 0 0 1px #00000080}.p-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.03em;min-width:0;color:var(--ink-dim);cursor:text;flex:auto;font-size:13.5px;font-weight:700;overflow:hidden}.p-name-input{letter-spacing:.03em;background:var(--panel-2);border:1px solid var(--accent);min-width:0;color:var(--ink);border-radius:6px;flex:auto;padding:4px 7px;font:700 16px/1.2 system-ui,sans-serif}.p-expand,.p-cmdr-btn{border:1px solid var(--line-2);width:38px;height:38px;color:var(--ink-dim);cursor:pointer;background:#ffffff0a;border-radius:9px;flex:none;font-size:18px;line-height:1}.p-cmdr-btn{color:var(--accent-2);border-color:#ffffff59}@container (width<=150px){.p-expand,.p-cmdr-btn{border-radius:7px;width:30px;height:30px;font-size:14px}.p-top{gap:6px;padding:7px 8px}.p-name{font-size:11.5px}}.p-tap{flex:1 1 0}.p-tap-down{border-top:1px dashed #ffffff0f}.p-life{color:var(--ink);pointer-events:none;z-index:2;font:800 clamp(44px,min(38cqi,48cqb),170px)/1 system-ui,-apple-system,sans-serif;position:absolute;top:calc(50% + 12px);left:50%;transform:translate(-50%,-50%)}.p-delta{color:var(--accent-2);pointer-events:none;z-index:2;opacity:0;font:700 clamp(15px,min(10cqi,13cqb),27px)/1 system-ui,sans-serif;transition:opacity .35s;position:absolute;top:calc(50% - 30px - min(23cqi,29cqb));left:50%;transform:translate(-50%,-50%)}.p-delta.show{opacity:1}.p-ko{letter-spacing:.18em;color:var(--bad);z-index:2;pointer-events:none;font:700 12px/1 system-ui,sans-serif;display:none;position:absolute;top:calc(50% + 28px + min(23cqi,29cqb));left:50%;transform:translate(-50%,-50%)}.player-panel.dead .panel-content{filter:grayscale()brightness(.5)}.player-panel.dead .p-ko{filter:none;display:block}.p-counters{z-index:2;pointer-events:none;gap:12px;font:700 clamp(13px,min(6cqi,7cqb),20px)/1 system-ui,sans-serif;display:flex;position:absolute;top:calc(50% + 56px + min(23cqi,29cqb));left:50%;transform:translate(-50%,-50%)}.p-counter-badge{align-items:center;gap:4px;display:flex}.p-counter-badge.poison{color:var(--b)}.p-counter-badge.exp{color:var(--u)}.p-drawer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line-2);z-index:4;touch-action:pan-y;background:#08070df0;max-height:78%;padding:12px 14px;font-family:system-ui,sans-serif;transition:transform .22s;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.p-drawer.open{transform:translateY(0)}.drawer-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.drawer-head b{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);flex:1;font-size:11px}.drawer-close{border:1px solid var(--line-2);width:34px;height:34px;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:15px;line-height:1}.drawer-section{margin-bottom:12px}.drawer-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px;font-size:10.5px}.drawer-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.drawer-row.indent{padding-left:19px}.dr-dot{border-radius:50%;flex:none;width:9px;height:9px}.dr-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:1;font-size:13px;overflow:hidden}.dr-counter{flex:none;align-items:center;gap:6px;display:flex}.dr-counter button{border:1px solid var(--line-2);background:var(--panel-2);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:8px;font-size:17px;line-height:1}.dr-counter span{text-align:center;min-width:22px;color:var(--ink);font-size:14px;font-weight:700}.dr-counter span.lethal{color:var(--bad)}.dr-partner-toggle{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0 0 6px 19px;font-size:11.5px;text-decoration:underline}.dr-life-edit{flex:none;align-items:center;gap:6px;display:flex}.dr-life-edit input{text-align:center;background:var(--panel-2);border:1px solid var(--line-2);width:64px;color:var(--ink);-moz-appearance:textfield;border-radius:8px;padding:9px 6px;font:700 16px/1 system-ui,sans-serif}.dr-life-edit input:focus{border-color:var(--accent);outline:none}.dr-life-edit input::-webkit-outer-spin-button{margin:0}.dr-life-edit input::-webkit-inner-spin-button{margin:0}.dr-life-edit button{color:var(--accent-2);cursor:pointer;white-space:nowrap;background:#ffffff17;border:1px solid #fff6;border-radius:8px;padding:9px 13px;font:600 12.5px/1 system-ui,sans-serif}@container (width<=150px){.life-row{flex-wrap:wrap}.dr-life-edit{flex:100%;justify-content:flex-end}.dr-life-edit input{width:54px;padding:8px 4px;font-size:16px}.dr-life-edit button{padding:8px 10px;font-size:11.5px}}.dr-footer{gap:8px;margin-top:6px;display:flex}.dr-footer .btn{flex:1 1 0;padding:10px 12px;font-size:12.5px}.p-damage{z-index:5;flex-direction:column;font-family:system-ui,sans-serif;display:none;position:absolute;inset:0}.board.damage-mode .panel-content{display:none}.board.damage-mode .p-damage{display:flex}.pd-top{flex:none;align-items:center;gap:9px;padding:9px 12px;display:flex}.pd-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-dim);flex:auto;font-size:13.5px;font-weight:700;overflow:hidden}.pd-counter{flex-direction:column;flex:auto;min-height:0;display:flex}.pd-btn{cursor:pointer;touch-action:none;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;font:800 clamp(20px,min(9cqi,9cqb),40px)/1 system-ui,sans-serif;display:flex}.pd-btn.plus{color:var(--good)}.pd-btn.minus{color:var(--bad)}.pd-btn:active{background:#ffffff0d}.pd-value{text-align:center;color:var(--ink);flex:none;padding:2px 0;font:800 clamp(34px,min(22cqi,24cqb),90px)/1 system-ui,-apple-system,sans-serif}.pd-value.lethal{color:var(--bad)}.pd-partner-bar{padding:8px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px dashed #ffffff14;flex:none}.pd-partner-toggle{color:var(--ink-faint);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.pd-partner-toggle input{width:16px;height:16px;accent-color:var(--accent);flex:none}.pd-partner-counter{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.pd-partner-counter button{border:1px solid var(--line-2);background:var(--panel-2);width:30px;height:30px;color:var(--ink);cursor:pointer;border-radius:7px;font-size:15px}.pd-partner-counter span{text-align:center;min-width:20px;color:var(--ink);font-size:13px;font-weight:700}.pd-partner-counter span.lethal{color:var(--bad)}.p-damage.owner{text-align:center;justify-content:center;align-items:center;gap:14px;padding:20px}.pd-back{color:var(--accent-2);cursor:pointer;background:#ffffff17;border:1px solid #fff6;border-radius:10px;padding:12px 18px;font:600 13px/1 system-ui,sans-serif}.pd-own-name{color:var(--ink-dim);font-size:15px;font-weight:700}.pd-own-life{color:var(--ink);font:800 clamp(40px,min(24cqi,28cqb),90px)/1 system-ui,-apple-system,sans-serif}.pd-own-life.dead{color:var(--bad)}.pd-own-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.log-modal{flex-direction:column;max-width:480px;max-height:82vh;display:flex}.log-modal h2{flex:none}.log-list{flex-direction:column;flex:auto;min-height:0;margin:2px 0 14px;font-family:system-ui,sans-serif;display:flex;overflow-y:auto}.log-row{color:var(--ink-dim);border-bottom:1px solid #ffffff0f;gap:10px;padding:7px 0;font-size:13px;display:flex}.log-row:last-child{border-bottom:none}.log-time{width:58px;color:var(--ink-faint);font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}.log-empty{color:var(--ink-faint);text-align:center;padding:26px 0;font-size:13px}@media (width<=640px){.p-name{font-size:12.5px}}