*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.hidden{display:none}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:light;--board-aspect: 7 / 5;--text: #182235;--muted: #66758b;--line: #dce5ef;--panel: rgba(255, 255, 255, .9);--panel-solid: #fbfdff;--red: #ef476f;--gold: #f2b84b;--teal: #11a99b;--ink: #24334d;font-family:Inter,Segoe UI Variable,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{height:100%;min-height:100%}body{margin:0;min-width:320px;overflow:hidden;color:var(--text);background:linear-gradient(115deg,rgba(17,169,155,.14) 0%,transparent 34%),linear-gradient(240deg,rgba(239,71,111,.1) 0%,transparent 30%),linear-gradient(180deg,#f8fbff,#eaf1f8),#eef3f8;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{border:0;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}button:disabled{cursor:not-allowed;opacity:.46}.app-shell{display:grid;grid-template-columns:minmax(310px,21.5rem) minmax(0,1fr);gap:12px;height:100vh;padding:12px;overflow:hidden}.panel{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;overflow:hidden;background:linear-gradient(180deg,#fffffff5,#f8fbffd6),var(--panel);border:1px solid rgba(128,148,172,.32);border-radius:8px;box-shadow:0 18px 44px #30415f24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-primary{justify-content:flex-start;height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(102,117,139,.4) transparent}.brand{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}.brand>div:first-child{min-width:0}.brand-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.brand h1{margin:0;overflow-wrap:anywhere;font-size:clamp(1.28rem,2.4vw,1.65rem);line-height:1.08;letter-spacing:0;color:var(--ink)}.eyebrow,.status-label{margin:0 0 4px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.icon-command{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 auto;color:#fff;background:linear-gradient(145deg,#2d3f60,#172237);border-radius:8px;box-shadow:0 8px 18px #24334d24}.icon-command.subtle{color:#253047;background:#ffffffc7;border:1px solid var(--line);box-shadow:none}.help-command{color:#fff;background:linear-gradient(145deg,#11a99b,#172237)}button svg{width:18px;height:18px;stroke-width:2.3}.status-block{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:#ffffffb8}.player-token{width:38px;height:38px;border-radius:999px;background:linear-gradient(145deg,#ffe0e6,var(--red) 48%,#9f1239);box-shadow:inset 0 0 0 2px #ffffffa3,0 8px 18px #ef476f3d}.player-token.gold{background:linear-gradient(145deg,#fff8cf,var(--gold) 50%,#b45309);box-shadow:inset 0 0 0 2px #ffffffa3,0 8px 18px #f2b84b3d}.status-text{margin:0;min-width:0;overflow-wrap:anywhere;font-size:1rem;font-weight:850}.timer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.timer-card{min-width:0;min-height:54px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#ffffffbd;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.timer-card:hover{border-color:#11a99b52;box-shadow:0 8px 18px #30415f14;transform:translateY(-1px)}.timer-card span{display:block;color:var(--muted);font-size:.72rem;font-weight:800}.timer-card strong{display:block;margin-top:3px;overflow-wrap:anywhere;font-size:1rem;letter-spacing:0}.timer-card.turn-clock{grid-column:auto}.player-red{border-color:#ef476f47}.player-gold{border-color:#f2b84b6b}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mode-btn,.text-command{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 10px;color:#253047;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:800;box-shadow:0 4px 10px #30415f0a}.mode-btn{min-width:0;min-height:52px;flex-direction:column;gap:4px;padding:6px 4px;font-size:.78rem;line-height:1.05}.mode-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-btn.active{color:#fff;background:linear-gradient(145deg,#2d3f60,#172237);border-color:#24334d}.mode-btn:hover:not(:disabled),.text-command:hover:not(:disabled),.icon-command:hover:not(:disabled){border-color:#11a99b73;box-shadow:0 10px 22px #30415f24;transform:translateY(-1px)}.mode-btn:hover:not(:disabled),.text-command.muted:hover:not(:disabled),.icon-command.subtle:hover:not(:disabled){color:#172237;background:#f7fbff}.mode-btn.active:hover:not(:disabled),.text-command:hover:not(:disabled):not(.muted),.icon-command:hover:not(:disabled):not(.subtle){color:#fff;background:linear-gradient(145deg,#33486f,#1d2b45)}.icon-command.primary:hover:not(:disabled){background:#0f9489}.command-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.icon-command{min-height:38px;cursor:pointer}.command-row .icon-command{width:100%}.icon-command.primary{background:var(--teal)}.move-log{display:flex;flex:1 1 120px;min-height:0;flex-direction:column;gap:8px;overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h2{margin:0;font-size:.94rem;font-weight:900}.section-head span{display:inline-grid;min-width:26px;height:24px;place-items:center;color:#fff;background:#253047;border-radius:999px;font-size:.76rem;font-weight:900}.move-log ol{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;min-height:0;overflow:auto;list-style:none}.move-log li{min-height:26px}.move-entry{display:grid;grid-template-columns:10px 34px 1fr;gap:7px;align-items:center;width:100%;min-height:26px;padding:5px 7px;color:#334155;background:#ffffffa8;border:1px solid rgba(216,224,234,.72);border-radius:7px;font-size:.8rem;line-height:1.35;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.move-entry:hover:not(:disabled),.move-entry.active{border-color:#11a99b42;box-shadow:0 6px 14px #30415f12;transform:translateY(-1px)}.move-entry.active{background:#11a99b1a;border-color:#11a99b6b}.move-log strong{color:var(--muted);font-size:.72rem}.red-dot,.gold-dot,.neutral-dot{width:10px;height:10px;border-radius:999px;background:var(--red)}.gold-dot{background:var(--gold)}.neutral-dot{background:#94a3b8}.board-stage{display:grid;grid-template-rows:auto minmax(360px,1fr);gap:12px;min-width:0;height:calc(100vh - 24px);overflow:hidden}.board-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:0 2px}.badge-row{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.badge-row span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;color:#253047;background:#ffffffc7;border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:850;white-space:nowrap}.winner-line{min-width:0;color:#253047;font-size:.85rem;font-weight:850;text-align:right;overflow-wrap:anywhere}.canvas-shell{width:100%;height:100%;min-height:360px;max-width:100%;max-height:calc(100vh - 82px);justify-self:stretch;align-self:stretch;overflow:hidden;background:#f8fbff;border:1px solid rgba(126,143,166,.34);border-radius:8px;box-shadow:0 16px 42px #30415f2e}canvas{display:block;width:100%;height:100%;touch-action:manipulation}.settings-panel section{display:flex;flex-direction:column;gap:9px;padding:0 2px 14px;border-bottom:1px solid rgba(216,224,234,.82)}.settings-panel{height:calc(100vh - 28px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(102,117,139,.4) transparent}.panel-primary::-webkit-scrollbar,.settings-panel::-webkit-scrollbar,.move-log ol::-webkit-scrollbar{width:8px}.panel-primary::-webkit-scrollbar-thumb,.settings-panel::-webkit-scrollbar-thumb,.move-log ol::-webkit-scrollbar-thumb{background:#66758b5c;border-radius:999px}.settings-panel section:last-child{padding-bottom:0;border-bottom:0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.field-grid label,.select-field,.segmented-field,.limit-field,.range-field,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;color:#334155;font-size:.88rem;font-weight:800;border-radius:8px;transition:background .16s ease,color .16s ease}.select-field:hover,.segmented-field:hover,.limit-field:hover,.range-field:hover,.toggle-row:hover{color:#172237;background:#ffffff7a}.field-grid label:hover span{color:#172237}.field-grid label span,.select-field span,.segmented-field>span,.limit-field>span,.range-field span,.toggle-row span{flex:0 0 auto;white-space:nowrap}.select-field input,.select-field select{min-width:0;flex:1 1 auto}.rule-config{min-height:0;max-height:0;padding-block:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-4px);transition:max-height .22s ease,min-height .22s ease,opacity .18s ease,transform .22s ease,background .16s ease,color .16s ease}.rule-config.visible{min-height:38px;max-height:56px;opacity:1;pointer-events:auto;transform:translateY(0)}.limit-field{display:grid;grid-template-columns:auto minmax(86px,.9fr) minmax(54px,.58fr)}.limit-field select,.limit-field input{min-width:0}.field-grid label{flex-direction:column;align-items:stretch;gap:5px}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(168px,62%);min-width:132px;padding:3px;background:#e2ecf7c2;border:1px solid var(--line);border-radius:8px;gap:3px}.segment-btn{min-width:0;min-height:30px;padding:0 8px;color:#475569;background:transparent;border:1px solid transparent;border-radius:7px;font-size:.82rem;font-weight:900;white-space:nowrap}.segment-btn:hover:not(:disabled){color:#172237;background:#ffffffb8;border-color:#11a99b47}.segment-btn.active{color:#fff;background:linear-gradient(145deg,#2d3f60,#172237);border-color:#24334d;box-shadow:0 6px 14px #30415f29}.segment-btn.active:hover:not(:disabled){color:#fff;background:linear-gradient(145deg,#33486f,#1d2b45)}input[type=number],input[type=text],select{width:100%;min-height:38px;color:#1f2937;background:var(--panel-solid);border:1px solid var(--line);border-radius:8px;outline:0;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}input[type=number]:hover:not(:disabled),input[type=text]:hover:not(:disabled),select:hover:not(:disabled){background:#fff;border-color:#11a99b70;box-shadow:0 6px 16px #30415f14}input[type=number],input[type=text]{padding:0 10px}select{padding:0 34px 0 10px}input:focus,select:focus,button:focus-visible{outline:3px solid rgba(19,184,166,.26);outline-offset:2px}.toggle-row input{width:42px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:0 0 auto;background:#cbd5e1;border-radius:999px;cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.toggle-row input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:999px;box-shadow:0 2px 5px #0f172a33;transition:box-shadow .16s ease,transform .16s ease}.toggle-row:hover input:not(:disabled){background:#b8c6d8;box-shadow:0 0 0 3px #11a99b1f}.toggle-row:hover input:not(:disabled):after{box-shadow:0 3px 8px #0f172a47}.toggle-row input:checked{background:var(--teal)}.toggle-row:hover input:checked:not(:disabled){background:#0f9489}.toggle-row input:checked:after{transform:translate(18px)}.range-field{display:grid;grid-template-columns:34px 1fr 34px}.range-field input{width:100%;accent-color:var(--teal);cursor:pointer}.range-field input:hover:not(:disabled){filter:saturate(1.18)}.range-field output{text-align:right;color:#253047;font-weight:900}.text-command{min-height:32px;padding:0 12px;color:#fff;background:linear-gradient(145deg,#2d3f60,#172237)}.text-command.muted{color:#253047;background:#fff}.text-command svg{width:16px;height:16px}.online-box{display:flex;flex-direction:column;gap:8px}.online-status,.share-url{margin:0;color:var(--muted);font-size:.82rem;font-weight:750;overflow-wrap:anywhere}#onlineRoleBadge{width:auto;min-width:88px;padding:0 10px;color:#fff;background:linear-gradient(145deg,#11a99b,#0f766e);border-radius:999px;white-space:nowrap}.room-code-input{text-transform:uppercase;letter-spacing:.12em;font-weight:900}.online-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.invite-row{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;min-height:36px}.invite-row .share-url{min-width:0}.invite-row .icon-command{width:36px;height:36px}.undo-dialog,.how-to-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#18223557;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.undo-dialog.hidden{display:none}.how-to-dialog{background:#0f172a8a}.how-to-dialog.hidden{display:none}.how-to-card{width:min(672px,100%);max-height:min(80vh,760px);display:flex;flex-direction:column;overflow:hidden;color:#dbe6f3;background:linear-gradient(180deg,#1e293bfa,#0f172afa),#1e293b;border:1px solid rgba(148,163,184,.32);border-radius:8px;box-shadow:0 30px 90px #0f172a70}.how-to-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 12px;background:#0f172af5;border-bottom:1px solid rgba(148,163,184,.24)}.how-to-head .eyebrow{color:#8ddbd4}.how-to-head h2{margin:0;color:#f8fafc;font-size:1.22rem;line-height:1.22}.how-to-head .icon-command.subtle{color:#f8fafc;background:#334155e6;border-color:#94a3b847}.how-to-content{overflow-y:auto;padding:18px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.how-to-content::-webkit-scrollbar{width:8px}.how-to-content::-webkit-scrollbar-thumb{background:#94a3b875;border-radius:999px}.how-to-content section{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid rgba(148,163,184,.2)}.how-to-content section:last-of-type{margin-bottom:12px}.how-to-content h3,.how-to-content h4,.how-to-content p{margin-top:0}.how-to-content h3{margin-bottom:10px;color:#f8fafc;font-size:1.02rem;line-height:1.35}.how-to-content h4{margin-bottom:8px;color:#b8f2ec;font-size:.96rem;line-height:1.35}.how-to-content p,.how-to-content li{color:#d8e2ee;font-size:.92rem;line-height:1.72}.how-to-content p{margin-bottom:10px}.how-to-content ul,.how-to-content ol{margin:0;padding-left:1.22rem}.how-to-content li+li{margin-top:6px}.how-to-content strong{color:#fff7c2;font-weight:900}.how-to-intro{padding:12px!important;background:linear-gradient(135deg,#11a99b29,#ef476f14);border:1px solid rgba(141,219,212,.2);border-radius:8px}.how-to-section article{padding:12px;margin-top:10px;background:#1e293bad;border:1px solid rgba(148,163,184,.16);border-radius:8px}.how-to-close-note{margin:0;padding:12px;color:#f8fafc;background:#11a99b21;border:1px solid rgba(17,169,155,.24);border-radius:8px;font-weight:850}.undo-dialog-card{width:min(360px,100%);padding:18px;background:#fff;border:1px solid rgba(128,148,172,.34);border-radius:8px;box-shadow:0 22px 60px #1822353d}.undo-dialog-card h2{margin:0;color:var(--ink);font-size:1.22rem;line-height:1.25}.undo-request-text{margin:10px 0 16px;color:var(--muted);font-size:.92rem;line-height:1.6}.undo-request-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-drawer{position:fixed;inset:14px 14px 14px auto;z-index:40;width:min(360px,calc(100vw - 28px));height:auto;pointer-events:none;transform:translate(110vw);transition:transform .22s ease,box-shadow .22s ease;background:linear-gradient(180deg,#ffffffe6,#f5f9ffc2),#f8fbffd1;box-shadow:0 28px 80px #18223542}.settings-drawer.open{pointer-events:auto;transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 4px}.drawer-head h2{margin:0;color:var(--ink);font-size:1.22rem;font-weight:950}@media(max-width:1120px){body{overflow:auto}.app-shell{grid-template-columns:minmax(260px,320px) minmax(360px,1fr);height:auto;min-height:100vh;overflow:visible}.settings-panel{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));align-items:start;height:auto;overflow:visible}.panel-primary,.board-stage{height:auto}.panel-primary{overflow:visible}.canvas-shell{height:min(68vh,620px)}.settings-panel section{height:100%;padding-bottom:0;border-bottom:0;border-right:1px solid rgba(216,224,234,.82);padding-right:12px}.settings-panel section:last-child{border-right:0;padding-right:0}}@media(max-width:780px){.app-shell{grid-template-columns:1fr;padding:10px}.panel{order:2}.board-stage{order:1;grid-template-rows:auto auto}.settings-panel{grid-template-columns:1fr}.settings-panel section{border-right:0;border-bottom:1px solid rgba(216,224,234,.82);padding-right:0;padding-bottom:12px}.canvas-shell{width:100%;height:min(72vh,560px);min-height:320px;max-height:none}.board-topline{align-items:flex-start;flex-direction:column}.winner-line{text-align:left}}@media(max-width:440px){.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-row,.timer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid{grid-template-columns:1fr}}.settings-panel.settings-drawer{position:fixed;display:flex;grid-column:auto;grid-template-columns:none;align-items:stretch;height:auto;overflow-y:auto}.settings-panel.settings-drawer section{height:auto;padding-right:2px;border-right:0;border-bottom:1px solid rgba(216,224,234,.82)}.settings-panel.settings-drawer section:last-child{padding-right:2px;border-bottom:0}