:root{--suit-0: #e5484d;--suit-1: #e89b0e;--suit-2: #9a5cc6;--suit-3: #3e7bfa;--suit-4: #3da35d;--suit-5: #5c6470;--paper: #f2ead9;--paper-bright: #fffdf6;--ink: #141210;--yellow: #ffd23f;--pink: #ff4d8d;--blue: #2b7cff;--gray-dim: #7c8188;--tartan-navy: #1b2a4a;--tartan-green: #1e4034;--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: #57534d;--text-on-suit: #ffffff;--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);--score-you: #e89b0e;--score-opp: #e5484d;--danger: #c2453f;--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;--card-board-w: clamp(28px, calc((min(100vw, 400px) - 62px) / 9), 40px);--card-board-h: calc(var(--card-board-w) * 1.4);--stack-peek: calc(var(--card-board-h) * .45);--side-h: calc(var(--card-board-h) + 2 * var(--stack-peek));--card-hand-w: clamp(50px, 14.5vw, 66px);--card-hand-h: calc(var(--card-hand-w) * 1.4);--card-drag-w: calc(var(--card-hand-w) * 1.25);--coin-size: 24px;--hud-h: 128px}@media(orientation:landscape)and (max-height:500px){:root{--panel-max: 100vw;--card-board-w: clamp(30px, calc((100vh - 170px) / 5.8), 44px);--card-hand-w: clamp(50px, 10.5vw, 62px);--coin-size: 22px;--hud-h: 92px}}@media(min-width:700px)and (min-height:500px){:root{--panel-max: 620px;--card-board-w: clamp(38px, calc((min(100vw, 620px) - 70px) / 9), 54px);--card-hand-w: clamp(66px, 9.5vw, 88px);--coin-size: 28px}}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/archivo-700.woff2) format("woff2")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:none;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-ui);font-weight:700;touch-action:manipulation}#root{height:100dvh;width:100%}.app{height:100dvh;width:100%;display:flex;justify-content:center;background:var(--surface-page)}.app:before{content:"";position:fixed;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:100}button{font-family:inherit;font-weight:700;border:none;cursor:pointer;color:inherit;background:none}button:disabled{opacity:.45;cursor:default}.btn-primary,.btn-secondary,.btn-ghost{font-family:var(--font-display);font-size:15px;letter-spacing:.5px;text-transform:uppercase;padding:13px 20px;border-radius:0;border:var(--border-ink-thick);box-shadow:var(--shadow-block-lg);transition:transform 80ms ease,box-shadow 80ms ease}.btn-primary{background:var(--yellow);color:var(--ink)}.btn-secondary{background:var(--paper-bright);color:var(--ink)}.btn-primary:active,.btn-secondary:active{transform:translate(2px,2px);box-shadow:var(--shadow-block-sm)}.btn-ghost{border:none;box-shadow:none;color:var(--text-muted);text-decoration:underline;padding:8px;text-transform:none;font-family:var(--font-ui)}.screen{height:100dvh;width:100%;max-width:var(--panel-max);display:flex;flex-direction:column;position:relative;overflow:hidden;padding:calc(var(--safe-top) + var(--space-3)) max(var(--space-3),var(--safe-right)) calc(var(--safe-bottom) + var(--space-3)) max(var(--space-3),var(--safe-left))}.error{color:var(--danger);text-align:center}.thinking{display:inline-block;margin-left:4px;letter-spacing:2px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}@keyframes b-claim{0%,to{transform:rotate(-4deg) scale(1)}50%{transform:rotate(-4deg) scale(1.12)}}@keyframes b-bump{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes lane-blink{0%,to{background:#ffd23f47}50%{background:#ffd23f8c}}.card{width:100%;aspect-ratio:5 / 7;position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.card-back{border-radius:14%;background:repeating-linear-gradient(0deg,var(--tartan-navy) 0 8px,var(--tartan-green) 8px 16px);border:var(--border-ink);box-shadow:var(--shadow-block-sm)}.card-board{border-radius:20%;color:var(--text-on-suit);border:var(--border-ink);box-shadow:var(--shadow-block-sm);overflow:hidden}.suit-bg-0{background:var(--suit-0)}.suit-bg-1{background:var(--suit-1)}.suit-bg-2{background:var(--suit-2)}.suit-bg-3{background:var(--suit-3)}.suit-bg-4{background:var(--suit-4)}.suit-bg-5{background:var(--suit-5)}.card-board.card-dimmed{filter:saturate(.4) brightness(.92)}.card-board.card-dimmed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(242,234,217,.55) 0 4px,transparent 4px 9px);pointer-events:none}.board-row{position:absolute;left:0;right:0;top:9%;display:flex;align-items:center;justify-content:center;gap:2px}.mirror .board-row{top:auto;bottom:9%}.board-value{font-family:var(--font-display);font-size:calc(var(--card-board-w) * .46);line-height:1;text-shadow:1.4px 1.4px 0 rgba(0,0,0,.4)}.board-icon{width:calc(var(--card-board-w) * .34);height:calc(var(--card-board-w) * .34);display:block}.card-hand{border-radius:14%;background:var(--paper-bright);border:var(--border-ink-thick);box-shadow:var(--shadow-block-xl);overflow:hidden}.suit-fg-0{color:var(--suit-0)}.suit-fg-1{color:var(--suit-1)}.suit-fg-2{color:var(--suit-2)}.suit-fg-3{color:var(--suit-3)}.suit-fg-4{color:var(--suit-4)}.suit-fg-5{color:var(--suit-5)}.hand-band{position:absolute;inset:0 0 auto 0;height:20%;background:currentColor;border-bottom:var(--border-ink);display:flex;align-items:center;padding:0 8%;gap:4px}.hand-band>span{font-family:var(--font-display);font-size:calc(var(--card-hand-w) * .2);line-height:1;color:#fff}.hand-band svg{width:calc(var(--card-hand-w) * .2);height:calc(var(--card-hand-w) * .2);color:#fff}.hand-value{position:absolute;top:20%;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:calc(var(--card-hand-w) * .52)}.game{padding:0;touch-action:none}.hud-wrap{background:var(--paper);flex-shrink:0;z-index:5}.hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:calc(var(--safe-top) + 10px) 14px 8px;border-bottom:var(--border-ink-thick)}.hud-left,.hud-right{display:flex;align-items:center;gap:8px;flex:1}.hud-right{justify-content:flex-end}.icon-btn.off{opacity:.35}.hud-versus{display:flex;align-items:flex-start;justify-content:center;gap:12px;padding:10px 14px 6px}.versus-player{display:flex;flex-direction:column;align-items:center;gap:5px;width:84px;flex:none}.versus-player .avatar-ring{width:44px;height:44px}.versus-player .hud-name{font-size:11px;max-width:100%}.vs-badge{font-family:var(--font-display);font-size:22px;line-height:44px;flex:none;color:var(--yellow);text-shadow:-1.5px -1.5px 0 var(--ink),1.5px -1.5px 0 var(--ink),-1.5px 1.5px 0 var(--ink),1.5px 1.5px 0 var(--ink),3px 3px 0 var(--ink);rotate:-4deg}.match-score{font-family:var(--font-display);font-size:30px;line-height:44px;width:32px;flex:none}.match-score.opp{color:var(--score-opp);text-align:right}.match-score.you{color:var(--score-you);text-align:left}.avatar-ring{font-size:19px;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0;border:var(--border-ink);box-shadow:var(--shadow-block);overflow:hidden;padding:3px}.avatar-ring svg{width:100%;height:100%}.avatar-emoji{line-height:1}.avatar-ring.opp{background:var(--paper-bright)}.avatar-ring.you{background:var(--yellow)}.avatar-ring.active{animation:b-bump 1.2s ease-in-out infinite}.hud-name{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offline-dot{display:inline-block;width:9px;height:9px;margin-left:5px;border-radius:50%;background:var(--score-opp);border:1.5px solid var(--ink)}.hud-center{display:flex;align-items:center;flex-shrink:0}.deck-stack{position:relative;width:30px;height:42px}.deck-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:repeating-linear-gradient(0deg,var(--tartan-navy) 0 6px,var(--tartan-green) 6px 12px);border:var(--border-ink)}.deck-card.back{transform:translate(2.5px,2.5px);background:var(--ink)}.deck-card.front{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;color:#fff}.icon-btn{font-size:16px;padding:6px;border-radius:9px;color:var(--ink)}.help-btn{font-family:var(--font-display);width:28px;height:28px;padding:0;border:var(--border-ink);border-radius:50%;box-shadow:var(--shadow-block-sm);background:var(--paper-bright);font-size:15px;line-height:1}.rules-overlay{background:#1412108c}.rules-sheet{width:min(92vw,380px);max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--paper);border:var(--border-ink-thick);box-shadow:7px 7px 0 var(--ink);padding:20px 18px 18px;display:flex;flex-direction:column;align-items:center;gap:10px}.rules-title{font-family:var(--font-display);font-size:26px;text-transform:uppercase;letter-spacing:.5px;background:var(--yellow);border:var(--border-ink);box-shadow:var(--shadow-block);padding:3px 16px;rotate:-1.5deg}.rules-sub{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#5c5647}.rules-rows{width:100%;display:flex;flex-direction:column}.rules-row{display:flex;align-items:center;gap:10px;padding:9px 2px}.rules-row+.rules-row{border-top:2px solid var(--ink)}.rules-rank{font-family:var(--font-display);font-size:15px;width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ink);color:var(--paper)}.rules-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left}.rules-name>span:first-child{font-family:var(--font-display);font-size:14px;text-transform:uppercase;letter-spacing:.3px}.rules-hint{font-size:11px;font-weight:700;color:#5c5647}.rules-cards{display:flex;gap:4px;flex-shrink:0}.rules-card{--card-board-w: 34px;width:34px}.rules-tiebreak{font-size:12px;font-weight:700;color:#5c5647;text-align:center;max-width:300px}.rules-close{margin-top:4px;padding:11px 30px}.board{flex:1;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;align-content:center;width:100%;max-width:400px;margin:0 auto;padding:10px 10px 56px;position:relative;touch-action:none;min-height:0;z-index:1}.board:before{content:"";position:absolute;left:6px;right:6px;top:calc(50% - 32px);height:18px;background:repeating-linear-gradient(90deg,transparent 0 26px,var(--ink) 26px 28px) 0 0 / 100% 5.5px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 28px) 14px 7.5px / 100% 5.5px no-repeat,linear-gradient(var(--ink),var(--ink)) 0 5.5px / 100% 2px no-repeat,#e7ddc4;border:2.5px solid var(--ink);box-shadow:2.5px 2.5px 0 var(--ink);pointer-events:none;z-index:0}.stone-col{display:flex;flex-direction:column;align-items:center;border-radius:10px;padding:4px 0;min-width:0;position:relative;z-index:1;transition:background var(--dur-fast) ease}.stone-col.droppable{animation:lane-blink 1.2s ease-in-out infinite;outline:2.5px dashed var(--ink);outline-offset:-2.5px}.stone-col.droppable.hovered{animation:none;background:var(--yellow);outline:2.5px solid var(--ink);z-index:3}.stone-col.claimable{animation:lane-glow 1.4s ease-in-out infinite}@keyframes lane-glow{0%,to{background:#ffd23f00}50%{background:#ffd23f4d}}.side{position:relative;width:calc(var(--card-board-w) + 6px);height:var(--side-h)}.board-card-slot{position:absolute;left:3px;width:var(--card-board-w)}.side-you .board-card-slot.slot-0{top:0}.side-you .board-card-slot.slot-1{top:var(--stack-peek)}.side-you .board-card-slot.slot-2{top:calc(2 * var(--stack-peek))}.side-opp .board-card-slot.slot-0{bottom:0}.side-opp .board-card-slot.slot-1{bottom:var(--stack-peek)}.side-opp .board-card-slot.slot-2{bottom:calc(2 * var(--stack-peek))}.board-card-tilt{width:100%}.board-card-slot.just-played .card{outline:3px solid var(--yellow);outline-offset:1.5px;animation:just-played-pulse 1.3s ease-in-out infinite}@keyframes just-played-pulse{0%,to{outline-color:var(--yellow)}50%{outline-color:#ffd23f40}}.card-inspect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#14121059;pointer-events:none}.card-inspect{--card-hand-w: min(200px, 52vw);width:var(--card-hand-w)}.card-inspect .card{box-shadow:8px 10px #141210cc}.stone-slot{height:46px;display:flex;align-items:center;justify-content:center;width:100%;z-index:6}.stone-coin{width:var(--coin-size);height:var(--coin-size);border-radius:50%;background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;line-height:1;transition:translate .55s var(--ease-back)}.stone-coin.claimed-you{background:var(--yellow);color:var(--ink);translate:0 calc(var(--side-h) + 8px)}.stone-coin.claimed-opp{background:var(--ink);color:#fff;translate:0 calc(-1 * (var(--side-h) + 8px))}.stone-coin.claimed-you:after,.stone-coin.claimed-opp:after{content:"★"}.claim-pill{position:relative;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--yellow);border:var(--border-ink);box-shadow:var(--shadow-block-sm);rotate:-4deg;z-index:7}.claim-pill:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:3px solid var(--yellow);animation:claim-halo 1.4s ease-out infinite;pointer-events:none}@keyframes claim-halo{0%{transform:scale(1);opacity:.9}70%,to{transform:scale(2.1);opacity:0}}.hand-zone{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:calc(var(--safe-bottom) + 6px);flex-shrink:0;z-index:4}.turn-banner{font-family:var(--font-display);font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block);padding:5px 16px;rotate:-1.5deg;min-height:0;transition:background var(--dur-base) ease}.turn-banner:empty{visibility:hidden}.turn-banner.yours{background:var(--yellow)}.hand-fan{display:flex;justify-content:center;align-items:flex-end;height:calc(var(--card-hand-h) + 36px);padding-bottom:4px;touch-action:none}.hand-slot{width:var(--card-hand-w);flex-shrink:1;margin-left:calc(var(--card-hand-w) * -.2);position:relative}.hand-slot:first-child{margin-left:0}.hand-card-hit{width:var(--card-hand-w);cursor:grab;transition:translate var(--dur-fast) var(--ease-swift)}.hand-card-hit.playable .card-hand{box-shadow:5px 5px 0 var(--yellow),var(--shadow-block-xl)}.pass-btn{position:fixed;bottom:calc(var(--safe-bottom) + var(--card-hand-h) + 122px);left:50%;translate:-50% 0;z-index:30}.drag-layer{position:fixed;top:0;left:0;z-index:50;pointer-events:none;perspective:900px}.drag-card{width:var(--card-drag-w);margin-left:calc(var(--card-drag-w) * -.5);margin-top:calc(var(--card-drag-w) * -1.7)}.drag-card .card{transform:rotateX(6deg);box-shadow:7px 9px #141210d9}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:#f2ead9eb;z-index:40}.overlay-card{background:var(--paper-bright);border:var(--border-ink-thick);border-radius:16px;box-shadow:6px 6px 0 var(--ink);padding:26px 30px;text-align:center}.gameover{background:#f2ead9f5}.gameover.lost{background:#141210f5;color:var(--paper)}.gameover-avatar{width:96px;height:96px;padding:8px;z-index:2;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--yellow);border:var(--border-ink-thick);box-shadow:6px 6px 0 var(--ink)}.gameover-avatar .avatar-emoji{font-size:54px}.gameover-avatar svg{width:100%;height:100%}.gameover.lost .gameover-avatar{background:#2a2622;border-color:var(--paper);box-shadow:6px 6px #000;filter:grayscale(.35)}.gameover-title{font-family:var(--font-display);font-size:clamp(32px,10.5vw,58px);max-width:96vw;text-align:center;color:var(--ink);z-index:2;rotate:-2deg;text-shadow:5px 5px 0 rgba(20,18,16,.18)}.gameover.won .gameover-title{color:var(--yellow);text-shadow:5px 5px 0 var(--ink)}.gameover.lost .gameover-title{color:var(--paper);text-shadow:5px 5px 0 #000}.gameover-msg{font-size:14px;font-weight:700;color:var(--ink);background:#fff;border:var(--border-ink);box-shadow:var(--shadow-block);padding:5px 14px;z-index:2}.gameover.lost .gameover-msg{background:#8b95a5;border-color:var(--paper);box-shadow:3px 3px #000}.gameover-match{font-family:var(--font-display);font-size:15px;letter-spacing:.5px;z-index:2}.gameover.lost .gameover-match{color:#8b95a5}.gameover .rematch-btn{rotate:-1deg}.gameover.lost .rematch-btn,.gameover.lost .btn-secondary{background:#2a2622;color:var(--paper);border-color:var(--paper);box-shadow:5px 5px #000}.gameover-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch;width:min(240px,78vw);z-index:2;margin-top:6px}.gameover-actions button{padding:12px 20px}.show-result-pill{position:fixed;bottom:calc(var(--safe-bottom) + 16px);left:50%;translate:-50% 0;z-index:45;padding:10px 22px;font-size:13px}.reconnecting .overlay-card{font-size:15px;display:flex;align-items:center;gap:10px}.spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid var(--ink);border-top-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home,.lobby{align-items:center;justify-content:center;gap:var(--space-4);text-align:center}.home{justify-content:flex-start;overflow-y:auto}.home .menu-inner{margin:auto}.menu-inner{width:100%;max-width:300px;display:flex;flex-direction:column;align-items:stretch;gap:18px}.logo-block{text-align:center;margin-bottom:4px}.logo-title{font-family:var(--font-display);font-size:clamp(34px,10vw,42px);line-height:.92;letter-spacing:-.5px;text-transform:uppercase;margin:0}.logo-bar{height:10px;margin-top:10px;background:var(--yellow);border:var(--border-ink);box-shadow:3px 3px 0 var(--ink)}.field-block{display:flex;flex-direction:column;gap:8px;text-align:left}.field-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#5c5647;font-weight:700}input{font-family:var(--font-display);font-size:19px;height:50px;padding:0 14px;border-radius:0;border:var(--border-ink-thick);box-shadow:var(--shadow-block-lg);background:var(--paper-bright);color:var(--ink);caret-color:#e5484d;text-align:left;outline:none;width:100%}input:focus-visible{background:#fff}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.avatar-choice{aspect-ratio:1;padding:4px;overflow:hidden;border-radius:0;background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block-sm);transition:transform 80ms ease;display:flex;align-items:center;justify-content:center}.avatar-choice svg{width:100%;height:auto;aspect-ratio:1}.avatar-choice.chosen{background:var(--yellow);border-width:3px;box-shadow:3px 3px 0 var(--ink);transform:scale(1.06)}.menu-actions{display:flex;flex-direction:column;gap:11px;margin-top:2px}.menu-btn{width:100%;height:54px;padding:0;font-size:18px}.home-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.join-row{display:flex;gap:var(--space-3);align-items:stretch}.join-row .code-input{flex:1;min-width:0}.join-btn{width:auto;padding:0 22px;flex-shrink:0}.code-blocks{display:flex;gap:8px;justify-content:center}.code-block{width:52px;height:66px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:38px;border:var(--border-ink-thick);box-shadow:var(--shadow-block-lg)}.cb-paper{background:var(--paper-bright);color:var(--ink)}.cb-red{background:#e5484d;color:#fff}.cb-blue{background:#3e7bfa;color:#fff}.cb-yellow{background:var(--yellow);color:var(--ink)}.waiting-row{display:flex;align-items:center;gap:8px;color:#5c5647;font-size:14px;font-weight:700}.sq-dots{display:flex;gap:3px}.sq-dots span{width:6px;height:6px;background:var(--ink);animation:pulse 1.2s ease-in-out infinite}.sq-dots span:nth-child(2){animation-delay:.2s}.sq-dots span:nth-child(3){animation-delay:.4s}.difficulty-block{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block)}.ds-track{position:absolute;left:0;right:0;top:6px;height:18px;border:var(--border-ink);box-shadow:var(--shadow-block-sm);background:var(--paper);overflow:hidden}.ds-fill{height:100%;background:var(--yellow)}.ds-thumb{position:absolute;top:15px;width:28px;height:28px;translate:-50% -50%;background:var(--yellow);border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);pointer-events:none;z-index:2}.ds-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:-6px;right:0;bottom:-6px;left:0;width:100%;height:auto;margin:0;opacity:0;cursor:pointer;z-index:3}.ds-input::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px}.difficulty-readout{display:flex;justify-content:space-between;align-items:baseline}.difficulty-label{font-family:var(--font-display);font-size:16px;text-transform:uppercase}.difficulty-bot{font-size:12px;color:var(--text-muted)}.join-btn.join-armed{animation:join-nudge 1.1s ease-in-out infinite}@keyframes join-nudge{0%,to{transform:none;box-shadow:var(--shadow-block-lg)}50%{transform:translate(-1.5px,-1.5px);box-shadow:5.5px 5.5px 0 var(--ink)}}.resume-card{display:flex;align-items:center;gap:var(--space-3);padding:8px 10px 8px 16px;border-radius:0;background:var(--yellow);border:var(--border-ink-thick);box-shadow:var(--shadow-block-lg);rotate:-1deg}.resume-card .btn-primary{background:var(--paper-bright);padding:9px 14px;font-size:13px;box-shadow:var(--shadow-block-sm)}.resume-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.resume-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.resume-code{font-family:var(--font-display);font-size:22px;letter-spacing:3px}.confirm-leave h3{margin:0 0 4px;font-family:var(--font-display);text-transform:uppercase}.confirm-leave .hint{margin-bottom:var(--space-4)}.confirm-actions{display:flex;gap:var(--space-3);justify-content:center}.btn-primary.danger{background:var(--score-opp);color:#fff}.code-input{letter-spacing:5px;text-transform:uppercase;text-align:center}.hint{color:var(--text-muted);margin:0}.link-fallback{font-size:13px;word-break:break-all;max-width:280px;user-select:all;-webkit-user-select:all}.lobby-cards{display:flex;gap:0;height:106px}.lobby-card{width:68px}.lobby-card+.lobby-card{margin-left:-28px}@media(orientation:landscape)and (max-height:500px){.hud{padding:calc(var(--safe-top) + 6px) 14px 4px}.hud-versus{padding:4px 14px 2px;gap:10px}.versus-player .avatar-ring{width:30px;height:30px}.versus-player .hud-name{display:none}.vs-badge,.match-score{font-size:19px;line-height:30px}.stone-slot{height:38px}.hand-zone{padding-bottom:0;margin-bottom:calc(var(--card-hand-h) * -.42)}.hand-fan{height:calc(var(--card-hand-h) + 16px)}.turn-banner{position:fixed;left:50%;translate:-50% 0;top:calc(var(--safe-top) + var(--hud-h) + 20px);z-index:31;font-size:12px;pointer-events:none}.pass-btn{bottom:calc(var(--safe-bottom) + var(--card-hand-h) * .75)}.board{max-width:none;padding:10px max(10px,var(--safe-right)) 10px max(10px,var(--safe-left))}.board:before{top:calc(50% - 9px)}}@media(hover:hover)and (pointer:fine){.hand-card-hit:hover{translate:0 -14px}.btn-primary:hover,.btn-secondary:hover,.avatar-choice:hover{transform:translate(-1px,-1px)}.icon-btn:hover{transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.thinking,.claim-pill,.claim-pill:after,.stone-col.droppable,.stone-col.claimable,.join-btn.join-armed,.board-card-slot.just-played .card,.deck-stack.draw-pref:before,.rotate-phone,.avatar-ring.active{animation:none!important}}.mode-toggle{display:flex;border:var(--border-ink-thick);box-shadow:var(--shadow-block-lg);background:var(--paper-bright)}.mode-option{flex:1;font-family:var(--font-display);font-size:15px;text-transform:uppercase;letter-spacing:.5px;padding:11px 0;color:var(--text-muted)}.mode-option.on{background:var(--yellow);color:var(--ink);box-shadow:inset 0 0 0 2.5px var(--ink)}.tactic-card{display:flex;flex-direction:column;aspect-ratio:66 / 100;background:var(--paper-bright);border:var(--border-ink);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-block)}.tactic-band{display:flex;align-items:center;gap:6px;padding:5px 7px;border-bottom:2.5px solid var(--ink)}.tactic-badge{font-family:var(--font-display);font-size:11px;min-width:20px;height:20px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:5px;flex-shrink:0}.tactic-cat{font-family:var(--font-display);font-size:8.5px;letter-spacing:1px;flex:1;overflow:hidden;white-space:nowrap}.tactic-copies{font-family:var(--font-display);font-size:9px;background:var(--ink);color:var(--paper);padding:1px 4px;border-radius:4px}.tactic-emblem{margin:8px auto 4px;width:54%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:9px;box-shadow:inset 2px 2px #14121012}.tactic-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:2px 7px 4px;gap:4px;text-align:center}.tactic-name{font-family:var(--font-display);font-size:11.5px;line-height:.95;color:var(--ink)}.tactic-full .tactic-name{font-size:16px}.tactic-effect{font-weight:700;font-size:11px;line-height:1.3;color:#3a352c}.tactic-foot{padding:4px 0;text-align:center;font-family:var(--font-display);font-size:7.5px;letter-spacing:2px;color:var(--paper);background:var(--ink)}.tactic-board{display:flex;flex-direction:column;aspect-ratio:5 / 7;background:var(--paper-bright);border:2px solid var(--ink);border-radius:6px;overflow:hidden;box-shadow:1.5px 1.5px #1412108c}.tactic-board-band{font-family:var(--font-display);font-size:10px;text-align:center;padding:1px 0;border-bottom:2px solid var(--ink)}.tactic-board-emblem{flex:1;display:flex;align-items:center;justify-content:center}.deck-card.front.tactic-front{background:var(--ink);border:2px dashed var(--yellow);color:var(--yellow)}.deck-stack.tactic .deck-card.back{background:repeating-linear-gradient(90deg,#e5484d 0 5px,var(--ink) 5px 10px)}.deck-stack.discard .deck-card.discard-face{background:var(--paper-bright);color:var(--ink);border-style:dashed;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px}.hud-center{gap:9px}.deck-stack{padding:0;border:none;background:none}.deck-row.choice .deck-stack{opacity:.55;transition:opacity var(--dur-fast) ease,translate var(--dur-fast) ease}.deck-row.choice .deck-stack.discard,.deck-row.choice .deck-stack.draw-pref{opacity:1}.deck-stack.draw-pref{translate:0 -4px}.deck-stack.draw-pref .deck-card.front{outline:3px solid var(--yellow);outline-offset:2px}.deck-stack.draw-pref:before{content:"";position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-top:9px solid var(--yellow);filter:drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink)) drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink));animation:draw-marker 1.1s ease-in-out infinite;pointer-events:none}@keyframes draw-marker{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.stone-tactics{position:absolute;top:-24px;display:flex;gap:3px;z-index:7}.combat-chip{width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink);box-shadow:1.5px 1.5px 0 var(--ink)}.combat-chip.chip-blinde_bluf{background:#cfe0ff}.combat-chip.chip-moddergevecht{background:#d9c4a5}.stone-col.targetable{animation:lane-blink 1.2s ease-in-out infinite;outline:2.5px dashed var(--blue);outline-offset:-2.5px}.board-card-slot.targeted .card{outline:3px solid var(--blue);outline-offset:1.5px;animation:target-pulse 1.1s ease-in-out infinite}@keyframes target-pulse{0%,to{outline-color:var(--blue)}50%{outline-color:#2b7cff40}}.hand-card-hit.picked .card{outline:3px solid var(--yellow);outline-offset:1.5px}.recruiter-sheet .confirm-actions{margin-top:var(--space-3)}.recruiter-picks{display:flex;gap:8px;justify-content:center;margin-top:var(--space-3)}.recruiter-slot{width:34px;height:46px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:16px;border:2.5px dashed var(--ink);border-radius:7px;color:var(--text-muted)}.recruiter-slot.picked-clan{border-style:solid;background:var(--paper);color:var(--ink)}.recruiter-slot.picked-tactic{border-style:solid;background:var(--ink);color:var(--yellow)}.discard-sheet{max-width:min(340px,88vw)}.discard-sheet h3,.recruiter-sheet h3{margin:0 0 6px;font-family:var(--font-display);text-transform:uppercase}.discard-grid{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;max-height:46vh;overflow-y:auto;padding:4px}.discard-card{width:40px}.discard-sheet .rules-close{margin-top:var(--space-3)}.rules-tabs{display:flex;gap:8px;margin-bottom:var(--space-3);align-self:stretch}.rules-tab{flex:1;font-family:var(--font-display);font-size:12px;text-transform:uppercase;padding:8px 0;color:var(--text-muted);background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block-sm)}.rules-tab.on{background:var(--yellow);color:var(--ink)}.rules-tab:active{transform:translate(1.5px,1.5px);box-shadow:none}.rules-sheet.tabbed{height:min(78dvh,620px)}.rules-body{flex:1;min-height:0;overflow-y:auto;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 2px 6px}.tactic-rows{padding-right:4px}.tactic-row-card{width:104px;flex-shrink:0}.tactic-row-card .card{aspect-ratio:auto;height:auto}.tactic-row-card .tactic-emblem{width:44%}.tactic-row-card .tactic-name{font-size:12px}.tactic-row-card .tactic-effect{font-size:8.5px;line-height:1.25}.tactic-row-card .tactic-foot{font-size:6px;letter-spacing:1.2px}.tactic-row-card .tactic-cat{font-size:7px;letter-spacing:.4px}.tactic-row-card .tactic-badge{min-width:16px;height:16px;font-size:9px}.tactic-cat-dot{display:inline-block;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink);margin-left:6px}.inspect-detail{margin:10px 0 0;background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block);padding:9px 12px;font-size:13px;font-weight:700;line-height:1.45;color:var(--ink)}.tactic-hand .tactic-cat,.tactic-hand .tactic-copies{display:none}.tactic-hand .tactic-band{justify-content:center;padding:4px 0}.tactic-hand .tactic-emblem{margin:6px auto 2px;width:58%;flex:0 0 auto}.tactic-hand .tactic-body{overflow:hidden;padding:2px 4px 3px}.tactic-hand .tactic-name{font-size:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.turn-banner{max-width:88%;text-align:center}.hand-card-hit.dead{opacity:.45;filter:saturate(.5)}.logo-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.logo-title.logo-tot{font-size:clamp(64px,24vw,92px);letter-spacing:2px}.icon-btn.brut{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border:var(--border-ink);border-radius:50%;box-shadow:var(--shadow-block-sm);background:var(--paper-bright);color:var(--ink)}.icon-btn.brut:active{transform:translate(1.5px,1.5px);box-shadow:none}.icon-btn.brut.off{opacity:1;background:var(--paper);color:var(--text-muted)}.deck-row{display:flex;justify-content:center;gap:12px;padding:2px 0 0}.deck-row .deck-stack{width:30px;height:42px}.difficulty-slider-wrap{position:relative;height:48px}.difficulty-ticks{position:absolute;left:0;right:0;bottom:0;height:12px;padding:0;pointer-events:none}.difficulty-ticks span{position:absolute;top:2px;width:8px;height:8px;background:var(--paper);border:2px solid var(--ink);transform:translate(-50%) rotate(45deg)}.difficulty-ticks span.on{background:var(--yellow)}.home-audio{position:absolute;top:calc(var(--safe-top) + 14px);right:max(14px,var(--safe-right));display:flex;gap:8px}.home-help{position:absolute;top:calc(var(--safe-top) + 14px);left:max(14px,var(--safe-left))}.basis-rows{gap:10px;text-align:left;padding-right:4px}.basis-row{display:flex;flex-direction:column;gap:2px;background:var(--paper-bright);border:var(--border-ink);box-shadow:var(--shadow-block-sm);padding:8px 11px}.basis-title{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.lobby-mode{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1px;background:var(--yellow);border:var(--border-ink);box-shadow:var(--shadow-block-sm);padding:4px 12px;rotate:-1deg}.home-brand{position:absolute;top:calc(var(--safe-top) + 8px);left:50%;translate:-50% 0;font-family:var(--font-display);font-size:34px;line-height:1;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.home-brand-bar{width:100%;height:6px;background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.home{padding-top:calc(var(--safe-top) + 72px)}.hud-brand{font-family:var(--font-display);font-size:22px;line-height:1;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;gap:2px;flex:none;pointer-events:none}.hud-brand .home-brand-bar{height:5px}.rotate-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--paper);color:var(--ink);text-align:center}.rotate-phone{animation:rotate-nudge 1.6s ease-in-out infinite}@keyframes rotate-nudge{0%,20%,to{transform:rotate(0)}55%,75%{transform:rotate(90deg)}}.rotate-title{font-family:var(--font-display);font-size:24px;text-transform:uppercase;background:var(--yellow);border:var(--border-ink);box-shadow:var(--shadow-block);padding:6px 16px;rotate:-1deg}.rotate-sub{font-weight:700;color:var(--text-muted)}@media(orientation:landscape)and (pointer:coarse)and (max-height:620px){.rotate-overlay{display:flex}}