:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sea-900:#0b1f2a;--sea-800:#0f2c3b;--sea-700:#14384a;--sea-500:#1d5468;--parchment:#f0e6d2;--parchment-2:#e3d5b8;--parchment-edge:#b9a684;--ink:#16202a;--ink-muted:#6a6558;--on-sea:#e9e1cf;--on-sea-muted:#94a7b0;--hills:#b4623a;--forest:#2f6b3a;--pasture:#7fb069;--fields:#e0b34a;--mountains:#8a8f98;--desert:#ddc9a3;--accent:var(--fields);--ok:#3f8f5b;--warn:#d99a2b;--bad:#c0503f;--radius:10px;--shadow:0 12px 32px #00000059;font-variant-numeric:tabular-nums;font-family:Segoe UI,system-ui,ui-sans-serif,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--sea-900);min-height:100vh;color:var(--on-sea);margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--on-sea-muted);font-size:.68rem;font-weight:700}.button{background:var(--parchment);color:var(--ink);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.55rem 1.1rem;font-weight:650;transition:transform .12s,filter .12s}.button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.4;cursor:not-allowed}.button--go{background:var(--accent);color:#2a1f06}.button--ghost{color:var(--on-sea);background:0 0;border-color:#e9e1cf4d;font-weight:500}.menu{background:radial-gradient(90% 70% at 50% 45%, var(--sea-700) 0%, transparent 65%), var(--sea-900);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.hexfield{fill:none;width:100%;height:100%;stroke:var(--on-sea);stroke-width:.012px;position:absolute;inset:0}.hexfield polygon{opacity:var(--rest);animation:.62s ease-out backwards hex-impact}@keyframes hex-impact{0%,to{opacity:var(--rest);stroke-width:.012px}30%{opacity:calc(var(--rest) * 1.85);stroke-width:calc(.012 + var(--rest) * .045)}}.menu__inner{text-align:center;flex-direction:column;align-items:center;gap:clamp(2rem,6vh,3.5rem);padding:4rem 1.25rem 2rem;display:flex;position:relative}.menu__title{margin:0;line-height:0}.wordmark{width:min(78vw,42rem);height:auto;fill:var(--parchment);display:block}.wordmark--enter{transform-origin:100%;animation:.24s cubic-bezier(.12,.72,.16,1) backwards wordmark-zap}@keyframes wordmark-zap{0%{opacity:0;transform:translate(-128%)skew(-16deg)scaleX(1.4)}45%{opacity:1}72%{opacity:1;transform:translate(2.2%)skew(3deg)scaleX(1.05)scaleY(.98)}88%{transform:translate(-.6%)scaleX(.975)scaleY(1.035)}to{opacity:1;transform:translate(0,0)}}.wordmark--enter .wordmark__letter>path{animation:.24s cubic-bezier(.1,.75,.18,1) backwards wordmark-whip;animation-delay:calc(var(--i) * 8ms)}@keyframes wordmark-whip{0%{transform:translate(-55px)}70%{transform:translate(7px)}to{transform:translate(0)}}.menu__lead{color:var(--on-sea-muted);letter-spacing:.02em;margin:1.1rem 0 0;font-size:.9rem;animation:.32s ease-out .26s backwards menu-rise}@keyframes menu-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.menu__entries{flex-direction:column;gap:.6rem;width:min(100%,22rem);display:flex}.menu__entry{border-radius:var(--radius);color:var(--on-sea);font:inherit;cursor:pointer;animation:.3s cubic-bezier(.2,.8,.25,1) backwards menu-drop;animation-delay:calc(.32s + var(--i,0) * 65ms);background:#e9e1cf12;border:1px solid #e9e1cf38;padding:.85rem 1.2rem;font-size:1.05rem;font-weight:650;transition:background .14s,border-color .14s,transform .14s;position:relative;overflow:hidden}@keyframes menu-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.menu__entry:before{content:"";background:var(--accent);width:3px;transition:transform .16s cubic-bezier(.2,.8,.25,1);position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.menu__entry:hover,.menu__entry:focus-visible{background:#e9e1cf24;border-color:#e9e1cf73;transform:translate(2px)}.menu__entry:hover:before,.menu__entry:focus-visible:before{transform:scaleY(1)}.menu__entry:active{transform:translate(2px)scale(.985)}.menu__entry--resume{border-color:var(--accent);background:#e0b34a24}.corner{z-index:1;letter-spacing:.08em;text-transform:lowercase;animation:.3s cubic-bezier(.2,.8,.25,1) backwards menu-drop;animation-delay:calc(.32s + var(--i,4) * 65ms);flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.9rem;padding:1.1rem 1.4rem;font-size:.78rem;display:flex;position:absolute;top:0;right:0}.corner__who{color:var(--on-sea-muted)}.corner__action{color:var(--on-sea);font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e9e1cf4d;padding:0;transition:border-color .14s}.corner__action:hover{border-bottom-color:var(--on-sea)}@media (width<=26rem){.corner{gap:.5rem;padding:.75rem .9rem;font-size:.72rem}.menu__inner{padding-top:6rem}}.start{background:radial-gradient(120% 90% at 85% 15%, var(--sea-700) 0%, transparent 60%), var(--sea-900);grid-template-columns:minmax(20rem,27rem) 1fr;min-height:100vh;display:grid}.start__panel{flex-direction:column;gap:1.15rem;padding:clamp(1.5rem,4vw,3rem);display:flex;overflow-y:auto}.start__back{color:var(--on-sea-muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-bottom:.6rem;padding:0;font-size:.85rem;display:block}.start__back:hover{color:var(--on-sea)}.start__brand h1{letter-spacing:-.045em;text-transform:uppercase;margin:.15rem 0 0;font-size:clamp(2.6rem,5.5vw,3.9rem);font-weight:800;line-height:.95}.start__lead{max-width:26ch;color:var(--on-sea-muted);margin:.5rem 0 0}.field-group{border:0;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.field-group>legend,.field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--on-sea-muted);padding:0;font-size:.68rem;font-weight:700}.seatcount{gap:.5rem;display:flex}.seatcount input{opacity:0;pointer-events:none;position:absolute}.seatcount label{width:2.9rem;height:3.3rem;color:var(--on-sea);cursor:pointer;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#e9e1cf0f;border:1px solid #e9e1cf38;place-items:center;font-size:1.05rem;font-weight:700;transition:background .14s;display:grid}.seatcount label:hover{background:#e9e1cf24}.seatcount input:checked+label{background:var(--parchment);color:var(--ink)}.seatcount input:focus-visible+label{outline:2px solid var(--accent);outline-offset:3px}.seats{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.seats li{align-items:center;gap:.6rem;display:flex}.seats input{min-width:0;color:var(--on-sea);font:inherit;background:#0b1f2a99;border:1px solid #e9e1cf2e;border-radius:7px;flex:1;padding:.5rem .7rem}.seats input:hover{border-color:#e9e1cf57}.piece{flex:none;width:1.3rem;height:1.3rem}.boardfact{border-left:3px solid var(--accent);background:#e9e1cf12;border-radius:0 7px 7px 0;align-items:baseline;gap:.55rem;padding:.6rem .75rem;display:flex}.boardfact__name{font-weight:650}.boardfact__detail{color:var(--on-sea-muted);font-size:.85rem}.seedrow{gap:.5rem;display:flex}.seedrow input{min-width:0;color:var(--on-sea);font:inherit;letter-spacing:.04em;background:#0b1f2a99;border:1px solid #e9e1cf2e;border-radius:7px;flex:1;padding:.5rem .7rem;font-family:ui-monospace,Cascadia Mono,monospace}.start__start{margin-top:.4rem;padding:.8rem 1.2rem;font-size:1.05rem}.start__note{color:var(--on-sea-muted);margin:0;font-size:.8rem}.start__diagnostics{border-top:1px solid #e9e1cf1f;margin-top:auto;padding-top:1rem}.start__diagnostics>summary{cursor:pointer;color:var(--on-sea-muted);font-size:.8rem}.start__diagnostics[open]>summary{color:var(--on-sea);margin-bottom:.75rem}.start__diagnostics .metrics,.start__diagnostics .status,.start__diagnostics .button{margin-top:.5rem}.start__preview{place-items:center;padding:2rem;display:grid;position:relative;overflow:hidden}.start__preview .board{filter:drop-shadow(0 18px 40px #00000073);width:100%;height:100%;max-height:82vh}.start__caption{text-align:right;color:var(--on-sea-muted);font-size:.78rem;position:absolute;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2.5rem)}.start__caption b{color:var(--on-sea);letter-spacing:.04em;font-family:ui-monospace,Cascadia Mono,monospace;font-size:.95rem;display:block}@media (width<=62rem){.start{grid-template-columns:1fr}.start__preview{order:-1;min-height:44vh;padding:1rem}.start__caption{text-align:center;margin-top:.5rem;position:static}}.way{border-radius:var(--radius);background:#00000029;border:1px solid #e9e1cf1f;flex-direction:column;gap:.55rem;padding:.9rem 1rem 1rem;display:flex}.way__lead{color:var(--on-sea-muted);margin:0;font-size:.875rem}.way>input{color:var(--on-sea);font:inherit;background:#00000038;border:1px solid #e9e1cf2e;border-radius:8px;padding:.5rem .65rem}.way__or{color:var(--on-sea-muted);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.7rem;margin:.15rem 0;font-size:.68rem;font-weight:700;display:flex}.way__or:before,.way__or:after{content:"";background:#e9e1cf24;flex:auto;height:1px}.hand{border:1px solid var(--parchment-edge);border-radius:var(--radius);background:var(--parchment);width:14.5rem;color:var(--ink);box-shadow:var(--shadow);padding:.6rem .7rem .7rem}.hand__head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.hand__head .panel__title{margin:0}.hand__total{color:var(--ink-muted);font-size:.8rem;font-weight:700}.hand__empty{color:var(--ink-muted);margin:.35rem 0 0;font-size:.78rem}.hand__stacks{gap:.25rem;margin:.65rem 0 0;padding:0;list-style:none;display:flex}.card{width:2.3rem;position:relative}.card__behind{opacity:.5;border:1px solid #16202a73;border-radius:5px;height:2.9rem;position:absolute;inset:0 0 auto}.card__face{border:1px solid #16202aa6;border-radius:5px;place-items:center;height:2.9rem;display:grid;position:relative}.card__glyph{fill:#16202ad1;width:1.6rem;height:1.6rem}.card__glyph-cut{fill:none;stroke:#f0e6d28c;stroke-width:1.1px}.card__count{border:1px solid var(--parchment-edge);background:var(--ink);min-width:1.15rem;color:var(--parchment);text-align:center;border-radius:999px;padding:0 .2rem;font-size:.72rem;font-weight:700;line-height:1.35;position:absolute;top:-.3rem;right:-.3rem}.card__name{letter-spacing:.04em;color:var(--ink-muted);text-align:center;margin-top:.2rem;font-size:.6rem;display:block}.hand__cover{align-items:center;gap:.6rem;margin-top:.45rem;display:flex}.hand__backs{display:flex}.hand__backs span{background:repeating-linear-gradient(45deg, var(--sea-700) 0 3px, var(--sea-800) 3px 6px);border:1px solid #16202aa6;border-radius:4px;width:1.5rem;height:2.2rem}.hand__backs span+span{margin-left:-.9rem}.resume{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.resume__card{border-radius:var(--radius);background:#00000038;border:1px solid #e9e1cf24;flex-direction:column;gap:.45rem;padding:.7rem .85rem;display:flex}.resume__head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.resume__code{letter-spacing:.1em;color:var(--parchment);font-size:1.25rem;font-weight:800}.resume__state{color:var(--on-sea-muted);text-align:right;font-size:.78rem}.resume__seats{color:var(--on-sea-muted);flex-wrap:wrap;gap:.6rem;font-size:.8rem;display:flex}.resume__seat{align-items:center;gap:.3rem;display:flex}.devcards{flex-wrap:wrap;gap:.3rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.devcard{border:1px solid var(--parchment-edge);background:var(--parchment-2);color:var(--ink);font:inherit;cursor:not-allowed;opacity:.45;border-radius:5px;padding:.3rem .5rem;font-size:.72rem;font-weight:650}.devcard--ready{opacity:1;cursor:pointer;box-shadow:0 0 0 2px var(--accent)}.devcard__count{color:var(--ink-muted);margin-left:.3rem}.pick{gap:.4rem;margin:.6rem 0 .4rem;display:flex}.pick__card{width:3.1rem;color:var(--ink);font:inherit;cursor:pointer;border:1px solid #16202a8c;border-radius:6px;place-items:center;gap:.15rem;padding:.4rem .2rem;font-size:.62rem;display:grid}.pick__card:disabled{opacity:.4;cursor:not-allowed}.pick__chosen{color:var(--ink-muted);margin:0 0 .6rem;font-size:.82rem}.mode{z-index:6;border:1px solid var(--accent);border-radius:var(--radius);background:var(--sea-800);box-shadow:var(--shadow);align-items:center;gap:.75rem;padding:.5rem .9rem;font-size:.85rem;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.lobby{background:radial-gradient(120% 80% at 50% 0%, var(--sea-700) 0%, transparent 62%), var(--sea-900);flex-direction:column;align-items:center;gap:1.75rem;min-height:100vh;padding:clamp(1.5rem,5vw,4rem) 1.25rem;display:flex}.lobby__head{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.lobby__code{letter-spacing:.16em;text-indent:.16em;color:var(--parchment);margin:0;font-size:clamp(3.5rem,14vw,7rem);font-weight:800;line-height:1}.lobby__lead{max-width:34ch;color:var(--on-sea-muted);margin:0}.lobby__invite{gap:.5rem;width:min(100%,34rem);display:flex}.lobby__invite input{min-width:0;color:var(--on-sea);font:inherit;background:#00000038;border:1px solid #e9e1cf2e;border-radius:8px;flex:auto;padding:.55rem .7rem;font-size:.875rem}.lobby__table{width:min(100%,34rem)}.lobby__seats{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.lobby__seat{border-radius:var(--radius);background:#0000002e;border:1px solid #e9e1cf1f;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.lobby__seat--open{color:var(--on-sea-muted);background:0 0;border-style:dashed;border-color:#e9e1cf29}.lobby__name{flex:auto;font-weight:650}.lobby__status{letter-spacing:.14em;text-transform:uppercase;color:var(--on-sea-muted);font-size:.68rem;font-weight:700}.piece--seat{width:1.6rem;height:1.6rem}.lobby__resize{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.lobby__setting{border-radius:var(--radius);text-align:center;background:#00000029;border:1px solid #e9e1cf1f;flex-direction:column;align-items:center;gap:.35rem;width:min(100%,34rem);padding:.9rem 1rem 1rem;display:flex}.lobby__seed{letter-spacing:.04em;color:var(--parchment);overflow-wrap:anywhere;margin:0;font-size:1.35rem;font-weight:700}.lobby__foot{flex-direction:column;align-items:center;gap:.6rem;display:flex}.lobby__hint{color:var(--on-sea-muted);margin:0;font-size:.875rem}.game{background:radial-gradient(120% 80% at 50% 40%, var(--sea-500) 0%, transparent 70%), var(--sea-800);width:100vw;height:100vh;position:relative;overflow:hidden}.board-area{position:absolute;inset:.75rem 15.5rem 11rem}.board{width:100%;height:100%}.panel{border:1px solid var(--parchment-edge);border-radius:var(--radius);background:var(--parchment);max-width:14.5rem;color:var(--ink);box-shadow:var(--shadow);padding:.6rem .7rem;font-size:.8rem;position:absolute}.panel--table{top:.75rem;left:.75rem}.panel--status{text-align:right;top:.75rem;right:.75rem}.tray{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.tray .panel--actions{position:static}.panel--log{bottom:.75rem;right:.75rem}.panel__title{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 .45rem;font-size:.62rem;font-weight:700}.panel__buttons{flex-wrap:wrap;gap:.4rem;display:flex}.panel__buttons .button{border:1px solid var(--parchment-edge);background:var(--parchment-2);padding:.35rem .7rem;font-size:.8rem}.panel__buttons .button--go{background:var(--accent);border-color:#0000}.panel__hint{color:var(--ink-muted);margin:.5rem 0 0;font-size:.75rem}.panel__toggle{color:var(--ink-muted);cursor:pointer;border-top:1px solid #16202a1f;align-items:center;gap:.35rem;margin-top:.5rem;padding-top:.45rem;font-size:.72rem;display:flex}.panel__error{color:#7d2b1d;background:#c0503f24;border-radius:7px;flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:.5rem;padding:.45rem .55rem;font-size:.75rem;display:flex}.seat{border-left:3px solid var(--ink-muted);border-radius:0 5px 5px 0;align-items:baseline;gap:.4rem;padding:.22rem .35rem;display:flex}.seat--acting{background:#e0b34a42}.seat__name{font-weight:650}.seat__points{color:var(--ink-muted);font-size:.75rem}.seat__hand{color:var(--ink-muted);margin-left:auto;font-family:ui-monospace,Cascadia Mono,monospace;font-size:.68rem}.seat__pending{color:#8a5a12;width:100%;font-size:.7rem}@keyframes rise{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}.seat__gain{background:var(--ok);color:#f4f9f5;border-radius:999px;padding:0 .35rem;font-size:.7rem;font-weight:700;animation:.22s ease-out rise}.offline{z-index:5;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0b1f2a8c;place-items:center;display:grid;position:absolute;inset:0}.offline__text{border-radius:var(--radius);background:var(--sea-800);color:var(--on-sea);border:1px solid #e9e1cf2e;padding:.6rem 1rem;font-weight:650}.status__phase{font-weight:650}.status__turn{color:var(--ink-muted);font-size:.75rem}.dice-tray{flex-direction:column;align-items:flex-start;gap:.15rem;margin-bottom:.55rem;display:flex}.dice{color:var(--ink);font:inherit;cursor:default;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:.4rem;padding:.35rem .5rem;display:flex}.dice__faces{gap:.35rem;display:flex}.dice__total{letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:1.4rem;font-size:1.35rem;font-weight:700}.dice__call{min-height:1rem;color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;padding-left:.55rem;font-size:.68rem;font-weight:700}.dice--waiting{border-color:var(--parchment-edge);cursor:pointer;background:#ffffff73}.die{border:1px solid var(--parchment-edge);background:#fbf6ea;border-radius:6px;grid-template-columns:repeat(3,1fr);place-items:center;width:2.1rem;height:2.1rem;padding:.22rem;font-weight:700;display:grid;box-shadow:inset 0 -2px #00000014}.die--numeral{place-items:center;font-size:1.05rem;display:grid}.die--blank{opacity:.45}.die__pip{background:var(--ink);border-radius:50%;width:.32rem;height:.32rem}.die__pip--empty{background:0 0}@keyframes dice-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.dice--waiting .dice__faces{animation:1.6s ease-in-out infinite dice-breathe}@keyframes dice-fall{0%{transform:scale(.72)rotate(-9deg)}to{transform:scale(1)rotate(0)}}.dice--fell .die{animation:.26s ease-out dice-fall}.status__waiting{border-left:3px solid var(--warn);text-align:left;margin:.45rem 0 0;padding-left:.5rem;font-size:.75rem;line-height:1.35}.status__away{color:var(--ink-muted);text-align:right;margin:.35rem 0 0;font-size:.7rem}.log{max-height:8.5rem;color:var(--ink-muted);margin:0;padding:0;font-size:.72rem;line-height:1.55;list-style:none;overflow-y:auto}.log__entry+.log__entry{border-top:1px solid #16202a14;margin-top:.15rem;padding-top:.15rem}.hex{stroke:#16202a;stroke-width:.024px;stroke-linejoin:round}.hex--target{cursor:pointer}.chip circle{fill:#f6efdf;stroke:#16202a;stroke-width:.014px}.chip text{fill:#16202a;text-anchor:middle;dominant-baseline:central;font-family:Segoe UI,system-ui,sans-serif;font-size:.32px;font-weight:700}.chip__hot{fill:#a52a1e}.chip__pips{letter-spacing:.035px;font-size:.19px}.harbor circle{fill:#f6efdf;stroke-width:.055px}.harbor text{fill:#16202a;text-anchor:middle;dominant-baseline:central;font-size:.15px;font-weight:700}.robber{transition:transform .3s}.robber circle{fill:#24211d;stroke:#0c0b0a;stroke-width:.02px}@keyframes settle{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.building{transform-box:fill-box;transform-origin:50%;animation:.18s ease-out settle}.road{stroke:#0000;stroke-width:.14px;stroke-linecap:round}.road--built{stroke-width:.15px;paint-order:stroke}.road--target{stroke:#f6efdf8c;stroke-dasharray:.15 .11;cursor:pointer}.road--target:hover{stroke:#f6efdfe6}.vertex__hit{fill:#0000}.vertex__target{fill:#f6efdf9e;stroke:#f6efdf;stroke-width:.028px;cursor:pointer}.vertex__target:hover{fill:#f6efdf}.vertex__building{stroke:#16202a;stroke-width:.03px;stroke-linejoin:round}.modal{background:#0610169e;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.modal__box{border:1px solid var(--parchment-edge);border-radius:var(--radius);background:var(--parchment);min-width:min(22rem,100%);max-width:min(92vw,34rem);color:var(--ink);box-shadow:var(--shadow);text-align:center;padding:1.1rem 1.3rem}.modal__box h2{letter-spacing:-.01em;margin:0 0 .2rem;font-size:1.15rem}.modal__hint,.modal__rate{color:var(--ink-muted);margin:.1rem 0 0;font-size:.85rem}.modal__hint--warn{color:var(--warn)}.modal__rate b{color:var(--ink)}.modal__problem{color:var(--bad);margin:.6rem 0 0;font-size:.85rem}.modal__box .button{margin:.35rem .2rem 0}.field{text-align:left;flex-direction:column;gap:.25rem;margin:.6rem 0 0;display:flex}.field>span{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-size:.68rem;font-weight:700}.field input{border:1px solid var(--parchment-edge);background:var(--parchment-2);color:var(--ink);font:inherit;border-radius:8px;padding:.5rem .6rem}.field__note{color:var(--ink-muted);font-size:.78rem}.cards{border:0;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.9rem 0;padding:0;display:flex}.cards legend{color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;padding:0;font-size:.68rem;font-weight:700}.cards__item{border:1px solid var(--parchment-edge);background:var(--parchment-2);border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;min-width:4rem;padding:.4rem .35rem;display:flex}.cards__label{font-size:.78rem;font-weight:650}.cards__held{color:var(--ink-muted);font-size:.68rem}.cards__stepper{align-items:center;gap:.35rem;font-weight:700;display:flex}.cards__stepper button{border:1px solid var(--parchment-edge);width:1.4rem;height:1.4rem;color:var(--ink);font:inherit;cursor:pointer;background:#fbf6ea;border-radius:5px;line-height:1}.cards__stepper button:hover{background:#fff}.cards__choice{border:1px solid var(--parchment-edge);background:var(--parchment-2);cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.8rem;display:flex}.cards__choice:has(input:checked){background:var(--accent);border-color:#0000}.result{color:var(--ink-muted);margin:.7rem 0;padding:0;list-style:none}.result li{padding:.15rem 0}.page{flex-direction:column;gap:1rem;max-width:44rem;margin:0 auto;padding:2rem 1.25rem 3rem;display:flex}.page__header h1{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800}.page__subtitle{color:var(--on-sea-muted);margin:.25rem 0 0}.card{border-radius:var(--radius);background:#e9e1cf0d;border:1px solid #e9e1cf26;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.card__title{margin:0;font-size:1rem}.status{align-items:center;gap:.5rem;display:flex}.status__dot{background:var(--on-sea-muted);border-radius:50%;width:.6rem;height:.6rem}.status__dot--open{background:var(--ok)}.status__dot--connecting,.status__dot--reconnecting{background:var(--warn);animation:1.2s ease-in-out infinite pulse}.status__dot--closed{background:var(--bad)}.status__hint{color:var(--on-sea-muted);font-size:.8125rem}@keyframes pulse{50%{opacity:.3}}.metrics{flex-direction:column;gap:.375rem;width:100%;margin:0;display:flex}.metrics__row{justify-content:space-between;gap:1rem;font-size:.875rem;display:flex}.metrics__row dt{color:var(--on-sea-muted)}.metrics__row dd{margin:0}.hint{color:var(--on-sea-muted);margin:0;font-size:.8125rem}.error{color:#f0a094;margin:0;font-size:.875rem}.tabs{border:1px solid var(--parchment-edge);background:var(--parchment-2);border-radius:999px;gap:.3rem;margin:0 0 .7rem;padding:.2rem;display:flex}.tabs__tab{color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:.35rem .7rem;font-size:.82rem;font-weight:650}.tabs__tab[aria-selected=true]{background:var(--accent);color:var(--ink)}.trade{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.6rem;display:grid}.trade .cards{margin:0}@keyframes offer-enter{0%{opacity:0;transform:translateY(.5rem)}}.modal__box--enter{animation:.22s ease-out both offer-enter}.offer__terms{margin:0 0 .3rem;font-size:1.05rem}.offer__clock{color:var(--ink-muted);font-variant-numeric:tabular-nums;margin:0 0 .8rem;font-size:.82rem}.offer__answers{margin:0 0 .8rem;padding:0;list-style:none}.offer__answer{border-bottom:1px solid var(--parchment-edge);align-items:center;gap:.5rem;padding:.35rem 0;font-size:.88rem;display:flex}.offer__answer:last-child{border-bottom:0}.offer__answer .button{margin-left:auto}