:root{--bg:#0b1c22;--surface:#122a33;--ink:#e4eeec;--muted:#9bb3b7;--line:#27434d;--accent:#62c3d0;--accent-ink:#0b1c22;--buoy:#f0be4a;--buoy-ink:#2a1f00;--alert:#f08672;--sea:#0a252e;--sea-line:#6e97a3;--display:"Bricolage Grotesque","Trebuchet MS","Segoe UI",system-ui,sans-serif;--body:"Instrument Sans","Segoe UI",system-ui,-apple-system,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--body);margin:0}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.15}p{margin:0}:focus-visible{outline:3px solid var(--buoy);outline-offset:2px}button,select,input{font:inherit;color:inherit}button{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.4rem .9rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent);font-weight:600}select,input{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:.3rem .5rem}option,optgroup{background:var(--surface);color:var(--ink)}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row.end{justify-content:flex-end}.hint{color:var(--muted);font-size:.88rem}.label{font-size:.88rem;font-weight:600}.swatch{border:1px solid #00000059;border-radius:50%;flex:none;width:.9rem;height:.9rem;display:inline-block}.swatch.big{width:2.4rem;height:2.4rem}.app{height:100%;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex}.top{padding:.6rem 16px;padding-top:calc(.6rem + env(safe-area-inset-top,0px));background:var(--sea);color:#eaf3f1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.top h1{font-size:1.4rem;font-weight:750}.top button,.top select{background:var(--sea);color:#eaf3f1;border-color:#eaf3f159}.top option{background:var(--sea);color:#eaf3f1}.lang{align-items:center;gap:.4rem;font-size:.88rem;display:flex}.setup{gap:1.2rem;max-width:36rem;margin:1.5rem auto;padding:0 16px;display:grid}.setup h2{font-size:1.6rem}fieldset{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:.7rem;padding:1rem;display:grid}legend{padding:0 .4rem;font-weight:600}fieldset label{grid-template-columns:1fr minmax(0,14rem);align-items:center;gap:.8rem;display:grid}.person{grid-template-columns:auto minmax(0,1fr) auto auto!important}.seg{gap:.4rem;display:flex}.game{flex:1;grid-template-columns:minmax(0,1fr) 24rem;min-height:0;display:grid}@media (width<=60rem){.game{grid-template-rows:minmax(55vh,1fr) auto;grid-template-columns:minmax(0,1fr);overflow:auto}}.board-area{background:var(--sea);min-height:0;position:relative}.board-wrap{position:absolute;inset:0}.board{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.board:active{cursor:grabbing}.stack{color:#a9c4c6;position:absolute;bottom:8px;left:12px}.zoom{gap:.3rem;display:flex;position:absolute;bottom:12px;right:12px}.zoom button{color:#eaf3f1;background:#0f3340d9;border-color:#eaf3f14d}.tile{stroke:#0f3340;stroke-width:2.5px;stroke-linejoin:round}.empty-spot{fill:#174553;stroke:var(--sea-line);stroke-width:1.5px;stroke-dasharray:6 6;opacity:.7}.terrain{font:600 10px var(--body);fill:#10272fbf;text-anchor:middle;pointer-events:none}.port{font:700 11px var(--body);fill:#eaf3f1;text-anchor:middle;pointer-events:none}.token circle{fill:#f4ebd2;stroke:#0f3340;stroke-width:1px}.token text{font:750 16px var(--display);fill:#10272f;text-anchor:middle;pointer-events:none}.token text.hot{fill:#b0392a}.token text.parts{font:700 10px var(--body);fill:#f4ebd2;stroke:#10272f;stroke-width:3px;paint-order:stroke;stroke-linejoin:round}.token.dead circle{fill:#c9c1ac;opacity:.6}.robber path,.robber circle{fill:#1b2a31;stroke:#f4ebd2;stroke-width:1.2px}.robber text{font:700 9px var(--body);fill:#f4ebd2;text-anchor:middle}.road{stroke-width:9px;stroke-linecap:round}.building{stroke:#10272f;stroke-width:1.6px;stroke-linejoin:round}.target-vertex{fill:#f0be4a59;stroke:#f0be4a;stroke-width:3px;cursor:pointer;animation:1.4s ease-in-out infinite pulse}.target-edge{stroke:#f0be4a;stroke-width:10px;stroke-linecap:round;opacity:.55;cursor:pointer}.target-edge:hover,.target-edge:focus{opacity:1}.target-hex{fill:#f0be4a2e;stroke:#f0be4a;stroke-width:4px;cursor:pointer}.target-hex:hover,.target-hex.selected{fill:#f0be4a66}@keyframes pulse{50%{stroke-width:5px}}@media (prefers-reduced-motion:reduce){.target-vertex{animation:none}}.side{background:var(--bg);border-left:1px solid var(--line);flex-direction:column;gap:1rem;min-width:0;padding:1rem 16px;display:flex;overflow:auto}.seats{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.seats li{border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:.1rem .6rem;padding:.4rem .5rem;display:grid}.seats li.current{background:var(--surface);box-shadow:inset 3px 0 0 var(--buoy)}.seats .meta{grid-column:2/4}.seats .pts{font-variant-numeric:tabular-nums;font-weight:600}.turn{align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.prompt p{font-weight:500}.prompt .hint{margin-top:.2rem;font-weight:400}.block{border-top:1px solid var(--line);gap:.5rem;padding-top:.7rem;display:grid}.block summary{cursor:pointer;font-weight:600}.card-play{justify-content:space-between}.counts{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;display:grid}.counts label{color:var(--muted);font-size:.78rem;display:grid}.counts input{width:100%}.dice{align-items:center;gap:.5rem;display:flex}.die{width:2.6rem;height:2.6rem}.dice.small .die{width:1.8rem;height:1.8rem}.die rect{fill:var(--surface);stroke:var(--ink);stroke-width:1.5px}.die circle{fill:var(--ink)}.hand h3{margin-bottom:.4rem;font-size:.95rem}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.res{text-align:center;color:#10272f;border-radius:6px;padding:.35rem .3rem;font-size:.8rem}.res b{font:750 1.2rem var(--display);display:block}.devs{flex-wrap:wrap;gap:.3rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.devs li{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:.2rem .5rem;font-size:.85rem}.devs li.new{border-style:dashed}.handover{border:2px solid var(--buoy);background:var(--surface);border-radius:10px;justify-items:start;gap:.7rem;padding:1.2rem;display:grid}.handover h2{font-size:1.4rem}.win{background:var(--buoy);color:var(--buoy-ink);border-radius:10px;padding:1.2rem}.error{color:var(--alert);font-size:.9rem}.log summary{cursor:pointer;font-weight:600}.log ol{color:var(--muted);gap:.15rem;margin:.4rem 0 0;padding:0;font-size:.85rem;list-style:none;display:grid}.tile-pick{align-items:center;gap:.45rem;display:flex}.ability{grid-template-columns:auto 1fr!important;align-items:start!important;gap:.6rem!important;display:grid!important}.ability input{margin-top:.25rem}.person select{max-width:9.5rem}.modes{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.8rem;display:grid}.mode{text-align:left;background:var(--surface);border-radius:10px;gap:.3rem;padding:1rem;display:grid}.mode strong{font:700 1.15rem var(--display)}.copy input{flex:1;min-width:0}.banner{background:var(--buoy);color:var(--buoy-ink);gap:.5rem;padding:.8rem 16px;display:grid}.banner input{color:#10272f;background:#fff}.waiting{padding:.6rem 0}button.mini{margin-left:.4rem;padding:.1rem .5rem;font-size:.75rem}.emblem{vertical-align:-5px;object-fit:cover;background:#f4ebd2;border-radius:50%}.res{justify-items:center;gap:.1rem;display:grid}.res-icon{display:block}.building{filter:drop-shadow(0 1px 1px #00000059)}.rules-backdrop{z-index:20;background:#050f1499;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.rules{background:var(--surface);color:var(--ink);border-radius:12px;gap:.9rem;width:100%;max-width:44rem;max-height:85vh;padding:1.2rem 1.4rem;display:grid;overflow:auto}.rules header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.rules h3{margin-bottom:.25rem;font-size:1.02rem}.rules p{max-width:65ch}.rules p+p{margin-top:.4rem}.devs li{align-items:center;gap:.5rem;display:flex}.card-art{object-fit:cover;border-radius:6px}.board.painted .terrain{fill:#f4ebd2;stroke:#10272f;stroke-width:3px;paint-order:stroke;stroke-linejoin:round}.board.painted .port{stroke:#10272f;stroke-width:3px;paint-order:stroke;stroke-linejoin:round}.card-play{align-items:center}.tip-wrap{display:inline-flex;position:relative}.tip-wrap button:disabled{pointer-events:none}.tip{z-index:10;background:var(--ink);min-width:11rem;color:var(--surface);pointer-events:none;white-space:nowrap;border-radius:8px;flex-direction:column;gap:.25rem;padding:.55rem .7rem;font-size:.85rem;line-height:1.3;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000059}.tip:after{content:"";border:6px solid #0000;border-top-color:var(--ink);margin-left:-6px;position:absolute;top:100%;left:50%}.tip-wrap:hover .tip,.tip-wrap:focus-within .tip{display:flex}.tip-title{letter-spacing:.06em;text-transform:uppercase;opacity:.75;font-size:.75rem;font-weight:700}.tip-cost{font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;display:flex}.tip-left{border-top:1px solid color-mix(in srgb,var(--surface) 25%,transparent);font-variant-numeric:tabular-nums;margin-top:.2rem;padding-top:.3rem;font-weight:600}.tip-left.none{color:#f2a08a}.tip{left:0;transform:none}.tip:after{left:1.6rem}.board-foot{pointer-events:none;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;display:flex;position:absolute;bottom:8px;left:12px;right:250px}.board-foot .stack{position:static}.legend{color:#a9c4c6;flex-wrap:wrap;gap:.25rem .9rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.legend li{align-items:center;gap:.3rem;display:flex}.legend .swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.card-backs{flex-wrap:wrap;gap:.5rem;display:flex}.card-back{cursor:pointer;background:url(/sprites/emblem.webp) 50%/80% no-repeat,linear-gradient(160deg,#1e5a6e,#0e2e39);border:2px solid #e2a829;border-radius:7px;width:46px;height:64px;padding:0;transition:transform .12s}.card-back:hover,.card-back:focus-visible{transform:translateY(-4px)}.card-back[aria-pressed=true]{transform:translateY(-8px);box-shadow:0 0 0 3px #f4ebd2}.loot{color:#10272f;background:#e2a829;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .7rem;font-weight:700;display:flex}.pier-corner{fill:#e2a829;stroke:#10272f;stroke-width:1.5px;pointer-events:none}.pier-turn{flex-wrap:wrap}.pier-turn button.sea{opacity:.75}.open-games{gap:.5rem;margin-top:1rem;display:grid}.open-games ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.open-games li{background:color-mix(in srgb,var(--surface) 70%,transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .75rem;display:flex}label.check{align-items:center;gap:.5rem;display:flex}.lobby{gap:1.2rem;max-width:72rem;margin:0 auto;padding:1rem 16px 2rem;display:grid}.lobby-hero{color:#f4ebd2;background:linear-gradient(#06141a1a 20%,#06141ad9),url(/sprites/lobby-keyart.webp) 50% 78%/cover,linear-gradient(135deg,#1e5a6e,#0e2e39);border-radius:16px;align-content:end;gap:.3rem;min-height:clamp(15rem,30vw,21rem);padding:1.6rem 1.8rem;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.lobby-hero h2{text-shadow:0 2px 12px #0009;margin:0;font-size:clamp(2rem,5vw,3.2rem)}.lobby-hero p{text-shadow:0 1px 6px #000000b3;max-width:40rem;margin:0}.lobby-hero .eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#e2a829;font-size:.75rem;font-weight:700}.lobby-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:1.2rem;display:grid}@media (width<=860px){.lobby-grid{grid-template-columns:minmax(0,1fr)}}.lobby-seats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}@media (width<=560px){.lobby-seats{grid-template-columns:repeat(2,minmax(0,1fr))}}.seat-card{--seat:#e2a829;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--seat) 18%,#12313b),#0e262e);border:1px solid color-mix(in srgb,var(--seat) 45%,transparent);border-radius:14px;justify-items:center;gap:.35rem;padding:1rem .7rem;display:grid}.seat-card.me{box-shadow:0 0 0 2px #e2a829,0 8px 22px #00000059}.seat-card .portrait{width:96px;height:96px;box-shadow:0 0 0 4px var(--seat),0 6px 16px #0006;background:#f4ebd2;border-radius:50%;place-items:center;display:grid;overflow:hidden}.seat-card .portrait .emblem{border-radius:50%;width:96px;height:96px}.seat-card h3{overflow-wrap:anywhere;margin:.35rem 0 0;font-size:1.05rem}.seat-card .tags{color:#a9c4c6;min-height:1.1em;margin:0;font-size:.8rem}.seat-card .class{color:#f4ebd2;margin:0;font-weight:600}.seat-card select{max-width:100%}.seat-card.free{background:0 0;border:2px dashed #a9c4c659}.seat-card.free .portrait{box-shadow:none;color:#a9c4c6;background:#ffffff0a;border:2px dashed #a9c4c659;font-size:2.2rem}.lobby-side{gap:.9rem;display:grid}.lobby-card{background:#12313b;border-radius:14px;gap:.5rem;padding:1rem;display:grid}.lobby-card h3{margin:0;font-size:1rem}.lobby-actions{justify-content:flex-start}.chat ol{overflow-wrap:anywhere;gap:.3rem;max-height:14rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid;overflow:auto}.chat .who{font-weight:700}.chat form{gap:.4rem;display:flex}.chat input{flex:1;min-width:0}.zoom button.on{color:#10272f;background:#e2a829;border-color:#e2a829}.devs .tip-wrap{cursor:help;display:flex}.tip-text{white-space:normal;max-width:16rem;font-weight:400}.devs .tip{min-width:13rem}.terrain-art{filter:brightness(.78)saturate(.85)}.token circle{stroke-width:1.5px}.token.blocked circle{stroke:#b0392a;stroke-width:3px}.monster{filter:drop-shadow(0 2px 2px #0009)}.board-area{grid-template-rows:auto minmax(0,1fr);display:grid}.board-stage{min-height:0;position:relative}.seats-strip{border-bottom:1px solid var(--line);z-index:2;background:#0a1e25eb;gap:.5rem;margin:0;padding:.5rem .6rem;list-style:none;display:flex;overflow-x:auto}.seats-strip li{--seat:#e2a829;background:linear-gradient(180deg,color-mix(in srgb,var(--seat) 14%,#12313b),#0e262e);border:1px solid color-mix(in srgb,var(--seat) 40%,transparent);border-radius:10px;flex:1 1 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;min-width:11.5rem;padding:.4rem .55rem;display:grid}.seats-strip li.current{box-shadow:0 0 0 2px #e2a829}.seats-strip .portrait .emblem{border:3px solid var(--seat);box-shadow:none}.seats-strip .who{min-width:0;line-height:1.25;display:grid}.seats-strip .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.seats-strip .hint,.seats-strip .titles{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.seats-strip .meta{color:#a9c4c6;font-size:.72rem}.seats-strip .titles{color:#e2a829;font-weight:600}.seats-strip .pts{font:800 1.5rem var(--display);color:#f4ebd2;font-variant-numeric:tabular-nums}.side{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.side-scroll{flex-direction:column;flex:1;min-height:0;padding:1rem 16px 1.2rem;display:flex;overflow:auto}.side-section{flex-direction:column;gap:.85rem;display:flex}.side-section+.side-section{border-top:1px solid var(--line);margin-top:1.3rem;padding-top:1.3rem}.side-tools{flex-flow:wrap;align-items:flex-start;gap:.5rem}.side-tools .stop-game{gap:.5rem;width:100%;display:grid}.watch-link{gap:.6rem;min-width:min(30rem,80vw);display:grid}.watching{margin:0 0 .4rem;font-style:italic}.side>.chat{border-top:1px solid var(--line);background:#0e262e;border-radius:0;flex:none;padding:.8rem 16px 1rem}.side>.chat ol{max-height:8.5rem}.trade-button{color:#e2a829;border-color:#e2a829}.modal-backdrop{z-index:30;background:#050f149e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{color:#eaf3f1;background:#12313b;border-radius:14px;gap:1rem;width:100%;max-width:34rem;max-height:85vh;padding:1.1rem 1.3rem 1.4rem;display:grid;overflow:auto;box-shadow:0 20px 50px #00000080}.modal header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal h2{margin:0;font-size:1.2rem}.log-list{color:#c9dadb;gap:.3rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.trade-section{gap:.7rem;display:grid}.trade-section+.trade-section{border-top:1px solid #a9c4c640;padding-top:1rem}.trade-section h3{margin:0;font-size:1rem}.rates{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.rates li{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:.6rem;display:grid}.rates .res-name{align-items:center;gap:.4rem;display:flex}.rates .have{font-variant-numeric:tabular-nums;color:#a9c4c6}.rates .have.enough{color:#f4ebd2;font-weight:700}.start{gap:2.2rem;padding-bottom:3rem;display:grid}.start-hero{background:radial-gradient(at 75%,#173e4a 0%,#0b1c22 70%);padding:1.5rem 16px 1rem}.start-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:1rem;max-width:72rem;margin:0 auto;display:grid}.start-island{object-fit:contain;grid-area:1/2;width:100%;height:auto;max-height:72vh;-webkit-mask-image:radial-gradient(50% 50%,#000 62%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 62%,#0000 100%)}.start-hero-text{grid-area:1/1}@media (width<=760px){.start-hero-inner{grid-template-columns:minmax(0,1fr)}.start-island{grid-area:1/1;max-height:none}.start-hero-text{grid-row:2}}.start-hero-text{color:#f4ebd2;gap:.8rem;display:grid}.start-hero h1{text-shadow:0 4px 24px #0009;margin:0;font-size:clamp(3rem,9vw,6rem);line-height:.95}.start-hero .eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#e2a829;margin:0;font-size:.8rem;font-weight:700}.start-hero .tagline{text-shadow:0 1px 8px #000000b3;max-width:38rem;margin:0;font-size:1.15rem}.start-cta{gap:.7rem;margin-top:.4rem}button.big{padding:.8rem 1.4rem;font-size:1.05rem}.start-section{gap:1rem;width:100%;max-width:72rem;margin:0 auto;padding:0 16px;display:grid}.start-section h2{margin:0;font-size:1.5rem}.start-heroes{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.start-heroes li{text-align:center;background:linear-gradient(#16404c,#0e262e);border:1px solid #e2a82940;border-radius:14px;justify-items:center;gap:.35rem;padding:1.1rem .8rem;display:grid}.start-heroes .emblem{border:3px solid #e2a829;box-shadow:0 6px 16px #0006}.start-heroes .ability{color:#e2a829;font-size:.9rem;font-weight:600}.start-heroes .hint{font-size:.8rem}.start-steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.start-steps li{background:#12313b;border-radius:14px;gap:.45rem;padding:1.1rem;display:grid}.step-art{color:#f4ebd2;align-items:center;gap:.3rem;min-height:2.2rem;font-size:1.8rem;display:flex}.step-art em{color:#e2a829;font-style:normal}.step-art.tide{color:#7fd3e8;font-size:2.4rem}.start-heroes li{align-content:start}.setup-grid{align-items:start;gap:1.2rem;display:grid}.setup-hero{min-height:clamp(9rem,22vh,14rem)}.setup-hero h2{font-size:clamp(1.8rem,4vw,2.8rem)}@media (width>=60rem){.setup.setup-wide{gap:1rem;width:100%;max-width:min(100%,104rem);margin:0 auto;padding:1rem 24px 0}.setup-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,.95fr);gap:1rem}.setup-hero{min-height:clamp(8rem,19vh,12rem)}.setup-grid fieldset label:not(.ability):not(.check):not(.person){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.setup-grid .person{grid-template-columns:auto minmax(0,1fr) minmax(0,.9fr) minmax(0,1.15fr)!important}.setup-grid .person select{width:100%;max-width:none}.abilities{grid-template-columns:repeat(2,minmax(0,1fr))}.abilities>.hint,.abilities>.row{grid-column:1/-1}.themed .abilities .ability{border-color:color-mix(in srgb,var(--buoy) 22%,transparent);background:color-mix(in srgb,var(--bg) 35%,transparent);grid-template-rows:auto auto;height:100%;grid-template-columns:auto 1fr!important;align-items:start!important}.themed .abilities .ability .emblem{grid-area:1/2;justify-self:start}.themed .abilities .ability>span{grid-column:1/-1}.setup-actions{z-index:2;background:linear-gradient(transparent,var(--bg) 40%);padding:1rem 0 1.2rem;position:sticky;bottom:0}.setup-actions button{padding:.7rem 1.4rem;font-size:1.05rem}}.themed fieldset{border-color:color-mix(in srgb,var(--buoy) 28%,var(--line));background:color-mix(in srgb,var(--surface) 92%,var(--buoy));border-radius:14px}.themed legend{font-family:var(--display);font-size:1.05rem}.themed .ability{cursor:pointer;border:1px solid #0000;border-radius:12px;padding:.45rem .6rem;grid-template-columns:auto auto 1fr!important;align-items:center!important}.themed .ability:has(input:checked){border-color:var(--buoy);background:color-mix(in srgb,var(--buoy) 10%,transparent)}.themed .ability .emblem{border:2px solid var(--buoy);border-radius:50%;box-shadow:0 3px 8px #0000004d}.seat-portrait{width:44px;height:44px;box-shadow:0 0 0 3px var(--seat);background:#f4ebd2;border-radius:50%;place-items:center;display:grid;overflow:hidden}.seat-portrait .emblem{border-radius:50%;width:44px;height:44px}.tiderealm,.tiderealm *{cursor:url(/sprites/wand-cursor.png) 5 5,auto}.tiderealm :is(button,select,summary,a,label,.target-vertex,.target-edge,.target-hex,.card-back):not(:disabled),.tiderealm :is(button,summary,a,label) *{cursor:url(/sprites/wand-cursor.png) 5 5,pointer}.tiderealm :is(input:not([type=checkbox]):not([type=radio]),textarea){cursor:text}.tiderealm .board{cursor:url(/sprites/wand-cursor.png) 5 5,grab}.tiderealm .board:active{cursor:grabbing}.spell{z-index:1000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.spell-veil{opacity:0;background:radial-gradient(1.5px 1.5px at 20% 30%,#f4ebd2,#0000) 0 0/180px 180px,radial-gradient(2px 2px at 70% 60%,#f0be4a,#0000) 0 0/240px 240px,radial-gradient(1.5px 1.5px at 40% 80%,#7fd3e8,#0000) 0 0/200px 200px,radial-gradient(2px 2px at 85% 20%,#f4ebd2,#0000) 0 0/260px 260px,radial-gradient(at 45% 45%,#62c3d059,#0000 60%) 0 0/100% 100%,#07161ce6 0 0/100% 100%;animation:1.1s ease-in-out both spell-veil;position:absolute;inset:0}@keyframes spell-veil{0%{opacity:0}35%,45%{opacity:1}to{opacity:0}}.spell-wand{filter:drop-shadow(0 0 18px #7fd3e8cc);width:clamp(120px,14vw,200px);height:auto;animation:1.1s cubic-bezier(.45,.05,.3,1) both spell-wand;position:absolute;top:0;left:0}@keyframes spell-wand{0%{transform:translate(-20vw,75vh)rotate(-35deg)}38%{transform:translate(38vw,30vh)rotate(18deg)}50%{transform:translate(46vw,26vh)rotate(-12deg)}to{transform:translate(110vw,4vh)rotate(8deg)}}.spell-spark{opacity:0;background:radial-gradient(circle,#fff6d8 0 25%,#f0be4a 45%,#0000 70%);border-radius:50%;width:10px;height:10px;animation:.7s ease-out both spell-spark;position:absolute;box-shadow:0 0 12px 3px #f0be4a99}.spell-spark:nth-child(odd){background:radial-gradient(circle,#e9fbff 0 25%,#7fd3e8 45%,#0000 70%);box-shadow:0 0 12px 3px #7fd3e899}@keyframes spell-spark{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(.4)translateY(14px)}}.click-sparks{z-index:1001;pointer-events:none;width:0;height:0;position:fixed}.click-sparks i{background:#f0be4a;border-radius:50%;width:6px;height:6px;animation:.6s ease-out both click-spark;position:absolute;top:-3px;left:-3px;box-shadow:0 0 8px #f0be4a}.click-sparks i:nth-child(2n){background:#7fd3e8;box-shadow:0 0 8px #7fd3e8}@keyframes click-spark{0%{transform:rotate(var(--a)) translateX(2px) scale(1);opacity:1}to{transform:rotate(var(--a)) translateX(26px) scale(.2);opacity:0}}::view-transition-old(root){animation:.3s ease-in both tide-out}::view-transition-new(root){animation:.6s cubic-bezier(.2,.7,.2,1) both tide-in}@keyframes tide-out{to{opacity:.2;filter:blur(4px);transform:scale(.985)}}@keyframes tide-in{0%{clip-path:circle(0 at var(--tide-x,50%) var(--tide-y,50%))}to{clip-path:circle(150vmax at var(--tide-x,50%) var(--tide-y,50%))}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}.spell,.click-sparks{display:none}}.lang-switch{border:1px solid #eaf3f159;border-radius:999px;display:inline-flex;overflow:hidden}.lang-switch button{color:inherit;letter-spacing:.04em;background:0 0;border:0;border-radius:0;padding:.35rem .75rem;font-weight:600}.lang-switch button.on{color:#2a1f00;box-shadow:none;background:#e2a829}.corner{top:calc(.8rem + env(safe-area-inset-top,0px));z-index:5;color:#eaf3f1;position:absolute;right:16px}.corner .lang-switch{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06161c8c}.app{position:relative}.top-compact{display:none}.start-foot{color:var(--muted);justify-content:center;gap:1rem}.start-foot select{background:var(--surface)}@media (width<=760px){.top{padding:.4rem 12px;padding-top:calc(.4rem + env(safe-area-inset-top,0px));justify-content:flex-end}.top h1,.top-full{display:none}.top-compact{justify-content:space-between;width:100%;display:flex}.top-compact .back{padding:.3rem .8rem;font-size:1.1rem}.bot-level{display:none}input,select,textarea{font-size:16px}.seat-card,.lobby-card,.lobby-grid>*{min-width:0}.seat-card select,.lobby-card select{width:100%;min-width:0;max-width:100%}.lobby-card .row{flex-wrap:nowrap}.lobby-card .row>select{flex:auto}}.setup-col{align-content:start;gap:1rem;min-width:0;display:grid}.world-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.world{background:color-mix(in srgb,var(--bg) 40%,transparent);border-radius:12px;justify-items:center;gap:.4rem;padding:.7rem .5rem;display:grid}.world.on{border-color:var(--buoy);box-shadow:inset 0 0 0 1px var(--buoy);background:color-mix(in srgb,var(--buoy) 12%,transparent)}.world img{object-fit:cover;border:2px solid var(--buoy);border-radius:50%;width:56px;height:56px}.world-swatches{grid-template-columns:repeat(5,10px);align-content:center;gap:3px;height:56px;display:grid}.world-swatches span{border-radius:3px;width:10px;height:28px}a.button{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.55rem 1.1rem;font-weight:600;text-decoration:none;display:inline-block}a.button:hover{border-color:var(--accent)}.side-actions{flex-direction:column;gap:.85rem;display:flex}.dice.small+.side-actions{border-top:1px solid var(--line);padding-top:.85rem}.help{gap:.7rem;min-width:min(32rem,80vw);display:grid}.help textarea{font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--line);resize:vertical;border-radius:8px;padding:.6rem}.help-answer{white-space:pre-wrap;background:color-mix(in srgb,var(--accent) 12%,transparent);border-left:3px solid var(--accent);border-radius:10px;padding:.8rem 1rem}@media (width<=760px){.help textarea{font-size:16px}}.brand{color:inherit;align-items:center;gap:.55rem;text-decoration:none;display:flex}.brand img{border-radius:50%;box-shadow:0 0 0 2px #e2a82999}.side-scroll>.side-section:first-child{flex:0 0 min(46%,26rem);min-height:0;overflow:auto}.end-turn{margin-top:1.1rem}.die.rolling{transform-origin:50%;animation:.65s cubic-bezier(.3,.6,.4,1) both tumble}.die.rolling rect{fill:color-mix(in srgb,var(--buoy) 22%,var(--surface))}@keyframes tumble{0%{opacity:.2;transform:translate(-14px,-18px)rotate(-200deg)scale(.6)}45%{opacity:1;transform:translate(4px,4px)rotate(30deg)scale(1.12)}65%{transform:translateY(-6px)rotate(-12deg)scale(1)}82%{transform:translate(0)rotate(6deg)}to{transform:none}}.flight{z-index:900;pointer-events:none;width:40px;height:56px;animation:fly .75s var(--delay,0s) cubic-bezier(.4,.1,.3,1) both;border:2px solid #ffffffb3;border-radius:7px;place-items:center;display:grid;position:fixed;box-shadow:0 6px 16px #00000073}@keyframes fly{0%{opacity:0;transform:translate(0)scale(.4)rotate(-12deg)}15%{opacity:1;transform:translateY(-18px)scale(1.05)}to{transform:translate(var(--dx),var(--dy)) scale(.55) rotate(6deg);opacity:.2}}.cards li{position:relative}.delta{pointer-events:none;border-radius:999px;padding:.05rem .4rem;font-size:.85rem;font-weight:800;animation:1.6s ease-out both delta;position:absolute;top:-.55rem;right:-.3rem}.delta.up{color:#fff;background:#3fa34d}.delta.down{color:#fff;background:#b0392a}@keyframes delta{0%{opacity:0;transform:translateY(6px)scale(.6)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.robber-move{transition:transform .8s cubic-bezier(.45,0,.2,1)}.robber-land{transform-box:fill-box;transform-origin:50% 100%;animation:.45s .75s both land}@keyframes land{0%{transform:scale(1)}40%{transform:scale(1.25,.8)}70%{transform:scale(.92,1.08)}to{transform:none}}@media (prefers-reduced-motion:reduce){.robber-move{transition:none}.robber-land{animation:none}.flight{display:none}}.sound{padding:.3rem .65rem;font-size:1rem;line-height:1}.corner .sound{color:#eaf3f1;background:#06161c8c;border-color:#eaf3f159}.target-vertex:focus-visible,.target-hex:focus-visible{stroke:#fff;stroke-width:5px;filter:drop-shadow(0 0 6px #f0be4a);outline:none}.target-edge:focus-visible{opacity:1;stroke:#fff;filter:drop-shadow(0 0 6px #f0be4a);outline:none}.keys-help{border:1px solid var(--line);background:var(--surface);cursor:help;border-radius:999px;place-items:center;padding:.4rem .9rem;display:inline-grid}.hint-box{background:color-mix(in srgb,var(--buoy) 12%,var(--surface));border-left:3px solid var(--buoy);border-radius:12px;gap:.5rem;padding:.75rem .9rem;font-size:.92rem;display:grid}.hint-box .row{gap:.4rem}.rule-art{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.4rem 0 .7rem;display:flex}.rule-art img{object-fit:cover;border-radius:10px}.rule-art img.round{background:#f4ebd2;border:2px solid #e2a829;border-radius:50%}.rule-art .rule-island{border-radius:50%;-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 72%);mask-image:radial-gradient(circle,#000 60%,#0000 72%)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (width<=760px){.top .brand,.legend,.keys-help{display:none}.board-foot{inset:8px auto auto 8px}.board-foot .stack{background:#0a1e25b3;border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.zoom{gap:.25rem;bottom:8px;right:8px}.zoom button{padding:.3rem .6rem;font-size:.8rem}.seats-strip{padding:.4rem}.seats-strip li{gap:.4rem;min-width:9.5rem;padding:.3rem .45rem}.seats-strip .portrait .emblem{width:34px;height:34px}.seats-strip .meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.setup .person{row-gap:.4rem;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)!important}.setup .person>:first-child{grid-row:span 2;align-self:center}.setup .person input{grid-column:2/span 2;width:100%;min-width:0}.setup .person select{width:100%;min-width:0;max-width:none}}.sheet-handle{display:none}@media (width<=760px){.app:has(>.game){height:100dvh;overflow:hidden}.game{flex-direction:column;display:flex;overflow:hidden}.board-area{flex-direction:column;flex:auto;min-height:0;display:flex}.board-stage{flex:auto;min-height:0}.side{border-left:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;flex:none;max-height:50dvh;transition:max-height .25s;box-shadow:0 -10px 24px #00000059}.side-scroll{padding:.2rem 14px .8rem}.side-scroll>.side-section:first-child{flex:none;min-height:0;overflow:visible}.side-section+.side-section{margin-top:.9rem;padding-top:.9rem}.sheet-handle{background:0 0;border:0;border-radius:16px 16px 0 0;flex:none;place-items:center;width:100%;height:22px;padding:0;display:grid}.sheet-handle span{background:var(--line);border-radius:3px;width:44px;height:5px}}.notify-help{width:100%;margin:0}.notify-on{align-self:center}.roll-die{z-index:5;color:#f4ebd2;background:#0a1e25d9;border:2px solid #e2a829;border-radius:18px;justify-items:center;gap:.3rem;padding:.7rem 1.1rem;font-weight:700;animation:1.8s ease-in-out infinite roll-call;display:grid;position:absolute;bottom:4.2rem;left:50%;transform:translate(-50%);box-shadow:0 0 #e2a82999}.roll-die .die{width:3.6rem;height:3.6rem}@keyframes roll-call{0%,to{box-shadow:0 0 #e2a8298c}50%{box-shadow:0 0 0 12px #e2a82900}}.dice-pop{z-index:6;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--buoy) 45%,var(--line));border-radius:16px;justify-items:start;gap:.7rem;width:min(92%,24rem);padding:1rem 1.1rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px #00000080}.dice-pop .die{width:3rem;height:3rem}.dice-pop:not(:has(button)){justify-items:center;width:auto}@media (prefers-reduced-motion:reduce){.roll-die{animation:none}}.seat-pop,.sheet-line{display:none}.board-area{position:relative}@media (width<=760px){.seats-strip{gap:.35rem}.seats-strip li{cursor:pointer;flex:none;grid-template-columns:auto auto;gap:.3rem;min-width:0;padding:.25rem .45rem .25rem .3rem}.seats-strip .who{display:none}.seats-strip li.open{box-shadow:0 0 0 2px var(--seat)}.seats-strip .pts{font-size:1.15rem}.seat-pop{z-index:7;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--seat);border-radius:12px;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;display:flex;position:absolute;top:4.1rem;left:8px;right:8px;box-shadow:0 10px 26px #00000073}.seat-pop .who{flex:1;gap:.15rem;min-width:0;font-size:.9rem;display:grid}.seat-pop .name{font-weight:700}.seat-pop .titles{color:#e2a829;font-weight:600}.side.line{max-height:none}.side.line .side-scroll,.side.line>.chat{display:none}.side.line .sheet-line{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:.6rem;width:100%;padding:.15rem 14px .75rem;font-weight:600;display:flex}.sheet-line .line-status{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sheet-line .line-hand{gap:.25rem;display:flex}.sheet-line .chip{color:#10272f;border-radius:6px;align-items:center;gap:.1rem;padding:.1rem .3rem;font-size:.8rem;display:flex}.sheet-line .chev{color:var(--buoy);font-size:.9rem}.side.line:has(.sheet-line.act){animation:1.8s ease-in-out infinite your-move;box-shadow:0 -10px 24px #00000059,inset 0 2px #e2a829}@keyframes your-move{50%{box-shadow:0 -10px 24px #00000059,inset 0 3px #f0be4a,0 -6px 18px #e2a82959}}.roll-die{bottom:3.6rem}}.target-hit{fill:#0000;stroke:#0000;cursor:pointer}.target-vertex,.target-edge{pointer-events:none}.target-hit:hover+*,.board .target-hit:focus-visible{outline:none}.target-hit:focus-visible{stroke:#fff;stroke-opacity:.55;filter:drop-shadow(0 0 6px #f0be4a)}circle.target-hit:focus-visible{stroke-width:3px}.tiderealm .target-hit{cursor:url(/sprites/wand-cursor.png) 5 5,pointer}g:hover>.target-edge{opacity:1}g:has(>.target-hit:focus-visible)>.target-edge{opacity:1}.dice-who{margin:0;font-size:.9rem;font-weight:600}.sheet-line .line-dice{white-space:nowrap;font-weight:700}.die.painted .pip{fill:#163a45;stroke:#c9a44a;stroke-width:.55px;filter:drop-shadow(0 .4px .4px #00000080)}.die.painted.rolling image{filter:brightness(1.08)saturate(1.1)}.die.painted rect{display:none}.game-bar{border-bottom:1px solid var(--line);background:#0a1e25eb;align-items:center;gap:.4rem;display:flex}.game-bar .seats-strip{background:0 0;border-bottom:0;flex:1;min-width:0}.bar-exit,.bar-settings,.settings-pop{display:none}@media (width<=760px){.app:has(>.game)>.top{display:none}.game-bar{padding:calc(.3rem + env(safe-area-inset-top,0px)) 6px .3rem}.bar-exit,.bar-settings{background:var(--surface);width:2.4rem;height:2.4rem;color:var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.15rem;display:grid}.game-bar .seats-strip{scrollbar-width:none;padding:.1rem 0;overflow-x:auto}.settings-pop{z-index:20;background:color-mix(in srgb,var(--surface) 97%,transparent);border:1px solid var(--line);border-radius:14px;gap:.45rem;width:min(17rem,100% - 16px);padding:.75rem;display:grid;position:absolute;top:3.4rem;right:8px;box-shadow:0 14px 34px #00000080}.settings-pop>button,.settings-pop>a,.settings-pop .lang-switch,.settings-pop>.sound{text-align:center;justify-content:center;width:100%}.settings-pop .lang-switch{display:flex}.settings-pop .lang-switch button{flex:1}.settings-pop .notify-help,.settings-pop .stop-game p{font-size:.85rem}.side-tools,.grid-btn{display:none}.seat-pop{top:3.2rem}.side.line .sheet-line{grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;display:grid}.sheet-line .line-dice{justify-content:center;gap:.2rem;display:flex}.sheet-line .line-dice .die{width:1.4rem;height:1.4rem}}.dice-pop{padding-top:1.4rem}.dice-grip{cursor:grab;height:1.3rem;color:var(--muted);letter-spacing:.2em;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:16px 16px 0 0;place-items:center;font-size:.9rem;display:grid;position:absolute;top:0;left:0;right:0}.dice-grip:active{cursor:grabbing;color:var(--buoy)}.tiderealm .dice-grip{cursor:grab}.sound.music:not(.on){opacity:.55}@media (width<=760px){.roll-die{border-radius:999px;grid-auto-flow:column;align-items:center;gap:.35rem;padding:.12rem .7rem .12rem .15rem;font-size:.85rem;line-height:1;bottom:8px;left:8px;right:auto;transform:none}.roll-die .die{width:1.75rem;height:1.75rem}.side .handover{z-index:40;background:var(--surface);text-align:center;border:2px solid #e2a829;border-radius:18px;justify-items:center;width:min(88vw,22rem);margin:0;padding:1.4rem 1.2rem;position:fixed;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #040c10c7,0 20px 50px #0009}.side .handover .swatch.big{margin:0 auto}}.handover-hero{width:88px;height:88px;box-shadow:0 0 0 4px var(--seat),0 8px 20px #00000073;background:#f4ebd2;border-radius:50%;place-items:center;margin:0 auto;display:grid;overflow:hidden}.handover-hero .emblem{border-radius:50%;width:88px;height:88px}.quick-actions,.board-actions{display:none}@media (width<=760px){.side.line .quick-actions{flex-wrap:wrap;gap:.35rem;padding:.2rem 12px .1rem;display:flex}.quick-actions{align-items:center}.quick-actions button{padding:.35rem .7rem;font-size:.85rem}.quick-actions .qa-card{border-color:#e2a829;align-items:center;gap:.3rem;display:flex}.quick-actions .qa-end{margin-left:auto}.board-actions{z-index:6;gap:.4rem;display:flex;position:absolute;bottom:8px;left:8px}.board-actions button{color:#f4ebd2;background:#0a1e25e6;border:2px solid #e2a829;border-radius:12px;padding:.5rem .9rem;font-weight:700}.board-actions button:disabled{border-color:var(--line);color:var(--muted)}.board-actions button.on{color:#0e2e39;background:#e2a829}.qa-build{position:relative}.qa-pop{z-index:30;background:var(--surface);border:1px solid #e2a829;border-radius:12px;gap:.3rem;min-width:8.5rem;padding:.4rem;display:grid;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 10px 28px #00000080}.board-actions .qa-pop button{text-align:left;border-width:1px;font-weight:600}.board-actions .qa-pop .qa-deck{justify-self:start;place-items:center;padding:.3rem .6rem;display:grid}.qa-deck span{background:url(/sprites/emblem.webp) 50%/80% no-repeat,linear-gradient(160deg,#1e5a6e,#0e2e39);border:1.5px solid #e2a829;border-radius:3px;width:20px;height:28px;display:block}.qa-deck:disabled span{opacity:.45}}@media (width>=761px){:is(.dice-pop,.dice-pop:not(:has(button))){text-align:center;align-content:center;justify-items:center;width:24rem;height:16rem;overflow:auto}.dice-pop .row{justify-content:center}}