:root{color:#f0dfbd;background:#071116;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:1080px;min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(102,132,181,.2),transparent 28%),radial-gradient(circle at 82% 70%,rgba(169,82,63,.28),transparent 34%),linear-gradient(135deg,#171f2a,#3b334d 48%,#2b222b)}button,input{font:inherit}button{cursor:pointer}.web-shell{min-height:100vh;padding:28px 44px}.eyebrow{margin:0;color:#8bb6b4;letter-spacing:.16em;text-transform:uppercase;font-size:12px}.lobby-app-shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:28px}.lobby-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1060px;width:min(1060px,calc(100vw - 88px));margin:0 auto}.lobby-brand{display:grid;gap:8px}.lobby-brand h1{margin:0;color:#f5ecf0;font-size:clamp(34px,4vw,46px);line-height:1;letter-spacing:.01em}.lobby-userbar{display:flex;align-items:center;gap:12px}.lobby-user-pill,.lobby-login-link{display:inline-flex;align-items:center;min-height:34px;border:1px solid rgba(234,232,241,.16);border-radius:8px;padding:0 12px;color:#f6edf2;background:#12141d8a;text-decoration:none;box-shadow:0 12px 30px #00000029}.lobby-user-pill{gap:8px}.user-avatar{display:grid;width:20px;height:20px;place-items:center;border-radius:999px;color:#141821;background:#f4edf0;font-size:12px;font-weight:800}.lobby-layout{display:block;width:min(760px,calc(100vw - 88px));margin:0 auto;min-height:0}.lobby-room-stage{min-height:0}.lobby-room-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}.lobby-stage-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.lobby-stage-head h2{margin:0;color:#f6edf2;font-size:28px;font-weight:500}.lobby-stage-head span{color:#8fa7a8;font-size:13px}.lobby-room-list{display:grid;align-content:start;gap:7px;min-height:0;overflow:auto;padding-right:4px}.lobby-room-card{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.025);border-radius:4px;padding:0 10px 0 0;min-height:56px;background:#231e2b75;transition:background .16s ease,transform .16s ease}.lobby-room-card:hover{background:#2f2634b3;transform:translate(2px)}.lobby-room-thumb{display:grid;align-content:center;justify-items:center;width:86px;height:56px;color:#f8f1f4;background:linear-gradient(90deg,#1d2a38eb,#4337439e),radial-gradient(circle at 62% 42%,rgba(213,148,87,.32),transparent 44%);font-weight:800;line-height:1.05;text-align:center}.lobby-room-card-main{display:grid;gap:5px;min-width:0}.lobby-room-card-main strong{overflow:hidden;color:#f6edf2;font-size:20px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.lobby-room-host,.lobby-room-meta{color:#b6aeb8;font-size:12px}.lobby-room-card-side{display:grid;justify-items:end;gap:8px}.room-status-chip{border:1px solid rgba(142,181,183,.2);border-radius:999px;padding:4px 10px;color:#d9e7e5;background:#142629e6;font-size:11px}.room-status-chip.playing{border-color:#d2a45761;color:#f1d79b;background:#4e361899}.room-status-chip.selecting{border-color:#dbb66f47;color:#f1d79b;background:#65492047}.room-status-chip.finished{border-color:#8bb2c540;color:#b8d3db;background:#1f323b57}.room-status-chip.waiting{border-color:#54b8aa52;color:#9ee7de;background:#123f3a8a}label{display:grid;gap:8px;color:#c9d6d7;font-size:14px}.lobby-error-line{margin-top:12px}input{width:100%;border:1px solid rgba(142,181,183,.28);border-radius:14px;padding:12px 14px;color:#f0dfbd;background:#040d11cc}.choice-row,.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:0}.choice-row button,.primary,.secondary,.table-topbar button,.room-actions button,.table-centerline button{border:0;border-radius:14px;padding:11px 14px;color:#f6e6c6;background:#263a3ee6}.room-actions button{border-radius:6px;padding:6px 9px;color:#f6edf2;background:#223142bd;font-size:12px}.choice-row button.selected,.primary{background:linear-gradient(135deg,#b87333,#d2a457);color:#120c08;font-weight:700}.primary,.secondary{width:100%}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.45}.check-line{grid-template-columns:auto 1fr;align-items:center;margin-top:14px}.check-line input{width:auto}.room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-card{display:grid;gap:5px;border:1px solid rgba(142,181,183,.18);border-radius:16px;padding:12px;color:#f0dfbd;background:#060f13b3}.room-card strong{color:#d2a457;letter-spacing:.14em}.room-card em,.empty-state,.error-line{color:#8fa7a8;font-style:normal;font-size:13px}.error-line{color:#ffb3a7}.create-room-trigger{width:auto;min-width:126px;border-radius:6px;padding:9px 16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#040a0ead;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-panel{width:min(520px,calc(100vw - 48px));border:1px solid rgba(219,182,111,.22);border-radius:24px;padding:20px;background:linear-gradient(180deg,#081419f5,#09161bf0),radial-gradient(circle at top right,rgba(184,115,51,.12),transparent 24%);box-shadow:0 30px 90px #0000006b}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head h2{margin:0;color:#f1d79b}.modal-close{width:34px;height:34px;border:1px solid rgba(142,181,183,.18);border-radius:10px;padding:0;color:#f0dfbd;background:#112228d1}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.web-table-page{height:100vh;min-height:720px;padding:10px;overflow:hidden}.game-layout{display:grid;grid-template-columns:42px minmax(0,1fr) clamp(224px,16vw,280px);gap:10px;align-items:stretch;height:100%;min-height:0}.tool-rail{display:grid;align-content:space-between;min-height:0;padding:8px 0}.tool-rail-group{display:grid;gap:10px;align-content:start}.tool-rail-bottom{align-self:end}.rail-button{width:40px;height:40px;border:1px solid rgba(139,178,197,.18);border-radius:10px;padding:0;color:#f0dfbd;background:#112228d1}.rail-button.active{border-color:#54b8aabf;color:#9ee7de}.rail-button:hover{border-color:#dbb66f59;background:#192f36eb}.untap-table-shell{position:relative;display:grid;grid-template-rows:82px minmax(0,1fr) 88px;gap:4px;min-height:0;overflow:hidden;border:1px solid rgba(139,178,197,.12);border-radius:20px;background:linear-gradient(180deg,#3e3c54f5,#31314df5),radial-gradient(circle at bottom,rgba(199,154,68,.08),transparent 30%);box-shadow:0 24px 80px #00000047}.table-player-name{position:absolute;left:8px;z-index:12;max-width:min(240px,34vw);overflow:hidden;border:1px solid rgba(210,226,215,.14);border-radius:6px;padding:4px 9px;color:#eff6f0f0;background:#080f12b8;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.table-player-name.remote{top:6px}.table-player-name.local{bottom:6px}.table-room-waiting-banner{position:absolute;top:10px;left:50%;z-index:14;display:inline-flex;align-items:center;gap:10px;transform:translate(-50%);border:1px solid rgba(219,182,111,.2);border-radius:10px;padding:8px 12px;color:#f1d79b;background:#0a1218d6;box-shadow:0 18px 36px #00000038}.table-room-waiting-banner span{font-size:13px;white-space:nowrap}.table-room-waiting-banner .secondary{width:auto;padding:6px 10px;border-radius:6px}.table-room-disconnect-banner{position:absolute;top:50%;left:50%;z-index:24;display:grid;justify-items:center;gap:8px;transform:translate(-50%,-50%);min-width:min(360px,calc(100% - 48px));border:1px solid rgba(226,111,88,.42);border-radius:14px;padding:14px 18px;color:#f4d6c6;background:#240f0fe6;box-shadow:0 24px 64px #0006;text-align:center}.table-room-disconnect-banner strong{color:#ffd0bc;font-size:16px}.table-room-disconnect-banner span{color:#f4d6c6c7;font-size:13px}.table-room-disconnect-banner .secondary{width:auto;padding:7px 12px}.hand-strip{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:0 112px 0 10px}.hand-strip.top{align-items:flex-start}.hand-strip.bottom{align-items:flex-end}.hand-strip.bottom.interactive{border-top:1px solid rgba(255,255,255,.06)}.image-strip{display:flex;align-items:center;justify-content:center;min-height:0;height:100%;overflow-x:auto;overflow-y:hidden;gap:6px;padding-bottom:2px}.hand-strip.top .image-strip{transform:translateY(-18%)}.hand-strip.bottom .image-strip{transform:translateY(26%)}.damage-tracker{position:absolute;right:8px;z-index:8;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;width:112px;min-height:62px;overflow:hidden;border:1px solid rgba(240,216,167,.18);border-radius:10px;background:linear-gradient(135deg,#0a1218f0,#1f3738eb);box-shadow:0 10px 26px #00000057}.hand-strip.top .damage-tracker{top:4px}.hand-strip.bottom .damage-tracker{bottom:4px}.damage-tracker-avatar{position:relative;display:grid;place-items:center;width:46px;height:62px;overflow:hidden;color:#06130f;background:#39c878;font-size:20px;font-weight:800}.damage-tracker-avatar img{display:block;width:100%;height:100%;object-fit:cover}.damage-tracker-avatar span{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#ffffff75}.damage-tracker-controls{display:grid;min-width:0;height:100%}.damage-counter-row{display:grid;grid-template-columns:15px minmax(34px,1fr) 15px;align-items:center;min-height:31px;border-left:1px solid rgba(255,255,255,.08);color:#ffffffe0;background:#040d118a}.damage-counter-row+.damage-counter-row{border-top:1px solid rgba(255,255,255,.08)}.damage-counter-row button{display:grid;place-items:center;width:15px;height:100%;border:0;padding:0;color:#ffffffdb;background:transparent;font-size:13px;line-height:1;cursor:pointer}.damage-counter-row button:hover{color:#0b1814;background:#35c97a}.damage-counter-row strong{color:#f6f2e9;font-size:18px;line-height:1;text-align:center;font-weight:500}.damage-counter-row input{width:100%;min-width:0;border:0;padding:0;color:#f6f2e9;background:transparent;font:inherit;font-size:18px;line-height:1;text-align:center;outline:none}.damage-counter-row input:focus{color:#0b1814;background:#f1d79b}.main-playmat{display:grid;grid-template-rows:minmax(0,1fr) 38px minmax(0,1fr);gap:3px;min-height:0;padding:0 8px}.point-arrow-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;width:100%;height:100%;overflow:visible;pointer-events:none}.point-arrow-layer line{stroke:#f7d66f;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(247,214,111,.75))}.point-arrow-layer marker path{fill:#f7d66f}.player-board{display:grid;grid-template-columns:clamp(52px,4vw,62px) minmax(0,1fr);gap:8px;align-items:stretch;min-height:0;overflow:visible}.player-board.remote{padding:2px 2px 0}.player-board.local{padding:0 2px 2px}.board-side-stack{position:relative;z-index:4;display:grid;grid-template-rows:repeat(3,minmax(32px,1fr));gap:5px;align-content:start;padding-top:4px}.board-main-area{display:grid;min-width:0;min-height:0;overflow:visible}.battle-area{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:visible;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#eef2e30f;margin-top:2px}.battle-area-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;min-height:0;overflow:hidden;padding:6px clamp(120px,9vw,150px) 8px 8px;background:#eef2e30d}.battle-area-resource-pocket{position:absolute;left:8px;z-index:3;width:min(55%,475px);height:32%;min-height:118px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#2c44485c;box-shadow:inset 0 0 0 1px #ffffff08}.battle-area-resource-pocket.remote{top:8px;left:8px;right:auto}.battle-area-resource-pocket.local{bottom:8px}.battle-area-resource{height:100%;min-height:0;border:0;border-radius:0;padding:22px 8px 5px;background:#59767224}.resource-zone-status{position:absolute;top:0;right:0;left:0;z-index:5;min-height:18px;border-bottom:1px solid rgba(240,216,167,.12);border-radius:10px 10px 0 0;padding:2px 8px 1px;color:#f2ddb1;background:#0a1218a3;font-size:10px;line-height:1.2;text-align:left;white-space:nowrap;pointer-events:none}.zone-band{position:relative;display:grid;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 10px;background:#eef2e314}.zone-band-field{height:100%;min-height:0;padding:10px}.free-zone-layer{position:relative;width:100%;height:100%;min-height:0}.zone-empty-label{display:grid;place-items:center;width:100%;height:100%;color:#e2ece442;font-size:13px;letter-spacing:.14em}.hand-card-slot{display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:clamp(46px,4.3vw,78px);min-height:calc(clamp(46px,4.3vw,78px)*1.4)}.zone-card-image{position:relative;z-index:1;flex:0 0 auto;width:clamp(46px,4.3vw,78px);height:calc(clamp(46px,4.3vw,78px)*1.4);overflow:hidden;border:2px solid transparent;border-radius:10px;padding:0;background:transparent}.zone-card-image img{display:block;width:100%;height:100%;object-fit:cover}.zone-card-image[draggable=true]{cursor:grab}.zone-card-image[draggable=true]:active{cursor:grabbing}.zone-card-image.free-placed{position:absolute;width:clamp(54px,5.4vw,86px);height:auto;aspect-ratio:5 / 7;transform:translate(-50%,-50%)}.zone-card-image.free-placed.exhausted{z-index:4;transform:translate(-50%,-50%) rotate(90deg)}.zone-band-resource .zone-card-image.free-placed{width:clamp(54px,5.4vw,86px);z-index:2;transform:translateY(-50%)}.zone-band-resource .zone-card-image.free-placed.exhausted{z-index:3;transform:translateY(-50%) rotate(90deg);transform-origin:center center}.board-hero-corner{display:grid;grid-template-rows:auto auto;gap:clamp(26px,3.2vh,44px);align-content:start;align-items:center;justify-items:center;min-height:0;overflow:visible;padding:4px 0 0}.player-board.remote .board-hero-corner{align-content:end;padding:0}.player-board.local .board-hero-corner{align-content:start;padding:0}.player-board .battle-area-hero-pocket{position:absolute;top:8px;right:12px;bottom:8px;z-index:5;width:clamp(104px,8vw,132px);pointer-events:auto}.player-board .battle-area-hero-pocket.remote,.player-board .battle-area-hero-pocket.local{align-content:space-between}.hero-card{position:relative;width:clamp(62px,5.1vw,90px);height:calc(clamp(62px,5.1vw,90px)*1.4);overflow:hidden;border:2px solid rgba(255,255,255,.12);border-radius:10px;padding:0;background:#08101680;transform-origin:center center;transition:transform .14s ease}.hero-card.focus{border-color:#54b8aab8}.hero-card.exhausted{transform:rotate(90deg)}.hero-card img{width:100%;height:100%;object-fit:cover}.card-damage-badge{position:absolute;right:4px;bottom:4px;z-index:5;min-width:22px;border:1px solid rgba(255,146,146,.35);border-radius:999px;padding:2px 5px;color:#fff1f1;background:#802121e6;font-size:10px;line-height:1;pointer-events:none}.stack-pile{position:relative;display:grid;align-content:center;justify-items:center;min-height:42px;overflow:hidden;gap:2px;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:3px;color:#f0dfbd;background:#0f162366}.stack-pile-preview{position:absolute;top:4px;right:4px;bottom:4px;left:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:#070e1373}.stack-pile-preview img{display:block;width:100%;height:100%;object-fit:contain}.stack-pile-label{position:absolute;left:3px;right:3px;bottom:3px;overflow:hidden;border-radius:5px;color:#f0dfbd;background:#070e13c7;font-size:11px;font-weight:700;line-height:16px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.stack-pile-count{position:absolute;top:3px;right:3px;min-width:18px;border-radius:999px;padding:0 4px;color:#102028;background:#f2ddb1;font-size:12px;font-weight:800;line-height:18px;text-align:center}.turn-ribbon{display:grid;grid-template-columns:minmax(132px,1fr) minmax(330px,430px) minmax(220px,1fr);align-items:center;min-height:38px;height:38px;margin:0 2px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:0 8px;gap:8px;color:#ffffffe0;background:#1f3738c2}.turn-ribbon-turn{display:grid;gap:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-ribbon-turn span{color:#c2d6cec2;font-size:10px}.turn-ribbon-turn strong{overflow:hidden;color:#f3d79b;font-size:14px;line-height:1;text-overflow:ellipsis}.turn-phase-track{display:flex;align-items:center;justify-content:center;justify-self:center;width:100%;min-width:0;gap:4px}.turn-phase-segment-wrap{display:inline-flex;align-items:center;min-width:0;gap:4px}.turn-phase-segment{display:inline-grid;place-items:center;min-width:46px;height:22px;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:0 7px;color:#d2e0d8b3;background:#0812136b;font-size:12px}.turn-phase-segment.active{border-color:#ffecb1d9;color:#101714;background:#f0d28e;box-shadow:0 0 0 1px #f0d28e33,0 6px 16px #00000047}.turn-phase-divider{color:#e0e9e185;font-size:14px;line-height:1}.turn-ribbon-actions{display:flex;align-items:center;justify-self:end;min-width:0;gap:4px}.turn-waiting-hint{color:#dfe8e0b3;font-size:11px;white-space:nowrap}.slim-button{min-height:24px;border:1px solid rgba(139,178,197,.18);border-radius:6px;padding:2px 8px;color:#f0dfbd;background:#132127d1;font-size:11px;line-height:1}.right-sidebar{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.preview-panel,.log-panel,.chat-panel{border:1px solid rgba(255,255,255,.08);background:#231822c7}.log-panel{display:grid;min-height:0;overflow:hidden;border-radius:14px}.preview-panel{display:grid;grid-template-rows:auto auto;gap:10px;width:100%;min-width:0;min-height:0;overflow:hidden;border-radius:14px;padding:10px 10px 14px}.preview-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;max-width:100%;overflow:hidden}.preview-panel-head strong{flex:1 1 auto;display:block;min-width:0;max-width:100%;overflow:hidden;color:#f3e2b6;text-overflow:ellipsis;white-space:nowrap}.preview-panel-head span{flex:0 1 42%;display:block;min-width:0;max-width:42%;overflow:hidden;color:#b8cad0;text-align:right;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.preview-card-art{display:grid;place-items:center;justify-self:center;width:100%;min-width:0;max-width:100%;overflow:hidden;border:1px solid rgba(240,216,167,.14);border-radius:16px;aspect-ratio:63 / 88;padding:6px;color:#d9ebe8;background:linear-gradient(180deg,#22363fdb,#0a161bf5),radial-gradient(circle at top,rgba(84,184,170,.14),transparent 30%)}.preview-card-art img{width:100%;height:100%;object-fit:contain}.card-hover-preview{position:fixed;z-index:90;box-sizing:border-box;width:min(292px,28vw);aspect-ratio:63 / 88;pointer-events:none;border:1px solid rgba(240,216,167,.28);border-radius:16px;padding:8px;background:#050c0fe6;box-shadow:0 22px 70px #00000080}.card-hover-preview img{display:block;width:100%;height:100%;object-fit:contain}.side-log-panel{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px 8px 6px;background:#1f181ef0}.side-log-head{display:flex;align-items:center;min-height:24px;padding:2px 2px 8px}.side-log-head strong{color:#d6cfd3;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.side-log-list{display:grid;align-content:start;gap:7px;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-color:rgba(219,182,111,.58) rgba(21,30,36,.72);scrollbar-width:thin;color:#c9d6d7;font-size:12px}.log-entry{display:grid;gap:2px;line-height:1.35}.log-entry.chat{border-left:2px solid rgba(84,184,170,.58);padding-left:7px}.log-entry.chat strong{color:#9ee7de;font-size:11px}.log-entry.action{color:#c9d6d7}.log-entry.action.manual{color:#d7e3e4}.log-entry.action.system{color:#c9d6d7b8}.log-card-link{text-decoration:underline;text-decoration-color:#f0d8a7b3;text-underline-offset:2px;cursor:help}.side-log-empty{color:#c9d6d785;font-size:12px}.side-log-list::-webkit-scrollbar{width:8px}.side-log-list::-webkit-scrollbar-track{border-radius:999px;background:#151e24b8}.side-log-list::-webkit-scrollbar-thumb{border-radius:999px;background:#dbb66f94}.chat-panel{display:grid;grid-template-rows:auto auto;overflow:hidden;border-radius:14px}.chat-tabs{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0 0 1px;background:#52404994}.chat-tabs button{min-height:22px;border:0;border-radius:0;padding:0 8px;color:#e8e0e4b8;background:#ffffff0d}.chat-tabs button.active{color:#f3eef1;background:#cec5c924}.chat-input-row{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:4px 6px;gap:8px;color:#cbd7da;background:#ffffff0a}.chat-text-input{flex:1 1 auto;min-width:0;min-height:30px;border-radius:6px;margin:0;padding:0 9px;color:#261f24;border-color:#503d452e;background:#f4f0f3e6}.chat-send-button{flex:0 0 auto;min-width:50px;min-height:30px;border:1px solid rgba(139,178,197,.18);border-radius:6px;color:#f0dfbd;background:#132127d1}.chat-send-button:disabled{cursor:not-allowed;opacity:.45}.pregame-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;display:grid;place-items:center;padding:24px;background:#05090c85;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pregame-panel{width:min(760px,calc(100vw - 48px));max-height:min(680px,calc(100vh - 48px));display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;border:1px solid rgba(219,182,111,.22);border-radius:18px;padding:18px;background:#09161bf5;box-shadow:0 30px 90px #00000075}.pregame-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.pregame-head h2{margin:0;color:#f1d79b}.pregame-head span{color:#8fa7a8;font-size:13px}.pregame-selected-banner{border:1px solid rgba(84,184,170,.32);border-radius:8px;padding:8px 10px;color:#9ee7de;background:#123f3a5c;font-size:13px}.pregame-deck-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0;overflow:auto;padding-right:4px}.pregame-deck-card{min-width:0;border:1px solid rgba(142,181,183,.18);border-radius:8px;padding:0;background:#040d11cc;overflow:hidden}.pregame-deck-card.selected{border-color:#d2a457d9;box-shadow:0 0 0 1px #d2a45773}.pregame-deck-card:disabled{cursor:default;opacity:.72}.pregame-deck-art{position:relative;aspect-ratio:1.35 / 1;overflow:hidden}.pregame-deck-art img{display:block;width:100%;height:100%;object-fit:cover}.pregame-deck-overlay{position:absolute;left:0;right:0;bottom:0;padding:7px 8px;color:#f1d79b;background:linear-gradient(180deg,transparent,rgba(4,10,14,.92));font-size:12px;font-weight:700}.pregame-deck-overlay span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lifecycle-panel{width:min(420px,calc(100vw - 48px));grid-template-rows:auto auto auto}.lifecycle-message{border:1px solid rgba(219,182,111,.24);border-radius:12px;padding:18px;color:#f1d79b;background:#040d11b8;font-size:16px;line-height:1.6;text-align:center}.setup-panel{width:min(430px,calc(100vw - 48px));grid-template-rows:auto auto auto}.setup-panel .modal-actions{grid-template-columns:minmax(120px,160px);justify-content:center}.setup-roll-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-roll-card{display:grid;justify-items:center;gap:6px;border:1px solid rgba(142,181,183,.18);border-radius:12px;padding:16px 10px;background:#040d119e}.setup-roll-card span{color:#8fa7a8;font-size:13px}.setup-roll-card strong{color:#f1d79b;font-size:34px;line-height:1}.mulligan-overlay{position:fixed;left:50%;bottom:112px;z-index:38;transform:translate(-50%);width:min(560px,calc(100vw - 72px));pointer-events:none}.mulligan-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(219,182,111,.22);border-radius:14px;padding:12px;background:#09161bf5;box-shadow:0 24px 70px #0000006b;pointer-events:auto}.mulligan-copy{display:grid;gap:4px;min-width:0}.mulligan-copy strong{overflow:hidden;color:#f1d79b;text-overflow:ellipsis;white-space:nowrap}.mulligan-copy span{color:#8fa7a8;font-size:12px}.restart-consent-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.restart-consent-row span{border:1px solid rgba(142,181,183,.18);border-radius:8px;padding:9px 10px;color:#8fa7a8;background:#040d119e;font-size:13px;text-align:center}.restart-consent-row span.ready{border-color:#54b8aa5c;color:#9ee7de;background:#123f3a5c}.context-menu{position:fixed;z-index:60;display:grid;gap:4px;min-width:180px;max-width:min(280px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow:auto;border:1px solid rgba(219,182,111,.22);border-radius:8px;padding:8px;background:#081419fa;box-shadow:0 18px 44px #00000061;overscroll-behavior:contain}.context-menu strong{max-width:220px;overflow:hidden;padding:2px 4px 6px;color:#f1d79b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.context-menu button{border:0;border-radius:6px;padding:7px 8px;color:#f0dfbd;text-align:left;background:#263a3ee6}.context-menu button:hover{background:#3f585bf2}.context-inline-row{display:grid;grid-template-columns:1fr auto auto;gap:4px;align-items:center;color:#c9d6d7;font-size:12px}.context-inline-row button{min-width:42px;text-align:center}.deck-stepper-row{display:grid;grid-template-columns:minmax(48px,1fr) 28px 44px 28px auto;align-items:center;gap:6px;color:#c9d6d7;font-size:12px}.deck-stepper-block{display:grid;gap:6px;border:1px solid rgba(139,178,197,.14);border-radius:8px;padding:8px;background:#0f1c2385}.context-menu .deck-stepper-card{width:100%;padding:8px;text-align:left}.deck-stepper-row span{padding:0 4px}.deck-stepper-label{color:#d8e3df;font-weight:600}.deck-stepper-unit{color:#94a9a8;text-align:right}.deck-stepper-row input{width:44px;height:28px;border:1px solid rgba(142,181,183,.2);border-radius:4px;padding:0;color:#f0dfbd;background:#081419b8;font:inherit;text-align:center}.context-menu .deck-stepper-button,.context-menu .deck-stepper-action{min-width:0;min-height:28px;border-radius:4px;padding:0 8px;text-align:center}.context-menu .deck-stepper-button{display:grid;place-items:center;color:#d7e5e4;background:#121f25f5}.context-menu .deck-stepper-action{color:#f0dfbd;background:#263a3ee6;text-align:left}.context-menu .deck-stepper-action-card{display:block;width:100%;cursor:pointer}.context-menu .deck-stepper-action-card:hover,.context-menu .deck-stepper-action-card:focus-visible,.context-menu .deck-stepper-card:hover,.context-menu .deck-stepper-card:focus-visible{background:#3f585bf2;outline:none}.dice-menu{min-width:140px}.insert-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:grid;place-items:center;padding:24px;background:#03080b9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-options-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:58;display:grid;place-items:center;padding:24px;background:#03080b9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-options-modal{width:min(520px,calc(100vw - 48px));overflow:hidden;border:1px solid rgba(219,182,111,.26);border-radius:14px;background:#081419fa;box-shadow:0 30px 90px #00000085}.game-options-body{display:grid;gap:14px;padding:14px}.game-option-group{display:flex;flex-wrap:wrap;gap:8px;margin:0;border:1px solid rgba(139,178,197,.14);border-radius:12px;padding:14px}.game-option-group legend{padding:0 6px;color:#f1d79b;font-size:13px}.game-option-group label,.game-option-toggle{border:1px solid rgba(139,178,197,.16);border-radius:10px;color:#dbe7e2;background:#112228b3}.game-option-group label{display:grid;place-items:center;min-width:84px;min-height:62px;gap:8px;padding:10px 12px;text-align:center}.game-option-radio input{margin:0}.game-option-radio span{display:grid;gap:2px;justify-items:center}.game-option-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:12px}.game-option-toggle span{display:grid;gap:4px;min-width:0;width:100%;justify-self:stretch}.game-option-toggle strong{display:block;color:#f0dfbd;font-size:14px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.game-option-toggle small{display:block;color:#8fa7a8;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.game-option-group input,.game-option-toggle input{accent-color:#d1a45d}.game-option-toggle input{width:18px;height:18px;padding:0;border:0;border-radius:4px;margin:4px 0 0;align-self:start;justify-self:end;background:transparent;box-shadow:none}.insert-modal{display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(900px,calc(100vw - 48px));max-height:min(760px,calc(100vh - 48px));overflow:hidden;border:1px solid rgba(219,182,111,.26);border-radius:14px;background:#081419fa;box-shadow:0 30px 90px #00000085}.insert-modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:12px}.insert-modal-head h2{margin:0;color:#f1d79b;font-size:18px}.insert-modal-head span{color:#8fa7a8;font-size:12px}.insert-modal-head button{width:30px;height:30px;border:0;border-radius:8px;color:#f0dfbd;background:#33484bcc}.insert-tabs{display:flex;gap:8px;padding:10px 12px 0}.insert-tabs button,.token-form-actions button,.insert-result-actions button{border:1px solid rgba(139,178,197,.18);border-radius:8px;color:#dbe7e2;background:#112228d1}.insert-tabs button{padding:8px 12px}.insert-tabs button.active{border-color:#54b8aab8;color:#9ee7de}.insert-modal-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;min-height:0;padding:12px}.insert-card-panel,.token-form{display:grid;align-content:start;gap:10px;min-height:0}.insert-search-label,.token-form label{display:grid;gap:5px;color:#dbe7e2;font-size:12px}.insert-search-label input,.token-form input,.token-form select,.token-form textarea{width:100%;border:1px solid rgba(139,178,197,.2);border-radius:8px;padding:8px 9px;color:#f0dfbd;background:#081419d1;font:inherit}.token-form textarea{min-height:88px;resize:vertical}.token-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.token-form-actions{display:flex;gap:8px}.token-form-actions button,.insert-result-actions button{padding:8px 10px}.insert-results{display:grid;align-content:start;gap:6px;min-height:280px;overflow:auto;padding-right:4px}.insert-empty{color:#8fa7a8;font-size:13px}.insert-result{display:grid;gap:5px}.insert-result>button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(142,181,183,.14);border-radius:8px;padding:9px 10px;color:#f0dfbd;background:#131f29c2;text-align:left}.insert-result.selected>button,.insert-result>button:hover{border-color:#dbb66f57;background:#2a3241e6}.insert-result small{color:#9fb2b0}.insert-result-actions{display:flex;gap:6px;padding-left:10px}.insert-preview-panel{display:grid;align-content:start;gap:6px;min-width:0}.insert-preview-panel strong,.insert-preview-panel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insert-preview-panel strong{color:#f1d79b}.insert-preview-panel span{color:#8fa7a8;font-size:12px}.insert-preview-card{border:1px solid rgba(219,182,111,.18);border-radius:10px;overflow:hidden;background:#050a0db8}.insert-preview-card img{display:block;width:100%;aspect-ratio:.72;object-fit:contain}.pile-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#03080b94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pile-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(920px,calc(100vw - 48px));max-height:min(720px,calc(100vh - 48px));border:1px solid rgba(219,182,111,.24);border-radius:14px;overflow:hidden;background:#081419fa;box-shadow:0 30px 90px #0000007a}.pile-modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 12px}.pile-modal-head h2{margin:0;color:#f1d79b;font-size:16px}.pile-modal-heading{display:grid;gap:2px}.pile-modal-heading span{color:#8fa7a8;font-size:12px}.pile-modal-head button{width:28px;height:28px;border:0;border-radius:8px;color:#f0dfbd;background:#33484bcc}.pile-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;min-height:0;overflow:auto;padding:12px}.pile-modal-card{display:grid;gap:5px;min-width:0;border:1px solid rgba(142,181,183,.18);border-radius:9px;padding:6px;color:#dbe7e2;background:#060e12bd}.pile-modal-card[data-mode]:not([data-mode=browse]){cursor:pointer;border-color:#f0d28e73}.pile-modal-card[data-mode]:not([data-mode=browse]):hover{background:#2d3f36e6;box-shadow:0 0 0 1px #f0d28e47}.pile-modal-card img{width:100%;aspect-ratio:5 / 7;border-radius:6px;object-fit:cover}.pile-modal-card span{overflow:hidden;color:#cfd9d6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}