:root{--ahwa-bg-deep: #120d09;--ahwa-bg-room: #1a120c;--ahwa-wood-dark: #24150c;--ahwa-wood-medium: #3d2416;--ahwa-wood-light: #5a3822;--ahwa-brass: #d4af37;--ahwa-brass-light: #f5c542;--ahwa-amber: #e67e22;--ahwa-bone-1: #fffdf8;--ahwa-bone-2: #f6f0dd;--ahwa-bone-3: #ebdcba;--pip-black: #111111;--gold: #f39c12;--gold-glow: #f1c40f;--danger: #e74c3c;color-scheme:dark}*{box-sizing:border-box;user-select:none;-webkit-user-select:none}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at 50% 40%,#24160d,#150d07 55%,#0a0604);color:#f5f6fa}button{font:inherit;color:inherit;cursor:pointer;border:none;outline:none;transition:transform .12s ease,filter .12s ease}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}.table-viewport-fullscreen{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 50% 45%,#2a1a10,#180e09 60%,#0d0704)}.table-top-hud{height:48px;padding:6px 16px;display:flex;align-items:center;justify-content:space-between;z-index:50;background:linear-gradient(180deg,#18100a,#100a06);border-bottom:1.5px solid #382214;box-shadow:0 4px 16px #000000bf}.hud-left,.hud-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.hud-center{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}.hud-btn-nav{background:#24160d;border:1px solid #4a2d1a;color:#dfd2be;font-size:12px;font-weight:700;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .14s ease}.hud-btn-nav:hover{border-color:#f39c12;color:#fff;transform:translateY(-1px)}.hud-room-badge{display:flex;align-items:center;gap:4px}.hud-mode-pill{font-size:11px;font-weight:800;letter-spacing:.06em;background:#2b180d;border:1px solid #4d2b17;color:#f1c40f;padding:3px 8px;border-radius:6px}.hud-round-pill{font-size:11px;font-weight:700;background:#180e07;border:1px solid #3a1e0f;color:#a48259;padding:3px 6px;border-radius:6px}.hud-scoreboard-bar{display:inline-flex;align-items:center;gap:8px;background:#140d08;border:1px solid #3d2516;border-radius:10px;padding:3px 10px;box-shadow:inset 0 1px 3px #000c}.hud-score-chip{display:flex;align-items:baseline;gap:5px;padding:2px 6px;border-radius:6px}.chip-label{font-size:10px;font-weight:800;color:#a48259;letter-spacing:.04em}.chip-score{font-size:15px;font-weight:900;color:#fffdf8;font-variant-numeric:tabular-nums}.hud-score-chip.score-critical .chip-score{color:#e74c3c;text-shadow:0 0 8px rgba(231,76,60,.6)}.hud-score-target{display:flex;align-items:center;padding:0 4px}.target-pill-text{font-size:9px;font-weight:800;color:#d4af37;letter-spacing:.06em;background:#24150c;border:1px solid #4a2c18;padding:2px 6px;border-radius:4px;text-transform:uppercase;white-space:nowrap}.hud-btn-action{background:#24160d;border:1px solid #4a2d1a;color:#dfd2be;font-size:12px;font-weight:700;padding:5px 10px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .14s ease}.hud-btn-action:hover{border-color:#f1c40f;color:#fff;transform:translateY(-1px)}.table-arena{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:calc(100vh - 52px);padding:6px 10px 10px}.poker-table-rim,.ahwa-table-rim{width:100%;max-width:100%;height:100%;max-height:100%;position:relative;border-radius:16px;padding:8px;background:linear-gradient(145deg,#442a19,#2f1c10 25%,#1e1109,#130a05 85%,#382012);box-shadow:0 16px 48px #000000d9,inset 0 1px 2px #f5c54233,inset 0 -2px 6px #000000f2;display:flex;align-items:center;justify-content:center}.poker-table-felt,.ahwa-table-felt{width:100%;height:100%;border-radius:12px;position:relative;background:radial-gradient(ellipse at 50% 50%,rgba(230,126,34,.04) 0%,transparent 65%),radial-gradient(ellipse at 50% 50%,#26170e,#1a0f09 60%,#0d0704);border:1.5px solid #2e1a0f;box-shadow:inset 0 0 0 1px #d4af371f,inset 0 0 40px #000000e6;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:6px}.felt-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:.16;-webkit-user-select:none;user-select:none;color:var(--ahwa-brass)}.watermark-text-top{font-size:30px;font-weight:900;letter-spacing:.18em;color:var(--ahwa-amber);text-align:center;text-shadow:0 0 10px rgba(230,126,34,.4)}.watermark-text-bottom{font-size:16px;font-weight:900;letter-spacing:.22em;color:var(--ahwa-brass);text-align:center;margin-top:4px}.watermark-crest{width:170px;height:170px;margin:6px 0;color:var(--ahwa-brass)}.watermark-svg{width:100%;height:100%}.player-station{position:absolute;display:flex;align-items:center;z-index:25;transition:all .2s ease;pointer-events:auto}.player-card-square{width:76px;min-height:76px;background:linear-gradient(180deg,#24160d,#150d08);border:1.5px solid #452817;border-radius:12px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 6px 18px #000000bf,inset 0 1px 1px #f5c54226;transition:all .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.player-card-square.card-turn-active{border-color:#f1c40f;box-shadow:0 0 16px #f1c40f66,0 8px 24px #000000d9;transform:scale(1.05)}.card-header-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px}.player-team-chip{font-size:9px;font-weight:900;padding:1px 5px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.player-team-chip.team-1{background:#e67e2240;border:1px solid #e67e22;color:#f39c12}.player-team-chip.team-2{background:#3498db40;border:1px solid #3498db;color:#5dade2}.card-turn-dot{width:7px;height:7px;border-radius:50%;background:#f1c40f;box-shadow:0 0 6px #f1c40f;flex-shrink:0}.card-player-name{font-size:11px;font-weight:800;color:#fffdf8;letter-spacing:.02em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:66px;margin:2px 0}.card-tiles-box{display:flex;align-items:baseline;gap:3px;background:#100905;border:1px solid #351c0f;padding:1px 6px;border-radius:4px}.card-tiles-count{font-size:12px;font-weight:900;color:#f5c542}.card-tiles-sub{font-size:8px;font-weight:800;color:#8c7056;letter-spacing:.04em}.station-top{top:8px;left:50%;transform:translate(-50%)}.station-bottom{bottom:8px;left:50%;transform:translate(-50%)}.station-left{left:8px;top:50%;transform:translateY(-50%)}.station-right{right:8px;top:50%;transform:translateY(-50%)}.station-rack{background:linear-gradient(180deg,#5a636c,#343b42 45%,#1e2226);border:2px solid #737e8a;border-radius:14px;padding:6px 10px;box-shadow:0 10px 24px #000000a6,inset 0 1px 2px #ffffff80,inset 0 -2px 4px #000000b3;display:flex;flex-direction:column;gap:6px}.rack-horizontal{min-width:260px}.rack-vertical{width:90px;min-height:220px}.rack-player-hand{min-width:480px;max-width:820px;padding:8px 14px}.rack-tiles-row{display:flex;gap:6px;align-items:center;justify-content:center;background:#0e1216cc;border-radius:8px;padding:6px;box-shadow:inset 0 2px 5px #000c}.rack-tiles-col{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:#0e1216cc;border-radius:8px;padding:6px;box-shadow:inset 0 2px 5px #000c}.rack-tile-slot{display:flex;align-items:center;justify-content:center}.rack-more-badge{font-size:11px;font-weight:800;color:var(--gold-glow);background:#14171a;padding:4px 6px;border-radius:6px;border:1px solid #3c444c}.rack-balance-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,#1d120a,#110905);border:1.5px solid #3d2516;border-radius:10px;padding:6px 14px}.dock-identity-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.dock-player-name{font-size:13px;font-weight:800;color:#fffdf8;letter-spacing:.02em}.dock-turn-center{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.turn-badge-clean{display:inline-flex;align-items:center;gap:7px;background:#25160d;border:1.5px solid #d4af37;color:#f1c40f;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.turn-dot-gold{width:7px;height:7px;border-radius:50%;background:#f1c40f;box-shadow:0 0 6px #f1c40f;flex-shrink:0}.dock-waiting-text{font-size:12px;color:#9c846e;font-weight:600}.dock-meta-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.dock-tiles-counter{font-size:11px;font-weight:800;color:#f5c542;background:#140d07;padding:2px 8px;border-radius:999px;border:1px solid #3c2415}.player-hand-tiles{display:flex;gap:8px;align-items:flex-end;justify-content:center;min-height:96px;background:#0e0906e0;border-radius:10px;padding:10px 14px;box-shadow:inset 0 3px 8px #000000e6;overflow-x:auto}.hand-empty-text{color:#747d8c;font-size:14px;margin:auto}.hand-slot{display:flex;transition:transform .15s ease;touch-action:none}.slot-playable{cursor:grab}.slot-playable:hover{transform:translateY(-8px)}.slot-disabled{cursor:not-allowed;opacity:.45}.domino-tile{background:linear-gradient(155deg,var(--ahwa-bone-1) 0%,var(--ahwa-bone-2) 42%,var(--ahwa-bone-3) 100%);border:1px solid #d4c5a0;border-radius:7px;box-shadow:0 5px 12px #0009,0 2px 4px #00000073,inset 0 1px 1.5px #fffffff2,inset 0 -1.5px 2px #00000029;display:flex;align-items:center;justify-content:space-between;position:relative;transition:transform .14s ease,box-shadow .14s ease}.domino-size-lg.domino-vertical{width:44px;height:88px;flex-direction:column}.domino-size-lg.domino-horizontal{width:88px;height:44px;flex-direction:row}.domino-size-md.domino-vertical{width:36px;height:72px;flex-direction:column}.domino-size-md.domino-horizontal{width:72px;height:36px;flex-direction:row}.domino-size-sm.domino-vertical{width:24px;height:48px;flex-direction:column}.domino-size-sm.domino-horizontal{width:48px;height:24px;flex-direction:row}.domino-vertical .domino-divider{width:100%;height:2.5px;background:linear-gradient(90deg,#948067,#b8a385,#948067);box-shadow:inset 0 1px 1px #00000073;position:relative;display:flex;align-items:center;justify-content:center}.domino-horizontal .domino-divider{height:100%;width:2.5px;background:linear-gradient(180deg,#948067,#b8a385,#948067);box-shadow:inset 0 1px 1px #00000073;position:relative;display:flex;align-items:center;justify-content:center}.domino-spinner-pin{width:6.5px;height:6.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3c4,#d4af37 55%,#795548);box-shadow:0 1.5px 3px #000000a6,inset 0 1px 1px #ffffffe6;position:absolute;z-index:2}.domino-size-sm .domino-spinner-pin{width:4.5px;height:4.5px}.domino-half{flex:1;width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;padding:4px}.domino-size-sm .domino-half{padding:2px}.domino-pip{width:7.5px;height:7.5px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#2d3336 0%,var(--pip-black) 78%);box-shadow:inset 0 1.5px 2px #000000f2,0 .5px .5px #ffffff80}.domino-size-lg .domino-pip{width:9.5px;height:9.5px}.domino-size-sm .domino-pip{width:5.5px;height:5.5px}.domino-back{background:linear-gradient(135deg,#2f1c12,#170d08);border-color:#55331d;box-shadow:0 4px 10px #000000a6;padding:3px}.domino-back-inner{width:100%;height:100%;border-radius:3px;border:1px solid rgba(212,175,55,.35);background:repeating-linear-gradient(45deg,#1b1009,#1b1009 3px,#25160e 3px 6px)}.domino-raised{box-shadow:0 8px 16px #00000080,0 0 0 2px #f1c40f99}.domino-selected{outline:3px solid var(--gold-glow);box-shadow:0 0 20px #f1c40fcc,0 8px 16px #0009;transform:translateY(-12px)}.domino-dimmed{opacity:.45}.domino-dragging{opacity:.25}.table-center-board{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;width:100%;height:100%;padding:4px}.table-board-area{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;padding:0}.table-board-2d-canvas{width:100%;height:100%;position:relative;overflow:visible}.domino-2d-world{position:absolute;inset:0;width:100%;height:100%}.domino-placed-wrapper{position:absolute;pointer-events:none;filter:drop-shadow(0 5px 10px rgba(0,0,0,.45))}.table-end-target.target-2d{z-index:30;pointer-events:auto;cursor:pointer;padding:4px 8px}.table-end-target{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:linear-gradient(180deg,#142438d9,#0a1420d9);border:2px dashed rgba(255,255,255,.2);color:#ced6e0;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.end-target-content{display:flex;align-items:center;gap:8px}.end-target-labels{display:flex;flex-direction:column;align-items:center}.end-target-side{font-size:10px;font-weight:800;color:#747d8c;letter-spacing:.08em}.end-target-pip{font-size:20px;font-weight:900;color:#fff}.end-target-arrow{font-size:16px;color:#747d8c}.table-end-target.active{border-color:var(--gold-glow);border-style:solid;cursor:pointer;box-shadow:0 0 15px #f1c40f66;animation:targetPulse 1.4s ease-in-out infinite}.table-end-target.active .end-target-pip,.table-end-target.active .end-target-arrow{color:var(--gold-glow)}.table-end-target.drag-over{transform:scale(1.14);border-color:#fff;background:linear-gradient(180deg,#f1c40f4d,#d4af3733);box-shadow:0 0 35px #f1c40ff2}.end-target-callout{position:absolute;top:-28px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:800;background:var(--gold);color:#121212;padding:3px 8px;border-radius:999px;box-shadow:0 4px 10px #0006}@keyframes targetPulse{0%,to{box-shadow:0 0 10px #f1c40f4d}50%{box-shadow:0 0 25px #f1c40fbf}}.table-center-drop-zone{display:flex;align-items:center;justify-content:center;padding:24px 36px;border-radius:20px;border:3px dashed rgba(241,196,15,.4);background:#0e1c30a6;box-shadow:0 8px 30px #00000080;cursor:pointer;transition:all .2s ease}.drop-target-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.drop-target-icon{font-size:32px;color:var(--gold-glow)}.drop-target-title{font-size:16px;font-weight:800;letter-spacing:.08em;color:#fff}.drop-target-subtitle{font-size:13px;color:#a4b0be}.table-center-drop-zone.active-target{border-color:var(--gold-glow);box-shadow:0 0 30px #f1c40f99;animation:targetPulse 1.4s ease-in-out infinite}.table-center-drop-zone.hover-target{transform:scale(1.08);border-color:#fff;background:#f1c40f40;box-shadow:0 0 50px #f1c40fe6}.floating-drag-preview{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%) rotate(-5deg) scale(1.12);filter:drop-shadow(0 20px 30px rgba(0,0,0,.7));cursor:grabbing}.table-status-overlay{position:absolute;top:70px;left:50%;transform:translate(-50%);z-index:40;max-width:600px;width:90%}.banner{background:linear-gradient(180deg,#1c261cf2,#0e140ef2);border:2px solid var(--gold);border-radius:16px;padding:14px 20px;box-shadow:0 15px 40px #000c;text-align:center}.banner strong{font-size:18px;color:var(--gold-glow)}.banner .muted{font-size:13px;color:#a4b0be;margin-top:6px}.table-round-over-actions{position:absolute;bottom:120px;left:50%;transform:translate(-50%);z-index:45}.action-round-button{background:linear-gradient(180deg,#f39c12,#d35400);border:2px solid #f1c40f;color:#1a1a1a;font-size:16px;font-weight:800;padding:12px 32px;border-radius:999px;box-shadow:0 10px 25px #f39c1299;letter-spacing:.04em}.action-round-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 12px 35px #f39c12d9}.table-loading-3d{color:#ced6e0;font-size:15px}.layout{max-width:900px;margin:0 auto;padding:24px}.card{background:#0e1a14e0;border:1px solid #285437;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 10px 30px #00000080}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:28px;margin:0 0 8px;color:#fff}h2{font-size:20px;margin:0 0 12px;color:#fff}.muted{color:#8fa395}.mono{font-family:ui-monospace,Menlo,monospace}.error{color:#ff6b6b}input,select{font:inherit;color:inherit;background:#0d1a13;border:1px solid #2e5a3c;border-radius:10px;padding:10px 14px}input:focus,select:focus{border-color:var(--gold);outline:none}.table-bottom-drawer{position:fixed;bottom:14px;right:18px;width:320px;z-index:60}.chat{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding-right:4px}.chat-line{font-size:13px}.table-boneyard-stack{position:absolute;top:24px;right:140px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:15;cursor:pointer;filter:drop-shadow(0 8px 16px rgba(0,0,0,.65))}.boneyard-pile{position:relative;width:28px;height:52px}.pile-tile-under{position:absolute;width:24px;height:48px;border-radius:4px;background:#142a1c;border:1px solid #234830}.pile-3{top:6px;left:6px}.pile-2{top:4px;left:4px}.pile-1{top:2px;left:2px}.boneyard-pill{font-size:10px;font-weight:800;color:var(--gold-glow);background:#0e141ad9;border:1px solid #3d4650;padding:1px 7px;border-radius:999px;letter-spacing:.05em}.stack-can-draw{cursor:pointer;animation:boneyardPulse 1.4s ease-in-out infinite}@keyframes boneyardPulse{0%,to{filter:drop-shadow(0 0 8px rgba(241,196,15,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 24px rgba(241,196,15,.95));transform:scale(1.08)}}.btn-gold-action{background:linear-gradient(180deg,#f39c12,#d35400);border:1px solid #f1c40f;color:#1a1a1a;font-size:11px;font-weight:800;padding:5px 14px;border-radius:999px;box-shadow:0 0 12px #f1c40f80;animation:glowPulse 1.4s ease-in-out infinite;cursor:pointer;transition:transform .1s ease}.btn-gold-action:hover{transform:scale(1.05);box-shadow:0 0 20px #f1c40fd9}.btn-silver-action{background:linear-gradient(180deg,#444c54,#292f35);border:1px solid #6b7785;color:#f1f2f6;font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;cursor:pointer;transition:transform .1s ease}.btn-silver-action:hover{transform:scale(1.04);border-color:#9aa7b5}.home-screen-root{width:100vw;height:100vh;max-height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#120b07;background-image:radial-gradient(circle at 50% 25%,#442a19bf,#160d08f5 65%,#0a0604),repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0px,rgba(0,0,0,.22) 1.5px,transparent 1.5px,transparent 4px),repeating-linear-gradient(45deg,rgba(212,175,55,.022) 0px,rgba(212,175,55,.022) 1px,transparent 1px,transparent 28px),repeating-linear-gradient(-45deg,rgba(212,175,55,.022) 0px,rgba(212,175,55,.022) 1px,transparent 1px,transparent 28px);padding:16px}.home-screen-shell{width:100%;max-width:960px;max-height:94vh;display:flex;flex-direction:column;gap:14px}.home-compact-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px}.brand-group{display:flex;align-items:center;gap:12px}.brand-icon{font-size:32px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.brand-titles{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:24px;font-weight:900;letter-spacing:.12em;color:#fffdf8;margin:0;line-height:1.1}.brand-tag{font-size:11px;font-weight:700;color:#c49c5e;letter-spacing:.04em}.guide-trigger-btn{background:linear-gradient(180deg,#382519,#22140c);border:1px solid #5a3922;color:#f5c542;font-size:12px;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .16s ease;box-shadow:0 4px 12px #0006}.guide-trigger-btn:hover{border-color:#f39c12;transform:translateY(-1px)}.home-main-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:16px;align-items:stretch}.home-card{background:radial-gradient(ellipse at 50% 0%,rgba(243,156,18,.06) 0%,transparent 55%),linear-gradient(180deg,#25170e,#170d08);border:1.5px solid #482c18;border-radius:16px;padding:18px 20px;box-shadow:0 20px 48px #000000d9,inset 0 1px 1px #f5c54240,inset 0 0 30px #0009;display:flex;flex-direction:column;gap:14px}.setup-section{display:flex;flex-direction:column;gap:6px}.section-label{font-size:10px;font-weight:800;letter-spacing:.1em;color:#a48259}.section-label-row{display:flex;align-items:center;justify-content:space-between}.penalty-warn-tag{font-size:10px;font-weight:800;color:#e67e22;background:#e67e2226;border:1px solid rgba(230,126,34,.5);padding:2px 8px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.username-input-row{display:flex;align-items:center;gap:10px;background:#100a06;border:1.5px solid #3a2213;border-radius:10px;padding:4px 10px}.username-input-row:focus-within{border-color:var(--gold-glow);box-shadow:0 0 10px #f1c40f59}.username-input{flex:1;background:transparent;border:none;outline:none;font-size:15px;font-weight:700;color:#fffdf8;padding:6px 0}.username-active-tag{font-size:10px;font-weight:800;color:#d4af37;letter-spacing:.06em;text-transform:uppercase}.format-pills-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.format-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(180deg,#1d120a,#120905);border:1.5px solid #351f12;border-radius:10px;padding:10px 8px;cursor:pointer;transition:all .15s ease}.format-pill:hover{border-color:#5c3821}.format-pill-active{border-color:var(--gold-glow);background:linear-gradient(180deg,#301d0f,#1a0f08);box-shadow:0 0 12px #f1c40f40}.pill-title{font-size:13px;font-weight:800;color:#fffdf8}.format-pill-active .pill-title{color:var(--gold-glow)}.pill-sub{font-size:10px;font-weight:700;color:#8a735c}.target-score-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.target-score-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#1c1109,#110804);border:1.5px solid #331e11;border-radius:10px;padding:8px 6px;cursor:pointer;transition:all .15s ease}.target-score-pill:hover{border-color:#55321c}.target-score-pill.target-active{border-color:#f39c12;background:linear-gradient(180deg,#311c0e,#1d0f07);box-shadow:0 0 12px #f39c124d}.score-val{font-size:18px;font-weight:900;color:#fffdf8;line-height:1.1}.target-active .score-val{color:#f39c12}.score-unit{font-size:9px;font-weight:800;color:#7d6854;letter-spacing:.06em;text-transform:uppercase}.setup-hint{font-size:11px;color:#9c846e;margin:0;line-height:1.35}.launch-card{justify-content:space-between}.launch-box{background:#0e090699;border:1px solid #331f13;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.launch-box-header{display:flex;align-items:flex-start;gap:10px}.box-icon{font-size:20px;line-height:1}.box-title{font-size:14px;font-weight:800;color:#fffdf8;margin:0 0 2px}.box-desc{font-size:11px;color:#9c846e;margin:0;line-height:1.3}.btn-launch-local{background:linear-gradient(180deg,#f5af19,#e65c00);border:1px solid #fecb2e;color:#120904;font-size:14px;font-weight:900;letter-spacing:.02em;padding:11px 16px;border-radius:10px;box-shadow:0 6px 18px #f5af1966,inset 0 1px 1px #fff9;cursor:pointer;transition:all .15s ease;width:100%}.btn-launch-local:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f5af1999}.online-controls{display:flex;flex-direction:column;gap:8px}.btn-create-room{background:linear-gradient(180deg,#3d291a,#25160d);border:1px solid #5a3b25;color:#f1f2f6;font-size:12px;font-weight:800;padding:9px 14px;border-radius:9px;cursor:pointer;transition:all .15s ease;width:100%}.btn-create-room:hover:not(:disabled){border-color:#8a5a3a;transform:translateY(-1px)}.join-room-row{display:flex;gap:8px}.room-code-field{flex:1;background:#0f0906;border:1px solid #3d2516;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:800;color:var(--gold-glow);letter-spacing:.1em;text-transform:uppercase}.room-code-field:focus{border-color:var(--gold-glow)}.btn-join-room{background:linear-gradient(180deg,#444c54,#292f35);border:1px solid #5a646e;color:#f1f2f6;font-size:12px;font-weight:800;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .14s ease}.btn-join-room:hover:not(:disabled){border-color:#8a96a3;transform:translateY(-1px)}.online-disabled-note{font-size:11px;color:#887059;font-style:italic}.home-compact-error{background:#e74c3c2e;border:1px solid rgba(231,76,60,.6);color:#ff6b6b;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700}.btn-must-draw{background:linear-gradient(180deg,#e67e22,#d35400)!important;border:1.5px solid #f39c12!important;color:#fff!important;animation:drawButtonPulse 1.3s ease-in-out infinite;font-weight:800!important;box-shadow:0 0 16px #e67e22b3!important}@keyframes drawButtonPulse{0%,to{box-shadow:0 0 10px #e67e2280}50%{box-shadow:0 0 25px #f39c12f2;transform:translateY(-2px)}}.banner-match-over{background:linear-gradient(180deg,#f39c1240,#1a100af2)!important;border:1.5px solid #f39c12!important;box-shadow:0 8px 30px #f39c1259!important}.match-win-title{font-size:16px;color:#f1c40f;letter-spacing:.04em}.guide-modal-overlay{position:fixed;inset:0;background:#080503d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.guide-modal-container{background:linear-gradient(180deg,#24160e,#150d08);border:1.5px solid #4a2c18;border-radius:18px;width:100%;max-width:720px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000000e6,inset 0 1px 1px #f5c54233;overflow:hidden}.guide-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #382012}.guide-header-title{display:flex;align-items:center;gap:12px}.guide-header-title h2{font-size:18px;font-weight:900;color:#fffdf8;margin:0}.guide-header-title p{font-size:12px;color:#a48259;margin:2px 0 0}.guide-close-btn{background:#ffffff14;border:1px solid #4a2c18;color:#c9ba9e;font-size:16px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.guide-close-btn:hover{background:#ffffff26;color:#fff}.guide-tabs{display:flex;gap:4px;padding:10px 22px;background:#0e090580;border-bottom:1px solid #382012;overflow-x:auto}.guide-tab-btn{background:transparent;border:1px solid transparent;color:#a48259;font-size:12px;font-weight:700;padding:6px 14px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .14s ease}.guide-tab-btn:hover{color:#f5c542}.guide-tab-btn.tab-active{background:#311c0f;border-color:#5a3822;color:#f1c40f;box-shadow:0 2px 8px #0006}.guide-modal-body{padding:20px 22px;overflow-y:auto;flex:1}.guide-section-content h3{font-size:16px;font-weight:800;color:#f5c542;margin:0 0 10px}.guide-intro-text{font-size:13px;color:#c9ba9e;line-height:1.5;margin:0 0 16px}.slang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.slang-card{background:#120b07b3;border:1px solid #3a2214;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.slang-card-wide{grid-column:1 / -1}.slang-header{display:flex;align-items:center;justify-content:space-between}.slang-term{font-size:14px;font-weight:800;color:#f5c542}.slang-tag{font-size:10px;font-weight:800;color:#e67e22;background:#e67e2226;border:1px solid rgba(230,126,34,.4);padding:2px 8px;border-radius:999px}.slang-tile-preview{display:flex;align-items:center;margin:2px 0}.slang-desc{font-size:12px;color:#bfaea0;line-height:1.45;margin:0}.slang-desc strong{color:#fffdf8}.pip-numbers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;margin-top:4px}.pip-num-item{font-size:12px;color:#c9ba9e;background:#1e120b99;border:1px solid #3a2214;padding:6px 10px;border-radius:8px}.pip-num-item strong{color:#f5c542}.guide-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.guide-list li{font-size:13px;color:#c9ba9e;line-height:1.5;background:#120b07b3;border:1px solid #3a2214;border-radius:10px;padding:10px 14px}.guide-list strong{color:#f5c542}.scoring-rules-box{display:flex;flex-direction:column;gap:10px}.scoring-rule-step{display:flex;align-items:flex-start;gap:12px;background:#120b07b3;border:1px solid #3a2214;border-radius:12px;padding:12px 14px}.step-danger{border-color:#e74c3c99;background:#e74c3c1a}.step-badge{width:24px;height:24px;border-radius:50%;background:#f39c12;color:#120904;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-danger .step-badge{background:#e74c3c;color:#fff}.scoring-rule-step strong{font-size:13px;color:#fffdf8;display:block;margin-bottom:2px}.scoring-rule-step p{font-size:12px;color:#bfaea0;margin:0;line-height:1.4}.guide-modal-footer{padding:12px 22px;border-top:1px solid #382012;display:flex;justify-content:flex-end}.btn-gold-action{background:linear-gradient(180deg,#f5af19,#e65c00);border:1px solid #fecb2e;color:#120904;font-size:13px;font-weight:900;padding:9px 20px;border-radius:10px;cursor:pointer;transition:all .15s ease}.btn-gold-action:hover{transform:translateY(-1px)}@media(max-width:768px){.home-screen-root{overflow-y:auto;align-items:flex-start;padding:10px}.home-main-grid{grid-template-columns:1fr;gap:12px}.home-card{padding:14px 16px}.brand-name{font-size:20px}.table-top-hud{height:42px;padding:3px 8px}.hud-btn-nav{padding:3px 8px;font-size:11px}.hud-mode-pill,.hud-round-pill{padding:2px 5px;font-size:10px}.hud-scoreboard-bar{gap:4px;padding:2px 6px}.chip-score{font-size:13px}.chip-label{font-size:9px}.target-pill-text{font-size:8px;padding:1px 4px}.btn-label-desktop{display:none}.hud-btn-action{padding:4px 8px;font-size:13px}.table-arena{padding:2px;height:calc(100vh - 42px)}.poker-table-rim,.ahwa-table-rim{border-radius:10px;padding:4px}.poker-table-felt,.ahwa-table-felt{border-radius:8px;padding:4px}.player-card-square{width:52px;min-height:52px;padding:3px 4px;border-radius:8px}.card-player-name{font-size:9px;max-width:44px;margin:1px 0}.card-tiles-count{font-size:10px}.card-tiles-sub{font-size:7px}.player-team-chip{font-size:7.5px;padding:1px 3px}.station-left{left:4px}.station-right{right:4px}.station-top{top:4px}.station-bottom{bottom:4px}.rack-player-hand{min-width:0;max-width:100%;padding:4px 6px}.rack-balance-bar{padding:4px 8px;gap:4px}.dock-player-name{font-size:11px}.turn-badge-clean{font-size:10px;padding:2px 6px;gap:4px;letter-spacing:.02em}.dock-waiting-text{font-size:10px}.dock-tiles-counter{font-size:10px;padding:1px 6px}.player-hand-tiles{min-height:72px;padding:6px;gap:4px}.player-hand-tiles .domino-size-lg.domino-vertical{width:34px;height:68px}.player-hand-tiles .domino-size-lg.domino-horizontal{width:68px;height:34px}}