*{box-sizing:border-box}:root{--rail-w: 240px;--mat-cx: calc((100vw - var(--rail-w)) / 2);--font-display: "Oswald", "Arial Narrow", "Segoe UI", system-ui, sans-serif;--chamfer: polygon(9px 0, 100% 0, 100% calc(100% - 9px) , calc(100% - 9px) 100%, 0 100%, 0 9px);--gold: #ffd479;--bronze: #b8933f;--blood: #9e2b25;--blood-hi: #c23a2c}html,body,#root{height:100%}body{margin:0;background:#0d0703;color:#e8dcc4;font-family:Segoe UI,system-ui,sans-serif;font-size:14px}button{background:linear-gradient(180deg,#2b1e10,#211608);color:#e8dcc4;border:1px solid #5a4426;border-radius:2px;padding:7px 16px;cursor:pointer;font-family:var(--font-display);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;clip-path:var(--chamfer)}button:hover{background:linear-gradient(180deg,#3a2812,#2a1c0a);border-color:#7a5c32}button:disabled{opacity:.4;cursor:default}.btn-primary{background:linear-gradient(180deg,var(--blood-hi),var(--blood));border-color:#d4553f;color:#f4e9d4;text-shadow:0 1px 2px #00000080}.btn-primary:hover{background:linear-gradient(180deg,#d24a34,#b03228);border-color:#e0684a}input{background:#120c06;border:1px solid #5a4426;color:#e8dcc4;border-radius:2px;padding:7px 10px}input:focus{outline:1px solid #b8933f88;border-color:#b8933f}input::placeholder{color:#8a7f6d;letter-spacing:normal;font-family:var(--font-display);text-transform:uppercase;font-size:12px}.muted{color:#8a7f6d;font-size:12px}.error{color:#ff7b72;font-size:12px;padding:4px 0}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#2a1210ee;border:1px solid #ff7b7266;color:#ffb3ad;font-size:12px;padding:6px 14px;border-radius:999px;box-shadow:0 4px 18px #000a;z-index:200;animation:toast-in .18s ease-out;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.idle-toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#241a10,#1c130a);border:1px solid #b8933f88;color:#e8dcc4;font-size:13px;padding:10px 16px;border-radius:3px;box-shadow:0 8px 28px #000c;z-index:200;animation:toast-in .18s ease-out}.idle-toast .linklike{font-size:12px}.lobby-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% -10%,#6b2a1833 0%,transparent 55%),radial-gradient(ellipse at 50% 110%,#3a241038 0%,transparent 50%),#0d0703}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid #45331f;background:linear-gradient(180deg,#160e06,#0d0703);box-shadow:0 1px #b8933f22,0 6px 18px #0006}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:38px;height:38px;border-radius:6px;border:1px solid #6b5326;box-shadow:0 0 12px #7cff6b2e,0 2px 6px #000;object-fit:cover}.brand-name{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 6px #000}.brand-sub{color:#8a7f6d;font-size:12px;letter-spacing:1px}.topbar-actions{display:flex;align-items:center;gap:8px}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#1a120a;border:1px solid #45331f;border-radius:2px;font-size:13px}.conn-dot{width:8px;height:8px;border-radius:50%;background:#5a3a35}.conn-dot.on{background:#4a9d77}.linklike{background:none;border:none;padding:0;color:#d4a958;font-size:inherit;text-decoration:underline;clip-path:none;text-transform:none;letter-spacing:normal;font-family:inherit}.linklike:hover{background:none;color:#eccc8a}.lobby-grid{flex:1;display:grid;grid-template-columns:320px 1fr;gap:18px;width:100%;max-width:1080px;margin:0 auto;padding:22px;align-items:start}.lobby-rail{display:flex;flex-direction:column;gap:18px}.lobby-rail .auth-card{margin:0;max-width:none}.lobby-main{display:flex;flex-direction:column;gap:0;min-width:0}.panel{background:linear-gradient(180deg,#1c130a,#160e07);border:1px solid #45331f;border-radius:3px;padding:16px 18px;box-shadow:0 4px 18px #0005,inset 0 1px #b8933f1a}.panel-title{margin:0 0 14px;font-family:var(--font-display);font-size:15px;font-weight:600;color:#cbb37a;text-transform:uppercase;letter-spacing:3px;border-bottom:1px solid #45331f88;padding-bottom:8px}.code-input{letter-spacing:3px}.format-list{display:flex;flex-direction:column;gap:8px}.format-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;text-align:left;background:#20160c;text-transform:none;letter-spacing:normal}.format-card.selected{border-color:var(--bronze);background:linear-gradient(180deg,#2c1d0e,#221507);box-shadow:inset 3px 0 0 var(--blood-hi),inset 0 0 0 1px #b8933f33}.format-card-name{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#efe3c8}.format-card.selected .format-card-name{color:var(--gold)}.format-card-blurb{font-size:11px;color:#9c8a6d}.format-card-queue{font-size:11px;color:#8a7f6d;margin-top:2px}.format-card.selected .format-card-queue{color:#d4a958}.play-label{display:block;font-family:var(--font-display);font-size:12px;color:#9c8a6d;text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}.deck-import-form select{width:100%;background:#120c06;border:1px solid #5a4426;color:#e8dcc4;border-radius:2px;padding:7px 10px;font-size:13px}.choice-active{border-color:var(--bronze);color:var(--gold)}.play-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.play-actions button{width:100%;padding:10px 14px;font-size:15px;letter-spacing:2.5px}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.deck-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;background:#20160c;text-transform:none;letter-spacing:normal;text-align:center}.deck-card.selected{border-color:var(--bronze);background:linear-gradient(180deg,#2c1d0e,#221507);box-shadow:inset 0 0 0 1px #b8933f33,0 0 14px #b8933f22}.deck-card-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid #6b5326;box-shadow:0 2px 8px #000}.deck-card-name{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#efe3c8}.deck-card.selected .deck-card-name{color:var(--gold)}.deck-card-meta{font-size:11px;color:#9c8a6d}.deck-section{margin:16px 0 10px;font-family:var(--font-display);font-size:12px;color:#9c8a6d;text-transform:uppercase;letter-spacing:2px;font-weight:500}.deck-section:first-of-type{margin-top:0}.deck-actions{display:flex;gap:10px;margin-top:16px}.deck-actions button{flex:1;padding:10px 14px;font-size:15px;letter-spacing:2.5px}.rooms-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;border-bottom:1px solid #45331f88;padding-bottom:8px}.rooms-header .panel-title{margin:0;border-bottom:none;padding-bottom:0}.your-games{margin-bottom:18px}.your-games .panel-title{font-size:13px;margin-bottom:8px}.rooms-join{display:flex;gap:8px;align-items:center}.rooms-join .code-input{width:130px;text-align:center}.rooms-join .code-input::placeholder{letter-spacing:1px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a8;display:flex;align-items:center;justify-content:center;z-index:50}.deck-pick-modal{width:min(640px,calc(100vw - 48px));max-height:80vh;overflow:auto;background:linear-gradient(180deg,#1c130a,#160e07);border:1px solid #5a4426;border-radius:3px;padding:16px 18px;box-shadow:0 12px 40px #000}.room-table{width:100%;border-collapse:collapse}.room-table th{text-align:left;font-family:var(--font-display);font-size:12px;color:#9c8a6d;text-transform:uppercase;letter-spacing:2px;font-weight:500;padding:4px 8px;border-bottom:1px solid #45331f}.room-table td{padding:9px 8px;border-bottom:1px solid #241a10;font-size:13px}.room-table tr:last-child td{border-bottom:none}.room-actions{text-align:right;white-space:nowrap}.room-actions button{margin-left:6px}.format-badge{display:inline-block;padding:2px 9px;border-radius:2px;clip-path:var(--chamfer);font-family:var(--font-display);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;border:1px solid;white-space:nowrap}.format-cb{color:#ffd479;border-color:#b8933f66;background:#b8933f14}.format-cc{color:#ff9d76;border-color:#a74a2a66;background:#a74a2a14}.format-sa{color:#c8c2b4;border-color:#8a827266;background:#8a827214}.deck-link{color:#d4a958}.deck-import{margin-top:16px;border-top:1px solid #45331f;padding-top:12px}.deck-import summary{cursor:pointer;color:#9c8a6d;font-size:13px}.deck-import-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.deck-import-form textarea{background:#120c06;border:1px solid #5a4426;color:#e8dcc4;border-radius:2px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:12px;resize:vertical}.lobby-row{display:flex;gap:10px}.lobby-row .grow{flex:1}.import-ok p{color:#8fd48f;font-size:12px;margin:4px 0}.import-errors p{color:#ff7b72;font-size:12px;margin:4px 0}.waiting-panel{max-width:460px;margin:10vh auto;text-align:center}.room-code{font-family:var(--font-display);font-size:40px;letter-spacing:10px;font-weight:600;color:var(--gold);text-shadow:0 2px 8px #000}.room-link{display:inline-block;margin-top:10px;padding:6px 14px;border:1px solid #6d5b3f;border-radius:3px;color:#ffd479;font-size:14px;letter-spacing:1px;background:#00000040;-webkit-user-select:all;user-select:all}.lobby-replay-error{text-align:center;margin:8px 0 0}.intro-grid{flex:1;display:grid;grid-template-columns:1fr 340px;gap:18px;width:100%;max-width:980px;margin:0 auto;padding:8vh 22px 22px;align-items:start}.intro-panel{padding:28px 30px}.intro-logo{width:128px;height:128px;border-radius:12px;border:1px solid #6b5326;box-shadow:0 0 28px #7cff6b38,0 10px 28px #000;object-fit:cover;margin-bottom:16px}.intro-title{margin:0 0 10px;font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 8px #000}.intro-blurb{color:#cbbd9d;font-size:14px;margin:0 0 18px;max-width:56ch}.intro-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.intro-features li{padding-left:18px;position:relative;color:#9c8a6d;font-size:13px;line-height:1.5}.intro-features li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;background:var(--blood-hi);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.intro-features strong{color:#e8dcc4;font-weight:600}.intro-stats{display:flex;gap:26px;margin-top:22px;padding-top:16px;border-top:1px solid #45331f88;font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;font-size:12px;color:#9c8a6d}.intro-stats strong{color:var(--gold);font-size:16px;margin-right:5px}.intro-auth .auth-card{margin:0;max-width:none}@media (max-width: 900px){.intro-grid{grid-template-columns:1fr;padding-top:22px}}@media (max-width: 900px){.lobby-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}.auth-card{margin:24px auto;max-width:300px;background:#1a120a;border:1px solid #45331f;border-radius:3px;padding:16px;text-align:left}.auth-tabs{display:flex;gap:6px;margin-bottom:14px}.auth-tab{flex:1;background:transparent;border-color:transparent;color:#9c8a6d;font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;font-size:13px}.auth-tab.active{background:#241a10;border-color:#5a4426;color:#e8dcc4}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form input{letter-spacing:normal}.badge-unverified{margin-left:8px;padding:1px 8px;border-radius:999px;border:1px solid #b8933f66;color:#ffd479;font-size:10px;text-transform:uppercase;letter-spacing:1px}.auth-unverified{margin:16px auto;max-width:320px;text-align:center;background:#1a120a;border:1px solid #b8933f55;border-radius:3px;padding:14px 16px}.auth-unverified-title{color:#ffd479;margin:0 0 6px}.auth-row{display:flex;gap:8px;justify-content:center;margin-top:10px}.auth-row input{letter-spacing:normal}.auth-note{color:#8fd48f;font-size:12px;padding:4px 0}.auth-dev-link{display:inline-block;margin-top:6px;padding:4px 12px;border:1px dashed #6d5b3f;border-radius:3px;color:#ffd479;font-size:12px}.verify-card{text-align:center;max-width:340px;padding:24px}.verify-ok{color:#8fd48f}.spec-pill{color:#ffd479;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:4px 0}.spec-count{color:#8a7f6d;font-size:12px;padding-bottom:4px}.table{display:grid;grid-template-columns:1fr var(--rail-w);height:100vh;background:#0d0703}.board{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;padding:0 16px;background:radial-gradient(ellipse at 50% 0%,#5a3a2050 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,#5a3a2050 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,#38220f,#251405 60%,#180c03)}.board:before{content:"";position:fixed;inset:0 var(--rail-w) 0 0;pointer-events:none;background:repeating-linear-gradient(115deg,#ffffff05 0 2px,transparent 2px 6px),repeating-linear-gradient(25deg,#00000012 0 3px,transparent 3px 9px)}.mat-half{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(84px,96px) minmax(84px,96px) 1fr minmax(84px,96px) minmax(84px,96px) minmax(84px,96px) 1fr minmax(84px,96px) minmax(84px,96px);grid-template-rows:repeat(3,1fr);gap:6px}.mat-divider{height:6px;margin:-1px -16px 0;background:linear-gradient(180deg,#000000b0 0%,#6a5326 30%,var(--bronze) 45%,#ffd479 50%,var(--bronze) 55%,#3a2c12 75%,#000000b0 100%)}.mat-zone{position:relative;display:flex;align-items:center;justify-content:center}.limbo-strip{position:absolute;top:-6px;right:-6px;display:flex;gap:2px;z-index:2}.limbo-strip .card{width:40px;height:55px;box-shadow:0 2px 6px #000a}.mat-zone-label{font-family:Georgia,Times New Roman,serif;font-variant:small-caps;letter-spacing:2px;font-size:11px;color:#c9a6274d;text-shadow:0 1px 2px #000}.board-strip{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:0 6px;overflow:hidden}.board-cards{padding-left:36px;margin:16px 0}.board-cards .card{border-color:#5a8a9c;box-shadow:0 0 6px #5a8a9c33}.mat-opp .board-cards .card{border-color:#c23a2c;box-shadow:0 0 6px #c23a2c44}.mat-count{position:absolute;bottom:2px;right:4px;font-size:11px;font-weight:700;color:#e6c96a;text-shadow:0 1px 2px #000;z-index:1}.mat-hero .card{border-color:#c9a627;box-shadow:0 0 10px #c9a62744}.opp-hand{position:absolute;top:0;left:0;right:0;height:40px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;pointer-events:none;z-index:3}.opp-hand .card-back{width:56px;height:78px;flex-shrink:0}.opp-hand .card-back+.card-back{margin-left:-28px}.opp-hand .muted{padding-top:10px}.hand{position:absolute;left:0;right:0;bottom:-76px;display:flex;gap:6px;justify-content:center;z-index:4}.hand .card-hand{transition:transform .12s ease}.hand .card-hand:hover{transform:translateY(-76px)}.hand .card-hand.card-selected,.hand .card-hand.card-selected:hover{transform:translateY(-88px)}.hand .muted{transform:translateY(-84px)}.float{position:fixed;z-index:6;background:#140d07f2;border:1px solid #b8933f66;border-radius:10px;box-shadow:0 10px 40px #000a;-webkit-user-select:none;user-select:none;touch-action:none}.chain-float,.stack-float{left:var(--mat-cx);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 14px 12px;cursor:grab}.chain-float{top:42%;transform:translate(-50%,-50%);max-width:min(760px,80vw)}.stack-float{left:122px;top:50%;transform:translateY(-50%);z-index:7}.looking-float{left:var(--mat-cx);top:8%;transform:translate(-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 14px 12px;cursor:grab}.looking-float:active{cursor:grabbing}.looking-cards{display:flex;gap:8px}.looking-close{background:none;border:none;color:#a99f8a;font-size:15px;line-height:1;cursor:pointer;padding:0 2px}.looking-close:hover{color:#e6dcc6}.chain-float:active,.stack-float:active,.status-float:active,.decision-float:active,.chain-float-bar:active{cursor:grabbing}.status-float{right:calc(var(--rail-w) + 122px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 16px;cursor:grab}.ap-pip{font-size:13px;font-weight:700;color:#e6dcc6;border:1px solid #b8933f44;border-radius:3px;padding:4px 8px;background:#0003}.decision-float{left:var(--mat-cx);bottom:150px;z-index:8;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px;background:transparent;border:none;box-shadow:none;cursor:grab}.chain-float-bar{display:flex;align-items:center;gap:12px;width:100%;padding:6px 0;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.chain-float-title{flex:1;text-align:center;font-family:Georgia,Times New Roman,serif;font-variant:small-caps;letter-spacing:6px;font-size:15px;color:#c9a627;text-shadow:0 1px 3px #000}.chain-hide{padding:0 8px;font-size:12px;line-height:1.4;background:transparent;border-color:#b8933f55;color:#c9a627}.chain-close{padding:0 8px;font-size:11px;line-height:1.5;letter-spacing:1px;text-transform:uppercase;background:transparent;border-color:#b8933f55;color:#e8d9b0}.chain-body{display:flex;align-items:center;justify-content:center;gap:14px}.chain-dots{position:relative;flex-shrink:0;align-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 2px}.chain-dots:before{content:"";position:absolute;top:12px;bottom:12px;left:50%;width:1px;background:#b8933f44}.chain-dot{position:relative;padding:3px;background:#140d07;border:1px solid transparent;border-radius:50%;clip-path:none;cursor:pointer}.chain-dot img{display:block;width:15px;height:15px;opacity:.5}.chain-dot.active{border-color:#c9a627}.chain-dot.active img{opacity:1}.chain-dot-pending{display:block;width:9px;height:9px;margin:3px;border-radius:50%;border:1px solid #c9a627}.chain-dot.active .chain-dot-pending{background:#c9a627}.chain-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0}.chain-empty-slot{width:90px;height:126px;border:1px dashed #b8933f55;border-radius:3px;background:#0002}.chain-mini{position:fixed;left:var(--mat-cx);top:42%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;background:#140d07f2;border:1px solid #b8933f66;border-radius:3px;box-shadow:0 6px 20px #000a}.chain-mini-title{font-family:Georgia,Times New Roman,serif;font-variant:small-caps;letter-spacing:2px;font-size:11px;color:#c9a627}.chain-mini-score{font-size:13px;font-weight:700;color:#e6dcc6}.chain{display:flex;flex-direction:column;align-items:center;gap:8px}.chain-group{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;align-items:center;max-width:600px}.chain-vs{display:flex;align-items:center;gap:8px}.chain-atk-card{position:relative;display:inline-block}.chain-atk{font-size:26px;font-weight:800;color:#ff9d76}.chain-def{font-size:26px;font-weight:800;color:#7bc8ff}.chain-sep{font-size:11px;color:#a89878}.pitch-top{position:relative;display:flex}.pip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;text-shadow:0 1px 3px #000;box-shadow:0 2px 8px #000c}.pitch-pip{width:42px;height:42px;font-size:20px;background:url(/icons/resource.png) center / cover no-repeat;text-shadow:0 1px 3px #000,0 0 6px #000}.pitch-pip-bare{position:static;transform:none}.pile-pip{width:38px;height:38px;font-size:19px;background:#2a2118ee;border:2px solid #ffffff66}.ico{width:14px;height:14px;vertical-align:-2px}.ico-lg{width:20px;height:20px;vertical-align:-4px}.chain-atk,.chain-def{display:inline-flex;align-items:center;gap:4px}.chain-mini-score{display:inline-flex;align-items:center;gap:3px}.chain-staged{display:inline-flex;padding:3px;border:2px dashed #7bc8ff99;border-radius:6px}.decision{display:flex;gap:10px;align-items:center;background:#1a1410ee;border:1px solid #b8933f55;padding:8px 14px;border-radius:3px;max-width:90%}.decision-prompt{color:#e6dcc6;font-size:13px}.decision-options{flex-direction:column;align-items:center}.decision-options .decision-prompt{text-align:center}.decision-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.effects-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding-left:22px}.effect-mini{position:relative}.effect-mini-img{display:block;width:44px;height:61px;object-fit:cover;border-radius:3px;border:1px solid var(--bronze);animation:effect-blink 1.8s ease-in-out infinite}.effect-back{background:repeating-linear-gradient(45deg,#241a10,#241a10 4px,#17100a 4px,#17100a 8px);border:1px solid #b8933f33}@keyframes effect-blink{50%{opacity:.45}}.effect-tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#140d07f2;border:1px solid #b8933f66;border-radius:4px;padding:3px 8px;color:#cbb894;font-size:11px;white-space:nowrap;z-index:12;pointer-events:none}.effect-mini:hover .effect-tip{display:block}.mat-opp .effect-tip{bottom:auto;top:calc(100% + 6px)}.stack-layers{display:flex;gap:12px;align-items:flex-start;padding:4px 2px}.stack-layer{display:flex;flex-direction:column;align-items:center;gap:4px}.stack-label{font-size:11px;color:#cbbd9d;max-width:90px;text-align:center}.card-ref{color:#e6c96a;font-weight:600;border-bottom:1px dotted #c9a62788;cursor:help}.rail-right{display:flex;flex-direction:column;gap:8px;padding:10px;overflow-y:auto;background:#0d0805f2;border-left:1px solid #b8933f33}.rail-header{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;color:#a89878}.rail-actions{display:flex;gap:6px;margin-top:4px}.rail-actions button{flex:1;font-size:11px;padding:3px 8px;clip-path:none}.rail-actions .rail-cog{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;padding:2px 8px}.turn-me{color:#ffd479;font-weight:700}.turn-opp{color:#d8ccb4}.life{font-size:26px;font-weight:800;line-height:1;display:inline-flex;align-items:center;gap:5px}.life-opp{color:#ff8f7a}.life-me{color:#8fd48f}.btn-pass{font-weight:700;letter-spacing:1px;padding:6px 18px}.winner{font-size:22px;font-weight:700;color:#ffd479;text-align:center}.phase-line{text-align:center;font-size:11px;color:#a89878;font-variant:small-caps;letter-spacing:1px}.waiting{position:fixed;top:48px;left:var(--mat-cx);transform:translate(-50%);z-index:5;pointer-events:none;padding:5px 16px;border-radius:20px;background:#140d07e6;border:1px solid #b8933f55;color:#a89878;font-size:12px;font-variant:small-caps;letter-spacing:2px;animation:waiting-pulse 2s ease-in-out infinite}@keyframes waiting-pulse{50%{opacity:.55}}.log{flex:1;overflow-y:auto;font-size:11px;border-top:1px solid #b8933f33;padding-top:6px;min-height:80px}.log-line{padding:2px 0;border-bottom:1px solid #ffffff08;color:#b0a690}.room-tag{font-size:11px;color:#6d6353;text-align:center}.card{position:relative;background:linear-gradient(160deg,#2c2113,#1b1309);border:1px solid #5a4426;border-radius:3px;padding:5px;-webkit-user-select:none;user-select:none;flex-shrink:0}.card-hand{width:108px;height:148px}.card-zone{width:80px;height:110px}.card-preview{position:fixed;z-index:11;pointer-events:none}.card-preview-frame{width:350px;height:482px;padding:12px}.card-preview-frame .c-name{font-size:17px}.card-preview-frame .c-type{font-size:12px;color:#a89878;margin-top:3px;text-transform:capitalize;font-variant:small-caps;letter-spacing:1px}.card-preview-frame .c-text{font-size:13px;-webkit-line-clamp:14;margin-top:8px}.card-preview-frame .c-cost{width:30px;height:30px;font-size:16px;top:-9px;right:-9px}.card-preview-frame .c-atk,.card-preview-frame .c-def{font-size:24px}.card-clickable{cursor:pointer}.card-highlight{border-color:#37c871;box-shadow:0 0 8px #37c87177;animation:card-pulse 1.6s ease-in-out infinite}@keyframes card-pulse{50%{box-shadow:0 0 18px #37c871cc}}.card-selected{border-color:#ffd479;box-shadow:0 0 10px #ffd47988}.card-hand.card-selected{transform:translateY(-10px)}.card-dim{opacity:.4}.card-tapped{transform:rotate(90deg) scale(.72);filter:brightness(.75)}.card-ghost{opacity:.8}.card-hasimg{padding:0;overflow:hidden}.c-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}.card-hasimg .c-zonelabel{bottom:4px;text-shadow:0 1px 3px #000,0 0 6px #000}.c-cost{position:absolute;top:-6px;right:-6px;background:radial-gradient(circle at 35% 35%,#5a6a8a,#45331f);border:1px solid #a8854a;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;z-index:1}.c-name{font-weight:600;font-size:10px;line-height:1.2;padding-right:12px}.c-chips{position:absolute;top:-6px;left:-6px;display:flex;flex-direction:column;gap:2px;z-index:1}.c-chip{background:radial-gradient(circle at 35% 35%,#3a3a46,#221a10);border:1px solid #a8854a;border-radius:10px;padding:3px 9px;font-weight:700;font-size:13px;color:#ffd479;white-space:nowrap;text-shadow:0 1px 2px #000}.c-chip-def{color:#9cc2ff;border-color:#5a7aaa}.c-life{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.c-life-icon{width:56px;height:56px;filter:drop-shadow(0 1px 3px #000)}.c-life-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.85)}.card-zone .c-name{font-size:9.5px;padding-right:0}.c-text{margin-top:4px;font-size:9px;line-height:1.3;color:#b5a88e;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.c-zonelabel{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#ffd479;font-size:11px;font-weight:700}.c-stats{position:absolute;bottom:3px;left:5px;right:5px;display:flex;justify-content:space-between}.c-atk{font-size:18px;font-weight:800;color:#ff9d76}.c-def{font-size:18px;font-weight:800;color:#7bc8ff;margin-left:auto}.card-zone .c-atk,.card-zone .c-def{font-size:15px}.pitch-red{border-top:3px solid #e5534b}.pitch-yellow{border-top:3px solid #e3b341}.pitch-blue{border-top:3px solid #539bf5}.card-back{background:repeating-linear-gradient(45deg,#3a1d1d 0,#3a1d1d 6px,#2a1414 6px,#2a1414 12px);border:1px solid #5a2d2d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.c-backlabel{color:#8a5a5a;font-size:8px;font-family:Georgia,serif;font-variant:small-caps;letter-spacing:1px}.c-count{color:#d8a0a0;font-weight:800;font-size:18px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:10}.overlay-panel{background:#1a120a;border:1px solid #45331f;border-radius:3px;padding:16px;max-width:80vw;max-height:80vh;overflow-y:auto}.overlay-title{font-weight:700;margin-bottom:10px}.overlay-cards{display:flex;gap:8px;flex-wrap:wrap}.overlay-cards .card-zone{width:168px;height:231px}.overlay-cards .card-zone .c-name{font-size:14px}.overlay-cards .card-zone .c-atk,.overlay-cards .card-zone .c-def{font-size:20px}.settings-panel{min-width:320px}.settings-section{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.settings-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;font-size:13px;color:#c9a627;margin-bottom:2px}.settings-confirm{display:flex;gap:8px;align-items:center;font-size:13px}.gameover-panel{width:80vw;height:80vh;display:flex;flex-direction:column;align-items:center;gap:14px}.gameover-headline{font-family:var(--font-display);font-size:52px;font-weight:700;text-transform:uppercase;letter-spacing:4px;color:#ffd479;text-align:center}.gameover-sub{font-size:14px;color:#a89878;font-variant:small-caps;letter-spacing:1px}.gameover-actions{justify-content:center}.gameover-body{overflow-y:auto;width:100%}.gameover-table{margin:0 auto;border-collapse:collapse;font-size:13px}.gameover-table th,.gameover-table td{padding:5px 16px;text-align:center;border-bottom:1px solid #2c2013}.gameover-table thead th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:#c9a86a;border-bottom:1px solid #45331f}.gameover-table tfoot td{font-weight:700;color:#e8d9b8}.gameover-table tfoot tr:first-child td{border-top:1px solid #45331f}.replay-bar{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;background:#1a120a;border:1px solid #45331f;border-radius:3px;padding:8px 12px}.replay-bar .replay-title{color:#ffd479;font-size:12px;text-transform:uppercase;letter-spacing:1px}.replay-bar input[type=range]{width:320px}.replay-bar .replay-pos{font-size:12px;color:#9aa4b8;min-width:64px;text-align:center}.replay-bar button{font-size:12px;padding:4px 10px}.prep-page{padding-bottom:40px}.prep-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px 0;max-width:1100px;width:100%;margin:0 auto}.prep-topbar .panel-title{border-bottom:none;padding-bottom:0;margin:0}.prep-code{font-size:18px;letter-spacing:4px;margin-left:14px}.prep-columns{display:grid;grid-template-columns:300px 1fr;gap:18px;max-width:1100px;width:100%;margin:18px auto 0;padding:0 22px;align-items:start}.prep-opponent{text-align:center}.prep-hero{width:180px;border-radius:8px;border:1px solid #5a4426;box-shadow:0 6px 20px #000a}.prep-opp-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:#cbb37a;margin-top:10px}.prep-die{margin-top:12px;font-family:Georgia,serif;font-variant-caps:small-caps;color:#e8dcc4}.prep-pick{display:flex;gap:10px;justify-content:center;margin-top:12px}.prep-section{margin-bottom:16px}.prep-cardrow{display:flex;gap:10px;flex-wrap:wrap}.prep-card{width:84px;border-radius:6px;border:2px solid #5a4426;transition:transform .08s ease-out,border-color .08s ease-out}.prep-card.selected{border-color:var(--gold);box-shadow:0 0 10px #ffd47944}.prep-card.dimmed{opacity:.35;filter:grayscale(.6)}.prep-card.card-clickable:hover{transform:translateY(-3px)}.prep-mainlist{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}.prep-mainrow{display:flex;align-items:center;gap:8px;padding:3px 0;break-inside:avoid;font-size:13px}.prep-mainrow.out .prep-mainname{color:#8a7f6d;text-decoration:line-through}.prep-pitch{width:8px;height:8px;border-radius:50%;flex:none;background:#3a2c18}.prep-pitch.pitch-1{background:#c23a2c}.prep-pitch.pitch-2{background:#d4a92c}.prep-pitch.pitch-3{background:#2c6ac2}.prep-mainname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prep-maincount{color:#cbb37a;font-family:var(--font-display);letter-spacing:1px}.prep-mainbtns{display:flex;gap:4px}.prep-mainbtns button{padding:0 8px;font-size:13px;line-height:18px;clip-path:none}.prep-actions{display:flex;align-items:center;gap:12px;border-top:1px solid #45331f88;padding-top:14px}.prep-ready-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:#8fd48f}.site-footer{margin-top:auto;padding:18px 22px 22px;border-top:1px solid #45331f;text-align:center}.site-footer-links{display:flex;justify-content:center;gap:18px;margin-bottom:8px}.site-footer-links a{font-family:var(--font-display);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-decoration:none}.site-footer-links a:hover{text-decoration:underline}.site-footer-legal{color:#8a7f6d;font-size:11px;line-height:1.5;max-width:72ch;margin:0 auto}.legal-page .topbar{margin-bottom:22px}.legal-back{font-family:var(--font-display);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-decoration:none}.legal-back:hover{text-decoration:underline}.legal-panel{max-width:720px;margin:0 auto 40px;padding:22px 26px}.legal-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:3px;color:var(--gold);margin:0 0 14px}.legal-section{margin-bottom:16px}.legal-section h2{font-family:var(--font-display);font-size:15px;letter-spacing:1.5px;text-transform:uppercase;color:#cbbd9d;margin:0 0 6px}.legal-section p{color:#a99e88;font-size:13px;line-height:1.6;margin:0 0 8px}