:root{--paper: #f2ead9;--paper-bright: #fffdf6;--paper-tile: #f3ead6;--paper-mine: #fff7e0;--paper-tray: #e7dcc4;--ink: #141210;--ink-soft: #5c5647;--ink-faded: #c8bfa8;--yellow: #ffd23f;--salmon: #e0796e;--pink: #ff0087;--felt: #3da35d;--felt-ink: #0f2a19;--felt-paper: #eafaef;--red: #e5484d;--blue: #3e7bfa;--worm-pink: #ffe3dd;--ghost-line: #b3a888;--worm-0: #ff009f;--worm-1: #ffce3a;--worm-2: #4d94ff;--worm-3: #57cc7a;--worm-4: #b06bff;--worm-5: #ff7a2f;--worm-6: #24c8c8;--tile-group-1: #eaf3ec;--tile-group-2: #e8f0ff;--tile-group-3: #fdf0dc;--tile-group-4: #fde5e5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--dur-fast: .12s;--dur-base: .24s;--dur-slow: .4s;--ease-swift: cubic-bezier(.22, 1, .36, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--font-display: "Archivo Black", "Archivo", system-ui, sans-serif;--font-ui: "Archivo", system-ui, -apple-system, sans-serif;--surface-page: var(--paper);--surface-card: var(--paper-bright);--text-primary: var(--ink);--text-muted: var(--ink-soft);--border-ink: 2.5px solid var(--ink);--border-ink-thick: 3px solid var(--ink);--shadow-block-sm: 2px 2px 0 var(--ink);--shadow-block: 2.5px 2.5px 0 var(--ink);--shadow-block-lg: 4px 4px 0 var(--ink);--shadow-block-xl: 5px 5px 0 var(--ink);--ring-target: 0 0 0 3px var(--yellow);--danger: var(--red);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--panel-max: 420px;--tile-w: clamp(30px, calc((min(100vw, 420px) - 74px)/8) , 46px);--tile-h: calc(var(--tile-w) * 1.18);--tile-badge-w: clamp(24px, 7vw, 32px);--die-size: clamp(34px, 10.5vw, 46px);--die-kept: calc(var(--die-size) * .88);--hud-h: 56px}@media(orientation:landscape)and (max-height:500px){:root{--panel-max: 100vw;--tile-w: clamp(26px, calc((100vh - 120px)/8) , 38px);--die-size: clamp(30px, 7.5vh, 40px);--hud-h: 44px}}@media(min-width:700px)and (min-height:500px){:root{--panel-max: 640px;--tile-w: clamp(42px, calc((min(100vw, 640px) - 90px)/8) , 60px);--die-size: clamp(44px, 6vw, 56px)}}@font-face{font-family:Archivo Black;src:url(/fonts/archivo-black.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-700.woff2) format("woff2");font-weight:600 800;font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{font-family:var(--font-ui);color:var(--text-primary);background:var(--surface-page);touch-action:manipulation;-webkit-user-select:none;user-select:none}#root,.app{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;overflow:hidden}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.06;mix-blend-mode:multiply;pointer-events:none;z-index:1}.screen{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--safe-top) max(var(--safe-right),var(--space-3)) max(var(--safe-bottom),var(--space-3)) max(var(--safe-left),var(--space-3));overflow:hidden;z-index:2}.btn{font-family:var(--font-display);font-size:15px;color:var(--ink);background:var(--paper-bright);border:var(--border-ink-thick);box-shadow:var(--shadow-block-lg);padding:12px 18px;cursor:pointer;transition:transform var(--dur-fast) var(--ease-swift),box-shadow var(--dur-fast) var(--ease-swift)}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.45;cursor:default}.btn--big{font-size:18px;padding:15px 24px;width:100%}.btn--small{font-size:12px;padding:8px 12px;box-shadow:var(--shadow-block)}.btn--yellow{background:var(--yellow)}.btn--salmon{background:var(--salmon)}.btn--pink{background:var(--pink);color:var(--paper-bright)}.btn--ghost{background:transparent;border-color:transparent;box-shadow:none;font-family:var(--font-ui);font-weight:800;color:var(--ink-soft);text-decoration:underline}.hud{width:100%;max-width:var(--panel-max);height:var(--hud-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;flex-shrink:0}.hud-title{font-family:var(--font-display);font-size:19px;letter-spacing:1px;display:flex;align-items:baseline;gap:var(--space-2)}.hud-code{font-family:var(--font-ui);font-weight:800;font-size:12px;color:var(--ink-soft);letter-spacing:2px}.hud-actions{display:flex;gap:var(--space-2)}.hud-btn{width:38px;height:38px;display:grid;place-items:center;font-family:var(--font-display);font-size:15px;background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block-sm);cursor:pointer}.hud-btn--off{opacity:.4}.screen--home{justify-content:center}.home-audio{position:absolute;top:calc(var(--safe-top) + var(--space-3));right:max(var(--safe-right),var(--space-3));display:flex;gap:var(--space-2)}.home-panel{width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.home-logo h1{font-family:var(--font-display);font-size:clamp(48px,16vw,64px);line-height:.9;margin:0;letter-spacing:1px}.home-logo-bar{height:9px;margin-top:8px;background:var(--pink);border:var(--border-ink);box-shadow:var(--shadow-block)}.home-mascot{width:clamp(96px,30vw,132px);aspect-ratio:1;padding:12px;background:var(--yellow);border:var(--border-ink-thick);border-radius:22px;box-shadow:6px 6px 0 var(--ink)}.home-field{width:100%;display:flex;flex-direction:column;gap:var(--space-1)}.home-field span{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft)}.home-field input,.home-join input{font-family:var(--font-display);font-size:17px;color:var(--ink);background:var(--paper-bright);border:var(--border-ink-thick);box-shadow:inset 2px 2px #14121014;padding:12px;width:100%;outline:none}.home-field input:focus,.home-join input:focus{box-shadow:inset 2px 2px #14121014,var(--ring-target)}.home-colors{display:flex;gap:var(--space-2)}.home-color{width:32px;height:32px;border:var(--border-ink);box-shadow:var(--shadow-block-sm);cursor:pointer;border-radius:8px}.home-color--active{box-shadow:var(--ring-target),var(--shadow-block-sm);transform:translateY(-2px)}.home-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.home-join{display:flex;gap:var(--space-2)}.home-join input{flex:1;text-align:center;letter-spacing:6px}.home-error{font-weight:800;font-size:13px;color:var(--paper-bright);background:var(--red);border:var(--border-ink);box-shadow:var(--shadow-block);padding:10px 14px;cursor:pointer}.lobby-panel{width:100%;max-width:380px;flex:1;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding-bottom:var(--space-4)}.lobby-code-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.lobby-code-label{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--ink-soft)}.lobby-code{font-family:var(--font-display);font-size:40px;letter-spacing:10px;padding:10px 16px 10px 26px;color:var(--ink);background:var(--yellow);border:var(--border-ink-thick);box-shadow:var(--shadow-block-xl);cursor:pointer;position:relative}.lobby-code-share{position:absolute;right:-10px;top:-12px;font-family:var(--font-ui);font-weight:800;font-size:11px;letter-spacing:.5px;background:var(--pink);color:var(--paper-bright);border:2px solid var(--ink);padding:3px 8px;transform:rotate(6deg)}.lobby-hint{font-size:12px;font-weight:700;color:var(--ink-soft);text-align:center}.seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.seat-row{display:flex;align-items:center;gap:var(--space-3);background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block-sm);border-radius:10px;padding:8px 10px;min-height:52px}.seat-row--you{background:var(--paper-mine);border-width:3px}.seat-row--empty{background:transparent;border:2px dashed var(--ghost-line);box-shadow:none}.seat-avatar{width:34px;height:34px;flex-shrink:0}.seat-avatar--empty{border-radius:50%;border:2px dashed var(--ghost-line)}.seat-name{font-family:var(--font-display);font-size:13px;display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1;flex-wrap:wrap}.seat-name--empty{color:var(--ghost-line)}.seat-tag{font-family:var(--font-ui);font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:var(--paper);border:2px solid var(--ink);padding:1px 6px;border-radius:6px}.seat-tag--bot{background:var(--tile-group-2)}.seat-controls input[type=range]{width:74px;accent-color:var(--ink)}.seat-remove{width:28px;height:28px;display:grid;place-items:center;font-weight:800;background:var(--paper);border:2px solid var(--ink);border-radius:6px;cursor:pointer}.lobby-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.lobby-bot-row{width:100%;display:flex;align-items:center;gap:var(--space-3)}.lobby-bot-row .btn{flex:1}.lobby-bot-row input[type=range]{width:100px;accent-color:var(--ink)}.lobby-waiting{font-weight:800;color:var(--ink-soft);padding:var(--space-4)}.screen--game{gap:var(--space-2)}.screen--game>*{width:100%;max-width:var(--panel-max)}.section-label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px}.section-label:after{content:"";height:2px;flex:1;background:var(--paper-tray)}.tile-row{display:grid;grid-template-columns:repeat(8,var(--tile-w));justify-content:space-between;gap:var(--space-1);background:var(--paper-tray);border:var(--border-ink);border-radius:12px;padding:7px 8px;box-shadow:inset 2px 2px #1412100f}.tile{width:var(--tile-w);height:var(--tile-h);flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6%;background:var(--paper-tile);border:var(--border-ink);border-radius:calc(var(--tile-w) * .16);box-shadow:var(--shadow-block-sm);position:relative}.tile--g1{background:var(--tile-group-1)}.tile--g2{background:var(--tile-group-2)}.tile--g3{background:var(--tile-group-3)}.tile--g4{background:var(--tile-group-4)}.tile--ghost{background:repeating-linear-gradient(135deg,#e6dcc6 0,#e6dcc6 7px,#ddd0b4 7px,#ddd0b4 14px);border:2.5px dashed var(--ghost-line);box-shadow:none}.tile--target{box-shadow:var(--ring-target),var(--shadow-block);animation:tile-pulse 1.2s ease-in-out infinite;z-index:2}.tile--badge{--tile-w: var(--tile-badge-w);--tile-h: calc(var(--tile-badge-w) * 1.18)}.tile-number{font-family:var(--font-display);font-size:calc(var(--tile-w) * .42);line-height:.9;color:var(--ink)}.tile-pips{height:calc(var(--tile-h) * .26);display:flex;align-items:center;justify-content:center;max-width:92%;font-size:calc(var(--tile-w) * .3);line-height:1;letter-spacing:calc(var(--tile-w) * -.04)}.tile-pips--3,.tile-pips--4{font-size:calc(var(--tile-w) * .22)}.tile-slot-gap{width:var(--tile-w);height:var(--tile-h);border:2px dashed rgba(20,18,16,.14);border-radius:calc(var(--tile-w) * .16)}.tile-slot-gap--badge{width:var(--tile-badge-w);height:calc(var(--tile-badge-w) * 1.18)}@keyframes tile-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.opponents{display:flex;gap:var(--space-2);flex-wrap:wrap}.player-badge{flex:1 1 0;min-width:96px;display:flex;align-items:center;gap:var(--space-2);background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block-sm);border-radius:10px;padding:5px 8px;font-family:inherit;text-align:left;cursor:default}.player-badge:disabled{color:inherit;opacity:1}.player-badge--you{background:var(--paper-mine);border-width:3px}.player-badge--turn{box-shadow:var(--ring-target),var(--shadow-block-sm)}.player-badge--steal{cursor:pointer;animation:tile-pulse 1s ease-in-out infinite;border-color:var(--pink)}.player-badge-avatar{width:30px;height:30px;flex-shrink:0;position:relative}.player-badge-offline{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border-radius:50%;background:var(--red);border:2px solid var(--ink)}.player-badge-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.player-badge-name{font-family:var(--font-display);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.player-badge-bot{font-family:var(--font-ui);font-weight:800;font-size:9px;text-transform:uppercase;background:var(--tile-group-2);border:1.5px solid var(--ink);border-radius:4px;padding:0 4px}.player-badge-count{font-size:10px;font-weight:700;color:var(--ink-soft);white-space:nowrap}.player-badge-stack,.own-mat{flex-shrink:0}.own-mat .player-badge{width:100%}.dice-zone{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-2);background:var(--felt);border:var(--border-ink-thick);border-radius:16px;box-shadow:inset 0 3px #0000002e;padding:var(--space-3);overflow:hidden}.dice-zone-label{font-family:var(--font-display);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--felt-paper)}.dice-kept{display:flex;align-items:center;justify-content:space-between}.worm-chip{font-family:var(--font-display);font-size:10px;color:var(--felt-paper);background:#0f2a1966;border:2px solid var(--felt-ink);border-radius:6px;padding:2px 8px}.worm-chip--ok{color:var(--felt-ink);background:var(--felt-paper)}.dice-kept-row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;min-height:var(--die-kept)}.dice-kept-empty{font-size:11px;font-weight:700;color:#eafaefb3}.kept-group{display:flex;gap:3px;padding:3px;background:#0f2a1940;border-radius:8px}.dice-live{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.roll-groups{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);align-content:center}.roll-groups--tumbling{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.roll-group{display:flex;align-items:center;gap:var(--space-2);background:var(--paper-bright);border:var(--border-ink-thick);box-shadow:var(--shadow-block);border-radius:10px;padding:5px 8px;min-height:calc(var(--die-kept) + 14px);cursor:pointer;transition:transform var(--dur-fast) var(--ease-swift)}.roll-group--wide{grid-column:span 2}.roll-group:active:not(:disabled){transform:translate(2px,2px)}.roll-group:disabled{opacity:.55;cursor:default;box-shadow:var(--shadow-block-sm)}.roll-group--worm:not(:disabled){background:var(--worm-pink);box-shadow:var(--ring-target),var(--shadow-block)}.roll-group-dice{display:flex;gap:3px;flex-wrap:wrap}.roll-group-score{margin-left:auto;line-height:1}.roll-group-score b{font-family:var(--font-display);font-size:15px}.roll-group-score small{font-size:10px;font-weight:700;color:var(--ink-soft)}.cup-row{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.cup-dice{display:flex;gap:4px;flex-wrap:wrap}.total-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:var(--felt-paper);border:var(--border-ink);border-radius:11px;padding:6px 10px;flex-shrink:0}.total-bar-label{font-weight:800;font-size:11px;text-transform:uppercase;color:var(--ink-soft)}.total-bar-value{font-family:var(--font-display);font-size:26px;line-height:1}.total-bar-target{font-weight:800;font-size:12px;color:var(--ink-soft)}.die{width:var(--die-size);height:var(--die-size);flex-shrink:0;display:grid;place-items:center;background:var(--paper-bright);border:var(--border-ink-thick);border-radius:calc(var(--die-size) * .22);box-shadow:var(--shadow-block);position:relative}.die--small{--die-size: var(--die-kept)}.die--worm{background:var(--worm-pink)}.die--kept{box-shadow:var(--shadow-block-sm)}.die--hidden{background:repeating-linear-gradient(135deg,#efe7d4 0,#efe7d4 6px,#e7dcc4 6px,#e7dcc4 12px);border:2.5px dashed var(--ghost-line);box-shadow:none;opacity:.8}.die--rolling{animation:die-tumble .5s ease-in-out infinite}.die-pips{width:66%;height:66%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.pip{place-self:center;width:22%;height:22%}.pip--on{width:62%;height:62%;border-radius:50%;background:var(--ink)}.die-worm-face{width:88%;height:88%;display:block}@keyframes die-tumble{0%,to{transform:rotate(-7deg) translateY(0)}25%{transform:rotate(5deg) translateY(-3px)}50%{transform:rotate(-4deg) translateY(1px)}75%{transform:rotate(7deg) translateY(-2px)}}.action-bar{min-height:58px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.decide-buttons{width:100%;display:flex;gap:var(--space-2)}.decide-buttons .btn{flex:1;padding:12px 8px;font-size:13px}.turn-banner{font-family:var(--font-display);font-size:14px;color:var(--ink-soft);display:flex;align-items:center;gap:var(--space-2)}.turn-banner--hint{color:var(--ink)}.turn-banner-dot{width:10px;height:10px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);animation:dot-blink 1.2s ease-in-out infinite}@keyframes dot-blink{0%,to{opacity:.3}50%{opacity:1}}.takeover-banner{position:absolute;bottom:calc(var(--safe-bottom) + 76px);left:50%;transform:translate(-50%);width:min(92vw,360px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-weight:800;font-size:12px;background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block-lg);border-radius:10px;padding:8px 12px;z-index:30}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1412108c;z-index:50;padding:var(--space-4)}.overlay-card{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:15px;background:var(--paper-bright);border:var(--border-ink-thick);box-shadow:var(--shadow-block-xl);padding:var(--space-4) var(--space-6)}.spinner{width:18px;height:18px;border:3px solid var(--ink);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay--bust{background:#141210d1}.bust-card{width:min(92vw,340px);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.bust-stamp{font-family:var(--font-display);font-size:clamp(40px,13vw,52px);color:var(--red);text-shadow:5px 5px 0 #000;transform:rotate(-2deg);animation:stamp-in var(--dur-base) var(--ease-back)}@keyframes stamp-in{0%{transform:rotate(-2deg) scale(2.2);opacity:0}to{transform:rotate(-2deg) scale(1);opacity:1}}.bust-who{font-weight:800;font-size:14px;line-height:1.4;color:var(--ink);background:var(--paper);border:var(--border-ink);box-shadow:3px 3px #000;padding:8px 12px}.bust-roll{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.bust-tiles{display:flex;gap:var(--space-4);align-items:flex-start}.bust-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.bust-tile small,.bust-none{font-weight:800;font-size:11px;color:var(--paper)}.gameover-card{width:min(94vw,380px);max-height:calc(100dvh - 40px);overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);background:var(--paper);border:var(--border-ink-thick);box-shadow:var(--shadow-block-xl);border-radius:16px;padding:var(--space-6) var(--space-4)}.gameover-title{font-family:var(--font-display);font-size:clamp(30px,9vw,40px);transform:rotate(-2deg)}.gameover-hero{width:104px;aspect-ratio:1;padding:12px;background:var(--yellow);border:var(--border-ink-thick);border-radius:22px;box-shadow:6px 6px 0 var(--ink);position:relative}.gameover-crown{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:28px}.ranking{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.ranking-row{display:flex;align-items:center;gap:var(--space-2);background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block-sm);border-radius:11px;padding:6px 10px}.ranking-row--first{background:var(--paper-mine);border-width:3px;box-shadow:var(--shadow-block-lg)}.ranking-place{font-family:var(--font-display);font-size:15px;width:18px}.ranking-avatar{width:26px;height:26px;flex-shrink:0}.ranking-name{font-family:var(--font-display);font-size:13px;flex:1;min-width:0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.ranking-wins,.ranking-vote{font-family:var(--font-ui);font-weight:800;font-size:10px;color:var(--ink-soft)}.ranking-stack{display:flex;gap:2px}.ranking-worms{font-family:var(--font-display);font-size:15px;white-space:nowrap}.gameover-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.peek-pill{position:fixed;bottom:calc(var(--safe-bottom) + 14px);left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:13px;background:var(--yellow);border:var(--border-ink-thick);box-shadow:var(--shadow-block-lg);border-radius:999px;padding:10px 20px;cursor:pointer;z-index:40}.rules-card{width:min(94vw,420px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;gap:var(--space-3);background:var(--paper);border:var(--border-ink-thick);box-shadow:var(--shadow-block-xl);border-radius:16px;padding:var(--space-4)}.rules-title{font-family:var(--font-display);font-size:24px}.rules-body{overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);-webkit-user-select:text;user-select:text}.rules-body h3{font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:1px;margin:var(--space-2) 0 2px}.rules-body p{margin:0;font-size:14px;line-height:1.5;font-weight:600}@media(orientation:landscape)and (max-height:500px){.screen--game{display:grid;grid-template-columns:1fr minmax(280px,340px);grid-template-rows:auto auto 1fr auto;grid-template-areas:"hud hud" "grill grill" "felt side" "felt actions";column-gap:var(--space-3);align-items:start}.hud{grid-area:hud;max-width:none}.grill-section{grid-area:grill}.tile-row{grid-template-columns:repeat(16,var(--tile-w))}.dice-zone{grid-area:felt;height:100%}.opponents{grid-area:side;align-content:start}.action-bar{grid-area:actions}.own-mat{display:none}}