html{min-height:100%}body,#root{min-height:100dvh}@font-face{font-family:Inter;font-weight:400 800;font-display:swap;src:url(/unsettled/assets/Inter-CCYQvMjm.woff2)format("woff2")}:root{--page:#efe8d9;--surface:#fbf8f1;--tint:#f3eee2;--line:#ddd3bf;--ink:#2d2924;--muted:#776f64;--glyph:#8e867a;--faint:#c5bfb5;--accent:#cd5037;--accent-dark:#a33d29;--danger:#a33428;--r-control:6px;--r-row:10px;--r-panel:14px;--shadow-float:0 12px 32px #2d29242e;color:var(--ink);background:var(--page);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;background:var(--page);min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit}button{color:inherit}button,input,select,label.drop-zone{touch-action:manipulation}.app-shell{--shell-gutter:clamp(16px, 3vw, 44px);min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(var(--shell-gutter), env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(var(--shell-gutter), env(safe-area-inset-left))}.site-header{align-items:center;gap:14px;max-width:1580px;margin:0 auto 12px;display:flex}.site-header h1,.phone-brand h1{letter-spacing:-.04em;margin:-2px 0 0;font:800 32px/1 Georgia,serif}.brand-mark{--mark:.52;width:calc(50px * var(--mark));height:calc(48px * var(--mark));position:relative}.site-header .brand-mark{--mark:.76}.brand-mark span{width:calc(28px * var(--mark));height:calc(32px * var(--mark));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute}.brand-mark span:first-child{background:#3d7cb7;top:0;left:0}.brand-mark span:nth-child(2){left:calc(22px * var(--mark));background:#c55a3c;top:0}.brand-mark span:nth-child(3){left:calc(11px * var(--mark));top:calc(16px * var(--mark));background:#d2a13d}.workspace{grid-template-columns:minmax(248px,320px) minmax(494px,1fr) minmax(288px,372px);align-items:start;gap:16px;max-width:1580px;margin:auto;display:grid}.left-rail,.right-rail{gap:12px;display:grid}.left-rail{flex-direction:column;align-self:stretch;min-height:0;display:flex}.left-rail>*{flex:none}.maps-panel{flex-direction:column;flex:0 auto;gap:14px;min-height:0;display:flex}.maps-panel>:not(.library-boards){flex:none}.maps-panel .panel-heading{margin-bottom:0}.panel-actions{gap:2px;display:flex}.panel-dots{border-radius:var(--r-control);width:30px;height:30px;color:var(--glyph);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.center-column{gap:8px;min-width:0;display:grid;position:sticky;top:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);padding:17px}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.panel-heading h2{margin:0;font:700 21px/1.1 Georgia,serif}button{border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);cursor:pointer;padding:7px 10px;transition:background-color .16s,border-color .16s,color .16s}button:disabled{opacity:.42;cursor:default}button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}button.selected{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}button.danger{color:var(--danger)}.tool-group+.tool-group{margin-top:16px}.tool-label{color:var(--muted);align-items:baseline;gap:8px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.tool-hint{color:var(--muted);margin:6px 0 0;font-size:12px;font-weight:400;line-height:1.35}.tool-count{font-variant-numeric:tabular-nums;margin-left:auto}.tool-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tool-grid button{text-transform:capitalize;padding:8px 5px;font-size:11px}.layout-grid{grid-template-columns:repeat(2,1fr)}.layout-grid button{text-transform:none;padding:9px 5px;font-size:12px;font-weight:600}.structure-grid{gap:4px}.tools-panel .structure-grid{grid-template-columns:repeat(4,1fr)}.structure-grid button{grid-template-rows:22px auto;place-items:end center;gap:3px;padding:6px 2px;font-size:11px;display:grid}.tool-icon{fill:currentColor;flex:none}.terrain-grid{grid-template-columns:repeat(3,1fr);gap:4px}.terrain-grid button{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-size:11px;display:flex}.hex-swatch{width:20px;height:22px}.hex-swatch polygon{stroke:#0000002e;stroke-width:1px}.token-tools{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.token-tools button{aspect-ratio:1;width:100%;max-width:54px;box-shadow:none;background:0 0;border:0;border-radius:50%;place-items:center;margin-inline:auto;padding:0;display:grid}.token-tools svg{width:100%;height:auto;display:block}.token-tools .selected .token-disc{stroke:var(--accent);fill:color-mix(in srgb, var(--accent) 14%, var(--page))}.draft-ribbon{justify-content:center;align-items:center;margin-bottom:10px;display:flex;container-type:inline-size}.draft-ribbon-slot{--size:min(30px, 100cqw / (var(--slots) * 1.27 - .27));width:var(--size);height:var(--size);border:1.5px solid var(--ink);min-height:0;font:800 calc(var(--size) * .43) Inter, sans-serif;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.draft-ribbon-slot+.draft-ribbon-slot{margin-left:calc(var(--size) * .27)}.draft-ribbon-slot.viewing{box-shadow:0 0 0 calc(var(--size) * .1) var(--surface), 0 0 0 calc(var(--size) * .167) var(--ink)}.board-stage{position:relative}.board-status{color:var(--muted);pointer-events:none;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;inset:10px 10px auto}.board-status>*{pointer-events:auto}.tools-manual>summary .menu-chevron{width:10px;height:7px;color:inherit}.menu-wrap{align-items:center;display:inline-flex;position:relative}.menu-trigger{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:5px;padding:0;display:inline-flex}.menu-chevron{width:12px;height:8px;color:var(--muted);flex:none}.menu-backdrop{z-index:14;background:0 0;border:0;border-radius:0;padding:0;position:fixed;inset:0}.menu-popup{z-index:15;overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);min-width:156px;max-height:min(60dvh,420px);box-shadow:var(--shadow-float);scrollbar-width:none;gap:0;padding:5px;animation:.15s menu-pop;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}@keyframes menu-pop{0%{opacity:0}}.menu-popup::-webkit-scrollbar{display:none}.menu-popup button{border-radius:var(--r-control);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:9px 8px;font-size:13px;font-weight:500;display:flex}.menu-popup button.active{font-weight:700}.menu-tick{width:14px;height:14px;color:var(--accent-dark);visibility:hidden;flex:none;display:block}.menu-popup button.active .menu-tick{visibility:visible}.menu-popup button.keyboard-active{outline:2px solid var(--accent-dark);outline-offset:-2px}.menu-popup:not(:focus-visible) button.keyboard-active{outline:0}.sheet-menu{position-anchor:auto;position-try-fallbacks:flip-block;inset:auto;top:calc(anchor(bottom) + var(--menu-gap,4px));right:max(4px, calc(anchor(right) - var(--menu-nudge,0px)));color:var(--ink);border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);width:216px;min-width:0;box-shadow:var(--shadow-float);flex-direction:column;gap:0;margin:0;padding:6px;display:flex;position:fixed;overflow:visible}.sheet-menu:not(:popover-open){display:none}.phone-overlay .sheet-menu{--menu-nudge:2px}.sheet-menu>button{border-radius:var(--r-control);justify-content:flex-start;align-items:center;gap:10px;padding:9px 8px;font-size:13px;font-weight:500;display:flex}.sheet-menu>button:hover,.sheet-menu>button:focus-visible{color:var(--ink);background:var(--tint)}.sheet-menu .menu-icon{width:17px;height:17px;color:var(--glyph);flex:none;place-items:center;display:grid}.sheet-menu-narrow{width:186px}.board-canvas{border-radius:var(--r-panel);background:#3c7fbf;width:100%;max-height:calc(100vh - 86px);display:block}.board-sea{display:none}.token-text{font-variant-numeric:lining-nums tabular-nums;fill:var(--ink);font:700 20px Charter,Bitstream Charter,Cambria,Noto Serif,serif}.token-text.hot{fill:#af2020}.port-text{font-variant-numeric:lining-nums tabular-nums;font:700 11px Charter,Bitstream Charter,Cambria,Noto Serif,serif}.hit-layers>*{fill:#0000;stroke:#0000;cursor:crosshair;pointer-events:all}.hit-layers line{stroke-width:14px}.placement-layer{pointer-events:none}.highlighted{filter:drop-shadow(0 0 8px #fff)drop-shadow(0 0 5px #e72525)}.vertex-highlight{r:12px;fill:#bb4c3238;stroke:#8f3425;stroke-width:2.4px}.vertex-highlight-label,.settlement-ordinal{font-size:13px;font-weight:800}.vertex-highlight.faded,.vertex-highlight-label.faded{opacity:.55}.edge-highlight{stroke:#e72525;stroke-width:7px;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 1px 2px #120e0873)}.player-list{--tally-col:21px;--row-gap:10px;--card-pad:6px;display:grid;container-type:inline-size}.player-list .roster-row{gap:var(--row-gap);height:36px;padding:0 var(--card-pad) 0 7px;cursor:pointer;margin-left:-10px}.player-list .roster-row .list-row-name,.player-list .roster-row .list-row-rename{min-width:0}.player-list .you-chip{letter-spacing:.03em;padding:3px 6px}.player-list .roster-vp{width:var(--tally-col);margin-left:calc(-1 * var(--row-gap));background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:400;display:inline-flex}.tally-header,.player-tally{grid-auto-flow:column;grid-auto-columns:var(--tally-col);align-items:center;display:grid}.tally-header{align-items:end;padding-bottom:6px}.tally-header>span{position:relative}.vp-head{color:var(--glyph);letter-spacing:.04em;font-size:10px;font-weight:800}.tally-header>span:after,.panel-dots:after{content:attr(data-label);border-radius:var(--r-control);background:var(--surface);color:var(--muted);white-space:nowrap;box-shadow:var(--shadow-float);opacity:0;pointer-events:none;z-index:6;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.panel-dots:after{box-shadow:none;background:0 0;padding:0;font-size:10px;font-weight:400;line-height:1;top:calc(100% - 5px)}.panel-dots:disabled{opacity:1;color:var(--faint)}.tally-header>span,.player-tally>span{justify-content:center;display:inline-flex}.tally-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:stretch;gap:10px;margin-bottom:5px;display:flex}.tally-tabs{gap:14px;display:flex}.tally-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:flex-end;margin-bottom:-1px;padding:0 0 5px;font-size:12px;font-weight:600;display:inline-flex}.tally-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.tally-header{padding-right:calc(var(--card-pad) + 1px);justify-content:end}.player-tally{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.player-tally .zero{color:var(--faint)}.player-tally .strong{color:var(--ink);font-weight:800}.stat-icon{flex:none;width:13px;height:13px}.tally-header .stat-icon{width:14px;height:14px}.draft-grid{grid-template-columns:repeat(var(--draft-cols,4), minmax(0, 1fr));gap:6px;display:grid}.draft-grid-slot{border:1px solid var(--line);border-radius:var(--r-row);background:var(--surface);flex-direction:column;align-items:center;gap:4px;padding:8px 3px;font-size:11px;display:flex}.draft-grid-slot.pending{opacity:.78;border-style:dashed}.draft-grid-slot.now{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.draft-grid-circle{border-radius:50%;place-items:center;width:22px;height:22px;font:800 11px Inter,sans-serif;display:grid}.draft-grid-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}input,select{border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);padding:8px}.notice.warning{border-radius:var(--r-row);background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger);margin:10px 0 0;padding:7px 9px;font-size:11px}.library-boards{flex-direction:column;flex:0 auto;min-height:0;display:flex}.library-boards>:not(.board-list){flex:none}.board-list{scrollbar-width:none;flex:0 auto;min-height:0;max-height:340px;overflow-y:auto}.board-list::-webkit-scrollbar{display:none}.board-list.fade-top{-webkit-mask-image:linear-gradient(#0000 0,#000 22px);mask-image:linear-gradient(#0000 0,#000 22px)}.board-list.fade-bottom{-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.board-list.fade-top.fade-bottom{-webkit-mask-image:linear-gradient(#0000 0,#000 22px calc(100% - 22px),#0000);mask-image:linear-gradient(#0000 0,#000 22px calc(100% - 22px),#0000)}.group-label{min-height:20px;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;font-weight:600;display:flex}.group-label .menu-trigger{border-radius:var(--r-control);align-items:center;gap:5px;margin-right:-6px;padding:3px 6px 3px 8px;display:inline-flex}.group-label .menu-sort-glyph{flex:none;margin-left:-1px}.tools-manual{margin-top:2px}.tools-manual>summary{height:36px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:5px;margin-bottom:-10px;font-size:12.5px;font-weight:600;display:flex}.tools-manual>summary::-webkit-details-marker{display:none}.tools-manual-label{align-items:center;gap:3px;display:inline-flex}.tools-randomize{color:var(--muted);text-underline-offset:2.5px;background:0 0;border:0;border-radius:0;padding:0;font-weight:600;text-decoration:underline;text-decoration-thickness:1.4px}.tools-manual[open]>summary{margin-bottom:4px}.tools-manual[open]>summary .menu-chevron{transform:rotate(180deg)}.hero-import{border-radius:var(--r-row);background:var(--accent);color:#fff;border:0;justify-content:center;align-items:center;gap:9px;width:100%;padding:14px;font-size:13.5px;font-weight:700;display:flex}.list{flex-direction:column;gap:2px;display:flex}.list-row{border-radius:var(--r-row);background:0 0;border:1px solid #0000;align-items:center;gap:10px;height:44px;padding:0 6px 0 11px;display:flex;position:relative}.list-row.current{background:var(--tint)}.list-row-select{border-radius:inherit;background:0 0;border:0;padding:0;position:absolute;inset:0}.list-row-hex{pointer-events:none;flex:none;width:17px;height:19px}.list-row-main{pointer-events:none;flex:1;align-items:center;min-width:0;display:flex}.list-row-name{text-overflow:ellipsis;white-space:nowrap;min-width:30px;max-width:100%;color:var(--ink);-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted);text-underline-offset:2.5px;pointer-events:auto;background:0 0;border:0;border-radius:0;padding:0;font-size:13.5px;font-weight:600;line-height:1.5;text-decoration-thickness:1.4px;position:relative;overflow:hidden}.list-row-name.plain{color:var(--muted);text-decoration:none}.list-row-rename{border:1px solid var(--accent-dark);border-radius:var(--r-control);background:var(--surface);width:auto;min-width:30px;max-width:100%;height:30px;color:var(--ink);pointer-events:auto;padding:0 7px;font-size:13.5px;font-weight:600;position:relative}.list-row-rename:focus{outline:2px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:0}.list-row-meta{color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none;flex:none;font-size:11px}.list-row-x{border-radius:var(--r-control);width:30px;height:30px;color:var(--glyph);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.hint{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.swatch{border:1.5px solid color-mix(in srgb, var(--ink) 55%, transparent);border-radius:50%;width:22px;height:22px}.you-chip{background:var(--ink);color:var(--surface);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.list-row-main .you-chip{flex:none;margin:0 6px}.roster-row{border-radius:var(--r-row);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:1px solid #0000;grid-template-columns:12px 24px minmax(0,1fr) auto auto;align-items:center;gap:9px;height:44px;padding:0 11px 0 7px;transition:transform .17s cubic-bezier(.2,.7,.3,1),box-shadow .17s;display:grid;position:relative}.roster.reordering{touch-action:none}.roster-row.dragging{z-index:2;border-color:var(--ink);background:var(--surface);box-shadow:var(--shadow-float)}.roster-row.drag-over{box-shadow:inset 0 0 0 2px var(--accent)}.roster-row.dragging .roster-grip{cursor:grabbing}.roster-grip{height:100%;color:var(--glyph);cursor:grab;touch-action:none;place-items:center;display:grid;position:relative}.roster-row .swatch{width:24px;height:24px;padding:0}.roster-row .list-row-name,.roster-row .list-row-rename{font-size:14px}.roster-row .list-row-rename{-webkit-user-select:text;user-select:text}.roster-row .swatch,.roster-row .player-tally,.roster-row .roster-vp{position:relative}.roster-vp{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.player-list .roster-trash{margin-top:3px}.roster-trash{border:1px dashed var(--danger);border-radius:var(--r-row);color:var(--danger);justify-content:center;align-items:center;gap:6px;padding:9px;font-size:11px;font-weight:700;display:flex}.roster-trash.over{background:color-mix(in srgb, var(--danger) 12%, transparent);border-style:solid}.roster-trash>*{pointer-events:none}.analysis-context{color:var(--muted);text-align:center;margin:10px 0 8px;font-size:12px;line-height:1.5}.analysis-context .menu-trigger{vertical-align:-2px;color:var(--ink);align-items:center;gap:4px;display:inline-flex}.analysis-context .menu-trigger strong{border-bottom:1.5px dotted var(--accent-dark)}.analysis-context .menu-chevron{color:var(--accent-dark)}.analysis-warning{color:var(--danger);margin:5px 0;font-size:11px;line-height:1.4}.analysis-warning.quiet{color:var(--muted)}.analysis-likely-gone{border:1px solid var(--line);border-radius:var(--r-row);width:100%;color:var(--muted);background:var(--surface);text-align:left;margin-bottom:8px;padding:8px 10px;font-size:11px;line-height:1.4}.analysis-likely-gone-title{color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:800;display:block}.analysis-gone-entries{flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:3px;display:flex}.analysis-gone-entry{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.analysis-gone-spots{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;display:flex}.spot-tiles{flex:none;display:block}.spot-port text{font-family:Inter,sans-serif;font-weight:700}.analysis-list{gap:6px;display:grid}.analysis-row,.recap-row{border:1px solid var(--line);border-radius:var(--r-row);background:var(--surface);text-align:left;grid-template-columns:24px minmax(0,1fr);width:100%;display:grid;overflow:hidden}.analysis-rank{border:1.5px solid var(--ink);border-radius:50%;align-self:start;place-items:center;width:26px;height:26px;font:800 13px Inter,sans-serif;display:grid}.analysis-row-body{min-width:0;display:grid}.recap-row{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px}.recap-row .analysis-row-body{overflow-wrap:anywhere;gap:6px}.recap-spots,.recap-hand{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recap-bar{border-radius:var(--r-control);background:var(--tint);height:6px;overflow:hidden}.recap-bar>span{border-radius:inherit;height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 30%, transparent);display:block}.recap-start{width:100%;min-height:44px;margin-top:6px}.analysis-pick-line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.analysis-pick-line strong{min-width:0;font:700 13px/1.25 Inter,sans-serif}.hex-label{vertical-align:-2px;white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.analysis-score{color:var(--ink);font-variant-numeric:tabular-nums;flex:none;font:800 15px/1 Inter,sans-serif}.analysis-availability{color:var(--accent-dark);justify-self:start;margin-top:5px;font-size:11px;font-weight:600}.analysis-factors{flex-wrap:wrap;gap:3px 6px;margin-top:6px;display:flex}.analysis-factors span{border-radius:var(--r-control);color:var(--muted);background:var(--tint);font-variant-numeric:tabular-nums;white-space:nowrap;padding:2px 6px;font-size:11px;font-weight:600}.pick-ledger{display:block}.pick-ledger :is(.analysis-row,.analysis-ghost){border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;width:auto;display:block;overflow:visible}.pick-ledger :is(.analysis-row,.analysis-ghost):first-child{border-top-color:#0000}.pick-ledger .analysis-row-select{grid-template-columns:20px 48.5px minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:12px 2px}.pick-ledger .analysis-rank{align-self:center;width:20px;height:20px;font-size:11px}.pick-ledger .analysis-row-select>.spot-tiles{justify-self:center}.pick-ledger .analysis-row-body{justify-items:start;gap:5px;margin-left:-4px}.pick-ledger .analysis-row-body .analysis-availability{margin-top:0}.pick-ledger .analysis-follow{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.pick-ledger .analysis-follow-spot{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.pick-ledger .analysis-follow-spot>span:first-child{color:var(--muted);font-size:11px}.pick-ledger .analysis-factors{grid-column:2/-1;gap:1px 10px;margin-top:5px;line-height:1.45}.pick-ledger .analysis-factors>span{background:0 0;border-radius:0;padding:0;font-weight:400}.pick-ledger .analysis-factors b{color:var(--ink);font-weight:600}.pick-ledger .analysis-row.current{z-index:1;border:1px solid var(--accent);border-radius:var(--r-row);background:color-mix(in srgb, var(--accent) 7%, var(--surface));box-shadow:none;margin:0 -9px -1px;position:relative}.pick-ledger .analysis-row.current .analysis-row-select{padding-inline:10px}.pick-ledger .analysis-row.current .analysis-touch-actions{border-top-color:color-mix(in srgb, var(--accent) 30%, var(--surface))}.analysis-placeholder{text-align:center;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--tint);justify-items:center;gap:8px;padding:28px 18px;display:grid}.analysis-placeholder p{margin:2px 0 0;font:700 15px Georgia,serif}.analysis-placeholder>span{max-width:250px;color:var(--muted);font-size:11px;line-height:1.55}.analysis-panel,.phone-analysis{position:relative}.analysis-loading{height:var(--r-panel);pointer-events:none;border-radius:var(--r-panel) var(--r-panel) 0 0;background:linear-gradient(var(--line), var(--line)) top / 100% 3px no-repeat;animation:.2s .12s backwards analysis-loading-in;position:absolute;inset:-1px -1px auto;overflow:hidden}.analysis-loading div{background:var(--accent);height:3px;transition:width .3s linear}.analysis-loading span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes analysis-loading-in{0%{opacity:0}}.analysis-body .analysis-stale *{transition:color .2s .12s,background-color .2s .12s,border-color .2s .12s,opacity .2s .12s,fill .2s .12s,stroke .2s .12s;color:#0000!important}.analysis-stale :is(.analysis-score,.analysis-availability,.analysis-touch-select),.analysis-stale .pick-ledger :is(.analysis-follow-spot>span:first-child,.analysis-factors>span){background-color:var(--tint);border-radius:4px}.analysis-stale .spot-tiles :is(polygon,.spot-port>rect){fill:var(--tint);stroke:#0000}.analysis-stale .spot-tiles :is(circle,text),.analysis-stale .spot-tile>g{opacity:0}.analysis-stale .analysis-placeholder :is(p,p+span){background-color:var(--line);border-radius:4px}.analysis-stale .analysis-rank{border-color:#0000;background-color:var(--tint)!important}.analysis-stale :is(svg,img):not(.spot-tiles){opacity:0}.analysis-ghosts{animation:.2s .12s backwards analysis-loading-in}.pick-ledger .analysis-ghost{grid-template:49px/20px 48.5px minmax(0,1fr) 34px;align-items:center;gap:4px 10px;padding:12px 2px;display:grid}.pick-ledger .analysis-ghost span{background:var(--tint);border-radius:4px;height:18px}.pick-ledger .analysis-ghost span:first-child{border-radius:50%;height:20px}.pick-ledger .analysis-ghost span:nth-child(2){height:49px}.pick-ledger .analysis-ghost span:nth-child(3){width:60%;margin-left:-4px}.claim{flex-direction:column;gap:10px;display:flex}.claim-row{gap:8px;display:flex}.claim-row button{border:1px solid var(--line);border-radius:var(--r-row);background:var(--surface);flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;padding:10px 4px;font-size:11px;font-weight:600;display:flex}.empty-actions{flex-direction:column;gap:6px;display:flex}.empty-actions button{border:1px solid var(--line);border-radius:var(--r-row);background:var(--surface);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13.5px;font-weight:700;display:flex}.empty-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.empty-actions button svg{width:15px;height:15px}.drop-zone{border:1px dashed var(--muted);border-radius:var(--r-row);background:var(--tint);text-align:center;cursor:pointer;gap:4px;padding:18px 12px;display:grid;position:relative}.drop-zone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drop-zone:has(input:focus-visible){outline:2px solid var(--accent-dark);outline-offset:3px}.drop-zone strong{font-family:Georgia,serif}.drop-zone span{color:var(--muted);font-size:11px}.working{color:var(--accent);font-size:11px;font-weight:700}.issue-list{gap:5px;max-height:170px;margin-top:10px;display:grid;overflow:auto}.issue-list button{text-align:left;font-size:11px}.issue-list button span{color:var(--danger);margin-right:6px;font-weight:800}.issue-list .unreadable,.issue-list .unreadable:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.popover-backdrop{z-index:20;background:color-mix(in srgb, var(--ink) 34%, transparent);place-items:center;display:grid;position:fixed;inset:0}.modal-dialog{border-radius:var(--r-panel);max-width:none;max-height:calc(100% - 30px);color:var(--ink);box-shadow:var(--shadow-float);background:0 0;border:0;margin:auto;padding:0;overflow:auto}.modal-dialog::backdrop{background:color-mix(in srgb, var(--ink) 34%, transparent)}.port-popover{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);width:min(360px,100vw - 30px);box-shadow:var(--shadow-float);padding:22px}.port-popover h3{margin:0 0 6px;font:700 24px Georgia,serif}.port-popover code{color:var(--muted);margin-bottom:15px;font-size:11px;display:block}.port-popover label{gap:5px;margin:9px 0;font-size:11px;font-weight:700;display:grid}.popover-actions{grid-template-columns:auto 1fr auto auto;gap:6px;margin-top:17px;display:grid}.confirm-dialog{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);width:min(430px,100vw - 30px);padding:22px}.confirm-dialog h3{margin:0 0 8px;font:700 24px Georgia,serif}.confirm-dialog p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:6px;margin-top:18px;display:flex}.import-dialog{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);width:min(420px,100vw - 30px);padding:22px}.import-dialog h3{margin:0 0 12px;font:700 22px Georgia,serif}.import-dialog .drop-zone{padding:26px 16px}.import-dialog p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.import-dialog .issue-list{margin-top:12px}.global-notice{z-index:30;border:1px solid var(--line);border-radius:var(--r-row);max-width:min(440px,100vw - 40px);color:var(--surface);background:var(--ink);box-shadow:var(--shadow-float);align-items:flex-start;gap:12px;padding:10px 12px;display:flex;position:fixed;top:18px;right:20px}.global-notice-text{-webkit-user-select:text;user-select:text;flex:1;font-size:13px;line-height:1.4}.global-notice-close{border-radius:var(--r-control);color:var(--surface);background:0 0;border:0;flex:none;margin-top:-1px;padding:0 3px;font-size:15px;line-height:1.3}.board-zoom{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:7px;padding:3px 4px 3px 10px;display:inline-flex}.board-zoom button{border-radius:999px;padding:3px 7px;font-size:11px}.analysis-row.current,.analysis-likely-gone.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.analysis-row-select,.analysis-touch-select{text-align:left;background:0 0;border:0;width:100%}.analysis-row-select{grid-column:1/-1;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:9px 10px;display:grid}.analysis-touch-select{color:inherit;font-size:inherit;line-height:inherit;padding:0}.analysis-touch-actions{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px;padding:9px 10px;display:grid}.analysis-touch-actions button{border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);min-height:0;color:var(--ink);padding:9px;font-size:12px;font-weight:700}.analysis-touch-actions .primary{color:#fff;background:var(--accent);border-color:var(--accent)}.tally-caption{color:var(--accent);letter-spacing:.04em;margin:0 0 5px;font-size:11px;font-weight:700}.tally-header button{color:var(--glyph);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tally-header button.active{color:var(--accent)}.best-moves-panel .move-order{justify-content:center;gap:10px;margin:2px 0 4px;display:flex}.best-moves-panel .move-seat{border:1.5px solid var(--ink);border-radius:50%;flex:none;width:30px;height:30px;min-height:0;padding:0;font:800 13px Inter,sans-serif}.best-moves-panel .move-seat[aria-pressed=true]{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--ink)}.move-context strong{color:var(--ink)}.move-label{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:12px 0 5px;font-size:12px;font-weight:600;display:flex}.move-seg{border:1px solid var(--line);border-radius:var(--r-control);display:inline-flex;overflow:hidden}.move-seg button{letter-spacing:.04em;border:0;border-radius:0;min-height:0;padding:3px 9px;font-size:11px;font-weight:700;transition:none}.best-moves-panel button[aria-pressed=true]:not(.move-seat):not(.analysis-row-select),.move-tray .primary{color:#fff;background:var(--accent);border-color:var(--accent)}.best-moves-panel button[aria-pressed=true]:not(.analysis-row-select) .stat-icon{filter:brightness(0)invert()}.move-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:11.5px}.move-table th,.move-table td{text-align:center;border-bottom:1px solid var(--line);white-space:nowrap;padding:5px 2px}.move-table thead th{color:var(--muted);font-size:11px;font-weight:700}.move-table th:first-child{text-align:left}.move-table tr.active>*{background:var(--tint);font-weight:700}.move-table tbody tr{cursor:pointer}.move-table .move-who{max-width:76px;min-height:0;font-size:inherit;font-weight:inherit;text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:5px;padding:0;display:flex;overflow:hidden}.move-who .swatch{border:1px solid var(--ink);border-radius:50%;flex:none;width:9px;height:9px}.move-range{color:var(--muted);font-weight:400}.move-mine{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 5px;margin:7px 0 0;font-size:11px;display:flex}.move-mine b{color:var(--ink);margin-right:2px;font-weight:700}.move-mine>span{border-radius:var(--r-control);background:var(--tint);font-variant-numeric:tabular-nums;white-space:nowrap;padding:2px 7px;font-weight:600}.move-mine>span.has{color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ink);font-weight:800}.move-mine>span.new{color:var(--faint);box-shadow:inset 0 0 0 1px var(--faint);background:0 0}.move-chips{flex-wrap:wrap;gap:4px;display:flex}.move-chip{border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:12px;font-weight:700;display:inline-flex}.move-chip button{background:0 0;border:0;width:22px;min-height:0;padding:4px 0;font-size:12px}.move-edit{border-radius:var(--r-row);background:var(--tint);color:var(--muted);gap:6px;margin-top:6px;padding:8px;font-size:11px;display:grid}.move-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.move-bar button{padding:9px 4px;font-size:12px;font-weight:700}.move-tray{border:1px solid var(--line);border-radius:var(--r-row);background:var(--surface);gap:8px;margin-top:6px;padding:10px;font-size:12px;display:grid}.move-tray p{color:var(--muted);margin:0;font-size:11.5px;line-height:1.45}.move-pick{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.move-pick>span{color:var(--muted);flex:none;font-size:11px}.move-pick>span:first-child{min-width:62px}.move-pick b{color:var(--ink)}.move-pick button{padding:5px 8px;font-size:11.5px}.move-tray select{font:inherit;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);padding:4px}.move-discard{gap:6px;display:grid}.move-dice{grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;display:grid}.move-dice button{font-variant-numeric:tabular-nums;padding:7px 0;font-size:12px;font-weight:700}.move-dice .seven{border-color:var(--accent-dark);color:var(--accent-dark)}.move-verdict{border-radius:var(--r-control);background:var(--tint);padding:7px 9px;font-size:12px;line-height:1.45}.best-moves-panel .analysis-row.current{border-color:var(--ink);background:var(--surface);box-shadow:none}.best-moves-panel .move-dashed{background:color-mix(in srgb, var(--accent) 4%, transparent);border-style:dashed}.move-dashed .analysis-row-select{grid-template-columns:minmax(0,1fr)}.best-moves-panel .analysis-row-body{gap:2px}.move-reason{color:var(--muted);font-size:11px;line-height:1.4}.move-costs{margin-top:4px;display:none}.move-costs.expanded{display:flex}.move-notes{color:var(--muted);gap:3px;margin:12px 0 0;padding:0;font-size:11px;line-height:1.4;list-style:none;display:grid}.move-advice-error{font-size:12px}.best-moves-panel .stat-icon{vertical-align:-2px;width:13px;height:13px}@media (hover:hover){button:hover:not(:disabled,:where(.phone-shell *)){background:var(--tint)}button.primary:hover:not(:disabled,:where(.phone-shell *)),.hero-import:hover:not(:disabled,:where(.phone-shell *)){background:var(--accent-dark)}button.selected:hover:not(:disabled,:where(.phone-shell *)){background:color-mix(in srgb, var(--accent) 22%, var(--surface))}.menu-trigger:hover:not(:disabled),.panel-dots:hover:not(:disabled){color:var(--accent-dark)}.group-label .menu-trigger:hover:not(:disabled){color:var(--ink);background:var(--tint)}.list-row-x:hover:not(:disabled){color:var(--ink);background:0 0}.token-tools button:hover:not(:disabled),.token-tools button.selected:hover:not(:disabled){background:0 0}.token-tools button:hover:not(.selected,:where(.phone-shell *)) .token-disc{fill:var(--tint)}.tools-randomize:hover,.tally-tabs button:hover{color:var(--ink)}.tools-manual>summary:hover:not(:has(.tools-randomize:hover)){color:var(--ink)}.list-row-name:not(.plain):hover,.list-row-name:not(.plain):focus-visible{-webkit-text-decoration-color:var(--accent-dark);text-decoration-color:var(--accent-dark)}.menu-popup button:hover:not(:disabled){background:var(--tint)}.tally-header>span:hover:after,.panel-dots:hover:after{opacity:1}.analysis-row:hover:not(.current,:where(.pick-ledger *)){border-color:var(--muted)}.pick-ledger .analysis-row:hover:not(.current,:where(.phone-shell *)) .analysis-score{color:var(--accent-dark)}.menu-trigger:hover:not(:disabled),.move-table .move-who:hover:not(:disabled),.list-row-name:hover:not(:disabled),.tally-header button:hover:not(:disabled),.tally-tabs button:hover:not(:disabled),.player-list .roster-vp:hover:not(:disabled),.list-row-select:hover:not(:disabled),.menu-backdrop:hover:not(:disabled),.analysis-row-select:hover:not(:disabled),.analysis-touch-select:hover:not(:disabled),.panel-dots:hover:not(:disabled),.tools-randomize:hover:not(:disabled){background:0 0}.global-notice-close:hover:not(:disabled){background:color-mix(in srgb, var(--surface) 12%, transparent)}@media (pointer:fine){.list-row:not(:where(.phone-shell *)){height:34px;padding-right:3px}.list-row:not(:where(.phone-shell *)) .list-row-x{width:26px;height:26px}.list-row:not(.current):not(:where(.phone-shell *)):hover{background:var(--tint)}.list-row-name:not(.plain):not(:where(.phone-shell *)){text-decoration-color:#0000}}}@media (pointer:coarse){.tools-manual{margin-top:0}.tools-manual>summary{height:44px}.roster-row.dragging{transition:none}.player-list{--tally-col:30px}.terrain-grid{grid-template-columns:repeat(3,1fr)}.terrain-grid button{min-height:56px;font-size:12px}.hex-swatch{width:28px;height:30px}.structure-grid button{grid-template-rows:28px auto;font-size:12px}.token-tools button{min-height:48px}.global-notice-close{min-width:34px;min-height:34px}input,select,.list-row-rename,.roster-row .list-row-rename{font-size:16px}.tally-header button{align-items:flex-end}.menu-trigger,.tally-tabs button{position:relative}.tally-tabs button:before{content:"";position:absolute;inset:0 -5px}.tools-randomize{position:relative}.tools-randomize:before{content:"";position:absolute;inset:-13px -8px -13px -3px}.menu-trigger:before{content:"";position:absolute;inset:-15px -10px}.hit-layers line{stroke-width:26px}.board-zoom button{position:relative}.board-zoom button:before{content:"";position:absolute;inset:-11px -9px}.tally-header button,.tally-tabs button,.player-list .roster-vp{min-height:44px}.player-list .roster-row{height:44px}}.board-list,.issue-list{overscroll-behavior:contain}.board-canvas,.tool-grid button,.token-tools button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1120px){.workspace{grid-template-columns:250px 1fr}.center-column{position:static}.board-canvas{max-height:max(320px,100dvh - 130px)}.right-rail{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media (width<=900px){.right-rail{grid-template-columns:1fr}}@media (width>=1121px){.player-list{--spare:clamp(0px, (100cqw - 252px) / 84, 1px);--tally-col:calc(18px + var(--spare) * 3);--row-gap:calc(4px + var(--spare) * 6)}.roster-row .list-row-main{margin-left:calc(4px - var(--spare) * 4)}.tally-bar{gap:calc(6px + var(--spare) * 4)}.tally-tabs{gap:calc(10px + var(--spare) * 4)}}@media (width<=760px){.phone-block.phone-analysis{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:14px}.phone-block.phone-analysis .panel-heading h2{font-size:21px}.best-moves-panel .move-seat{position:relative}.best-moves-panel .move-seat:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.best-moves-panel .move-order{gap:14px;padding:7px}.best-moves-panel .move-bar button{min-height:44px;padding:12px 4px}.best-moves-panel .move-dice{grid-template-columns:repeat(6,minmax(0,1fr))}.best-moves-panel .move-dice button{min-height:44px;padding:11px 0}.best-moves-panel .move-costs{display:flex}.best-moves-panel .move-chip button{width:30px;min-height:44px;padding:9px 0}:root{background:var(--page)}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.board-stage{flex-direction:column;display:flex;overflow:visible}.board-status{inset:14px 20px auto}.library-boards{flex:none}.board-list{flex:none;max-height:none;overflow:visible}.board-list.fade-top,.board-list.fade-bottom{-webkit-mask-image:none;mask-image:none}.issue-list{max-height:none;overflow:visible}.phone-shell{--gutter:max(10px, env(safe-area-inset-left), env(safe-area-inset-right));isolation:isolate;min-height:100dvh;position:relative;overflow-x:clip}.phone-shell button{transition:none}@media (hover:hover){.phone-shell .analysis-row:hover:not(.current,:where(.pick-ledger *)){border-color:var(--line)}.phone-shell .primary:hover:not(:disabled),.phone-shell .hero-import:hover{background:var(--accent-dark)}.phone-shell .empty-actions button:not(.primary):hover,.phone-shell .phone-ohead-btn:hover:not(:disabled){color:var(--ink);background:var(--tint)}}.phone-brand{padding:calc(10px + env(safe-area-inset-top)) 12px 4px;align-items:center;gap:10px;display:flex}.phone-brand h1{margin:0;font-size:20px}.phone-head{z-index:20;top:env(safe-area-inset-top);background:0 0;align-items:center;gap:7px;height:46px;padding:0 12px;transition:background-color .18s,box-shadow .18s;display:flex;position:sticky}.phone-head.scrolled{background:var(--page);box-shadow:0 1px 0 var(--line)}.phone-head.scrolled:before{content:"";height:env(safe-area-inset-top);background:inherit;position:absolute;bottom:100%;left:0;right:0}.phone-title{border:1px solid var(--line);border-radius:var(--r-row);background:var(--surface);align-items:center;gap:6px;min-width:0;height:34px;padding:0 10px 0 8px;display:flex}.phone-title-hex{flex:none;width:15px;height:17px}.phone-title-name{text-overflow:ellipsis;white-space:nowrap;max-width:96px;font:700 14px/1.1 Georgia,serif;overflow:hidden}.phone-chevron{width:12px;height:8px;color:var(--muted);flex:none}.phone-head-spacer{flex:1}.phone-dots{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:none;align-items:center;gap:0;height:34px;padding:0 4px 0 5px;display:flex}.phone-dot-cell,.phone-dots-more{background:0 0;border:0;border-radius:0;flex:none;place-items:center;width:24px;height:32px;padding:0;display:grid}.phone-dots-more{border-left:1px solid var(--line);width:30px;color:var(--glyph);margin-left:3px}.phone-dot{border:1.5px solid color-mix(in srgb, var(--ink) 55%, transparent);border-radius:50%;width:17px;height:17px}.phone-dot.me{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--ink)}.phone-dots.unclaimed{animation:2.6s ease-in-out infinite phone-nudge}@keyframes phone-nudge{0%,82%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent)}88%{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 22%, transparent)}}.phone-icon-btn{border:1px solid var(--line);border-radius:var(--r-row);background:var(--surface);flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.phone-icon-btn[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent)}.phone-page{padding:10px 0 22px}.phone-shell .board-stage{padding:4px var(--gutter) 0}.phone-shell .board-canvas{aspect-ratio:min(1, var(--board-aspect));width:100%;height:auto;max-height:none;padding:5px}.phone-analysis .panel-dots,.phone-build .panel-dots{width:36px;height:44px}.phone-analysis .panel-actions,.phone-build .panel-actions{gap:0;margin-right:-10px}.phone-analysis .draft-ribbon{margin:17px 0}.phone-analysis .analysis-loading{inset:4px var(--r-panel) auto;border-radius:2px;height:3px}.phone-analysis .pick-ledger{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);padding:4px 12px}.phone-block{margin:12px var(--gutter) 0;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);padding:14px}.phone-block-head,.phone-block .panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.phone-block-head h2,.phone-block .panel-heading h2{margin:0;font:700 19px/1.1 Georgia,serif}.phone-block-flush{padding:0;overflow:hidden}.phone-block-inner{padding:14px}.phone-block-actions{border-top:1px solid var(--line);gap:6px;padding:10px 14px;display:flex}.phone-block-actions button{border-radius:var(--r-control);flex:1;padding:11px;font-size:13px;font-weight:700}.phone-shell .tool-group+.tool-group{margin-top:10px;padding-top:10px}.phone-shell .tool-grid,.phone-shell .token-tools{scrollbar-width:none;gap:5px;padding-bottom:3px;display:flex;overflow-x:auto}.phone-shell .tool-grid::-webkit-scrollbar{height:0}.phone-shell .token-tools::-webkit-scrollbar{height:0}.phone-shell .tool-grid button{border-radius:var(--r-control);flex-direction:column;flex:none;align-items:center;gap:4px;min-width:56px;min-height:0;padding:7px 6px;font-size:11px;font-weight:600;line-height:normal;display:flex;overflow:visible}.phone-shell .layout-grid button{white-space:nowrap;flex:1;padding:11px 6px;font-size:12px}.phone-shell .token-tools button{flex:none;width:42px;min-width:42px;min-height:0;margin:0}.phone-shell .hex-swatch{width:21px;height:23px}.phone-shell .global-notice{top:auto;bottom:calc(16px + env(safe-area-inset-bottom));border-radius:var(--r-row);background:var(--ink);max-width:none;color:var(--surface);border:0;padding:11px 13px;left:14px;right:14px}.phone-shell .global-notice-text{font-size:12px;font-weight:600}@keyframes phone-toast-in{0%{opacity:0;transform:translateY(8px)}}.phone-shell .global-notice{animation:.2s phone-toast-in}.phone-overlay{z-index:22;background:var(--surface);outline:0;flex-direction:column;animation:.28s cubic-bezier(.32,.72,0,1) phone-overlay-in;display:flex;position:fixed;inset:0}@keyframes phone-overlay-in{0%{transform:translate(100%)}to{transform:none}}.phone-shell[data-closing] .phone-overlay{pointer-events:none;animation:.28s cubic-bezier(.32,.72,0,1) forwards phone-overlay-out}@keyframes phone-overlay-out{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.phone-overlay,.phone-shell[data-closing] .phone-overlay{animation:none}}.phone-ohead-btn svg{width:15px}.phone-overlay-head{padding:calc(10px + env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid var(--line);flex:none;align-items:center;gap:4px;display:flex}.phone-overlay-title{flex:1;min-width:0;font:700 19px/1 Georgia,serif}.phone-ohead-btn{width:32px;height:32px;color:var(--glyph);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.phone-ohead-btn.back{color:var(--ink);margin-left:-6px}.phone-overlay-body{overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding:14px 14px calc(28px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.phone-overlay-body::-webkit-scrollbar{display:none}.roster-row{grid-template-columns:12px 24px minmax(0,1fr) auto}.roster-row .swatch{pointer-events:none}.roster-vp{pointer-events:none;font-size:14px}}.award-controls{margin-top:12px;font-size:12px}.award-controls>div{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.save-failure p{margin:0 0 8px}.save-failure button{color:var(--ink)}.save-failure button+button{margin-left:8px}
