:root{--paper: #efe4c8;--paper-2: #e6d7b3;--paper-3: #d9c69a;--land: #eadcb6;--land-edge: #c9ae78;--sea: #bfd0c4;--sea-line: #5f7f78;--coast: #5a4632;--river: #4f7a8a;--grid: #8a7350;--ink: #2d2216;--ink-soft: #6b5a45;--ink-faint: #9a8668;--accent: #8d2b1f;--accent-2: #b4452f;--gold: #b48a2e;--ok: #3e6b2f;--shadow: 0 1px 0 rgba(255, 250, 235, .6) inset, 0 6px 18px -8px rgba(45, 34, 22, .55);--radius: 6px;--serif: "EB Garamond", Georgia, "Times New Roman", serif;--display: "IM Fell English SC", "IM Fell English", Georgia, serif;--fell: "IM Fell English", Georgia, serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#3a2c1b;color:var(--ink);font-family:var(--serif);font-size:17px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}.paper{background:var(--paper) url(/paper.svg);background-blend-mode:multiply;border:1px solid #b59c6c;border-radius:var(--radius);box-shadow:var(--shadow)}.btn{appearance:none;border:1.5px solid var(--ink);background:linear-gradient(#f6edd6,#e3d2a9);color:var(--ink);border-radius:4px;padding:.5em 1.1em;font-family:var(--display);font-size:1.02rem;letter-spacing:.03em;cursor:pointer;box-shadow:0 2px 0 var(--ink);transition:transform .08s,box-shadow .08s,filter .15s;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(#a8392a,#7f2418);color:#fbf1dc;border-color:#4d140c;box-shadow:0 2px #4d140c}.btn.small{padding:.25em .7em;font-size:.9rem}.btn.wide{width:100%}.link{appearance:none;background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.input{width:100%;border:1.5px solid var(--ink-soft);background:#fbf6e7;border-radius:4px;padding:.55em .75em;font-size:1.05rem}.input:focus,.btn:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{appearance:none;width:34px;height:34px;display:inline-grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper);cursor:pointer;font-size:1.05rem;line-height:1;box-shadow:0 1px 0 var(--ink)}.label{font-family:var(--display);font-size:.95rem;letter-spacing:.06em;color:var(--ink-soft)}.hint{color:var(--ink-soft);font-style:italic}h1,h2,h3{font-family:var(--display);font-weight:400;margin:0}.ornament{display:flex;align-items:center;gap:.6em;color:var(--ink-faint)}.ornament:before,.ornament:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ink-faint),transparent)}.home{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse at 50% 30%,#5a4428,#2a1f12 75%)}.home-card{width:min(440px,100%);padding:28px 26px 22px;display:grid;gap:18px;text-align:center}.title{font-family:var(--display);font-size:clamp(2.3rem,9vw,3.1rem);line-height:1;color:var(--accent);text-shadow:0 1px 0 #fff6dd}.subtitle{font-family:var(--fell);font-style:italic;color:var(--ink-soft);margin-top:6px}.home-section{display:grid;gap:10px;text-align:left}.join{display:flex;gap:8px}.join .input{text-transform:uppercase;letter-spacing:.25em;font-family:var(--display);text-align:center}.greeting{margin:0;color:var(--ink-soft)}.engine-art{width:150px;margin:0 auto -6px;display:block}.room{height:100%;display:grid;grid-template-rows:auto 1fr auto;background:#2f2416;overflow:hidden}.topbar{display:flex;align-items:center;gap:10px;padding:6px 10px;background:linear-gradient(#f1e6ca,#ddca9d);border-bottom:2px solid var(--ink);min-width:0}.topbar .brand{font-family:var(--display);color:var(--accent);font-size:1.25rem;white-space:nowrap}.room-code{font-family:var(--display);letter-spacing:.18em;background:#fbf3dc;border:1px dashed var(--ink-soft);border-radius:3px;padding:1px 8px;cursor:pointer;white-space:nowrap}.topbar .spacer{flex:1}.topbar .tools{display:flex;gap:6px}.players{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0}.player{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;padding:3px 9px 3px 5px;border:1.5px solid transparent;border-radius:5px;background:#fffaeb80;min-width:128px;transition:border-color .2s,background .2s}.player.turn{border-color:var(--ink);background:#fff8e4;box-shadow:0 0 0 3px #8d2b1f40}.player.turn:after{content:"";position:absolute;left:50%;bottom:-6px;translate:-50% 0;border:5px solid transparent;border-top-color:var(--ink);border-bottom:0}.player.offline{opacity:.55}.player.left{opacity:.4;text-decoration:line-through}.player .swatch{grid-row:span 2;width:22px;height:22px;border-radius:50%;border:2px solid var(--ink)}.player .pname{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.player .pstats{font-size:.78rem;color:var(--ink-soft);white-space:nowrap;display:flex;gap:7px}.player .score{font-family:var(--display);color:var(--accent);font-size:.95rem}.player .kick{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;border:1px solid var(--ink);background:var(--paper);font-size:11px;line-height:1;cursor:pointer;display:none}.player:hover .kick,.player:focus-within .kick{display:grid;place-items:center}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok)}.dot.off{background:#b0a080}.main{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 320px;min-height:0}.map-wrap{position:relative;min-width:0;min-height:0;background:#2f2416}.side{display:flex;flex-direction:column;min-height:0;background:linear-gradient(90deg,#d8c597,var(--paper) 14px);border-left:2px solid var(--ink);overflow:hidden}.side-section{padding:10px 12px;border-bottom:1px solid #c0a776}.side-section h3{font-size:1rem;margin-bottom:6px;display:flex;justify-content:space-between;align-items:baseline}.panzoom{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.panzoom:active{cursor:grabbing}.panzoom-inner{position:absolute;left:0;top:0;transform-origin:0 0}.board-svg{display:block;width:100%;height:100%}.zoom-buttons{position:absolute;right:10px;bottom:10px;display:grid;gap:6px}.sea-names text{font-family:var(--fell);font-style:italic;fill:#46655f;letter-spacing:.35em;opacity:.8}.cartouche-title{font-family:var(--display);font-size:30px;fill:var(--accent)}.cartouche-sub{font-family:var(--fell);font-style:italic;font-size:13px;fill:var(--ink-soft)}.compass-n{font-family:var(--display);font-size:15px;fill:var(--ink)}.route .track{fill:none;stroke:#3b2c1c;stroke-width:2.6;opacity:.55}.route .track-ties{fill:none;stroke:#efe3c2;stroke-width:1.1;stroke-dasharray:4 4;opacity:.6}.route.ferry .track{stroke:#2d5866;stroke-dasharray:6 4;stroke-width:1.8}.route.ferry .track-ties{display:none}.route.is-tunnel .track{stroke-dasharray:2 3}.car{stroke:#2a1f14;stroke-width:1.1;opacity:.9}.car.tunnel{stroke-width:2.2;stroke-dasharray:3 2}.loco-mark{fill:#fff7e2;stroke:#2a1f14;stroke-width:1.2}.route.blocked .car{opacity:.3}.route .hit{fill:none;stroke:transparent;stroke-width:16;cursor:pointer;pointer-events:stroke}.route:hover .car{filter:brightness(1.12)}.route.affordable .car{animation:glow 2.2s ease-in-out infinite}@keyframes glow{0%,to{stroke:#2a1f14;stroke-width:1.1}50%{stroke:#fff6c8;stroke-width:2.4}}.route.selected .car,.route.selected .train rect:first-child{stroke:#fff;stroke-width:3}.halo{fill:none;stroke-width:24;stroke-linecap:round;opacity:.5}.halo.mine{opacity:.75}.claimed-layer .selected{filter:brightness(1.25) drop-shadow(0 0 4px #fff)}.tf-line-under{fill:none;stroke:#fff8e6;stroke-width:8;stroke-linecap:round;opacity:.9}.tf-line{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:.1 11;animation:march 1.2s linear infinite}@keyframes march{to{stroke-dashoffset:-11.1}}.tf-ring{fill:#fff8e659;stroke:var(--accent);stroke-width:4}.tf-pulse{fill:var(--accent);opacity:0;transform-box:fill-box;transform-origin:center;animation:ping 1.8s ease-out infinite}.tf-pulse.late{animation-delay:.9s}@keyframes ping{0%{opacity:.45;transform:scale(.8)}to{opacity:0;transform:scale(2.8)}}.tf-banner{animation:banner .35s cubic-bezier(.2,1.5,.4,1) both}@keyframes banner{0%{transform:translateY(-20px) scale(.6);opacity:0}}.tf-banner path:first-child{fill:#fbf3dc;stroke:var(--accent);stroke-width:2.2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.tf-banner text{font-family:var(--display);font-size:23px;fill:var(--accent)}.tf-pin{fill:var(--accent)}.train[data-fresh]{animation:drop .45s cubic-bezier(.2,1.5,.4,1) both}@keyframes drop{0%{transform:translateY(-26px) scale(1.25);opacity:0}}.puff{fill:#fdfaf0;stroke:#b8ab92;stroke-width:.6;opacity:0;animation:puff 1.4s ease-out both}@keyframes puff{0%{opacity:0;transform:translate(0) scale(.4)}20%{opacity:.9}to{opacity:0;transform:translate(var(--dx),-34px) scale(1.8)}}.city{cursor:pointer}.city-outer{fill:#fbf4dd;stroke:var(--ink);stroke-width:1.6}.city-inner{fill:var(--accent)}.city.selected .city-outer{stroke:var(--accent);stroke-width:3}.city .hit{fill:transparent}.city-label{font-family:var(--display);font-size:var(--label-size, 18px);fill:var(--ink);paint-order:stroke;stroke:#f4e9cc;stroke-width:.25em;stroke-linejoin:round;pointer-events:none}.station{pointer-events:none;animation:pop .4s cubic-bezier(.2,1.6,.4,1) both}@keyframes pop{0%{transform:scale(0)}}.card{--ink-c: #999;position:relative;width:60px;height:88px;flex:none;padding:0;border-radius:7px;border:1.5px solid var(--ink);background:linear-gradient(160deg,#fbf4de,#e8d8af);box-shadow:0 2px #00000059,0 4px 10px -4px #0006;display:block;overflow:hidden}.card-face{position:absolute;inset:3px;border-radius:4px;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 18%,rgba(255,255,255,.38),transparent 58%),repeating-linear-gradient(135deg,rgba(0,0,0,.08) 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 120%,rgba(0,0,0,.35),transparent 70%),var(--ink-c);box-shadow:inset 0 0 0 1px #00000073,inset 0 0 0 3px #fff8e48c,inset 0 0 0 4px #0003}.card-face:before,.card-face:after{content:"";position:absolute;width:6px;height:6px;background:#fff8e4cc;transform:rotate(45deg)}.card-face:before{top:7px;left:7px}.card-face:after{top:7px;right:7px}.card-face svg{width:88%;margin-top:-10%;filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.3))}.card-name{position:absolute;left:4px;right:4px;bottom:5px;padding:1px 0;font-family:var(--display);font-size:9px;letter-spacing:.12em;text-align:center;color:#fbf3dc;background:#1e140a73;border-top:1px solid rgba(255,248,228,.5);border-bottom:1px solid rgba(255,248,228,.5);white-space:nowrap;overflow:hidden}.card[data-color=white] .card-name,.card[data-color=yellow] .card-name{color:var(--ink);background:#fffaeb8c;border-color:#281e1459}.card.loco .card-face{background:radial-gradient(ellipse at 30% 18%,rgba(255,255,255,.4),transparent 58%),repeating-linear-gradient(135deg,rgba(0,0,0,.08) 0 1px,transparent 1px 4px),linear-gradient(160deg,#b3362b,#d77a2c 20%,#e2bd3d 38%,#4c7a37,#2c5d8c 78%,#8e4b86)}.card.loco .card-name{background:linear-gradient(90deg,#6e4d12,#b48a2e,#6e4d12);color:#fff6d8}.card.loco .card-face:before,.card.loco .card-face:after{background:#f5d77c}.card .count{position:absolute;right:2px;top:2px;min-width:21px;height:21px;border-radius:11px;background:radial-gradient(circle at 35% 30%,#fffaf0,#ecdcb4);border:1.5px solid var(--ink);box-shadow:0 1px #0006;font-family:var(--display);font-size:.9rem;line-height:1;color:var(--ink);display:grid;place-items:center;padding:0 4px;z-index:1}button.card{cursor:pointer;transition:transform .15s,box-shadow .15s}button.card:hover:not(:disabled){transform:translateY(-5px) rotate(-1.5deg);box-shadow:0 2px #00000059,0 10px 16px -6px #00000080}button.card:disabled{cursor:not-allowed;filter:saturate(.55) brightness(.92)}.card.back{background:radial-gradient(circle at 50% 50%,transparent 0 17px,#d9b65c 17px 18.5px,transparent 18.5px),repeating-linear-gradient(45deg,#6e2a1d 0 5px,#7c3122 5px 10px);box-shadow:inset 0 0 0 3px #6e2a1d,inset 0 0 0 4px #d9b65c,0 2px #00000059;display:grid;place-items:center}.card.back:after{content:"R·E";font-family:var(--display);color:#f3dcb4;font-size:.95rem;border:1px solid #d9b65c;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#5e2116}.hand .card{margin-right:-2px}.hand .card:hover{transform:translateY(-4px);transition:transform .15s}.market{display:flex;gap:6px;flex-wrap:wrap}.market .card{width:50px;height:74px}.deck-row{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:.85rem;color:var(--ink-soft)}.deck-row .card{width:50px;height:74px}.hand-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(#e5d4a8,#d6c08d);border-top:2px solid var(--ink);min-height:104px;overflow-x:auto}.hand{display:flex;gap:8px}.hand-info{display:grid;gap:3px;font-size:.9rem;white-space:nowrap}.hand-info strong{font-family:var(--display);font-weight:400}.turn-banner{margin-left:auto;font-family:var(--display);font-size:1.1rem;text-align:right;white-space:nowrap}.turn-banner.mine{color:var(--accent)}.flyer{position:fixed;z-index:50;pointer-events:none;margin:0}.ticket{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 12px 7px 14px;background:repeating-radial-gradient(circle at 0 50%,transparent 0 7px,rgba(141,43,31,.045) 7px 8px),linear-gradient(#fdf7e6,#f3e6c4);border:1px solid #b49b6a;border-radius:4px;box-shadow:0 1px #00000026;text-align:left;transition:transform .15s,box-shadow .15s,outline-color .15s;outline:2px solid transparent;outline-offset:1px}.ticket:before,.ticket:after{content:"";position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--paper);border:1px solid #b49b6a;translate:0 -50%}.ticket:before{left:-7px;clip-path:inset(0 0 0 50%)}.ticket:after{right:-7px;clip-path:inset(0 50% 0 0)}.t-map{width:64px;height:40px;border:1px solid var(--ink-soft);border-radius:2px;background:#c6d5c9;box-shadow:inset 0 0 0 2px #fbf3dc;display:block}.t-body{display:grid;line-height:1.05;min-width:0}.t-kicker{font-family:var(--display);font-size:.66rem;letter-spacing:.22em;color:var(--ink-faint);text-transform:uppercase}.t-city{font-family:var(--display);font-size:1.02rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-to{font-family:var(--fell);font-style:italic;font-size:.75rem;color:var(--ink-faint);margin:-1px 0}.t-side{display:grid;justify-items:center;gap:4px}.t-points{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:1.15rem;color:var(--accent);border:2px solid var(--accent);box-shadow:inset 0 0 0 2px #fbf3dc,inset 0 0 0 3px #8d2b1f99;rotate:-8deg;background:#fffaeb99}.ticket.long{background:repeating-radial-gradient(circle at 0 50%,transparent 0 7px,rgba(180,138,46,.09) 7px 8px),linear-gradient(#fbefc9,#ecd391);border-color:var(--gold)}.ticket.long .t-kicker{color:#8a6418}.ticket.long .t-points{color:#7a5410;border-color:#9b7020}.ticket.done{background:repeating-radial-gradient(circle at 0 50%,transparent 0 7px,rgba(62,107,47,.07) 7px 8px),linear-gradient(#eef3df,#d9e6c3);border-color:var(--ok)}.ticket.done .t-points{color:var(--ok);border-color:var(--ok)}.ticket.done .t-kicker:after{content:" ✓";color:var(--ok)}.ticket.failed{background:linear-gradient(#f6e0d6,#ecc9ba)}.ticket.failed .t-points{text-decoration:line-through}.ticket.clickable{cursor:pointer}.ticket.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 12px -6px #00000073}.ticket.focused{outline-color:var(--accent);box-shadow:0 6px 14px -6px #8d2b1f99}.ticket.returned{opacity:.55;filter:grayscale(.6)}.ticket.big{padding:10px 14px 10px 16px}.ticket.big .t-map{width:104px;height:64px}.ticket.big .t-city{font-size:1.25rem}.ticket.big .t-points{width:44px;height:44px;font-size:1.4rem}.keep-toggle{appearance:none;border:1.5px solid var(--ink);border-radius:12px;padding:1px 9px;font-family:var(--display);font-size:.8rem;background:#fbf3dc;cursor:pointer;white-space:nowrap}.keep-toggle.on{background:var(--ok);border-color:#1e3b16;color:#fff}.ticket-list{display:grid;gap:7px;max-height:230px;overflow-y:auto;padding:3px 8px}.ticket-panel{position:absolute;z-index:12;left:12px;top:12px;bottom:12px;width:min(400px,calc(100% - 24px));display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;animation:slide-in .35s cubic-bezier(.2,1,.3,1) both}@keyframes slide-in{0%{transform:translate(-30px);opacity:0}}.ticket-panel h2{font-size:1.45rem;color:var(--accent)}.ticket-panel .choices{display:grid;gap:9px;overflow-y:auto;padding:3px 9px;min-height:0}.ticket-panel .panel-foot{margin-top:auto;display:flex;align-items:center;gap:8px}.ticket-panel .collapse{display:none}.tabs{display:flex;border-bottom:1px solid #c0a776}.tabs button{flex:1;appearance:none;border:none;background:none;padding:7px;font-family:var(--display);cursor:pointer;color:var(--ink-soft);border-bottom:2px solid transparent}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.tabs .badge{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:.75rem;margin-left:4px}.feed{flex:1;min-height:0;overflow-y:auto;padding:8px 12px;font-size:.88rem;display:flex;flex-direction:column;gap:4px}.feed .entry{display:grid;grid-template-columns:38px 1fr;gap:6px}.feed time{color:var(--ink-faint);font-size:.78rem;padding-top:2px}.feed .who{font-weight:700}.chat-form{display:flex;gap:6px;padding:8px 10px;border-top:1px solid #c0a776}.chat-form .input{padding:.35em .6em;font-size:.95rem}.overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:#1e140a73;animation:fade .2s both}@keyframes fade{0%{opacity:0}}.dialog{width:min(560px,100%);max-height:calc(100% - 16px);overflow-y:auto;padding:20px 22px;display:grid;gap:14px;animation:rise .25s cubic-bezier(.2,1.2,.4,1) both}@keyframes rise{0%{transform:translateY(16px) scale(.98);opacity:0}}.dialog h2{font-size:1.5rem;color:var(--accent)}.dialog .actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.popover{position:absolute;z-index:20;left:50%;top:12px;translate:-50% 0;width:min(380px,calc(100% - 24px));padding:14px 16px;display:grid;gap:10px;animation:rise .2s both}.popover h3{font-size:1.15rem}.pay-options{display:flex;flex-wrap:wrap;gap:8px}.pay{display:flex;align-items:center;gap:4px;padding:5px 8px;border:1.5px solid var(--ink);border-radius:5px;background:#fbf3dc;cursor:pointer}.pay:hover{background:#fff}.pip{width:16px;height:22px;border-radius:3px;border:1px solid var(--ink);display:inline-block}.pip.loco{background:linear-gradient(135deg,#b3362b,#e2bd3d,#4c7a37,#2c5d8c)}.tunnel-cards{display:flex;gap:12px;justify-content:center;perspective:600px}.flip{width:66px;height:96px;position:relative;transform-style:preserve-3d;animation:flip .6s ease-out both}.flip>*{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden}.flip .card.back{transform:rotateY(180deg)}@keyframes flip{0%{transform:rotateY(180deg)}}.flip.match .card:not(.back){box-shadow:0 0 0 3px var(--accent),0 0 16px #8d2b1f99}.lobby{height:100%;overflow-y:auto;display:grid;place-items:start center;padding:24px 16px;background:radial-gradient(ellipse at 50% 20%,#5a4428,#2a1f12 75%)}.lobby-card{width:min(620px,100%);padding:22px;display:grid;gap:16px}.seat-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fbf3dc;border:1px solid #c4ab78;border-radius:5px}.seat-row .name{flex:1;font-weight:700}.colors{display:flex;gap:6px}.color-btn{width:28px;height:28px;border-radius:50%;border:2px solid var(--ink);cursor:pointer;padding:0}.color-btn.on{box-shadow:0 0 0 3px #fbf3dc,0 0 0 5px var(--ink)}.color-btn:disabled{opacity:.25;cursor:not-allowed}.segmented{display:inline-flex;border:1.5px solid var(--ink);border-radius:5px;overflow:hidden}.segmented button{appearance:none;border:none;background:#fbf3dc;padding:6px 14px;cursor:pointer;font-family:var(--display)}.segmented button.on{background:var(--ink);color:#fbf3dc}.segmented button:disabled:not(.on){cursor:not-allowed;opacity:.6}.dice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.dice-seat{display:grid;justify-items:center;gap:8px;padding:12px;background:#fbf3dc;border:1px solid #c4ab78;border-radius:6px}.die{width:56px;height:56px;border-radius:10px;background:#fffaf0;border:2px solid var(--ink);display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);padding:7px;box-shadow:0 3px 0 var(--ink)}.die span{width:10px;height:10px;border-radius:50%;background:var(--ink);place-self:center}.die.rolling{animation:roll .7s cubic-bezier(.3,.7,.4,1) both}@keyframes roll{0%{transform:translateY(-30px) rotate(-200deg) scale(.8)}60%{transform:translateY(4px) rotate(20deg)}to{transform:none}}.rolls{font-size:.85rem;color:var(--ink-soft)}.results{width:min(900px,100%);padding:22px;display:grid;gap:16px}.winner-banner{text-align:center;padding:14px 10px;border:2px solid var(--gold);outline:1px solid var(--gold);outline-offset:3px;background:linear-gradient(#fff6da,#f3dfa6);border-radius:4px;animation:rise .6s .3s both}.winner-banner .kicker{font-family:var(--display);letter-spacing:.25em;color:var(--ink-soft)}.winner-banner .who{font-family:var(--display);font-size:clamp(1.8rem,6vw,2.8rem);color:var(--accent)}.score-table{width:100%;border-collapse:collapse;font-size:.95rem}.score-table th,.score-table td{padding:6px 8px;border-bottom:1px solid #c8b083;text-align:right}.score-table th:first-child,.score-table td:first-child{text-align:left}.score-table th{font-family:var(--display);font-weight:400;color:var(--ink-soft)}.score-table .total{font-family:var(--display);font-size:1.25rem;color:var(--accent)}.express{display:inline-block;padding:1px 6px;border-radius:3px;background:var(--gold);color:#fff;font-size:.75rem;animation:pop .5s 1.6s both}.result-map{position:relative;height:min(60vh,520px);border:2px solid var(--ink);border-radius:4px;overflow:hidden}.toast{position:fixed;left:50%;bottom:120px;translate:-50% 0;z-index:60;background:var(--ink);color:#fbf3dc;padding:8px 16px;border-radius:5px;font-size:.95rem;animation:rise .2s both;max-width:calc(100% - 32px)}.offline-bar{position:fixed;top:0;left:0;right:0;z-index:70;background:var(--accent);color:#fff;text-align:center;font-size:.9rem;padding:3px}.tutorial h3{color:var(--ink);font-size:1.1rem;margin-top:4px}.tutorial p,.tutorial li{margin:.3em 0;line-height:1.4}.tutorial ul{padding-left:1.2em;margin:0}.pager{display:flex;align-items:center;justify-content:space-between;gap:8px}.pager .dots{display:flex;gap:5px}.pager .dots span{width:7px;height:7px;border-radius:50%;background:#c8b083}.pager .dots span.on{background:var(--accent)}.drawer-toggle,.mini-market{display:none}@media(max-width:860px){body{font-size:16px}.topbar .brand{display:none}.main{grid-template-columns:1fr}.side{position:absolute;inset:auto 0 0;height:62%;z-index:15;border-left:none;border-top:2px solid var(--ink);border-radius:12px 12px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.9,.3,1);box-shadow:0 -10px 30px #00000059}.side.open{transform:none}.drawer-toggle{display:inline-grid}.topbar{flex-wrap:wrap;row-gap:6px}.players{order:10;width:100%}.player .pname{max-width:80px}.hand-bar{min-height:0;padding:6px 8px;gap:6px 8px;flex-wrap:wrap;overflow-x:hidden}.mini-market{display:flex;align-items:center;gap:5px;width:100%}.mini-market .card{width:38px;height:54px}.mini-market .card svg{width:80%}.mini-market .btn{margin-left:auto;display:inline-flex;gap:4px;align-items:center}.hand{overflow-x:auto;flex:1;min-width:0}.side{height:72%}.ticket-list{max-height:150px}.ticket .t-map{width:52px;height:34px}.hand .card{width:46px;height:68px}.hand .card .card-name,.mini-market .card .card-name{display:none}.ticket-panel{inset:auto 0 0;width:auto;max-height:70%;border-radius:12px 12px 0 0;animation-name:slide-up}.ticket-panel.folded .choices,.ticket-panel.folded .panel-note{display:none}.ticket-panel .collapse{display:inline-flex}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}}.hand-info{display:none}.turn-banner{font-size:.95rem}.player{min-width:0;grid-template-columns:auto auto}.player .pstats span.extra,.score-table .optional{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[data-lowfx] *,html[data-lowfx] *:before,html[data-lowfx] *:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}.last-round{position:absolute;left:12px;top:12px;z-index:5;padding:4px 14px;font-family:var(--display);font-size:1.1rem;color:#fbf1dc;background:var(--accent);border:2px solid #4d140c;border-radius:4px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06)}}