@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen.ttf) format("truetype");font-display:swap}:root{--bg: #0b0c16;--panel: #151723;--ink: #edf0e9;--muted: #a7afbe;--cyan: #7ce9db;--pink: #ff70b4;--line: #34374c;--gold: #f6ce79;--card-w: 42px;--pixel: "Silkscreen", monospace;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-size:14px;line-height:1.5;background:linear-gradient(180deg,#0b0c1620,#0b0c1660 65%,#0b0c16),url(/backroom-neon.png) center top / cover fixed}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:var(--cyan)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled,select:disabled{cursor:not-allowed;opacity:.45}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pixel-suit{width:24px;height:28px;flex:none}.eyebrow{display:block;font:10px/1.6 var(--pixel);letter-spacing:.06em;color:var(--cyan)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1160px;margin:0 auto 42px;padding:28px 24px 18px;border-bottom:1px solid #69758b50}.brand{display:inline-flex;align-items:center;gap:14px;min-height:44px;font:26px/1 var(--pixel);color:var(--ink);text-decoration:none;text-shadow:3px 3px #713356}.brand>.pixel-suit{width:29px;height:33px;color:var(--pink);filter:drop-shadow(0 0 9px #fa389b80)}.brand small{display:block;margin-top:9px;font:9px/1 monospace;letter-spacing:.19em;color:var(--muted);text-shadow:none}.header-actions{display:flex;gap:10px}.header-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--line);background:#111522e8;color:var(--ink);font-size:12px}.header-icon{display:grid;place-items:center;color:var(--cyan)}.header-button:hover{border-color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 16px;border:1px solid var(--line);border-radius:0;font-weight:700;background:#1a2030;color:var(--ink);box-shadow:3px 3px #060810;transition:background .15s,transform .15s,border-color .15s}.button.primary{border-color:var(--cyan);background:var(--cyan);color:#092020;box-shadow:3px 3px #28655e,0 0 20px #7ce9db12}.button.primary:hover:not(:disabled){background:#b0fff1}.button.outline:hover:not(:disabled){border-color:var(--cyan);background:#20313a}.button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #060810}.button.peach-button{min-height:44px;border-color:var(--pink);background:#3c233b;color:#ffb1d5}.button.peach-button:hover:not(:disabled){background:#57314c}.button.small-button{min-height:44px;font-size:12px}.button:disabled{box-shadow:none}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:transparent}.icon-button:hover{background:#27293d}.text-button{min-height:44px;border:0;background:none;color:var(--cyan);text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.text-button:hover:not(:disabled){color:var(--ink)}.page{max-width:560px;margin:0 auto;padding:0 20px 48px;display:grid;gap:24px}.panel,.modal{background:#111522f5;border:1px solid var(--line);border-top:2px solid var(--cyan);padding:26px;box-shadow:6px 6px #060810a0;display:grid;gap:18px}.home h1,.home h2{font:22px/1.45 var(--pixel)}.lead{color:var(--muted);font-size:13px}.lobby{max-width:1060px;grid-template-columns:1.1fr 1fr;align-items:start;gap:48px 70px;margin-top:84px}.lobby-intro{padding:32px 0}.lobby-intro h1{margin:24px 0;font:clamp(32px,4.5vw,58px)/1.12 var(--pixel);letter-spacing:-.065em;text-shadow:4px 4px #123d47}.lobby-intro h1 span{color:var(--pink);text-shadow:4px 4px #542344,0 0 32px #ff3d9e40}.lobby-intro p{color:#c6ced4;font-size:16px;line-height:1.8}.lobby-suits{display:flex;gap:18px;color:var(--cyan);margin:35px 0 24px}.lobby-suits svg:nth-child(2n){color:var(--pink)}.room-code{color:var(--muted);font-size:9px;letter-spacing:.12em}.lobby>.panel:last-child:not(:nth-child(2)){grid-column:2}.field{display:grid;gap:8px;min-width:0;font-size:12px}.field>span{color:#c8ccd8}.field input,.field select{width:100%;min-width:0;min-height:48px;padding:0 12px;border:1px solid #41465b;border-radius:0;background:#0a0e18;font-size:16px}.field input::placeholder{color:#777f94}.field input:focus,.field select:focus{border-color:var(--cyan);outline:2px solid #7ce9db30;outline-offset:1px}form{display:grid;gap:16px}.actions{display:flex;gap:12px}.actions .button{flex:1;min-width:0}.actions.stack{flex-direction:column}.form-error{color:#ffabb9}.table-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.table-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:48px;padding:10px 14px;background:#1a2030;text-decoration:none;overflow-wrap:anywhere}.loading{text-align:center;padding:40px 0;color:var(--cyan)}.play-chips{text-align:center;color:var(--muted);font-size:10px;line-height:1.6}.game-layout{max-width:1160px;margin:0 auto;padding:0 24px 48px;display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}.table-column{display:grid;gap:14px;min-width:0;align-content:start}.table-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.table-heading h1{margin:6px 0;font:24px/1.3 var(--pixel);overflow-wrap:anywhere}.table-heading p{color:var(--muted);font-size:11px}.table-type{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #695037;background:#282017;color:var(--gold);font-size:10px}.table-type.friends{background:#142526;border-color:#325851;color:var(--cyan)}.phase-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;list-style:none;margin:8px 0 0;padding:0}.phase-stepper li{display:grid;place-items:center;min-height:34px;border-bottom:2px solid #3b3d50;background:#111522d9;color:var(--muted);font:10px var(--pixel)}.phase-stepper li.complete{border-color:#4f8d85;color:var(--cyan)}.phase-stepper li.current{background:#203637;border-color:var(--cyan);color:#baffed;box-shadow:0 3px 10px #7ce9db18}.round-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;border-left:3px solid var(--cyan);background:#173334;color:#b7f9e5;font-size:12px}.toast{position:sticky;top:8px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:560px;margin:8px auto;padding:6px 8px 6px 16px;border:1px solid var(--pink);background:#371d32;color:#ffccd7}.felt-table{position:relative;margin:106px 0 112px;height:230px;filter:drop-shadow(0 12px 12px #03070ccc)}.felt-table:before,.felt-table:after{content:"";position:absolute;pointer-events:none;clip-path:polygon(0 20%,4% 20%,4% 10%,10% 10%,10% 0,90% 0,90% 10%,96% 10%,96% 20%,100% 20%,100% 80%,96% 80%,96% 90%,90% 90%,90% 100%,10% 100%,10% 90%,4% 90%,4% 80%,0 80%)}.felt-table:before{inset:0;background:#393240;box-shadow:inset 0 4px #7d5975,inset 0 -6px #171c2b}.felt-table:after{inset:12px;background:repeating-linear-gradient(0deg,#153a3900 0 3px,#08272380 3px 4px),repeating-linear-gradient(90deg,#153a39 0 3px,#163633 3px 4px);box-shadow:inset 0 3px #51867b,inset 0 -4px #061e24}.felt-spade{position:absolute;z-index:1;top:48%;color:#7ce9db20}.left-spade{left:8%}.right-spade{right:8%}.seat{position:absolute;z-index:3;display:grid;justify-items:center;gap:2px;transform:translate(-50%,-50%);width:104px}.seat.folded>:not(.seat-chat){opacity:.55}.seat-chat{--bubble-color: var(--pink);position:absolute;bottom:calc(100% + 8px);width:144px;min-height:44px;padding:7px 9px;border:2px solid var(--bubble-color);background:#111522;color:#f5f0df;box-shadow:3px 3px #060e20;font:11px/14px ui-monospace,monospace;text-align:left;cursor:pointer}.seat-chat:after{content:"";position:absolute;top:100%;left:calc(50% - 4px);border:4px solid transparent;border-top-color:var(--bubble-color)}.seat-chat span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}.seat-bottom-left .seat-chat,.seat-bottom-center .seat-chat,.seat-bottom-right .seat-chat{bottom:auto;top:calc(100% + 8px)}.seat-bottom-left .seat-chat:after,.seat-bottom-center .seat-chat:after,.seat-bottom-right .seat-chat:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--bubble-color)}.my-seat .seat-chat{--bubble-color: var(--cyan)}.seat-top-left{left:24%;top:0}.seat-top-right{left:76%;top:0}.seat-bottom-left{left:24%;top:100%}.seat-bottom-right{left:76%;top:100%}.seat-top-center{left:50%;top:0}.seat-bottom-center{left:50%;top:100%}.six-seats .seat-top-left,.six-seats .seat-bottom-left{left:17%}.six-seats .seat-top-right,.six-seats .seat-bottom-right{left:83%}.seat-name{max-width:100%;padding:1px 5px;background:#101722;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-chips{display:inline-flex;align-items:center;gap:4px;padding:1px 5px;background:#101722;color:var(--gold);font-size:10px}.my-seat .seat-name{color:var(--cyan)}.avatar{--avatar-color: #ba9cef;position:relative;display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--avatar-color);background:#201e36;color:var(--avatar-color);font:18px var(--pixel);box-shadow:3px 3px #090e18,inset -4px -4px #090e1860}.avatar.small{width:34px;height:34px;font-size:15px;flex:none}.avatar.peach{--avatar-color: #f6ce79}.avatar.lilac{--avatar-color: #99b8ff}.avatar.mint{--avatar-color: #7ce9db}.avatar.pink{--avatar-color: #ff8ec2}.avatar.blue{--avatar-color: #87d5f2}.avatar .check{position:absolute;top:-7px;right:-8px;display:grid;place-items:center;width:16px;height:16px;background:var(--cyan);color:#092020}.board-center{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}.pot{display:flex;align-items:center;gap:12px;color:var(--gold);line-height:1}.pot>span{font:9px var(--pixel);color:#b3c8bc}.pot strong{display:inline-flex;align-items:center;gap:5px;font:19px var(--pixel)}.pot strong svg{width:16px}.community-cards{display:flex;gap:6px}.table-caption{color:#a2c4b7;font-size:10px}.playing-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--card-w);aspect-ratio:5 / 7;padding:3px;border:2px solid #e7e4c9;border-radius:1px;background:#f5f0df;color:#222d3e;font-family:var(--pixel);line-height:1;box-shadow:3px 3px #060e20a0}.playing-card .rank{align-self:flex-start;font-size:calc(var(--card-w) * .31)}.playing-card .suit{display:grid;place-items:center;flex:1}.playing-card .pixel-suit{width:calc(var(--card-w) * .4);height:calc(var(--card-w) * .46)}.playing-card .card-corner{align-self:flex-end;font-size:calc(var(--card-w) * .19);transform:rotate(180deg)}.playing-card.red{color:#a72956}.playing-card.card-back{background:#111522 url(/dhd-card-back.png) center / 100% 100% no-repeat;border-color:#7ce9db;image-rendering:pixelated}.playing-card.pocket{--card-w: 62px}button.playing-card{cursor:pointer;min-height:44px}button.playing-card:hover{transform:translateY(-4px)}.playing-card.selected{outline:3px solid var(--pink);outline-offset:3px;transform:translateY(-6px);box-shadow:0 0 24px #ff70b430}.pocket-hand{display:grid;justify-items:center;gap:10px;color:var(--muted);font-size:10px;align-content:center}.pocket-cards{display:flex;gap:10px}.pocket-hand.choosing{color:var(--pink)}.locked-progress{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);background:#111522eb}.locked-progress strong{flex:1;font-size:11px;font-weight:400}.locked-progress>svg{color:var(--muted)}.progress-dots{display:flex;gap:5px}.progress-dots span{width:9px;height:9px;border:1px solid #58657c;background:#101522}.progress-dots span.filled{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 7px #7ce9db50}.action-panel{display:grid;gap:8px;padding:18px;border:1px solid #3a4c51;background:#111c24f5;text-align:left}.action-panel h2{font:17px/1.4 var(--pixel)}.action-panel p{color:var(--muted);font-size:11px}.action-panel .actions{margin-top:6px}.action-dock{display:contents}.waiting-host{flex:1;padding:8px 0;color:var(--gold);font-size:12px}.twist{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #5a344c;background:#211725f5}.twist>div{flex:1}.twist h3{font:11px/1.5 var(--pixel);color:#ffb1d5}.twist p{color:var(--muted);font-size:11px}.twist-icon{color:var(--pink);flex:none}.twist.used{opacity:.7}.swap-confirm{display:grid;gap:12px;padding:16px;border:1px dashed var(--pink);background:#211725;color:#ffd0e6;text-align:center;font-size:12px}.notification-row{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border:1px solid var(--line);background:#111522e8;text-align:left;font-size:11px}.notification-row span{flex:1}.notification-row>svg{color:var(--muted);flex:none}.notification-row strong{display:inline-flex;align-items:center;gap:4px;color:var(--cyan)}.crew-rail{display:grid;gap:18px;align-content:start;min-width:0;padding:22px;border:1px solid var(--line);border-top:2px solid var(--pink);background:#101420ed}.crew-rail h2{font:12px/1.6 var(--pixel)}.crew-rail h2 span{color:var(--muted);margin-left:6px}.crew-list{display:grid;gap:8px}.crew-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #2a3040}.crew-row>div{flex:1;min-width:0;display:grid;gap:4px}.crew-row strong{overflow-wrap:anywhere;font-size:12px}.crew-row>div span{color:var(--muted);font-size:10px}.crew-row .crew-chips{display:inline-flex;align-items:center;gap:4px;flex:none;color:var(--gold);font-size:11px}.table-management{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.table-management summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:12px;color:var(--cyan)}.table-management>div{display:grid;gap:12px;padding-bottom:12px}.table-management p{color:var(--muted);font-size:12px}.practice-note{display:grid;gap:10px;padding:16px;border-left:2px solid var(--gold);background:#28231d;color:var(--gold)}.practice-note h3{font:12px var(--pixel)}.practice-note p{color:#c6bdac;font-size:12px}.practice-note .button{font-size:11px}.table-chat{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:18px;min-width:0}.table-chat>p,.chat-empty{color:var(--muted);font-size:11px;line-height:1.6}.chat-messages{display:grid;gap:10px;max-height:280px;overflow-y:auto;overscroll-behavior:contain}.chat-message{padding:10px;background:#1a2030;border-left:2px solid var(--pink);min-width:0;overflow-wrap:anywhere}.chat-message.mine{border-color:var(--cyan)}.chat-message>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:10px}.chat-message time{color:var(--muted)}.chat-message p{margin-top:6px;font-size:12px;line-height:1.6;white-space:pre-wrap}.table-chat form{display:grid;gap:8px}.table-chat .field{margin:0}.table-talk{padding-top:8px}.table-talk ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}.table-talk li{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:var(--muted)}.activity-dot{flex:none;width:4px;height:4px;margin-top:6px;background:var(--pink)}.showdown{grid-column:1 / -1;display:grid;gap:14px;padding:18px;background:#111522ed;border:1px solid var(--line)}.showdown h2{font:15px var(--pixel);color:var(--gold)}.showdown p{color:var(--muted);font-size:11px;line-height:1.6}.reveal-hands{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.reveal-hand{display:grid;align-content:start;gap:12px;padding:12px;border:1px solid var(--line);background:#171c2b}.reveal-hand.winner{border:2px solid var(--gold);background:#30291f}.reveal-player{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:12px;overflow-wrap:anywhere}.winner-label{color:var(--gold);font:9px var(--pixel)}.reveal-cards{display:flex;gap:10px;--card-w: 54px}.reveal-hand.winner>p{color:var(--gold)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#060812d9}.modal{width:100%;max-width:480px;max-height:calc(100dvh - 32px);overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{font:17px/1.5 var(--pixel)}.modal-head .icon-button{flex:none}.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.modal-actions .button{flex:1}.prose{display:grid;gap:12px;color:#c3cbd5;font-size:13px}.prose h3{margin-top:8px;color:var(--cyan);font:12px var(--pixel)}.stakes{width:100%;border-collapse:collapse}.stakes th,.stakes td{padding:8px;text-align:left;border-bottom:1px solid var(--line)}.stakes td:last-child,.stakes th:last-child{text-align:right;color:var(--gold)}.game-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.game-picker button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid var(--line);background:#0d111c;color:var(--muted);font:11px var(--pixel)}.game-picker .pixel-suit{width:14px;height:16px}.game-picker button[aria-pressed=true]{border-color:var(--cyan);background:#173334;color:#baffed;box-shadow:inset 0 -3px var(--cyan)}.game-picker button:hover{border-color:var(--cyan)}.standings{position:relative;display:flex;height:22px;border:1px solid var(--line);background:#2a2e40}.standings>span{display:grid;place-items:center;min-width:0;overflow:hidden;background:var(--crew);color:#0b0c16;font:9px var(--pixel)}.standings>span.neutral{background:repeating-linear-gradient(135deg,#252838 0 4px,#2e3245 4px 8px)}.standings>i{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink);box-shadow:0 0 6px #fff8}.turf-board{display:grid;justify-items:center}.turf-map{display:block;width:100%;max-width:560px;height:auto;border:2px solid #2b3550;background:#0c1424;box-shadow:6px 6px #060810a0,0 0 40px #7ce9db10;touch-action:manipulation;-webkit-user-select:none;user-select:none}.turf-map .water{fill:#0c1424}.turf-map .waves{stroke:#1f3a5c;stroke-width:.9;fill:none}.turf-map .bridge rect{fill:#5b4636;stroke:#2a1f19;stroke-width:.6}.turf-map .bridge path{stroke:#2a1f19;stroke-width:.5}.turf-block{cursor:pointer;outline:none}.turf-block .block-base{fill:#161a27}.turf-block .block-edge{fill:none;stroke:#0b0c16;stroke-width:.8}.turf-block:hover{filter:brightness(1.3)}.turf-block:focus-visible .block-edge{stroke:var(--gold);stroke-width:2}.turf-map .district-lines{fill:none;stroke:#05060c;stroke-width:1.8;pointer-events:none}.block-ring{fill:none;pointer-events:none;stroke:none}.block-ring.option{stroke:var(--cyan);stroke-width:1;stroke-dasharray:2 1.4}.block-ring.selected{stroke:#fff;stroke-width:1.6}.block-ring.target{stroke:var(--gold);stroke-width:1.8}.block-ring.flipped{stroke:var(--gold);stroke-width:.9;stroke-dasharray:1.2 1.2;animation:turf-blink 1.2s steps(2) 4}@keyframes turf-blink{50%{stroke-opacity:.2}}.order-arrow{pointer-events:none;shape-rendering:geometricPrecision}.order-arrow line{stroke-width:1.4;stroke-linecap:round}.order-arrow.raid line{stroke:var(--pink)}.order-arrow.move line{stroke:var(--cyan)}.arrow-head.raid{fill:var(--pink)}.arrow-head.move{fill:var(--cyan)}.order-arrow text{fill:#fff;stroke:#0b0c16;stroke-width:1.4px;paint-order:stroke;font:4.6px var(--pixel);text-anchor:middle}.army-badge{pointer-events:none}.army-badge>rect{fill:#0b0c16;stroke:var(--crew);stroke-width:.8}.army-badge>text{fill:var(--crew);font:5.2px var(--pixel);text-anchor:middle}.army-badge.mine>rect{fill:var(--crew);stroke:#0b0c16}.army-badge.mine>text{fill:#0b0c16}.deploy-tag rect{fill:var(--gold)}.barricade-tag rect{fill:var(--pink)}.deploy-tag text,.barricade-tag text{fill:#0b0c16;font:3.4px var(--pixel);text-anchor:middle}.turf-dock{display:grid;gap:10px;min-width:0}.turf-sheet{display:grid;gap:8px;padding:14px;border:1px solid #3a4c51;border-top:2px solid var(--gold);background:#111c24f5}.turf-sheet p{color:var(--muted);font-size:11px;line-height:1.6}.turf-sheet .text-button{justify-self:start}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sheet-head h2{margin-top:2px;font:13px/1.4 var(--pixel);overflow-wrap:anywhere}.sheet-head .icon-button{flex:none}.stepper{display:flex;align-items:center;gap:8px}.stepper output{min-width:44px;text-align:center;font:18px var(--pixel);color:var(--gold)}.stepper .text-button{margin-left:auto}.turf-sheet .odds{color:#ffd0e6}.turf-sheet .hint{color:var(--cyan)}.barricade-toggle{display:flex;align-items:center;gap:8px;min-height:44px;color:#ffb1d5;font-size:12px;cursor:pointer}.barricade-toggle input{width:20px;height:20px;margin:0;accent-color:var(--pink)}.turf-orders,.turf-report{display:grid;gap:10px;padding:16px;border:1px solid var(--line);background:#111522ed}.turf-orders h2,.turf-report h2{font:12px var(--pixel);color:var(--cyan)}.turf-report h2{color:var(--gold)}.turf-orders ul,.turf-report ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.turf-orders li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding-left:10px;border-left:3px solid var(--cyan);background:#1a2030;font-size:11px;overflow-wrap:anywhere}.turf-orders li.raid{border-color:var(--pink)}.turf-orders li.deploy{border-color:var(--gold)}.turf-orders li.barricade{border-color:#ffb1d5}.turf-orders .icon-button{flex:none;border:0}.turf-orders .text-button{justify-self:start}.turf-report li{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:11px;line-height:1.6}.turf-report li svg{flex:none;margin-top:3px;color:var(--pink)}.turf-report li.took{color:var(--ink)}.turf-report li.took svg{color:var(--gold)}.turf-report p{color:var(--muted);font-size:11px}.crew-swatch{display:grid;place-items:center;width:26px;height:26px;flex:none;background:var(--crew);color:#0b0c16;font:12px var(--pixel);box-shadow:2px 2px #090e18}.crew-row.out{opacity:.5}.crew-row.out strong{text-decoration:line-through}.districts{display:grid;gap:10px}.districts h3{font:11px var(--pixel)}.districts ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.districts li{display:flex;align-items:center;gap:10px;font-size:11px}.districts li .crew-swatch{width:18px;height:18px;font-size:9px}.districts li span:not(.crew-swatch){flex:1}.districts li strong{color:var(--gold);font-weight:400}.districts>p{color:var(--muted);font-size:10px}@media(min-width:960px){.game-layout{grid-template-columns:minmax(0,1fr) 310px}.table-column{grid-template-columns:154px minmax(0,1fr)}.table-heading,.phase-stepper,.round-notice,.felt-table,.twist,.swap-confirm,.notification-row,.table-column>.play-chips{grid-column:1 / -1}.pocket-hand{grid-column:1;grid-row:span 2}.locked-progress,.action-panel{grid-column:2}.felt-table{height:250px}:root{--card-w: 54px}.playing-card.pocket{--card-w: 66px}.turf-column{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:20px}.turf-column>*{grid-column:2}.turf-column>.table-heading,.turf-column>.standings,.turf-column>.round-notice,.turf-column>.notification-row,.turf-column>.play-chips{grid-column:1 / -1}.turf-column>.turf-board{grid-column:1;grid-row:span 4;align-self:start}}@media(max-width:700px){.reveal-hands{grid-template-columns:repeat(2,minmax(0,1fr))}.reveal-hand{padding:8px}.reveal-cards{--card-w: 44px;gap:6px}.seat-chat{width:120px}.six-seats .seat-chat{width:82px;padding-inline:5px}body{background-size:auto 960px;background-repeat:no-repeat;background-color:var(--bg)}.app-header{margin-bottom:24px;padding:20px 16px 16px}.brand{font-size:22px;gap:10px}.brand small{font-size:7px}.brand>.pixel-suit{width:23px;height:27px}.header-button{flex-direction:column;justify-content:center;padding:6px;gap:3px;font-size:9px;border:0;background:#111522a0}.header-actions{gap:10px}.header-icon svg{width:18px;height:18px}.game-layout{padding:0 16px 32px;gap:24px}.table-heading h1{font-size:20px}.table-heading .eyebrow{font-size:8px}.table-type{font-size:9px;padding:4px 8px}.table-heading{gap:8px}.lobby{grid-template-columns:minmax(0,1fr);margin-top:0;gap:26px}.lobby-intro{padding:14px 4px}.lobby-intro h1{font-size:clamp(32px,8.5vw,48px);margin:18px 0}.lobby-intro p{font-size:13px}.lobby-suits{margin:22px 0 14px}.lobby>.panel:last-child:not(:nth-child(2)){grid-column:1}.panel,.modal{padding:22px 18px}.home h2{font-size:18px}.crew-rail{padding:18px}.app-header{margin-bottom:12px;padding:12px 16px 10px}.table-column{gap:10px}.table-heading .eyebrow{display:none}.table-heading h1{margin:0 0 2px;font-size:18px}.phase-stepper{margin:0}.phase-stepper li{min-height:28px}.felt-table{margin:60px 0 58px}.pocket-hand{gap:6px}html{scroll-padding-bottom:170px}.action-dock.docked{position:sticky;bottom:0;z-index:10;display:grid;gap:8px;margin:0 -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0b0c16f0;box-shadow:0 -12px 24px #0b0c16;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.docked .action-panel{gap:4px;padding:0;border:0;background:none}.docked .action-panel h2{font-size:13px}.docked .action-panel>p{display:none}.docked:not(:has(.your-turn)) .twist{display:none}.docked .twist{gap:10px;padding:0;border:0;background:none}.docked .twist p{display:none}.docked .swap-confirm{gap:8px;padding:10px}.turf-column .table-heading p{display:none}.turf-dock.docked{position:sticky;bottom:0;z-index:10;gap:8px;margin:0 -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0b0c16f0;box-shadow:0 -12px 24px #0b0c16;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.turf-dock.docked .turf-sheet{padding:10px 12px;gap:6px}.turf-dock.docked .action-panel{gap:4px;padding:0;border:0;background:none}.turf-dock.docked .action-panel h2{font-size:13px}.turf-dock.docked .action-panel>p{display:none}.turf-dock.docked:has(.turf-sheet) .action-panel h2{display:none}}@media(max-width:380px){:root{--card-w: 37px}.felt-table{height:220px}.seat{width:90px}.seat-name{font-size:10px}.twist{gap:8px;padding:12px}.twist-icon{width:20px}.twist h3{font-size:10px}.actions{gap:8px}.button{padding:10px 12px;font-size:12px}.phase-stepper li{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}