:root{color-scheme:light;font-family:Nunito,Quicksand,SF Pro Rounded,Inter,ui-rounded,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;--hr-coral: #ff7a59;--hr-coral-deep: #f06746;--hr-mint: #65d6b3;--hr-sky: #74b9ff;--hr-lavender: #b8a1ff;--hr-yellow: #ffd76a;--hr-cream: #fff9f1;--hr-off-white: #f8f4ec;--hr-beige: #f1e7d8;--hr-ink: #1f2a44;--hr-ink-soft: #6b7280;--hr-shadow-sm: 0 2px 4px rgba(95, 60, 30, .1), 0 1px 0 rgba(95, 60, 30, .06);--hr-shadow-md: 0 6px 14px rgba(95, 60, 30, .14), 0 2px 0 rgba(95, 60, 30, .1);--hr-shadow-lg: 0 14px 32px rgba(95, 60, 30, .2), 0 3px 0 rgba(95, 60, 30, .12);--hr-shadow-piece: 0 18px 32px rgba(70, 40, 18, .32), 0 4px 0 rgba(70, 40, 18, .18);background:var(--hr-off-white);color:var(--hr-ink)}*{box-sizing:border-box}html,body{height:100%;height:100dvh}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}button{font:inherit}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:hidden}#app:after{display:none}#scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#app.select-mode #scene,#app.select-mode #scene:active{cursor:crosshair}#app.shift-zoom #scene,#app.shift-zoom #scene:active{cursor:ns-resize}#app.grab-hover,#app.grab-hover *,#app.grab-hover #scene,#app.grab-hover #scene:active{cursor:grab!important}#app.ai-mode #scene,#app.ai-mode #scene:active{cursor:cell}.top-floating-btn{position:fixed;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;border-radius:50%;background:var(--hr-cream);color:var(--hr-ink);font-size:1.15rem;cursor:pointer;box-shadow:var(--hr-shadow-md);transition:background .15s,transform .12s ease-out,box-shadow .15s;z-index:6;white-space:nowrap}.top-floating-btn:active{transform:translateY(1px) scale(.96);box-shadow:var(--hr-shadow-sm)}.top-floating-btn .icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.6rem;line-height:1}.top-floating-btn .icon svg{width:22px;height:22px}.status-info{display:grid;gap:1px;padding:8px 12px}.status-game-picker{flex:0 1 190px;min-width:150px;max-width:240px;display:grid;align-content:center;gap:1px;padding:4px 8px}.status-game-picker .eyebrow{font-size:.58rem;line-height:1}.status-game-picker select{width:100%;min-height:28px;border:1px solid rgba(45,30,18,.14);border-radius:999px;background:#eee2c4d9;color:#1f2521;font:inherit;font-size:.74rem;font-weight:720;line-height:1.2;padding:4px 24px 4px 8px}.status-game-picker select:focus-visible,.status-play-btn:focus-visible,.status-undo-btn:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.status-game-picker select:disabled{color:#6b746e;opacity:.78}.game-mode-panel{position:fixed;bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--action-bar-stack-offset, 0px) + 80px);left:50%;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:stretch;gap:16px;padding:28px 32px;min-width:320px;border:none;border-radius:36px;background:radial-gradient(120% 80% at 50% -10%,#fff5dee6,#fff9f100 60%),var(--hr-cream);box-shadow:var(--hr-shadow-lg),inset 0 1px #ffffffd9,inset 0 -2px #5f3c1e14;z-index:7}.game-mode-panel.game-mode-panel--dismissed{display:none}#app.mode-select-active>*:not(.game-mode-panel):not(#scene):not(#player-profile):not(#name-prompt-backdrop):not(#name-prompt-panel){display:none!important}.game-mode-panel-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}.game-mode-edit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:18px;background:var(--hr-off-white);color:var(--hr-ink);font:inherit;font-size:1rem;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:var(--hr-shadow-sm);transition:background .15s,color .15s,box-shadow .15s,transform .1s}.game-mode-edit-btn .icon{font-size:1rem;line-height:1}.game-mode-edit-btn:hover{background:var(--hr-beige)}.game-mode-edit-btn[aria-pressed=true]{background:var(--hr-coral);color:#fff;box-shadow:0 4px 12px #ff7a5952}.game-mode-edit-btn:active{transform:translateY(1px)}.game-mode-panel .status-play-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border:none;border-radius:18px;background:#c5ecd0;color:#1f4a30;font:inherit;font-size:1rem;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:var(--hr-shadow-sm);transition:background .15s,color .15s,box-shadow .15s,transform .1s}.game-mode-panel .status-play-btn:hover{background:#b3e2c0}.game-mode-panel .status-play-btn[aria-pressed=true]{background:#66c98b;color:#fff;box-shadow:0 4px 12px #66c98b59}.game-mode-panel .status-play-btn:active{transform:translateY(1px)}.active-game-picker{display:flex;align-items:stretch;padding:0;border:none;background:transparent}.game-mode-panel .active-game-picker select{width:100%;max-width:none;min-height:56px;padding:18px 44px 6px 22px;font-size:1rem}.active-game-picker .eyebrow{font-size:.58rem;line-height:1}.active-game-picker .eyebrow{color:var(--hr-ink-soft);letter-spacing:.04em}.active-game-picker select{min-height:44px;width:auto;max-width:280px;border:none;border-radius:999px;background-color:var(--hr-cream);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2A44' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 14px;color:var(--hr-ink);font:inherit;font-size:.9rem;font-weight:800;line-height:1.2;padding:14px 38px 6px 20px;cursor:pointer;box-shadow:var(--hr-shadow-md);-moz-appearance:none;appearance:none;-webkit-appearance:none}.active-game-picker select:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.active-game-picker option.option-new-game{color:var(--hr-coral);font-weight:900;padding-top:26px;padding-bottom:2px;margin-top:8px}.active-game-picker option.option-separator{color:#1f2a4440;font-weight:400;padding-top:0;padding-bottom:6px;font-size:.7rem}.active-game-picker select:disabled{color:#6b746e;opacity:.78}.play-mode .active-game-picker{display:none}#app.mode-select-active .active-game-picker{display:flex!important}.status-play-btn .icon,.status-undo-btn .icon{font-size:1rem;line-height:1;width:auto;height:auto}.status-undo-btn{justify-content:center;min-width:38px;padding-inline:0}.status-undo-btn:disabled{color:#8c958f;cursor:not-allowed;opacity:.55}.top-floating-btn:hover{background:#fff}.top-floating-btn[aria-expanded=true],.top-floating-btn[aria-pressed=true]{background:#dfefe7;color:#0f2e20}.top-left-btn{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left))}#play-menu-btn.top-floating-btn{width:56px;height:56px;top:env(safe-area-inset-top,0px);background:transparent;color:#6b7280;box-shadow:none;z-index:20}#play-menu-btn.top-floating-btn .icon{font-size:2rem}#play-menu-btn.top-floating-btn:hover,#play-menu-btn.top-floating-btn[aria-expanded=true]{background:transparent;color:#4b5563}.top-left-view-wrapper{position:fixed;top:env(safe-area-inset-top,0px);right:max(14px,env(safe-area-inset-right));left:auto;width:56px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:20}.top-left-view-wrapper.is-menu-open{z-index:20}.top-left-view-btn{position:static;top:auto;left:auto;width:56px;height:56px;border-radius:50%;font-size:1.05rem;background:transparent;color:#6b7280;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.top-left-view-btn:hover{background:transparent;color:#4b5563}.top-left-view-btn .icon{width:22px;height:22px}.top-left-view-btn[aria-expanded=true]{background:var(--hr-off-white);color:var(--hr-ink)}.view-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:none;border-radius:18px;background:var(--hr-cream);color:var(--hr-ink);box-shadow:var(--hr-shadow-md);z-index:7}.view-panel[aria-hidden=true]{display:none}.view-panel-label{font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hr-ink-soft);padding:2px 4px 4px;align-self:stretch;text-align:center}.view-mode-btn{width:64px;min-height:64px;padding:8px 6px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;border-radius:12px;background:var(--hr-off-white);color:var(--hr-ink);cursor:pointer;box-shadow:var(--hr-shadow-sm);transition:background .15s,color .15s,box-shadow .15s,transform .1s}.view-mode-btn .icon{width:22px;height:22px}.view-mode-btn-label{font-size:.7rem;font-weight:700;line-height:1}.view-mode-btn:hover{background:var(--hr-beige)}.view-mode-btn:active{box-shadow:0 1px 3px #1f2a442e;transform:translateY(1px)}.view-mode-btn[aria-pressed=true]{background:var(--hr-mint);color:#fff;box-shadow:0 6px 14px #65d6b36b}.top-left-view-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.top-right-btn{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}#chatbot-button.top-right-btn{top:auto;bottom:max(14px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right));left:auto;background:radial-gradient(circle at 30% 25%,#fff0d759,#fff0d700 55%),#281c1252;color:#fff8ea;box-shadow:0 8px 18px #140c0652,inset 0 1px #ffffff38,inset 0 -2px 4px #140c0666;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#chatbot-button.top-right-btn:hover{background:radial-gradient(circle at 30% 25%,#fff0d766,#fff0d700 55%),#281c1270}.player-profile{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:center;gap:0;z-index:50;pointer-events:none}#app.play-mode:not(.seat-select-mode) .player-profile{display:none}.tile-rotation-controls{position:fixed;display:none;align-items:center;gap:8px;transform:translate(-50%,-100%);z-index:7;pointer-events:none}.tile-rotation-controls[aria-hidden=false]{display:inline-flex}.tile-rotate-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:var(--hr-cream);color:var(--hr-ink, #1f2a44);cursor:pointer;pointer-events:auto;box-shadow:var(--hr-shadow-md);transition:transform .12s ease-out,background .15s,box-shadow .15s}.tile-rotate-btn[hidden]{display:none}.tile-rotate-btn:hover{transform:translateY(-1px);background:#fff}.tile-rotate-btn:active{transform:translateY(1px) scale(.96)}.tile-rotate-btn svg{width:22px;height:22px}.tile-confirm-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#22c55e;color:#fff;cursor:pointer;pointer-events:auto;box-shadow:0 6px 14px #1450235c,0 0 0 3px #22c55e2e;transition:transform .12s ease-out,background .15s,box-shadow .15s}.tile-confirm-btn[hidden]{display:none}.tile-confirm-btn:hover{transform:translateY(-1px);background:#16a34a}.tile-confirm-btn:active{transform:translateY(1px) scale(.96)}.tile-confirm-btn svg{width:24px;height:24px}.turn-indicator-stack{position:fixed;top:env(safe-area-inset-top,0px);left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:8px;z-index:6;pointer-events:none}.your-turn-toast{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%) scale(.9);display:none;flex-direction:column;align-items:center;gap:6px;padding:22px 44px;border-radius:22px;background:var(--hr-cream);color:var(--hr-ink);box-shadow:0 22px 48px #140c0666;z-index:90;pointer-events:auto;cursor:pointer;opacity:0;transition:opacity .22s ease-out,transform .22s ease-out}.your-turn-toast[aria-hidden=false]{display:inline-flex;opacity:1;transform:translate(-50%,-50%) scale(1)}.your-turn-toast-title{font-size:1.8rem;font-weight:800;letter-spacing:.02em}.your-turn-toast-team{font-size:1rem;font-weight:700;color:var(--your-turn-team-color, var(--hr-ink))}.your-turn-toast-team[aria-hidden=true]{display:none}.turn-indicator-stack[aria-hidden=false]{display:inline-flex}.turn-player-avatars--right{position:fixed;top:50%;right:max(14px,env(safe-area-inset-right));left:auto;transform:translateY(-50%);flex-direction:column;z-index:6}.turn-player-avatars{display:inline-flex;align-items:flex-start;gap:12px}.turn-player-avatars[aria-hidden=true]{display:none}.turn-active-label{display:none;font-size:.95rem;font-weight:800;color:#fff;letter-spacing:.01em;background:var(--turn-active-team-color, var(--hr-cream));padding:6px 14px;border-radius:999px;box-shadow:var(--hr-shadow-sm);text-shadow:0 1px 2px rgba(0,0,0,.35)}.turn-active-label[aria-hidden=false]{display:inline-flex}.game-instruction{display:none;align-items:center;justify-content:center;padding:12px 84px;border-radius:0;background:var(--hr-cream);color:var(--hr-ink);font-size:1.2rem;font-weight:800;line-height:32px;letter-spacing:.005em;width:100vw;text-align:center;text-shadow:none;box-shadow:0 6px 16px #140c062e,0 2px 5px #140c061f}.game-instruction[aria-hidden=false]{display:block}.game-instruction-player{font-weight:900;display:inline}.game-instruction[data-tone=warn]{background:#fbd0cb;color:#6a1f17;box-shadow:0 6px 16px #140c062e,0 2px 5px #140c061f}.game-instruction[data-tone=success]{background:#d8efde;color:#19452a}.turn-player-slot{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:56px;max-width:84px}.turn-player-avatar{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.32);background:var(--avatar-color, #a4b0e8);color:#fff;font-size:1.05rem;font-weight:800;box-shadow:0 3px 6px #140c0647;transition:transform .15s,border-color .15s,box-shadow .15s}.turn-player-slot.is-active .turn-player-avatar{border-color:#fff;transform:scale(1.1);box-shadow:0 6px 14px #0006,0 0 0 3px #ffffff59}.turn-player-name{font-size:.78rem;font-weight:700;color:#fff8ea;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;text-shadow:0 1px 3px rgba(0,0,0,.45)}.turn-player-slot.is-active .turn-player-name{font-weight:800}.turn-player-avatar-wrap{position:relative;display:inline-flex}.turn-player-score{position:absolute;right:-4px;bottom:-2px;min-width:22px;height:22px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:none;background:var(--score-team-color, rgba(20, 12, 6, .7));color:#fff;font-size:.72rem;font-weight:800;line-height:1;cursor:pointer;pointer-events:auto;box-shadow:0 0 0 1px #140c0638,0 2px 5px #0000004d;transition:transform .12s ease-out,box-shadow .15s;z-index:2}.turn-player-hand{margin-top:3px;display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:600;color:#fff8ea99;text-shadow:0 1px 2px rgba(0,0,0,.3)}.turn-player-hand-group{display:inline-flex;align-items:center;gap:3px}.turn-player-hand-group img{width:12px;height:12px;object-fit:contain;filter:brightness(0) invert(1);opacity:.6}.turn-player-score:hover{transform:scale(1.06)}.turn-player-score:active{transform:scale(.94)}.turn-player-score strong{font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.4)}.turn-player-score:hover{background:#281c12c7;transform:translateY(-1px)}.turn-player-score:active{transform:translateY(0) scale(.96)}.score-panel{position:fixed;display:inline-flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:14px;background:var(--hr-cream);color:var(--hr-ink);box-shadow:var(--hr-shadow-md);z-index:60;pointer-events:auto}.score-panel-header{display:inline-flex;align-items:center;justify-content:space-between;gap:12px}.score-panel-name{font-weight:800;font-size:.95rem}.score-panel-close{width:24px;height:24px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--hr-ink);font-size:1.1rem;line-height:1;cursor:pointer}.score-panel-close:hover{background:#2d1e1214}.score-panel-row{display:inline-flex;align-items:center;justify-content:center;gap:6px}.score-panel-btn{min-width:36px;height:32px;padding:0 8px;border:none;border-radius:10px;background:#2d1e1214;color:var(--hr-ink);font-size:.95rem;font-weight:800;cursor:pointer}.score-panel-btn:hover{background:#2d1e122e}.score-panel-value{width:64px;text-align:center;font-size:1.4rem;font-weight:800;padding:4px 6px;border:1px solid rgba(45,30,18,.18);border-radius:8px;background:#fff;color:var(--hr-ink);outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.score-panel-value::-webkit-outer-spin-button,.score-panel-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-panel-value:focus{border-color:#2d1e1266;box-shadow:0 0 0 3px #22c55e2e}.score-panel-reset{align-self:center;padding:6px 14px;border:none;border-radius:10px;background:transparent;color:var(--hr-ink);font-size:.82rem;font-weight:700;cursor:pointer;opacity:.7}.score-panel-reset:hover{opacity:1;background:#2d1e1214}.turn-indicator{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:999px;background:var(--hr-cream);color:var(--hr-ink);font-size:1rem;font-weight:800;white-space:nowrap;box-shadow:var(--hr-shadow-md)}.end-turn-button[hidden]{display:none}.end-turn-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 22px;border:none;border-radius:999px;background:var(--hr-coral);color:#fff;font-family:inherit;font-size:.95rem;font-weight:800;cursor:pointer;pointer-events:auto;box-shadow:0 8px 18px #ff7a595c,inset 0 -3px #b4462847;transition:background .15s,box-shadow .15s,transform .1s}.end-turn-button:hover{background:var(--hr-coral-deep)}.end-turn-button:active{box-shadow:0 3px 8px #ff7a5938,inset 0 -1px #b4462833;transform:translateY(2px)}.turn-indicator-dot{width:10px;height:10px;border-radius:50%;background:var(--turn-indicator-color, #5a8edb);box-shadow:0 0 0 2px #fff6}@media(max-width:560px){.turn-indicator{height:36px;padding:0 12px;font-size:.9rem}}.player-profile>*{pointer-events:auto}.player-profile-button{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;padding:0;border:4px solid var(--hr-cream);border-radius:50%;background:var(--hr-mint);color:#fff;cursor:pointer;box-shadow:var(--hr-shadow-piece, var(--hr-shadow-md));transition:background .15s,transform .12s ease-out,box-shadow .15s}.connection-indicator{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;border:2.5px solid #fff;background:#aab1bb;box-shadow:0 1px 3px #1f2a4440}.connection-indicator[data-state=connected]{background:#22c55e}.connection-indicator[data-state=connecting]{background:#f59e0b}.connection-indicator[data-state=offline],.connection-indicator[data-state=disconnected]{background:#ef4444}.player-profile-button:hover{filter:brightness(1.05)}.player-profile-button:active{transform:scale(.96)}.player-profile-button:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.player-avatar-initial{font-size:1.5rem;font-weight:800;line-height:1;text-transform:uppercase}.player-profile-name{max-width:140px;margin-top:2px;padding:0;border:none;background:transparent;color:#fff;font-size:.78rem;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.55)}.create-toolbar{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 14px;border:none;border-radius:28px;background:radial-gradient(120% 80% at 50% -10%,#fff5dee6,#fff9f100 60%),var(--hr-cream);box-shadow:var(--hr-shadow-lg),inset 0 1px #ffffffd9,inset 0 -2px #5f3c1e14;z-index:6;max-width:calc(100vw - 124px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.create-toolbar button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:999px;background:var(--hr-off-white);color:var(--hr-ink);font:inherit;font-size:.85rem;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:var(--hr-shadow-sm),inset 0 -2px #5f3c1e1f;transition:background .15s,color .15s,box-shadow .15s,transform .1s}.create-toolbar button:active{box-shadow:0 1px 3px #5f3c1e2e,inset 0 -1px #5f3c1e14;transform:translateY(2px)}.create-toolbar button .icon{font-size:1rem;line-height:1}.create-toolbar button:hover{background:var(--hr-beige)}.create-toolbar button[aria-pressed=true],.create-toolbar button[aria-expanded=true]{background:var(--hr-coral);color:#fff;box-shadow:0 4px 12px #ff7a5952}.invite-room-btn{position:fixed;top:calc(max(14px,env(safe-area-inset-top)) + 12px);right:calc(max(14px,env(safe-area-inset-right)) + 72px);left:auto;bottom:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:none;border-radius:999px;background:linear-gradient(135deg,#ffb43b,#ff7a59);color:#fff;font-family:inherit;font-size:.95rem;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 22px #ff8c3c6b,inset 0 -3px #b4501e59;transition:transform .12s ease-out,box-shadow .15s,filter .15s;z-index:50!important;animation:invite-pulse 2.4s ease-in-out infinite}.invite-room-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.invite-room-btn:active{transform:translateY(1px) scale(.97)}.invite-room-btn svg{width:20px;height:20px}@keyframes invite-pulse{0%,to{box-shadow:0 10px 22px #ff8c3c6b,inset 0 -3px #b4501e59,0 0 #ffb43c8c}50%{box-shadow:0 10px 22px #ff8c3c6b,inset 0 -3px #b4501e59,0 0 0 8px #ffb43c00}}.room-share-panel{position:fixed;top:calc(max(14px,env(safe-area-inset-top)) + 64px);right:calc(max(14px,env(safe-area-inset-right)) + 72px);width:280px;display:none;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:var(--hr-cream);color:var(--hr-ink);box-shadow:var(--hr-shadow-md);z-index:50}.room-share-panel[aria-hidden=false]{display:flex}.room-share-header{display:flex;align-items:center;justify-content:space-between}.room-share-close{width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--hr-ink);font-size:1.3rem;line-height:1;cursor:pointer}.room-share-close:hover{background:#0000000f}.room-share-link{width:100%;padding:8px 10px;border:1px solid rgba(45,30,18,.18);border-radius:8px;background:#fff;font:inherit;font-size:.9rem}.room-share-code{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#2d1e120f}.room-share-code-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#2d1e128c}.room-share-code-value{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.95rem;font-weight:700;letter-spacing:.04em;color:var(--hr-ink)}.room-share-actions{display:flex;justify-content:flex-end;gap:8px}.room-share-copy,.room-share-new-tab{padding:8px 14px;border:none;border-radius:999px;font:inherit;font-weight:700;cursor:pointer}.room-share-copy{background:var(--hr-coral);color:#fff}.room-share-copy:hover{background:var(--hr-coral-deep)}.room-share-new-tab{background:#2d1e121f;color:var(--hr-ink)}.room-share-new-tab:hover{background:#2d1e122e}.action-bar-tools-wrapper{position:fixed;top:auto;right:auto;bottom:max(14px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));width:48px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:7}.action-bar-tools-wrapper-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.action-bar-tools-trigger{width:48px;height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff0d759,#fff0d700 55%),#281c1252;color:#fff8ea;cursor:pointer;box-shadow:0 8px 18px #140c0652,inset 0 1px #ffffff38,inset 0 -2px 4px #140c0666;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s,box-shadow .15s,transform .12s ease-out}.action-bar-tools-trigger .icon{width:22px;height:22px}.action-bar-tools-trigger:hover{background:radial-gradient(circle at 30% 25%,#fff0d766,#fff0d700 55%),#281c1270}.action-bar-tools-trigger:active{transform:translateY(1px) scale(.96);box-shadow:0 3px 8px #140c0647,inset 0 1px #ffffff29,inset 0 -1px 2px #140c064d}.action-bar-tools-trigger[aria-expanded=true]{background:radial-gradient(circle at 30% 25%,#fff0d766,#fff0d700 55%),#281c128c;color:#fff8ea}.action-bar-tools{position:absolute;top:auto;bottom:calc(100% + 8px);right:auto;left:0;display:inline-flex;align-items:center;flex-direction:column;gap:6px;padding:10px;border:none;border-radius:18px;background:var(--hr-cream);color:var(--hr-ink);box-shadow:var(--hr-shadow-md)}.action-bar-tools[aria-hidden=true]{display:none}.action-bar-tools .mode-toolbar-btn{width:64px;min-height:64px;padding:8px 6px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;border-radius:12px;background:var(--hr-off-white);color:var(--hr-ink);cursor:pointer;box-shadow:var(--hr-shadow-sm);transition:background .15s,color .15s,box-shadow .15s,transform .1s}.action-bar-tools .mode-toolbar-btn svg.icon{width:22px;height:22px}.mode-toolbar-btn-label{font-size:.7rem;font-weight:700;line-height:1}.action-bar-tools-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.action-bar-tools .mode-toolbar-btn:hover{background:var(--hr-beige)}.action-bar-tools .mode-toolbar-btn:active{box-shadow:0 1px 3px #1f2a442e;transform:translateY(1px)}.action-bar-tools .mode-toolbar-btn[aria-pressed=true]{background:var(--hr-mint);color:#fff;box-shadow:0 6px 14px #65d6b36b}.action-bar-tools .mode-toolbar-btn[aria-pressed=true]:hover{filter:brightness(.96)}.create-toolbar .status-play-btn{padding:9px 18px;background:var(--hr-coral);border:none;color:#fff;font-weight:800;box-shadow:0 6px 16px #ff7a5952}.create-toolbar .status-play-btn:hover{background:var(--hr-coral-deep)}.create-toolbar .status-play-btn[aria-pressed=true]{background:#b43c281f;border-color:#b43c2861;color:#7c2212}.eyebrow{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--hr-ink-soft)}#roll-result{min-height:1.3rem;font-size:clamp(1rem,1.8vw,1.18rem);color:#1f2521;white-space:nowrap}.multiplayer-status{max-width:11rem;color:#56645a;font-size:.72rem;font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools{display:flex;flex-direction:row;align-items:center;gap:6px}.tools button{flex:0 0 auto;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid rgba(45,37,28,.19);border-radius:10px;background:#f1e6c6;color:#1f2521;cursor:pointer;box-shadow:0 2px #2d251c2b}.tools button .icon{width:auto;height:auto;display:flex;align-items:center;font-size:1.3rem;line-height:1}.tools button span:not(.icon){font-size:.9rem;font-weight:600}.tools button[hidden]{display:none}.tools button:hover{background:#fcf3d8}.tools button[aria-pressed=true]{border-color:#255e4957;background:#dfefe7;color:#173a2d}.tools button[aria-pressed=true]:hover{background:#e9f6ef}.tools button:disabled{opacity:.58;cursor:default;transform:none}.tools button:active{transform:translateY(1px);box-shadow:none}.tools button:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.play-mode #generate-bar,.play-mode #grid-panel,.play-mode #object-list-panel,.play-mode #rules-lab,.play-mode #script-panel,.play-mode #mode-ai-button,.play-mode .create-toolbar{display:none!important}.play-mode .create-toolbar{max-width:none}#app:not(.play-mode) #chatbot-button{display:none!important}.play-menu-panel{position:fixed;left:0;top:0;display:none;flex-direction:column;gap:4px;min-width:240px;padding:12px;border:none;border-radius:22px;background:var(--hr-cream);box-shadow:var(--hr-shadow-lg);z-index:7;user-select:none;-webkit-user-select:none}.play-menu-panel[aria-hidden=false]{display:flex}.play-menu-panel button[hidden]{display:none}.play-menu-divider{display:flex;flex-direction:column;gap:4px;margin:4px 0;padding:0 12px}.play-menu-divider .eyebrow{font-size:.58rem}.play-menu-divider:after{content:"";height:1px;background:#1f2a441a}.play-menu-panel button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 14px;border:none;border-radius:14px;background:transparent;color:var(--hr-ink);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;text-align:left}.play-menu-panel button:hover{background:var(--hr-off-white)}.play-menu-panel button .icon{width:22px;text-align:center;color:var(--hr-coral);font-size:1rem}.play-menu-panel button:focus-visible{outline:3px solid rgba(255,122,89,.35);outline-offset:1px}.top-action-btn{display:flex;align-items:center;gap:7px;padding:7px 16px;border:1px solid rgba(48,37,28,.18);border-radius:10px;background:#f4e6c6d1;box-shadow:0 8px 28px #231c1524;-webkit-backdrop-filter:none;backdrop-filter:none;color:#1f2521;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.top-action-btn:hover{background:#fcf3d8f5}.top-action-btn[aria-expanded=true]{background:#dfefe7;border-color:#255e4957}.top-action-btn:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.settings-dropdown{position:fixed;left:0;top:0;display:none;min-width:232px;padding:8px;border:1px solid rgba(48,37,28,.2);border-radius:8px;background:#f4e6c6f5;box-shadow:0 18px 45px #231c1533;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:7}.settings-dropdown[aria-hidden=false]{display:grid}.room-menu,.rules-menu{min-width:178px;gap:4px}.room-menu button,.rules-menu button{min-height:38px;width:100%;display:flex;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#1f2521;font:inherit;font-size:.86rem;font-weight:760;text-align:left;cursor:pointer}.room-menu button[hidden],.rules-menu button[hidden]{display:none}.room-menu button:hover,.rules-menu button:hover{background:#efe6d6}.room-menu button:disabled{opacity:.58;cursor:default}.room-menu button:focus-visible,.rules-menu button:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:1px}.room-menu .icon,.rules-menu .icon{width:18px;color:#287659;text-align:center}.chatbot-panel{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(380px,calc(100vw - 36px));max-height:min(560px,calc(100vh - 132px));display:none;grid-template-rows:auto minmax(120px,1fr) auto;border:none;border-radius:22px;background:var(--hr-cream);box-shadow:var(--hr-shadow-lg);overflow:hidden;z-index:9}.chatbot-panel[aria-hidden=false]{display:grid}.asset-panel,.agent-panel{position:fixed;right:max(18px,env(safe-area-inset-right));top:max(96px,env(safe-area-inset-top));width:min(390px,calc(100vw - 36px));max-height:min(640px,calc(100vh - 132px));display:none;grid-template-rows:auto auto minmax(120px,1fr) auto;border:none;border-radius:22px;background:var(--hr-cream);box-shadow:var(--hr-shadow-lg);overflow:hidden;z-index:9}.agent-panel{right:auto;left:max(18px,env(safe-area-inset-left));grid-template-rows:auto auto minmax(130px,1fr) minmax(56px,auto) auto}.asset-panel[aria-hidden=false],.agent-panel[aria-hidden=false]{display:grid}.asset-panel-header,.agent-panel-header,.asset-controls,.asset-actions,.agent-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(48,37,28,.14)}.asset-panel-header>div,.agent-panel-header>div{min-width:0;display:grid;gap:1px}.asset-panel-header strong,.agent-panel-header strong{color:#1f2521;line-height:1.15}.agent-game-slug{max-width:270px;color:#6b746e;font-size:.72rem;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#asset-close-button,#agent-close-button{width:36px;height:36px;flex:0 0 auto;display:inline-grid;place-items:center;border:1px solid rgba(48,37,28,.15);border-radius:8px;background:#ffffff9e;color:#56645a;cursor:pointer}.asset-controls{justify-content:flex-start}.asset-upload-button,.asset-controls button,.asset-actions button,.agent-actions button,.asset-item button,.asset-revision button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid rgba(48,37,28,.16);border-radius:7px;background:#ffffffa3;color:#1f2521;font:inherit;font-size:.8rem;font-weight:750;cursor:pointer}.agent-form{display:grid;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(48,37,28,.14)}#agent-input{width:100%;border:1px solid rgba(48,37,28,.15);border-radius:7px;background:#ffffffad;color:#1f2521;font:inherit;font-size:.84rem;line-height:1.35;padding:9px 10px}#agent-input{min-height:96px;resize:vertical}#agent-game-select,#agent-new-game-input{width:100%;min-height:34px;border:1px solid rgba(48,37,28,.15);border-radius:7px;background:#ffffffad;color:#1f2521;font:inherit;font-size:.82rem;padding:0 9px}#agent-new-game-input[hidden]{display:none}.agent-target{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}#agent-input:focus-visible{outline:3px solid rgba(40,118,89,.25);outline-offset:1px}.agent-actions{padding:0;border:0;justify-content:flex-start}.agent-action-list{display:grid;align-content:start;gap:7px;padding:10px 12px;overflow:auto;border-bottom:1px solid rgba(48,37,28,.1)}.agent-file-list{display:grid;align-content:start;gap:6px;max-height:144px;padding:8px 12px;overflow:auto;border-bottom:1px solid rgba(48,37,28,.1);background:#ffffff38}.agent-file-item{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:6px 7px;border-radius:7px;background:#ffffff80;color:#1f2521;font-size:.74rem;line-height:1.25}.agent-file-item strong{color:#56645a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-file-item span{color:#7a857e;overflow-wrap:anywhere}.agent-status-item{display:grid;gap:3px;padding:7px 8px;border-radius:7px;background:#ffffff85;color:#1f2521;font-size:.78rem;line-height:1.3}.agent-status-item strong{font-size:.72rem;text-transform:uppercase;letter-spacing:0;color:#287659}.agent-status-item span{color:#6b746e;overflow-wrap:anywhere}.agent-status-item.action strong{color:#7c4a03}.agent-status-item.failed strong{color:#9f3a2f}.agent-status-item.done strong{color:#287659}.agent-validation-group{display:grid;gap:4px;margin-top:4px;padding:6px 7px;border:1px solid rgba(159,58,47,.18);border-radius:6px;background:#fff6f1b3}.agent-validation-count{color:#5c342c;font-weight:760}.agent-validation-row{color:#6b746e;overflow-wrap:anywhere}.agent-validation-row.error{color:#9f3a2f}.agent-validation-row.warning{color:#7c4a03}.agent-inspection-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;margin-top:6px}.agent-inspection-figure{min-width:0;display:grid;gap:4px;margin:0;padding:5px;border:1px solid rgba(48,37,28,.12);border-radius:7px;background:#ffffff8a}.agent-inspection-figure img{width:100%;aspect-ratio:4 / 3;object-fit:contain;border-radius:5px;background:#f8f5ec}.agent-inspection-figure figcaption{color:#6b746e;font-size:.68rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.agent-action-group{display:grid;gap:4px;margin-top:4px}.agent-action-row{display:grid;grid-template-columns:minmax(54px,auto) minmax(0,1fr) auto;align-items:center;gap:6px;min-height:26px;padding:4px 6px;border:1px solid rgba(48,37,28,.1);border-radius:6px;background:#ffffff7a}.agent-action-row .agent-action-type{color:#1f2521;font-size:.68rem;font-weight:820;text-transform:uppercase}.agent-action-row .agent-action-path{min-width:0;color:#6b746e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-action-row .agent-action-meta{color:#88938d;font-size:.68rem;white-space:nowrap}.agent-summary{display:grid;gap:3px;padding:10px 12px;background:#dfefe79e;color:#1f2521;font-size:.82rem;line-height:1.35}.agent-summary:empty{display:none}.agent-summary strong{color:#287659;font-size:.72rem;text-transform:uppercase;letter-spacing:0}.agent-message-rail{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(82px,calc(env(safe-area-inset-bottom) + 82px));width:min(390px,calc(100vw - 36px));display:none;align-content:end;gap:7px;pointer-events:none;z-index:8}.agent-message-rail[aria-hidden=false]{display:grid}.agent-message{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2px;padding:8px 10px;border:1px solid rgba(48,37,28,.16);border-left:4px solid #287659;border-radius:8px;background:#f8f5eced;box-shadow:0 12px 30px #231c1529;-webkit-backdrop-filter:none;backdrop-filter:none;color:#1f2521;font-size:.78rem;line-height:1.3;pointer-events:auto}.agent-message-content{min-width:0;display:grid;gap:2px}.agent-message.warn{border-left-color:#9f3a2f}.agent-message strong{color:#287659;font-size:.68rem;text-transform:uppercase;letter-spacing:0}.agent-message.warn strong{color:#9f3a2f}.agent-message span{color:#56645a;overflow-wrap:anywhere}.agent-message-dismiss{width:24px;height:24px;display:inline-grid;place-items:center;margin:-2px -4px 0 6px;border:1px solid rgba(48,37,28,.14);border-radius:6px;background:#fffaf0b8;color:#56645a;cursor:pointer;font-size:1rem;line-height:1}.agent-message-dismiss:hover,.agent-message-dismiss:focus-visible{background:#fff8ea;color:#1f2521}.asset-upload-button{position:relative}.asset-upload-button input{position:absolute;opacity:0;pointer-events:none}.asset-list{display:grid;align-content:start;gap:8px;padding:10px 12px;overflow:auto}.asset-empty{color:#6b746e;font-size:.82rem;line-height:1.35}.asset-item{display:grid;gap:8px;padding:9px;border:1px solid rgba(48,37,28,.14);border-radius:8px;background:#ffffff7a}.asset-item[aria-selected=true]{border-color:#2876597a;background:#dfefe7c7}.asset-item-header,.asset-revision{display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-item-title{min-width:0;display:grid;gap:2px}.asset-item-title strong,.asset-item-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-item-title span,.asset-revision span{color:#6b746e;font-size:.72rem;font-weight:700}.asset-preview{width:100%;height:86px;display:grid;place-items:center;border-radius:6px;background:#1f25210f;overflow:hidden}.asset-preview img{max-width:100%;max-height:100%;object-fit:contain}.asset-revisions{display:grid;gap:5px}.asset-revision{min-height:30px;padding:4px 6px;border-radius:6px;background:#f8f5eca8}.asset-revision-actions{display:inline-flex;gap:5px}.asset-revision button{min-height:26px;padding:0 8px;font-size:.72rem}.asset-actions{border-top:1px solid rgba(48,37,28,.14);border-bottom:0}.chatbot-header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(48,37,28,.14)}.chatbot-header>div{min-width:0;display:grid;gap:1px}.chatbot-header strong{color:#1f2521;line-height:1.15}#chatbot-close-button,#chatbot-submit-button{width:38px;height:38px;flex:0 0 auto;display:inline-grid;place-items:center;border:1px solid rgba(45,37,28,.18);border-radius:8px;background:#f1e6c6;color:#1f2521;cursor:pointer}#chatbot-close-button:hover,#chatbot-submit-button:hover{background:#fcf3d8}#chatbot-close-button:focus-visible,#chatbot-submit-button:focus-visible,#chatbot-input:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.chatbot-messages{min-height:0;display:grid;align-content:start;gap:8px;padding:12px;overflow:auto}.chatbot-message{width:fit-content;max-width:100%;padding:8px 10px;border:1px solid rgba(48,37,28,.14);border-radius:8px;color:#1f2521;font-size:.86rem;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.chatbot-message.user{justify-self:end;background:#dce9dd;border-color:#2876593d}.chatbot-message.assistant{justify-self:start;background:#fcf3d8}.chatbot-message.assistant p,.chatbot-message.assistant ul,.chatbot-message.assistant ol,.chatbot-message.assistant blockquote,.chatbot-message.assistant pre,.chatbot-message.assistant h3,.chatbot-message.assistant h4,.chatbot-message.assistant h5{margin:0}.chatbot-message.assistant>*+*{margin-top:7px}.chatbot-message.assistant ul,.chatbot-message.assistant ol{padding-left:1.15rem}.chatbot-message.assistant li+li{margin-top:3px}.chatbot-message.assistant h3,.chatbot-message.assistant h4,.chatbot-message.assistant h5{font-size:.92rem;line-height:1.22}.chatbot-message.assistant blockquote{padding-left:9px;border-left:3px solid rgba(40,118,89,.32);color:#56645a}.chatbot-message.assistant pre{max-width:100%;overflow:auto;padding:8px;border-radius:7px;background:#1f252114;white-space:pre}.chatbot-message.assistant code{border-radius:5px;padding:.08rem .28rem;background:#1f252114;font:.82em/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.chatbot-message.assistant pre code{display:block;padding:0;background:transparent}.chatbot-message.assistant a{color:#1d4ed8;font-weight:760;text-decoration:underline;text-underline-offset:2px}.chatbot-message.note{justify-self:center;background:transparent;border-color:transparent;color:#56645a;font-size:.78rem;font-weight:760}.chatbot-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border-top:1px solid rgba(48,37,28,.14);background:#f7f1e5c2}#chatbot-input{min-width:0;height:38px;border:1px solid rgba(48,37,28,.2);border-radius:8px;padding:0 10px;background:#fffbf2;color:#1f2521;font:inherit}#chatbot-input:disabled,#chatbot-submit-button:disabled{opacity:.62;cursor:default}.settings-toggle{min-height:36px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:6px;color:#1f2521;font-size:.86rem;font-weight:760;cursor:pointer}.settings-toggle:hover{background:#efe6d6}.settings-toggle input{width:16px;height:16px;margin:0;accent-color:#287659;cursor:pointer}.settings-toggle:focus-within{outline:3px solid rgba(40,118,89,.35);outline-offset:1px}.settings-control-group{display:grid;gap:10px;padding:12px 14px;border-radius:8px}.settings-control-group:hover{background:#efe6d6}.settings-label{color:#1f2521;font-size:1rem;font-weight:760}.color-quick-picks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.color-quick-pick{width:100%;min-width:0;height:36px;border:2px solid rgba(45,37,28,.2);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 48%),var(--swatch-color);box-shadow:inset 0 0 0 1px #ffffff2e;cursor:pointer}.color-quick-pick:hover{border-color:#2d251c73}.color-quick-pick[aria-pressed=true]{border-color:#1f2521;box-shadow:0 0 0 3px #28765942,inset 0 0 0 1px #ffffff4d}.color-quick-pick:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.grid-panel{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));top:auto;left:auto;display:none;flex-direction:column;gap:8px;width:240px;max-width:calc(100vw - 36px);padding:12px 14px;border:none;border-radius:18px;background:var(--hr-cream, #fff9f1);box-shadow:var(--hr-shadow-lg, 0 16px 40px rgba(31, 42, 68, .14), 0 3px 8px rgba(31, 42, 68, .06));z-index:6}.grid-panel[aria-hidden=false]{display:flex}.grid-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.grid-panel-icon-buttons{display:inline-flex;gap:4px}.grid-panel-field{min-height:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:none;border-radius:12px;background:var(--hr-off-white, #f8f4ec);color:var(--hr-ink, #1f2a44);font-size:.85rem;font-weight:700}.grid-panel-field-label{flex:0 0 auto;color:var(--hr-ink-soft, #6b7280);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.grid-panel-field input{flex:1 1 auto;width:auto;min-width:0;text-align:right;border:0;background:transparent;color:inherit;font:inherit;font-weight:800}.grid-panel-icon-btn{width:30px;min-height:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:9px;background:var(--hr-off-white, #f8f4ec);color:var(--hr-ink, #1f2a44);cursor:pointer;box-shadow:var(--hr-shadow-sm, 0 2px 6px rgba(31, 42, 68, .08));transition:background .15s,color .15s}.grid-panel-icon-btn svg.icon{width:16px;height:16px}.grid-panel-icon-btn:hover{background:var(--hr-beige, #f1e7d8)}.grid-panel-icon-btn[aria-pressed=true]{background:var(--hr-coral, #ff7a59);color:#fff}.grid-panel-delete-btn{margin-top:4px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:none;border-radius:12px;background:#e53935;color:#fff;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer;box-shadow:0 6px 16px #e5393552;transition:background .15s,box-shadow .15s,transform .1s}.grid-panel-delete-btn:hover:not(:disabled){background:#d32f2f}.grid-panel-delete-btn:active:not(:disabled){transform:translateY(1px)}.grid-panel-icon-btn:disabled,.grid-panel-delete-btn:disabled,.grid-panel-clear-btn:disabled,.grid-panel-field input:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.grid-panel-clear-btn{margin-top:2px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:none;border-radius:12px;background:transparent;color:var(--hr-ink-soft, #6b7280);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.grid-panel-clear-btn:hover:not(:disabled){background:#ff63471f;color:#c0392b}.object-list-panel{position:fixed;top:max(84px,calc(env(safe-area-inset-top) + 84px));right:max(18px,env(safe-area-inset-right));width:min(340px,calc(100vw - 36px));max-height:min(620px,calc(100vh - 122px));display:none;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:16px;border:none;border-radius:22px;background:var(--hr-cream);box-shadow:var(--hr-shadow-lg);z-index:6}.object-list-panel[aria-hidden=false]{display:grid}.object-list-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.object-list-header strong{display:block;font-size:1rem;line-height:1.2}#object-list-close-button{width:32px;height:32px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgba(45,37,28,.16);border-radius:7px;background:#f7f1e5;color:#1f2521;cursor:pointer}#object-list-close-button:hover{background:#fff8ea}.object-list-content{min-height:0;display:grid;align-content:start;gap:8px;overflow:auto;padding-right:2px}.object-list-section{border:1px solid rgba(45,37,28,.13);border-radius:8px;background:#ffffff5c;overflow:hidden}.object-list-section summary{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;color:#1f2521;font-size:.82rem;font-weight:800;cursor:pointer;list-style:none}.object-list-section summary::-webkit-details-marker{display:none}.object-list-count{color:#56645a;font-size:.72rem;font-weight:800}.object-list-items{display:grid;gap:6px;padding:0 8px 8px}.object-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:6px;border:1px solid rgba(45,37,28,.12);border-radius:7px;background:#f7f1e5c7;color:#1f2521}.object-list-row[data-selected=true]{border-color:#2876597a;background:#dfefe7}.object-list-main{min-width:0;display:grid;gap:2px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.object-list-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:760}.object-list-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#56645a;font-size:.72rem;font-weight:650}.object-list-actions{display:flex;align-items:center;gap:4px}.object-list-action{min-width:30px;min-height:30px;display:inline-grid;place-items:center;padding:0 8px;border:1px solid rgba(45,37,28,.14);border-radius:7px;background:#f7f1e5;color:#1f2521;cursor:pointer;font-size:.78rem;font-weight:800}.object-list-action:hover,.object-list-main:hover{background:#fff8ea}.object-list-action:focus-visible,.object-list-main:focus-visible,#object-list-close-button:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.object-list-empty{padding:14px 10px;color:#56645a;font-size:.82rem;font-weight:700;text-align:center}.settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 48px));display:none;grid-template-rows:auto 1fr;gap:14px;padding:26px;border:none;border-radius:24px;background:var(--hr-cream);box-shadow:var(--hr-shadow-lg);z-index:20}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:#14120e6b;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:55}.modal-backdrop[aria-hidden=false]{display:block}.name-prompt-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 64px);display:flex;flex-direction:column;gap:18px;padding:20px 22px 22px;border:none;border-radius:22px;background:var(--hr-cream);color:var(--hr-ink);box-shadow:0 22px 48px #0f0a065c,0 0 0 1px #2d1e1214;overflow-y:auto;z-index:60}.name-prompt-panel[aria-hidden=true]{display:none}.name-prompt-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.name-prompt-header .eyebrow{display:block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2d1e128c;margin-bottom:4px}.name-prompt-header strong{font-size:1.2rem;font-weight:800}.name-prompt-close{width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:var(--hr-ink);font-size:1.4rem;line-height:1;cursor:pointer;flex:0 0 auto}.name-prompt-close:hover{background:#2d1e1214}.name-prompt-section{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid rgba(45,30,18,.12)}.name-prompt-section-header .eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2d1e128c}.name-prompt-settings{display:flex;flex-direction:column;gap:8px}.name-prompt-settings:empty:before{content:"No settings yet";font-size:.85rem;color:#2d1e1280;font-style:italic}.name-prompt-form{display:flex;gap:8px;align-items:stretch}.name-prompt-form input{flex:1 1 auto;min-height:44px;padding:0 12px;border:1px solid rgba(45,37,28,.2);border-radius:8px;background:#fff;color:#1f2521;font-size:1rem}.name-prompt-form input:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.name-prompt-form button{min-height:44px;padding:0 18px;border:1px solid rgba(45,37,28,.2);border-radius:8px;background:#287659;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.name-prompt-form button:hover{background:#2f8a68}.name-prompt-form button:focus-visible{outline:3px solid rgba(40,118,89,.45);outline-offset:2px}.settings-panel[aria-hidden=false]{display:grid}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.settings-panel .settings-toggle{min-height:52px;font-size:1rem;padding:0 14px;border-radius:8px}#settings-close-button{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgba(45,37,28,.16);border-radius:7px;background:#f1e6c6;color:#1f2521;font-size:1.1rem;cursor:pointer}#settings-close-button:hover{background:#fcf3d8}#settings-close-button:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.rules-lab,.script-panel,.rules-doc-panel{position:fixed;top:max(84px,calc(env(safe-area-inset-top) + 84px));right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(390px,calc(100vw - 36px));display:none;gap:12px;padding:16px;border:none;border-radius:22px;background:var(--hr-cream);box-shadow:var(--hr-shadow-lg);z-index:8}.rules-lab{grid-template-rows:auto auto auto auto minmax(76px,auto) auto auto}.script-panel{grid-template-rows:auto auto 1fr}.rules-doc-panel{grid-template-rows:auto auto minmax(0,1fr)}.rules-lab[aria-hidden=false],.script-panel[aria-hidden=false],.rules-doc-panel[aria-hidden=false]{display:grid}.rules-lab-header,.script-panel-header,.rules-doc-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.rules-lab-header>div,.script-panel-header>div,.rules-doc-header>div{min-width:0;display:grid;gap:2px}#rules-active-name,#rules-doc-active-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#script-close-button,#rules-doc-close-button,#rules-close-button{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgba(45,37,28,.16);border-radius:7px;background:#f1e6c6;color:#1f2521;cursor:pointer}#rules-prompt{width:100%;min-height:92px;resize:vertical;padding:10px;border:1px solid rgba(45,37,28,.18);border-radius:7px;background:#fef7df;color:#1f2521;font:inherit;line-height:1.35}.rules-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rules-actions button{min-height:34px;padding:0 8px;border:1px solid rgba(45,37,28,.16);border-radius:7px;background:#f1e6c6;color:#1f2521;font-size:.86rem;font-weight:750;cursor:pointer}.rules-actions button:hover,#rules-close-button:hover,#rules-doc-close-button:hover,.rules-question input:focus,#rules-prompt:focus{background:#fcf3d8}.rules-actions button:disabled{opacity:.48;cursor:default}.rules-actions button:focus-visible,#rules-close-button:focus-visible,#rules-doc-close-button:focus-visible,#rules-prompt:focus-visible,.rules-question input:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.rules-doc-status{min-height:22px;color:#56645a;font-size:.76rem;font-weight:750}.rules-doc-status[hidden]{display:none}.rules-doc-content{min-height:0;overflow:auto;display:block;padding:10px;border:1px solid rgba(45,37,28,.14);border-radius:7px;background:#fffaf0b8;color:#1f2521;font-size:.84rem;line-height:1.45}.rules-doc-content h1,.rules-doc-content h2,.rules-doc-content h3{margin:0 0 8px;color:#1f2521;line-height:1.15;letter-spacing:0}.rules-doc-content h1{font-size:1.2rem}.rules-doc-content h2{margin-top:16px;font-size:.98rem}.rules-doc-content h3{margin-top:12px;font-size:.9rem}.rules-doc-content p,.rules-doc-content ul{margin:0 0 10px}.rules-doc-content ul{padding-left:18px}.rules-doc-content li{margin-bottom:4px}.rules-questions{display:grid;gap:8px}.rules-question{display:grid;gap:5px}.rules-question label{color:#445046;font-size:.76rem;font-weight:800;line-height:1.22}.rules-question input{width:100%;min-height:34px;padding:0 9px;border:1px solid rgba(45,37,28,.16);border-radius:7px;background:#fef7df;color:#1f2521;font:inherit}.rules-preview{min-height:84px;max-height:168px;margin:0;overflow:auto;padding:9px;border:1px solid rgba(45,37,28,.14);border-radius:7px;background:#1f25210f;color:#26322b;font:.76rem/1.38 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.rules-preview[aria-hidden=true]{display:none}.rules-summary{min-height:1.1rem;color:#56645a;font-size:.8rem;font-weight:760;line-height:1.25}.rules-list{display:grid;gap:7px;overflow:auto}.rules-list:empty{display:none}.rules-script-section{display:grid;gap:6px}.rules-script-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.rules-script-actions{display:flex;gap:6px}.rules-script-actions button{height:26px;padding:0 10px;border:1px solid rgba(45,37,28,.22);border-radius:5px;background:#f4e6c6b3;color:#3a3228;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .1s}.rules-script-actions button:hover:not(:disabled){background:#d2c8b480}.rules-script-actions button:disabled{opacity:.45;cursor:default}.rules-script-editor{min-height:0;overflow:hidden;border:1px solid rgba(45,37,28,.2);border-radius:6px;font-size:.78rem}.rules-script-editor .cm-editor{height:100%;border-radius:6px}.rules-script-editor .cm-scroller{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.78rem;line-height:1.5;overflow:auto}.rules-script-editor:focus{outline:none;border-color:#463c8c80;box-shadow:0 0 0 2px #463c8c1f}.rules-item{padding:8px 9px;border:1px solid rgba(45,37,28,.14);border-left-width:4px;border-radius:7px;background:#fffaf0db}.rules-item strong{display:block;margin-bottom:2px;color:#1f2521;font-size:.78rem}.rules-item span{display:block;color:#56645a;font-size:.74rem;line-height:1.25;white-space:pre-wrap}.rules-item.info{border-left-color:#3b82f6}.rules-item.warn,.rules-item.fail{border-left-color:#d97706}.rules-item.pass{border-left-color:#287659}.seat-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.seat-layer[hidden]{display:none}#app.seat-select-mode>*:not(#scene):not(#seat-layer):not(#seat-select-controls):not(#player-profile):not(#share-room-button):not(#name-prompt-backdrop):not(#name-prompt-panel):not(#room-share-panel){display:none!important}#app:not(.seat-select-mode) #share-room-button{display:none}.seat-select-controls{position:fixed;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;z-index:25}.seat-select-controls>*{pointer-events:auto}.seat-select-back{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left))}.seat-select-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px}.seat-select-actions{display:inline-flex;align-items:center;gap:10px}.seat-select-title{margin:0;color:#f5f3ee;font-size:1.4rem;font-weight:700;letter-spacing:.01em;text-shadow:0 2px 8px rgba(0,0,0,.6)}.seat-select-buttons{display:inline-flex;align-items:center;gap:8px}.seat-select-controls[hidden]{display:none}.seat-select-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border:1.5px solid rgba(45,30,18,.14);border-radius:999px;background:#fff;color:#1f2521;font-size:.95rem;font-weight:700;box-shadow:0 8px 24px #231c1538,0 1px 2px #231c1514;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer}.seat-select-btn[hidden]{display:none}.seat-select-btn:hover{background:#fcf3d8}#app.ready-up-mode #seat-layer{display:none}#app.ready-up-mode .seat-select-controls{pointer-events:auto;background:#140e089e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.team-select-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;min-width:320px}.player-count-group{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:999px;background:#fffffff0;color:#1f2521;box-shadow:0 8px 22px #231c1533}.player-count-group[hidden]{display:none}.player-count-label{font-size:.86rem;font-weight:900;text-transform:uppercase;color:#1f2521ad}.player-count-options{display:inline-flex;gap:4px}.player-count-btn{width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:#1f2521;font-family:inherit;font-size:.98rem;font-weight:900;cursor:pointer}.player-count-btn:hover{background:#fcf3d8}.player-count-btn[aria-pressed=true]{background:#1f2521;color:#fdf7e3}.ready-up-bottom-actions{position:absolute;bottom:max(24px,calc(env(safe-area-inset-bottom) + 24px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.ready-up-bottom-actions>*{pointer-events:auto}.ready-up-side-actions{display:inline-flex;align-items:center;gap:10px}.ready-up-start-btn{min-width:260px;min-height:64px;padding:0 36px;border:none;border-radius:999px;background:#22c55e;color:#fff;font-family:inherit;font-size:1.25rem;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 14px 30px #16a34a75,inset 0 -4px #0f643252;transition:transform .12s ease-out,box-shadow .15s,background .15s}.ready-up-start-btn[hidden]{display:none}.ready-up-start-btn:hover{background:#16a34a;transform:translateY(-2px)}.ready-up-start-btn:active{transform:translateY(2px) scale(.98);box-shadow:0 4px 12px #16a34a52,inset 0 -1px #0f643238}.team-select-grid[hidden]{display:none}.team-select-btn{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:64px;padding:10px 18px;border:3px solid transparent;border-radius:999px;background:#fff;color:#1f2521;font-family:inherit;font-size:1.05rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #231c152e;transition:transform .12s ease-out,box-shadow .15s,background .15s,border-color .15s}.team-select-btn:hover:not(:disabled){transform:translateY(-2px);background:#fff}.team-select-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.team-select-btn.is-selected{border-color:var(--team-color, #999);background:#fff;box-shadow:0 12px 28px #231c1538}.team-select-btn:disabled{opacity:.45;cursor:not-allowed}.team-select-swatch{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--team-color, #999);box-shadow:inset 0 -3px 5px #0000002e,0 3px 8px #140c0638}.team-select-name{flex:1 1 auto;text-align:left}.team-select-occupants{display:inline-flex;align-items:center;gap:4px}.team-select-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--hr-cream, #fdf7e3);background:var(--avatar-color, #a4b0e8);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;box-shadow:0 2px 6px #231c1538}.team-select-avatar.is-ready:after{content:"✓";position:absolute;width:14px;height:14px;border-radius:50%;background:#22c55e;color:#fff;font-size:9px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;transform:translate(14px,10px);box-shadow:0 0 0 2px var(--hr-cream, #fdf7e3)}.seat-select-btn.is-active,.seat-select-btn[aria-checked=true]{background:#1f2521;color:#fdf7e3;border-color:#1f2521}.seat-select-btn:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.seat-select-btn.primary{background:#22c55e;color:#fff;font-weight:700;padding:0 24px;min-height:44px;box-shadow:0 8px 24px #16a34a6b,0 1px 2px #16a34a2e}.seat-select-btn.primary:hover{background:#16a34a}.seat-select-btn .icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1}.seat-select-btn.icon-only{width:44px;height:44px;padding:0;justify-content:center}.seat-select-btn.icon-only svg{width:22px;height:22px}.seat-button.pending,.seat-button.pending:hover{border-color:#d4a020;border-width:2.5px;background:#f5dea8fa;box-shadow:0 0 0 4px #d4a0203d,0 8px 22px #231c1533}.seat-button.pending .seat-icon{background-color:#d4a020}.seat-button{position:absolute;left:0;top:0;width:72px;height:72px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;border:1.5px solid rgba(45,30,18,.14);border-radius:999px;background:#fff;color:#1f2521;box-shadow:0 10px 26px #231c1538,0 1px 2px #231c1514;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;pointer-events:auto}.seat-icon{width:50px;height:50px;background-color:color-mix(in srgb,var(--seat-color, #56645a) 82%,#1f2521);-webkit-mask:url(https://img.icons8.com/windows/96/chair.png) center/contain no-repeat;mask:url(https://img.icons8.com/windows/96/chair.png) center/contain no-repeat}.seat-number{font-size:.7rem;font-weight:700;line-height:1;color:color-mix(in srgb,var(--seat-color, #56645a) 82%,#1f2521);pointer-events:none}.seat-button.pending .seat-number{color:#d4a020}.seat-button:hover{background:#fff8eaf0}.seat-button:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.seat-button.occupied{border-color:color-mix(in srgb,var(--seat-color) 44%,rgba(35,28,21,.18));background:color-mix(in srgb,var(--seat-color) 13%,rgba(244,230,198,.9))}.seat-button.own-seat{border-color:color-mix(in srgb,var(--seat-color) 58%,rgba(35,28,21,.18));box-shadow:0 0 0 2px color-mix(in srgb,var(--seat-color) 24%,transparent),0 10px 26px #231c152e}.seat-button:disabled{cursor:default}.seat-button[hidden]{display:none}.hand-tray{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(36px,calc(env(safe-area-inset-bottom) + 18px));left:50%;width:min(820px,calc(100vw - 36px));min-height:152px;display:none;flex-direction:row;align-items:stretch;gap:16px;padding:8px 12px 10px;border:none;border-radius:28px 28px 22px 22px;background:transparent;box-shadow:none;transform:translate(-50%);z-index:8;pointer-events:none}.hand-tray .hand-pieces,.hand-tray .hand-items,.hand-tray .hand-header,.hand-tray .hand-drop-prompt{pointer-events:none}.hand-tray .hand-piece-button,.hand-tray .hand-item-button,.hand-tray .hand-count-pill,.hand-tray.hand-tray--drop-available{pointer-events:auto}.hand-tray[aria-hidden=false]{display:flex}@media(max-width:560px){#app.context-actions-active .hand-tray{display:none!important}}.hand-tray .hand-pieces{position:absolute;right:calc(50% + var(--hand-cards-half-extent, 0px) + 16px);bottom:14px;display:none;align-items:flex-end;justify-content:flex-end;gap:8px;padding:0;background:transparent;box-shadow:none;border:none}.hand-tray.hand-tray--no-cards .hand-pieces{right:auto;left:50%;transform:translate(-50%)}.hand-tray.hand-tray--no-items .hand-header{display:none}.hand-tray.hand-tray--collapsed .hand-pieces,.hand-tray.hand-tray--collapsed .hand-items{display:none!important}.hand-tray .hand-pieces[aria-hidden=false]{display:inline-flex}.hand-tray .hand-pieces.hand-pieces--drop-available{display:inline-flex;border-radius:24px;outline:2px dashed transparent;outline-offset:-2px;background:transparent;transform-origin:100% 100%;transition:transform .15s}.hand-tray .hand-pieces.hand-pieces--drop-available:empty{min-width:96px;min-height:96px}.hand-tray .hand-pieces.hand-pieces--drop-available:empty,.hand-tray .hand-pieces.hand-pieces--drop-hover{outline-color:#ffffff8c;background:#ffffff0f}.hand-tray .hand-pieces.hand-pieces--drop-hover{outline-color:#fffffff2;background:#28765938;transform:scale(1.04)}.hand-tray.hand-tray--no-cards .hand-pieces.hand-pieces--drop-hover{transform:translate(-50%) scale(1.04);transform-origin:50% 100%}.hand-piece-button{position:relative;width:80px;height:80px;display:inline-flex;align-items:center;justify-content:center;padding:6px;border:none;border-radius:18px;background:transparent;color:var(--piece-color, #7c4dff);cursor:pointer;box-shadow:none;transition:transform .12s ease-out,box-shadow .15s,background .15s;touch-action:none}.hand-piece-count{position:absolute;bottom:2px;right:4px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#fff;font-size:.9rem;font-weight:800;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.4)}.hand-piece-button:hover{background:#ffffff14;transform:translateY(-2px)}.hand-piece-button:active{transform:translateY(1px) scale(.96)}.hand-piece-icon{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(20,12,6,.45)) drop-shadow(0 2px 3px rgba(20,12,6,.3))}.hand-tray .hand-items{flex:1 1 100%;min-width:0}.hand-tray .hand-items:empty{display:none}.hand-tray .hand-header{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);z-index:60;pointer-events:none}.hand-tray .hand-header>*{pointer-events:auto}.hand-drop-prompt{display:none;font-size:.85rem;font-weight:700;color:var(--hr-ink, #1f2a44);letter-spacing:.01em;white-space:nowrap}.hand-tray.hand-tray--drop-available{right:auto;width:auto;min-height:96px;min-width:96px;padding:16px 20px;border-radius:24px;border:2px dashed rgba(255,255,255,.55);background:#ffffff0f;transition:border-color .15s,background .15s,transform .15s}.hand-tray.hand-tray--drop-available .hand-header,.hand-tray.hand-tray--drop-available .hand-items,.hand-tray.hand-tray--drop-available .hand-pieces,.hand-tray.hand-tray--drop-available .hand-drop-prompt{display:none}.hand-tray.hand-tray--drop-available.drag-target{border-color:#fffffff2;background:#28765938;transform:translate(-50%) scale(1.04)}.hand-tray.hand-tray--drop-available.drag-target .hand-items{display:block;flex:0 0 var(--hand-card-size, 112px);width:var(--hand-card-size, 112px);min-width:var(--hand-card-size, 112px);height:var(--hand-card-size, 112px);overflow:visible}.hand-header{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px}.hand-header .eyebrow{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hand-count-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:28px;padding:0 12px;border:none;border-radius:999px;background:var(--hr-cream);color:#1f2a448c;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:var(--hr-shadow-sm);transition:transform .12s ease-out,box-shadow .15s,background .15s}.hand-count-content{display:inline-flex;align-items:center;gap:10px;transition:opacity .12s}.hand-count-group{display:inline-flex;align-items:center;gap:6px}.hand-count-group[hidden]{display:none}.hand-count-hover-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .12s}.hand-count-hover-icon svg{width:18px;height:18px}.hand-count-pill{position:relative}.hand-tray:not(.hand-tray--collapsed) .hand-count-pill:hover .hand-count-content,.hand-tray:not(.hand-tray--collapsed) .hand-count-pill:focus-visible .hand-count-content,.hand-tray.hand-tray--collapsed .hand-count-pill .hand-count-content{opacity:0}.hand-tray:not(.hand-tray--collapsed) .hand-count-pill:hover .hand-count-hover-icon--hide,.hand-tray:not(.hand-tray--collapsed) .hand-count-pill:focus-visible .hand-count-hover-icon--hide,.hand-tray.hand-tray--collapsed .hand-count-pill .hand-count-hover-icon--show{opacity:1}.hand-count-pill:hover{transform:translateY(-1px);box-shadow:var(--hr-shadow-md)}.hand-count-pill:active{transform:translateY(1px) scale(.97)}#hand-count{font-variant-numeric:tabular-nums}.hand-count-icon{display:inline-flex;align-items:center;justify-content:center;color:#1f2a448c;pointer-events:none;opacity:.5}.hand-count-icon svg,.hand-count-icon img{width:16px;height:16px;object-fit:contain}.hand-count-icon img{filter:brightness(0)}.hand-items{--hand-card-size: 112px;--hand-card-pitch: 60px;--hand-row-peek: 72px;--hand-row-count: 1;position:relative;min-width:0;display:block;padding:0;overflow:visible;width:100%;height:calc(var(--hand-card-size) + (var(--hand-row-count) - 1) * var(--hand-row-peek) + 24px)}.hand-item-button,.hand-drop-ghost{position:absolute;width:var(--hand-card-size, 58px);height:var(--hand-card-size, 58px);display:grid;place-items:center;padding:3px;border:none;border-radius:14px;background:var(--hr-off-white);box-shadow:var(--hr-shadow-sm);cursor:pointer;touch-action:none;transform-origin:50% 120%;transition:transform .18s ease-out,box-shadow .18s,left .2s,bottom .2s;left:calc(50% + (var(--card-col, 0) - (var(--card-row-count, 1) - 1) / 2) * var(--hand-card-pitch, 36px) - var(--hand-card-size, 58px) / 2);bottom:calc(var(--card-row, 0) * var(--hand-row-peek, 22px) + 4px);z-index:calc(40 - var(--card-row, 0) * 10 + var(--card-col, 0))}@media(hover:hover){.hand-item-button:hover{transform:translateY(-6px) rotate(0)!important;box-shadow:var(--hr-shadow-md)}}.hand-item-button.hand-item-button--selected{z-index:100!important;transform:translateY(-10px) rotate(0)!important;background:var(--hr-cream);box-shadow:var(--hr-shadow-md),0 0 0 3px var(--hr-coral),0 0 0 6px #ff7a592e!important}.hand-drop-ghost{border-style:dashed;border-color:#28765985;background:#e8f4eca8;box-shadow:inset 0 0 0 2px #2876591f,0 2px #2d251c14;cursor:default;opacity:.72}.hand-drop-ghost .hand-item-face{opacity:.58}.hand-item-button[hidden],.hand-item-button.dragging-from-hand{display:none}.hand-tray.reordering{border-color:#2876597a}.hand-item-button.reordering{border-color:#28765994;background:#e8f4ec;box-shadow:0 6px 16px #231c152e,0 0 0 3px #28765924;transform:translateY(-3px)}.hand-item-button[aria-disabled=true]{opacity:.58;cursor:default}.hand-item-button:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.hand-item-face{width:100%;height:100%;display:block;border-radius:8px;image-rendering:pixelated}.trash-drop{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(99,32,32,.24);border-radius:8px;background:#f4e6c6e6;box-shadow:0 18px 45px #231c1533;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;pointer-events:none;transform:translateY(10px) scale(.94);transition:opacity .12s ease,transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;z-index:6}.trash-drop.visible{opacity:1;transform:translateY(0) scale(1)}.trash-drop.active{border-color:#a63737b8;background:#ffebe4f5;box-shadow:0 18px 45px #231c1538,0 0 0 4px #a637372e;transform:translateY(-2px) scale(1.04)}.trash-can-icon{width:24px;height:29px;display:block;position:relative}.trash-can-lid,.trash-can-body{position:absolute;left:50%;border:2px solid #632020;transform:translate(-50%)}.trash-can-lid{top:2px;width:22px;height:7px;border-bottom:0;border-radius:4px 4px 2px 2px}.trash-can-lid:before{content:"";position:absolute;left:6px;top:-6px;width:7px;height:4px;border:2px solid #632020;border-bottom:0;border-radius:4px 4px 0 0}.trash-can-body{bottom:0;width:19px;height:20px;border-top:0;border-radius:0 0 5px 5px}.trash-can-body:before,.trash-can-body:after{content:"";position:absolute;top:3px;width:2px;height:12px;border-radius:999px;background:#632020}.trash-can-body:before{left:5px}.trash-can-body:after{right:5px}.grid-panel button:focus-visible,.grid-panel input:focus-visible{outline:3px solid rgba(255,122,89,.35);outline-offset:2px}.icon{width:1.05rem;height:1.05rem;display:inline-grid;place-items:center;font-size:1.05rem;line-height:1}#view-button-icon{font-size:1.1rem;line-height:1}.selection-box{position:fixed;left:0;top:0;display:none;width:0;height:0;border:1px solid rgba(255,216,90,.95);border-radius:3px;background:#ffd85a29;box-shadow:0 0 0 1px #231c153d;pointer-events:none;z-index:4}.grid-size-label{position:fixed;left:0;top:0;display:none;padding:5px 8px;border:1px solid rgba(48,37,28,.18);border-radius:6px;background:#f4e6c6ed;color:#1f2521;font-size:.82rem;font-weight:700;line-height:1;box-shadow:0 10px 24px #231c1529;pointer-events:none;z-index:7}.grid-size-label[aria-hidden=false]{display:block}.rule-marker-tooltip{position:fixed;left:0;top:0;max-width:min(320px,calc(100vw - 28px));display:none;padding:8px 10px;border:1px solid rgba(48,37,28,.22);border-left:4px solid #d97706;border-radius:8px;background:#fffaf0f5;color:#1f2521;font-size:.78rem;font-weight:760;line-height:1.28;box-shadow:0 14px 34px #231c1533;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;white-space:pre-wrap;z-index:10}.rule-marker-tooltip[aria-hidden=false]{display:block}.notice-log{position:fixed;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 110px);left:50%;transform:translate(-50%);width:min(360px,calc(100vw - 36px));max-height:min(50vh,460px);display:grid;align-content:end;justify-items:center;gap:8px;overflow:auto;pointer-events:none;z-index:9}.rule-action-dock{display:none;align-items:center;gap:6px}.rule-action-dock-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.rule-turn-indicator{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(68px,calc(env(safe-area-inset-bottom) + 68px));display:none;max-width:min(360px,calc(100vw - 36px));padding:9px 13px;border:1px solid rgba(15,118,110,.36);border-radius:8px;background:#ecfdf5f0;color:#134e4a;box-shadow:0 12px 30px #231c152e;font-size:.9rem;font-weight:850;pointer-events:none;z-index:9}.rule-turn-indicator[aria-hidden=false]{display:block}.rule-action-dock[aria-hidden=false]{display:flex}.top-mode-bar{position:fixed;top:max(72px,calc(env(safe-area-inset-top) + 72px));left:max(14px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px;border:1.5px solid rgba(45,30,18,.14);border-radius:999px;background:#f4e6c6fa;box-shadow:0 6px 18px #231c152e,0 1px 2px #231c1514;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:5}.top-mode-bar .mode-toolbar{flex-direction:column;gap:4px}.top-mode-bar-label{margin-top:2px;font-size:.55rem;font-weight:700;color:#1f252180;text-transform:uppercase;letter-spacing:.08em}.bottom-action-bar{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:none;background:transparent;box-shadow:none;z-index:6;max-width:calc(100vw - 24px)}@media(min-width:561px){.bottom-action-bar{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 64px);right:max(18px,env(safe-area-inset-right));left:auto;transform:none;flex-direction:column}.bottom-action-bar .rule-action-dock{flex-direction:column}}.bottom-action-bar:not(:has(.rule-action-dock[aria-hidden=false])){display:none}.bottom-action-undo-btn{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--instruction-bar-height, 56px) + 8px);right:max(14px,env(safe-area-inset-right));left:auto;bottom:auto;transform:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer;box-shadow:none;transition:transform .1s,opacity .15s;z-index:7}.bottom-action-undo-btn .icon{width:20px;height:20px;filter:brightness(0) invert(1)}.bottom-action-undo-btn:hover:not(:disabled){background:transparent;transform:translateY(-1px)}.bottom-action-undo-btn:active:not(:disabled){transform:translateY(1px) scale(.97)}.bottom-action-undo-btn:disabled{display:none}.bottom-action-bar button,.top-mode-bar button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:none;border-radius:999px;background:#7fb8e8;color:#fff;font:inherit;font-size:.95rem;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 8px 18px #7fb8e86b,inset 0 -3px #3c6ea547;transition:background .15s,color .15s,box-shadow .15s,transform .1s}.bottom-action-bar button:active,.top-mode-bar button:active{box-shadow:0 3px 8px #7fb8e842,inset 0 -1px #3c6ea533;transform:translateY(2px)}.bottom-action-bar button .icon,.top-mode-bar button .icon{font-size:1rem;line-height:1}.bottom-action-bar button:hover,.top-mode-bar button:hover{background:#5fa3d6}.bottom-action-bar button[aria-pressed=true],.top-mode-bar button[aria-pressed=true]{background:var(--hr-mint);color:#fff;box-shadow:0 6px 16px #65d6b352}.mode-toolbar{display:flex;align-items:center;gap:4px}.bottom-action-bar .mode-toolbar-btn{width:42px;height:42px;padding:0;border-radius:50%;justify-content:center}.top-mode-bar .mode-toolbar-btn{width:34px;height:34px;padding:0;border-radius:50%;justify-content:center}.bottom-action-bar .mode-toolbar-btn svg.icon{width:22px;height:22px}.top-mode-bar .mode-toolbar-btn svg.icon{width:18px;height:18px}.rule-action-button{min-height:42px;padding:0 16px;border:1px solid rgba(146,64,14,.42);border-radius:8px;background:#fff3d7;color:#7c2d12;box-shadow:0 12px 30px #231c1533;font-size:.9rem;font-weight:820;cursor:pointer}.rule-action-button:hover{background:#ffe8b5}.rule-action-button:focus-visible{outline:3px solid rgba(217,119,6,.34);outline-offset:2px}.notice-item{justify-self:center;display:grid;grid-template-columns:1fr;gap:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;cursor:pointer;text-align:center}.notice-item[aria-expanded=true]{justify-self:stretch;grid-template-columns:1fr auto auto;gap:8px;padding:10px;border:1px solid rgba(48,37,28,.2);border-left-width:4px;border-radius:8px;background:#f4e6c6f0;box-shadow:0 18px 45px #231c152e;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left}.notice-item[aria-expanded=true].info{border-left-color:#3b82f6}.notice-item[aria-expanded=true].warn,.notice-item[aria-expanded=true].fail{border-left-color:#d97706}.notice-item[aria-expanded=true].pass{border-left-color:#287659}.notice-content{min-width:0;display:grid;gap:5px}.notice-content strong{color:#1f2521;font-size:.86rem;line-height:1.2;text-shadow:0 1px 2px rgba(244,230,198,.75)}.notice-item.info .notice-content strong{color:#1d4ed8}.notice-item.warn .notice-content strong,.notice-item.fail .notice-content strong{color:#92400e}.notice-item.pass .notice-content strong{color:#166534}.notice-item[aria-expanded=true] .notice-content strong{color:#1f2521;text-shadow:none}.notice-content pre{max-height:260px;margin:0;overflow:auto;color:#56645a;font:.72rem/1.32 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.notice-content pre[hidden]{display:none}.notice-toggle,.notice-close{width:28px;height:28px;display:none;place-items:center;border:1px solid rgba(45,37,28,.16);border-radius:7px;background:#f1e6c6;color:#1f2521;cursor:pointer}.notice-item[aria-expanded=true] .notice-toggle,.notice-item[aria-expanded=true] .notice-close{display:inline-grid}.notice-toggle[aria-expanded=true],.notice-toggle:hover,.notice-close:hover{background:#fcf3d8}.notice-toggle:focus-visible,.notice-close:focus-visible,.notice-item:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:2px}.context-menu{position:fixed;left:0;top:0;display:none;min-width:168px;padding:6px;border:1px solid rgba(48,37,28,.2);border-radius:8px;background:#f4e6c6f0;box-shadow:0 18px 45px #231c1533;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:6}.context-menu[aria-hidden=false]{display:grid;gap:4px}.context-menu button{width:100%;min-height:34px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#1f2521;cursor:pointer;text-align:left}.context-menu button:hover{background:#efe6d6}.context-menu button[aria-checked=true]{background:#dce9dd}.context-menu button[aria-checked=true] .icon{color:#287659}.context-menu button:focus-visible{outline:3px solid rgba(40,118,89,.35);outline-offset:1px}@media(max-width:560px){.game-mode-panel{bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--action-bar-stack-offset, 0px) + var(--hand-tray-stack-offset, 0px) + 44px)}#app.play-mode:not(.seat-select-mode):after{content:"";display:block;position:fixed;left:0;right:0;bottom:0;height:calc(56px + env(safe-area-inset-bottom,0px));background:#f2f2f2;box-shadow:0 -6px 16px #140c0624,0 -2px 5px #140c0614;z-index:5;pointer-events:none}.action-bar-tools-wrapper{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 4px);right:auto;left:max(14px,env(safe-area-inset-left));width:48px;z-index:7}.action-bar-tools-trigger{background:transparent;color:#6b7280;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.action-bar-tools-trigger:hover,.action-bar-tools-trigger[aria-expanded=true]{background:transparent;color:#4b5563;box-shadow:none}.action-bar-tools{top:auto;bottom:calc(100% + 8px);right:auto;left:0}#chatbot-button.top-right-btn{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 4px);right:max(14px,env(safe-area-inset-right));left:auto;width:48px;height:48px;border-radius:50%;background:transparent;color:#6b7280;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:7}#chatbot-button.top-right-btn:hover{background:transparent;color:#4b5563}.hand-tray .hand-count-pill{background:transparent;color:#6b7280;box-shadow:none}#chatbot-button.top-right-btn .icon svg{width:22px;height:22px}.top-left-view-wrapper{top:env(safe-area-inset-top,0px);right:max(14px,env(safe-area-inset-right));left:auto;bottom:auto;width:56px}.action-bar-tools-trigger{width:48px;height:48px;border-radius:50%;font-size:1.05rem}.top-left-view-btn{width:56px;height:56px;border-radius:50%;font-size:1.05rem}.action-bar-tools-trigger .icon,.top-left-view-btn .icon{width:22px;height:22px}.active-game-picker select{max-width:calc(100vw - 200px)}.status-card{right:max(12px,env(safe-area-inset-right));max-width:calc(100vw - 24px)}.status-info{min-width:0}.status-game-picker{min-width:132px;max-width:160px;padding-inline:8px}.status-game-picker .eyebrow,.status-tools button span:not(.icon),#chatbot-button span:not(.icon){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hud{gap:4px;padding:5px}.tools button{padding:7px 10px}.bottom-action-bar{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));transform:none;width:auto;max-width:none;border:none;background:transparent;box-shadow:none;flex-direction:row;flex-wrap:wrap;row-gap:10px;column-gap:10px;justify-content:center;padding:0;bottom:calc(env(safe-area-inset-bottom,0px) + 64px)}.bottom-action-bar button{flex:1 1 auto;min-width:0;max-width:100%;justify-content:center}.create-toolbar{left:10px;right:10px;transform:none;width:auto;max-width:calc(100vw - 20px);border-radius:24px;flex-wrap:wrap;row-gap:10px;justify-content:space-around;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));padding-top:14px;padding-bottom:14px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 4px + var(--action-bar-stack-offset, 0px) + var(--hand-tray-stack-offset, 0px))}.create-toolbar button,.bottom-action-bar button{padding:12px 16px;min-height:44px;font-size:.88rem}.create-toolbar .action-bar-tools .mode-toolbar-btn,.bottom-action-bar .action-bar-tools .mode-toolbar-btn{width:44px;height:44px}.bottom-action-bar .rule-action-dock{flex:1 1 auto;display:flex;flex-wrap:wrap;justify-content:space-around;gap:6px}.create-toolbar .status-play-btn{order:99;flex:1 1 100%;justify-content:center}.grid-panel{top:max(76px,calc(env(safe-area-inset-top) + 76px));right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));justify-content:flex-start}.rules-lab,.rules-doc-panel,.script-panel{top:max(76px,calc(env(safe-area-inset-top) + 76px));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));width:auto}.chatbot-panel{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));width:auto;max-height:min(500px,calc(100vh - 88px))}.agent-panel{top:max(88px,calc(env(safe-area-inset-top) + 88px));right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));width:auto;max-height:min(560px,calc(100vh - 116px))}.agent-message-rail{right:max(12px,env(safe-area-inset-right));bottom:max(76px,calc(env(safe-area-inset-bottom) + 76px));left:max(12px,env(safe-area-inset-left));width:auto}.notice-log{top:auto;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 274px);left:50%;right:auto;transform:translate(-50%);width:auto;max-width:calc(100vw - 110px);max-height:32px;justify-items:center;align-content:end}.seat-button{width:60px;height:60px}.seat-icon{width:32px;height:32px}.hand-tray{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom,0px) + 64px + var(--action-bar-stack-offset, 0px));width:auto;transform:none;min-height:152px;gap:6px;padding:8px 12px 12px}.hand-tray.hand-tray--drop-available{left:50%;right:auto;transform:translate(-50%)}.hand-tray.hand-tray--drop-available.drag-target{transform:translate(-50%) scale(1.04)}.hand-tray .hand-header{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);top:auto;left:50%;transform:translate(-50%);right:auto;display:flex;align-items:center;justify-content:center;z-index:7;pointer-events:none}.hand-tray .hand-header>*{pointer-events:auto}.hand-tray #hand-count{position:static;background:transparent;color:#6b7280;font-size:.95rem;font-weight:800;line-height:1}.hand-tray .hand-items{--hand-card-size: 112px;--hand-card-pitch: 60px;--hand-row-peek: 72px}.hand-tray .hand-pieces{flex-direction:column;align-items:center;justify-content:flex-end;right:auto;left:-4px;bottom:16px;transform:none}.hand-tray.hand-tray--no-cards .hand-pieces{flex-direction:row;right:auto;left:50%;transform:translate(-50%)}.hand-tray .hand-item-button,.hand-tray .hand-drop-ghost{left:calc(50% + var(--hand-cards-shift, 0px) + (var(--card-col, 0) - (var(--card-row-count, 1) - 1) / 2) * var(--hand-card-pitch, 36px) - var(--hand-card-size, 58px) / 2);right:auto}.hand-tray .hand-item-button,.hand-tray .hand-drop-ghost{padding:5px;border-radius:12px}.hand-tray .hand-item-face{border-radius:8px}.hand-tray .hand-items{padding:0}}.generate-bar{position:fixed;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 78px);left:50%;transform:translate(-50%);display:none;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(48,37,28,.18);border-radius:8px;background:#f4e6c6eb;box-shadow:0 18px 45px #231c1529;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:6;width:min(480px,calc(100vw - 36px))}.ai-mode #generate-bar{display:flex}.generate-status{flex-basis:100%;font-size:.72rem;color:#30251c85;font-style:italic;padding:2px 4px 0}.generate-status:empty{display:none}.generate-input{flex:1;min-width:0;height:34px;padding:0 10px;border:1px solid rgba(48,37,28,.2);border-radius:6px;background:#f3e7c8e6;font:inherit;font-size:.88rem;color:#1f2521;outline:none}.generate-input:focus{border-color:#28765999;background:#fff}.generate-input::placeholder{color:#8a9a90}.generate-button{flex-shrink:0;height:34px;padding:0 14px;border:1px solid rgba(40,118,89,.5);border-radius:6px;background:#2876591a;color:#1e6449;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.generate-button:hover:not(:disabled){background:#2876592e;border-color:#287659b3}.generate-button:disabled{opacity:.55;cursor:default}@media(max-width:560px){.game-instruction{width:100vw;max-width:100vw;font-size:1.05rem;line-height:28px;padding:14px 84px;border-radius:0}}@media(max-width:410px){.tools button span:not(.icon){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tools button{width:40px;padding:0}}