:root{--bg: #0f1315;--panel: #1a2024;--panel-2: #232c31;--panel-3: #2c373d;--line: #33414a;--text: #ece6da;--muted: #93a3ad;--brass: #d4a344;--brass-dim: #8a6a24;--ink-on-brass: #17130a;--ember: #e2683c;--danger: #e2683c;--ice: #cfe0e8;--sea: #1d3a4a;--p0: #d4553f;--p1: #4e93d6;--p2: #5fae70;--p3: #e0b64a;--skogur: #31603a;--hagi: #97b155;--fjordur: #286a8c;--myri: #57452e;--raudamyri: #ad5a2b;--jokull: #ccdae2;--vidur: #31603a;--torf: #57452e;--ull: #cfc3a8;--fiskur: #286a8c;--jarn: #ad5a2b;--display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ease: cubic-bezier(.2, .8, .3, 1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--ui);font-size:16px;overscroll-behavior:none;-webkit-font-smoothing:antialiased}h1,h2,h3,.display{font-family:var(--display);font-weight:600}.num,.pchip .pts,.good .n,.pip{font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}.app{height:100dvh;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.btn{min-height:48px;padding:0 18px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform 80ms ease,background .12s ease}.btn:active{transform:scale(.97)}.btn.primary{background:var(--brass);color:var(--ink-on-brass);border-color:var(--brass);font-weight:600}.btn.primary:active{background:var(--brass-dim)}.btn.ghost{background:transparent}.btn.wide{width:100%}.btn[disabled]{opacity:.38;pointer-events:none}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.home{flex:1;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:24px 22px;max-width:520px;width:100%;margin:0 auto}.home h1{font-family:var(--display);font-size:44px;margin:0;letter-spacing:.02em;color:var(--brass);line-height:1}.home .gamename{font-family:var(--display);font-size:19px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:8px 0 0}.home .tagline{color:var(--muted);margin:0;line-height:1.5}.home .brandmark{align-self:flex-start;animation:markin .7s var(--ease) both}@keyframes markin{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}.home .signedin{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:7px 8px 7px 12px}.home .roster{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;color:var(--muted)}.home .roster span:after{content:" ·";opacity:.4}.home .roster span:last-child:after{content:""}.home>*{animation:risein .48s var(--ease) both}.home>*:nth-child(2){animation-delay:60ms}.home>*:nth-child(3){animation-delay:.1s}.home>*:nth-child(4){animation-delay:.15s}.home>*:nth-child(5){animation-delay:.2s}.home>*:nth-child(6){animation-delay:.24s}@keyframes risein{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.topbar{display:flex;gap:5px;padding:5px 7px;align-items:stretch;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel) 0%,#161c20 100%)}.topback{min-height:0;width:22px;padding:0;font-size:22px;line-height:1;color:var(--muted);flex:0 0 auto}.pchip{flex:1;min-width:0;border-radius:9px;padding:4px 6px 4px 8px;background:var(--panel-2);border-left:5px solid var(--pc);display:flex;flex-direction:column;gap:0;line-height:1.1}.pchip.active{background:var(--panel-3);box-shadow:inset 0 0 0 1.5px var(--brass)}.pchip.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;box-shadow:0 0 #d4a34455;animation:turnpulse 2.4s ease-out infinite;pointer-events:none}@keyframes turnpulse{0%{box-shadow:0 0 #d4a34466}70%{box-shadow:0 0 0 7px #d4a34400}to{box-shadow:0 0 #d4a34400}}.pchip{position:relative}.pchip .nm{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pc);font-weight:600}.pchip.active .nm{color:var(--text)}.pchip .pts{font-size:18px;font-weight:700}.pchip .meta{font-size:10px;color:var(--muted);display:flex;gap:5px;align-items:center}.pchip .titles{display:inline-flex;gap:3px}.pchip .titles i{width:6px;height:6px;border-radius:2px;background:var(--brass);display:block}.boardwrap{flex:1;position:relative;overflow:hidden;touch-action:none;background:radial-gradient(130% 95% at 50% 40%,#17323f,#0d1b23 62%,#091218)}.boardwrap svg{width:100%;height:100%;display:block}.hex-label{font-family:Iowan Old Style,Georgia,serif;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.hex-hot{fill:var(--danger)}.hex-num{fill:#1a1208}.numdisc{fill:#efe3c8;stroke:#0006;stroke-width:2}.hex-shape{stroke:#08131a;stroke-width:3}.hex-shape.blocked{opacity:.45}.hex-tap{fill:transparent;cursor:pointer}.hex-tap.target{fill:#ffffff18;stroke:var(--brass);stroke-width:4;stroke-dasharray:10 8;cursor:pointer}.port-line{stroke:#c9a227aa;stroke-width:6;stroke-linecap:round}.port-badge{fill:#101619;stroke:#c9a227aa;stroke-width:2}.port-text{font-size:26px;fill:var(--brass);text-anchor:middle;dominant-baseline:central;font-weight:700}.road{stroke-linecap:round;stroke-width:19}.boat{stroke-linecap:round;stroke-width:13;stroke-dasharray:26 16}.boat-ghost{stroke:#ffffff40;stroke-width:13;stroke-linecap:round;stroke-dasharray:22 14;cursor:pointer}.boat-ghost:active{stroke:var(--brass)}.road-ghost{stroke:#ffffff4d;stroke-width:17;stroke-linecap:round;cursor:pointer}.road-ghost:active{stroke:var(--brass)}.bldg{stroke:#08131a;stroke-width:4;animation:settle .38s var(--ease);transform-box:fill-box;transform-origin:center}@keyframes settle{0%{transform:translateY(-16px) scale(.6);opacity:0}70%{transform:translateY(0) scale(1.09);opacity:1}to{transform:none}}.road,.boat{animation:draw .32s var(--ease)}@keyframes draw{0%{opacity:0;stroke-width:4}to{opacity:1}}.volcano{animation:erupt .62s var(--ease);transform-box:fill-box;transform-origin:50% 90%}@keyframes erupt{0%{transform:scale(.5) translateY(10px);opacity:0}45%{transform:scale(1.14) translateY(-3px);opacity:1}70%{transform:scale(.97) rotate(-2deg)}85%{transform:scale(1.02) rotate(1.5deg)}to{transform:none}}.hex-lit{animation:lit .9s var(--ease)}@keyframes lit{0%,to{opacity:.25}40%{opacity:1}}.vertex-ghost{fill:#fff3;stroke:var(--brass);stroke-width:3;cursor:pointer}.vertex-pillar{fill:none;stroke:#fff8;stroke-width:3;stroke-dasharray:4 5}.eldfjall-mark{fill:#0d1215;stroke:var(--brass);stroke-width:3}.hud{background:var(--panel);border-top:1px solid var(--line);padding:8px 10px calc(8px + var(--safe-bottom));display:flex;flex-direction:column;gap:8px}.hand{display:flex;gap:6px}.good{position:relative;flex:1;border-radius:11px;background:var(--panel-2);background:color-mix(in srgb,var(--gc) 16%,var(--panel-2));border:1px solid var(--line);border-color:color-mix(in srgb,var(--gc) 38%,var(--line));padding:6px 2px 5px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;transition:background .22s var(--ease),border-color .22s var(--ease)}.good.zero{background:var(--panel-2);border-color:var(--line);opacity:.45}.good .ic{color:var(--gc);display:block;line-height:0}.good.zero .ic{color:var(--muted)}.good .n{font-size:17px;font-weight:700;line-height:1.05}.good .lbl{font-size:9.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.good.gained{animation:goodflash .7s var(--ease)}@keyframes goodflash{0%{background:color-mix(in srgb,var(--gc) 60%,var(--panel-2))}to{background:color-mix(in srgb,var(--gc) 16%,var(--panel-2))}}.good .float{position:absolute;top:-4px;left:50%;font-size:13px;font-weight:700;color:var(--gc);animation:floatup .9s var(--ease) forwards;pointer-events:none;text-shadow:0 1px 3px #000a}@keyframes floatup{0%{opacity:0;transform:translate(-50%,6px)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-22px)}}.actions{display:flex;gap:6px}.actions .btn{flex:1;min-height:54px;padding:5px 4px 4px;flex-direction:column;gap:2px;font-size:11px;line-height:1.1;font-family:var(--ui)}.actions .btn .ic{line-height:0}.actions .btn.primary .ic{color:var(--ink-on-brass)}.badge{position:absolute;top:4px;right:6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--ember);color:#fff;font-size:10.5px;font-weight:700;display:inline-grid;place-items:center}.actions .btn{position:relative}.prompt{transition:background .2s var(--ease);background:var(--brass);color:#17130a;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px}.prompt.quiet{background:var(--panel-2);color:var(--text);font-weight:400}.prompt .dice{display:flex;gap:4px}.pip{width:27px;height:27px;border-radius:7px;background:#f2ecdd;color:var(--ink-on-brass);display:grid;place-items:center;font-weight:700;font-size:15px;box-shadow:0 1px #0006}.pip.rolled{animation:tumble .52s var(--ease)}@keyframes tumble{0%{transform:translateY(-9px) rotate(-38deg) scale(.8);opacity:.2}55%{transform:translateY(2px) rotate(8deg) scale(1.06);opacity:1}to{transform:none}}.logline{font-size:12px;color:var(--muted);min-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a8;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{width:100%;max-width:560px;background:var(--panel);border-radius:18px 18px 0 0;border-top:1px solid var(--line);padding:14px 16px calc(18px + var(--safe-bottom));max-height:86dvh;overflow-y:auto;animation:rise .18s ease-out}@keyframes rise{0%{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}.sheet h2{margin:0 0 10px;font-size:20px}.sheet h3{margin:14px 0 6px;font-size:14px;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.buyrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);width:100%;text-align:left;min-height:58px}.buyrow[disabled]{opacity:.4}.buyrow .t{flex:1}.buyrow .t .nm{font-size:16px}.buyrow .t .cost{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center;margin-top:3px}.cost .c{display:inline-flex;align-items:center;gap:3px}.cost .dot{width:9px;height:9px;border-radius:2px;display:inline-block}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pick{border-radius:10px;background:var(--panel-2);border:1px solid var(--line);padding:9px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;min-height:62px}.pick.on{border-color:var(--brass);background:#33404b}.pick[disabled]{opacity:.35}.pick .sw{width:22px;height:22px;border-radius:5px}.pick .n{font-size:12px;color:var(--muted)}.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:34px;height:34px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);font-size:18px}.stepper .v{min-width:20px;text-align:center;font-weight:700}.cardrow{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);margin-bottom:8px}.cardrow{align-items:flex-start}.cardrow .t{flex:1;min-width:0}.cardrow .t .nm{display:block;font-weight:600;font-size:15.5px}.cardrow .t .eff{display:block;font-size:12.5px;color:var(--text);opacity:.85;margin-top:3px}.cardrow .t .hl{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.4;font-style:italic}.cardrow .actions{display:flex;flex-direction:column;gap:6px}.cardrow.fresh{opacity:.5}.doc{padding:18px 20px 60px;overflow-y:auto;flex:1;line-height:1.55;max-width:640px;margin:0 auto;width:100%}.doc h2{color:var(--brass);font-size:22px;margin:26px 0 8px}.doc h3{font-size:16px;margin:18px 0 6px}.doc p{margin:8px 0}.doc ul{margin:8px 0;padding-left:20px}.doc li{margin:4px 0}.doc table{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px}.doc th,.doc td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.doc th{color:var(--muted);font-weight:600}.final{padding:6px 0}.final .rank{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:var(--panel-2);margin-bottom:6px;border-left:4px solid var(--pc)}.final .rank .nm{flex:1}.final .rank .pts{font-weight:700;font-size:18px}.final .rank.win{background:#3a3115}.seatcard{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);border-left:4px solid var(--pc);min-height:56px}.seatcard .nm{flex:1}.seatcard.empty{opacity:.5;border-left-color:var(--line)}.code{font-size:30px;letter-spacing:.32em;text-align:center;background:var(--panel-2);border-radius:12px;padding:14px;border:1px solid var(--line);font-weight:700;color:var(--brass)}.codeinput{width:100%;font:inherit;font-size:26px;letter-spacing:.28em;text-align:center;text-transform:uppercase;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px}.zoomhint{position:absolute;left:50%;transform:translate(-50%);top:8px;z-index:5;background:#000000b8;border:1px solid var(--line);color:var(--text);padding:5px 12px;border-radius:999px;font-size:12.5px;pointer-events:none}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(96px + var(--safe-bottom));z-index:30;background:#000000d8;border:1px solid var(--line);color:var(--text);padding:10px 16px;border-radius:10px;font-size:14px;max-width:88vw;text-align:center}@media (min-width: 720px){.topbar{padding:10px 16px}.hud{padding:12px 16px calc(12px + var(--safe-bottom))}.actions .btn{font-size:16px}}