@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-300:#ffd236;--color-white:#fff;--spacing:.25rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-amber-300:lab(86.4156% 6.13147 78.3961)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-1{inset-inline:var(--spacing)}.top-0\.5{top:calc(var(--spacing) * .5)}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.inline{display:inline}.table{display:table}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.h-1{height:var(--spacing)}.min-h-0{min-height:0}.w-full{width:100%}.max-w-\[760px\]{max-width:760px}.min-w-0{min-width:0}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.bg-\[\#60a5fa\]{background-color:#60a5fa}.bg-\[\#2563eb\]\/65{background-color:#2563eba6;background-color:lab(44.7906% 21.0479 -75.599/.65)}.bg-\[\#ef4444\]\/65{background-color:#ef4444a6;background-color:lab(55.7853% 65.6165 40.7976/.65)}.bg-\[\#f59e0b\]{background-color:#f59e0b}.bg-\[\#f87171\]{background-color:#f87171}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-\[\#93c5fd\]{color:#93c5fd}.opacity-0{opacity:0}.opacity-40{opacity:.4}.shadow-\[0_0_0_3px_rgba\(245\,158\,11\,\.35\)\,0_0_10px_\#f59e0b\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#f59e0b59), 0 0 10px var(--tw-shadow-color,#f59e0b);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_5px_rgba\(255\,255\,255\,1\)\]{--tw-shadow:0 0 5px var(--tw-shadow-color,#fff);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_\#2563eb\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#2563eb);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_\#ef4444\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#ef4444);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-amber-300{--tw-ring-color:var(--color-amber-300)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}}.focus\:z-20:focus{z-index:20}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[\#38bdf8\]:focus{--tw-ring-color:#38bdf8}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.sm\:size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}}}:root{--ink:#07101d;--ink-soft:#0d1a2b;--panel:#101f31;--panel-raised:#172a40;--panel-line:#b7cfe424;--text:#edf4fb;--muted:#8fa3b8;--muted-soft:#62778e;--amber:#f6a93b;--amber-bright:#ffc56d;--amber-ink:#241505;--teal:#5bd3c5;--teal-bright:#a6fff2;--danger:#ff8f83;--font-body:Inter, ui-sans-serif, system-ui, sans-serif;--font-display:"Trebuchet MS", Inter, ui-sans-serif, sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--ink);color:var(--text);font-family:var(--font-body);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--amber-bright);outline-offset:3px}::selection{color:#fff;background:#f6a93b52}.tactile-background,.page-shell{background-color:var(--ink);background-image:linear-gradient(#6a8caa09 1px,#0000 1px),linear-gradient(90deg,#6a8caa09 1px,#0000 1px),radial-gradient(circle at 50% -10%,#2d68943d,#0000 48%);background-size:32px 32px,32px 32px,auto;min-height:calc(100vh - 78px)}.site-header{z-index:50;border-bottom:1px solid var(--panel-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07101dd6;height:78px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1440px;height:100%;margin:0 auto;padding:0 32px;display:flex;position:relative}.header-identity{align-items:center;gap:12px;min-width:150px;display:flex}.header-user{color:var(--text);gap:3px;font-size:12px;display:grid}.connection-state{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:6px;font-size:10px;display:flex}.connection-state i,.presence-dot,.opponent-status i,.live-chip i{background:var(--muted-soft);border-radius:50%;width:6px;height:6px;display:inline-block}.connection-state.online i,.presence-dot.online,.opponent-status.online i,.live-chip i{background:var(--teal);box-shadow:0 0 10px #5bd3c5cc}.connection-state.offline i,.presence-dot.offline,.opponent-status.offline i{background:var(--danger)}.wordmark{font-family:var(--font-display);letter-spacing:-.1em;color:var(--text);font-size:23px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.wordmark em{color:var(--amber);font-style:normal}.online-count{color:var(--muted);font:700 8px/1 var(--font-body);letter-spacing:.12em;text-align:center;text-transform:uppercase;margin-top:2px;display:block}.online-count i{background:var(--teal);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block;box-shadow:0 0 8px #5bd3c5cc}.icon-button,.modal-close{border:1px solid var(--panel-line);background:var(--panel);color:var(--muted);border-radius:50%;width:38px;height:38px;transition:all .18s}.icon-button:hover,.modal-close:hover{color:var(--text);background:var(--panel-raised);border-color:#f6a93b8c}.language-toggle{border:1px solid var(--panel-line);min-width:44px;height:34px;color:var(--amber-bright);background:var(--panel);letter-spacing:.12em;border-radius:999px;padding:0 10px;font-size:10px;font-weight:900;transition:all .18s}.language-toggle:hover{color:var(--text);background:var(--panel-raised);border-color:#f6a93b8c}.brand-mark{width:94px;height:94px;color:var(--amber);place-items:center;display:inline-grid}.brand-mark svg{width:100%;height:100%}.brand-mark-compact{width:38px;height:38px;color:var(--amber)}.welcome-shell{justify-content:center;padding:72px 24px 100px;display:flex}.welcome-content{width:min(100%,530px)}.hero-brand{text-align:center;margin-bottom:36px}.hero-brand .brand-mark{filter:drop-shadow(0 12px 24px #f6a93b29);margin-bottom:22px}.eyebrow{color:var(--amber-bright);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}h1,h2,h3,p{margin-top:0}.hero-brand h1,.searching-heading h1{font-family:var(--font-display);letter-spacing:-.065em;margin:12px 0;font-size:clamp(42px,8vw,68px);line-height:.97}.hero-brand h1 span,.searching-heading h1 span{color:var(--amber)}.hero-copy{max-width:370px;color:var(--muted);margin:0 auto;font-size:15px;line-height:1.65}.welcome-card,.guide-card{border:1px solid var(--panel-line);background:linear-gradient(150deg,#172a40f0,#0d1a2bf5);border-radius:18px;padding:28px;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0d}.card-heading{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.card-heading h2,.guide-card h2{font-family:var(--font-display);letter-spacing:-.04em;margin:7px 0 0;font-size:25px}.live-chip{color:var(--teal);text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.welcome-card label,.modal-card label{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.welcome-card input,.modal-card input{width:100%;height:52px;color:var(--text);background:var(--ink);border:1px solid var(--panel-line);border-radius:9px;outline:none;margin-top:9px;padding:0 15px;transition:border .18s,box-shadow .18s}.welcome-card input:focus,.modal-card input:focus{border-color:var(--amber);box-shadow:0 0 0 4px #f6a93b1a}.form-hint,.terms-copy{color:var(--muted-soft);font-size:11px;line-height:1.5}.form-hint{margin:8px 0 0}.form-message{font-size:12px;line-height:1.5}.form-message.error{color:var(--danger);margin:9px 0 0}.button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-size:12px;font-weight:800;transition:transform .15s,filter .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)}.button-large{width:100%;min-height:52px}.button-primary{color:var(--amber-ink);background:var(--amber);box-shadow:0 5px #00000038,inset 0 1px #ffffff59}.button-secondary{color:var(--text);background:var(--panel-raised);border:1px solid var(--panel-line)}.button-danger{color:#2d0906;background:var(--danger)}.button-quiet{color:var(--muted);border:1px solid var(--panel-line);background:0 0}.welcome-card .button-primary{margin-top:18px}.button-divider{color:var(--muted-soft);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;margin:17px 0;font-size:10px;display:flex}.button-divider:before,.button-divider:after{content:"";background:var(--panel-line);flex:1;height:1px}.button-glyph{color:var(--teal);font-size:17px}.terms-copy{text-align:center;margin:18px 0 0}.rules-teaser{width:100%;color:var(--text);text-align:left;border:1px solid var(--panel-line);background:#101f31a8;border-radius:12px;align-items:center;gap:13px;margin-top:16px;padding:15px 17px;transition:all .18s;display:flex}.rules-teaser:hover{background:#172a40e6;border-color:#5bd3c573}.teaser-icon{color:var(--teal);font-size:20px}.rules-teaser small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.teaser-arrow{color:var(--muted);margin-left:auto;font-size:18px}.searching-shell{place-items:center;padding:50px 24px;display:grid}.searching-content{text-align:center;width:min(100%,720px)}.searching-heading h1{font-size:clamp(38px,7vw,60px)}.searching-heading>p:last-child{color:var(--muted)}.searching-heading strong{color:var(--text);font-variant-numeric:tabular-nums;margin-left:6px}.match-search-card{border:1px solid var(--panel-line);background:linear-gradient(145deg,#172a40eb,#0d1a2bf0);border-radius:20px;justify-content:center;align-items:center;gap:clamp(25px,10vw,92px);width:100%;min-width:0;max-width:100%;margin:44px 0 30px;padding:42px 28px;display:flex;box-shadow:0 25px 70px #0000004d}.search-player{justify-items:center;gap:9px;width:100%;min-width:0;display:grid}.search-player strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.search-player small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.status-ready{color:var(--teal)!important}.avatar-wrap{place-items:center;width:90px;height:90px;display:grid;position:relative}.avatar{border:2px solid;border-radius:50%;place-items:center;width:78px;height:78px;font-size:25px;font-weight:900;display:grid;box-shadow:inset 0 2px 5px #ffffff47,0 10px 24px #0000004d}.avatar.amber,.player-token.amber{background:var(--amber);color:var(--amber-ink);border-color:var(--amber-bright)}.avatar.teal,.player-token.teal{background:var(--teal);color:#04231f;border-color:var(--teal-bright)}.avatar-searching:before,.avatar-searching:after{content:"";border:1px solid #5bd3c599;border-radius:50%;animation:2.2s ease-out infinite radar;position:absolute;inset:0}.avatar-searching:after{animation-delay:1.1s}.versus{color:var(--muted-soft);font-family:var(--font-display);font-size:26px;font-style:italic;font-weight:900}.searching-versus{min-width:84px;color:var(--muted-soft);grid-template-rows:auto 10px;grid-template-columns:repeat(3,5px);justify-content:center;align-items:center;column-gap:4px;font-size:20px;line-height:1;display:grid;position:relative}.searching-versus span{text-align:center;z-index:1;grid-area:1/1/auto/-1;display:block;position:static}.searching-versus i{background:var(--amber);border-radius:50%;grid-row:2;width:5px;height:5px;animation:1.5s ease-in-out infinite search-signal;box-shadow:0 0 10px #f6a93bb3}.searching-versus i:first-of-type{grid-column:1}.searching-versus i:nth-of-type(2){background:var(--teal);grid-column:2;animation-delay:.18s;box-shadow:0 0 10px #5bd3c5b3}.searching-versus i:nth-of-type(3){grid-column:3;animation-delay:.36s}.text-button,.leave-link{color:var(--muted);border:0;border-bottom:1px solid var(--muted-soft);background:0 0;padding:0 0 4px;font-size:12px}.text-button:hover,.leave-link:hover{color:var(--amber-bright);border-color:var(--amber)}.game-shell{width:100%;max-width:1440px;margin:0 auto;padding:24px 28px 60px}.game-layout{grid-template-columns:minmax(560px,780px) 380px;justify-content:center;align-items:start;gap:36px;max-width:1320px;margin:0 auto;display:grid}.players-column,.guide-column{gap:16px;width:100%;max-width:400px;display:grid}.section-label{color:var(--muted-soft);letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.player-card{border:1px solid var(--panel-line);background:#0d1a2bb8;border-radius:13px;padding:15px;transition:all .2s}.player-card.active{background:#f6a93b17;border-color:#f6a93ba6;box-shadow:0 0 25px #f6a93b14}.player-card-top{align-items:center;gap:10px;display:flex}.player-token{border:2px solid;border-radius:50%;place-items:center;width:39px;height:39px;font-size:12px;font-weight:900;display:grid}.player-token.player-token-active{animation:1.35s ease-in-out infinite token-turn}.player-token.amber.player-token-active{--token-glow:#dc4c57e6}.player-token.teal.player-token-active{--token-glow:#277bd6e6}.player-meta{flex:1;min-width:0}.player-meta strong{text-overflow:ellipsis;vertical-align:middle;max-width:125px;font-size:13px;display:inline-block;overflow:hidden}.player-meta small{color:var(--muted-soft);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:800;display:block}.player-meta small.turn{color:var(--amber-bright)}.player-meta small.offline{color:var(--danger)}.you-tag{color:var(--amber-bright);text-transform:uppercase;background:#f6a93b1f;border-radius:4px;margin-left:5px;padding:3px 5px;font-size:8px;font-weight:800}.wall-count{border-top:1px solid var(--panel-line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;font-size:10px;display:flex}.wall-count strong{color:var(--text);font-size:15px}.wall-count i{font-size:10px;font-style:normal}.match-fact{color:var(--muted-soft);border-top:1px solid var(--panel-line);text-transform:uppercase;letter-spacing:.12em;margin-top:8px;padding:14px;font-size:10px}.match-fact strong{color:var(--muted);letter-spacing:.08em;margin-top:5px;font-size:12px;display:block}.board-column{width:100%;min-width:0;max-width:780px}.match-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px;display:flex}.match-heading h1{font-family:var(--font-display);letter-spacing:-.045em;margin:6px 0 0;font-size:28px}.turn-animation{align-items:center;gap:5px;min-height:16px;margin-top:10px;display:flex}.turn-animation span{background:var(--muted-soft);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite search-signal}.turn-animation span:nth-child(2){animation-delay:.16s}.turn-animation span:nth-child(3){animation-delay:.32s}.turn-animation.your-turn span{background:var(--amber);box-shadow:0 0 10px #f6a93ba6}.turn-animation.opponent-turn span{background:var(--teal);box-shadow:0 0 10px #5bd3c5a6}.opponent-status{border:1px solid var(--panel-line);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:7px 10px;font-size:9px;font-weight:800;display:flex}.opponent-status.online{color:var(--teal);border-color:#5bd3c53d}.opponent-status.offline{color:var(--danger);border-color:#ff8f8340}.mode-bar{border:1px solid var(--panel-line);background:#0d1a2be6;border-radius:12px;gap:8px;margin:18px auto 0;padding:6px;display:flex}.mode-bar button{min-height:46px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;font-size:12px;font-weight:800;transition:all .18s}.mode-bar button span{color:var(--teal);margin-right:6px}.mode-bar button:hover:not(:disabled),.mode-bar button.selected{color:var(--text);background:var(--panel-raised)}.mode-bar button.selected{box-shadow:inset 0 0 0 1px #f6a93b38}.board-help{min-height:38px;color:var(--muted);text-align:center;padding:12px 0 2px;font-size:11px}.board-help strong{color:var(--amber-bright)}.board-error{text-align:center}.leave-link{margin:12px auto 0;display:block}.guide-card{border:1px solid var(--panel-line);background:linear-gradient(150deg,#172a40e0,#0d1a2beb);border-radius:14px;padding:22px 20px}.guide-card h2{font-size:23px}.guide-line{gap:12px;margin-top:21px;display:flex}.guide-line span{color:var(--amber);font-size:11px;font-weight:800}.guide-line p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.guide-key{border-top:1px solid var(--panel-line);color:var(--muted-soft);grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;margin-top:26px;padding-top:17px;font-size:10px;display:grid}.guide-key kbd{text-align:center;min-width:26px;color:var(--text);background:var(--ink);border:1px solid var(--panel-line);border-radius:4px;padding:4px 6px;font-size:10px}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030810d1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--panel-line);background:linear-gradient(150deg,#172a40,#0d1a2b);border-radius:18px;width:min(100%,470px);padding:32px;position:relative;box-shadow:0 30px 90px #00000080}.modal-card h2{font-family:var(--font-display);letter-spacing:-.055em;margin:8px 0 12px;font-size:32px}.modal-close{border-radius:8px;width:30px;height:30px;font-size:20px;line-height:1;position:absolute;top:17px;right:17px}.rule-list{gap:18px;margin:25px 0;display:grid}.rule-list article{gap:14px;display:flex}.rule-list article>span{color:var(--amber);font-size:11px;font-weight:800}.rule-list h3{margin:0 0 4px;font-size:13px}.rule-list p,.dialog-copy{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.modal-card>.button{width:100%}.dialog-actions,.invite-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.invite-created>p{color:var(--muted);font-size:12px;line-height:1.6}.invite-code{color:var(--amber-bright);background:var(--ink);text-align:center;letter-spacing:.18em;border:1px dashed #f6a93b80;border-radius:10px;margin:22px 0 10px;padding:20px;font-family:ui-monospace,monospace;font-size:31px;font-weight:800}.waiting-line,.waiting-copy{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:11px;display:flex}.pulse-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #5bd3c51f}.code-input{letter-spacing:.24em;text-transform:uppercase;font-family:ui-monospace,monospace}.invite-created .button-quiet{width:100%}.result-card{text-align:center}.result-emblem{border:1px solid;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 22px;font-size:31px;display:grid}.result-emblem.win{color:var(--amber);background:#f6a93b1a;border-color:#f6a93b99}.result-emblem.loss{color:var(--teal);background:#5bd3c514;border-color:#5bd3c573}.result-card .dialog-copy{max-width:330px;margin:0 auto}.result-stats{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;display:grid}.result-stats div{border:1px solid var(--panel-line);background:#07101d73;border-radius:8px;padding:13px}.result-stats small{color:var(--muted-soft);text-transform:uppercase;letter-spacing:.13em;font-size:9px;display:block}.result-stats strong{margin-top:5px;font-size:22px;display:block}.result-card .button-primary,.result-card .button-quiet{width:100%}.result-card .dialog-actions{grid-template-columns:1fr 1fr}.match-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.match-header-row .eyebrow{color:var(--muted-soft);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.board-timers-bar{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.board-timer-card{border:1px solid var(--panel-line);background:#0d1a2bcc;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 14px;transition:all .25s;display:flex}.board-timer-meta{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.timer-pawn-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.timer-pawn-dot.red{background:#ef4444;box-shadow:0 0 8px #ef4444b3}.timer-pawn-dot.blue{background:#3b82f6;box-shadow:0 0 8px #3b82f6b3}.timer-player-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;font-weight:800;overflow:hidden}.timer-you-pill{text-transform:uppercase;color:var(--amber-bright);background:#f6a93b26;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:8px;font-weight:800}.timer-walls-badge{color:var(--muted-soft);flex-shrink:0;align-items:center;gap:4px;margin-left:2px;font-size:11px;font-weight:700;display:flex}.timer-walls-badge i.red{color:#ef4444;font-style:normal}.timer-walls-badge i.blue{color:#3b82f6;font-style:normal}.board-timer-clock{letter-spacing:.06em;font-variant-numeric:tabular-nums;flex-shrink:0;padding-left:8px;font-family:ui-monospace,monospace;font-size:19px;font-weight:900;transition:all .25s}.board-timer-card.is-idle{opacity:.55;border-color:#ffffff12}.board-timer-card.is-idle .board-timer-clock{color:var(--muted-soft)}.board-timer-card.timer-red.is-active{opacity:1;background:linear-gradient(135deg,#ef44443d,#0d1a2bf0);border-color:#ef4444;animation:1.6s ease-in-out infinite timer-glow-red;box-shadow:0 0 22px #ef444473,inset 0 0 14px #ef444433}.board-timer-card.timer-red.is-active .board-timer-clock{color:#ffb4b9;text-shadow:0 0 12px #ef4444e6}.board-timer-card.timer-blue.is-active{opacity:1;background:linear-gradient(135deg,#3b82f63d,#0d1a2bf0);border-color:#3b82f6;animation:1.6s ease-in-out infinite timer-glow-blue;box-shadow:0 0 22px #3b82f673,inset 0 0 14px #3b82f633}.board-timer-card.timer-blue.is-active .board-timer-clock{color:#bfdbfe;text-shadow:0 0 12px #3b82f6e6}.board-timer-clock.clock-warning{color:var(--amber-bright)!important}.board-timer-clock.clock-danger{animation:.9s ease-in-out infinite timer-pulse;color:#ff4d5a!important}@keyframes timer-glow-red{0%,to{border-color:#ef4444bf;box-shadow:0 0 14px #ef444459,inset 0 0 10px #ef444426}50%{border-color:#ff6e78;box-shadow:0 0 26px #ef4444a6,inset 0 0 16px #ef44444d}}@keyframes timer-glow-blue{0%,to{border-color:#3b82f6bf;box-shadow:0 0 14px #3b82f659,inset 0 0 10px #3b82f626}50%{border-color:#93c5fd;box-shadow:0 0 26px #3b82f6a6,inset 0 0 16px #3b82f64d}}.board-orientation{--board-gap:6px}.board-orientation-flipped{transform:rotate(180deg)}.board-stage{background:#142234;border:1px solid #a5c3e652;border-radius:0;padding:6px;overflow:hidden;box-shadow:0 18px 45px #00000073,0 2px 8px #00000040}.board-layer{grid-template-columns:repeat(8, minmax(0, 1fr) var(--board-gap)) minmax(0, 1fr);grid-template-rows:repeat(8, minmax(0, 1fr) var(--board-gap)) minmax(0, 1fr);display:grid;position:absolute;inset:6px}.board-grid{background:#0d1826;border-radius:0}.board-cell{background:linear-gradient(145deg,#24364b,#1b2a3c);border:1px solid #ffffff1c;border-radius:0;transition:transform .15s,background .15s,box-shadow .15s;box-shadow:inset 0 1px 1px #ffffff1f,0 1px 2px #00000040}.board-cell-alt{background:linear-gradient(145deg,#1f2f42,#162433);border-color:#ffffff12}.board-cell-legal{border-radius:0;background:linear-gradient(145deg,#384c63,#293a4d)!important;border:1.5px solid #f59e0b!important;box-shadow:inset 0 0 0 1px #f59e0b59,0 0 14px #f59e0b66!important}.board-cell-legal:hover{transform:scale(1.02);background:linear-gradient(145deg,#445b77,#32475e)!important}.float-piece{aspect-ratio:1;border-radius:50%;flex:none;width:76%;position:relative;box-shadow:0 5px 12px #00000073,inset 0 2px 4px #ffffffb3}.float-piece.pawn-red{background:radial-gradient(circle at 35% 28%,#ff7875 0%,#e13d30 45%,#a81c1c 80%,#540e0e 100%);border:2px solid #fecaca;box-shadow:0 6px 14px #00000073,0 0 14px #e13d3099,inset 0 2px 5px #ffffffb3}.float-piece.pawn-blue{background:radial-gradient(circle at 35% 28%,#60a5fa 0%,#2563eb 45%,#1d4ed8 80%,#0c1c38 100%);border:2px solid #bfdbfe;box-shadow:0 6px 14px #00000073,0 0 14px #2563eb99,inset 0 2px 5px #ffffffb3}.float-piece.pawn-active{z-index:5;transform-origin:50%;animation:1.35s ease-in-out infinite pawn-turn}.float-piece.pawn-red.pawn-active{--pawn-glow:#e13d30;--pawn-ring:#fecacae6}.float-piece.pawn-blue.pawn-active{--pawn-glow:#2563eb;--pawn-ring:#bfdbfee6}.board-wall-layer,.board-slot-layer{grid-template-columns:repeat(8, minmax(0, 1fr) var(--board-gap)) minmax(0, 1fr);grid-template-rows:repeat(8, minmax(0, 1fr) var(--board-gap)) minmax(0, 1fr);display:grid;position:absolute;inset:6px}.board-wall-layer{z-index:20}.board-slot-layer{z-index:30}.wall-piece{border-radius:999px;min-width:0;min-height:0;display:block}.wall-piece-red{background:linear-gradient(#f87171 0%,#dc2626 50%,#991b1b 100%);border:1px solid #fca5a5;box-shadow:0 3px 8px #0006,0 0 10px #ef444473}.wall-piece-blue{background:linear-gradient(#60a5fa 0%,#2563eb 50%,#1e40af 100%);border:1px solid #93c5fd;box-shadow:0 3px 8px #0006,0 0 10px #2563eb73}.wall-slot{background:#ffffff1f;border:0;border-radius:999px;min-width:0;min-height:0}.wall-slot:hover,.wall-slot:focus{background:#f6a93b8c;box-shadow:0 0 12px #f6a93bb3,inset 0 0 2px #fff}.wall-slot-standby{opacity:.45;cursor:default}.board-theme-light .board-stage{background:#d4e0ee;border:1px solid #4755696b;box-shadow:0 16px 40px #00000059,0 2px 8px #0003}.board-theme-light .board-grid{background:#b2c4d8}.board-theme-light .board-cell{background:linear-gradient(145deg,#f8fafc,#eef3f8);border:1px solid #fffffff2;box-shadow:inset 0 1px 1px #fff,0 1px 2px #0f172a26}.board-theme-light .board-cell-alt{background:linear-gradient(145deg,#edf2f7,#e1e9f2);border-color:#ffffffbf}.board-theme-light .board-cell-legal{background:linear-gradient(145deg,#fef3c7,#fde68a)!important;border:1.5px solid #d97706!important;box-shadow:inset 0 0 0 1px #d977064d,0 0 14px #f59e0b73!important}.board-theme-light .board-cell-legal:hover{transform:scale(1.02);background:linear-gradient(145deg,#fff,#fef08a)!important}.board-theme-light .wall-slot{background:#4755693d}.board-theme-light .wall-slot:hover,.board-theme-light .wall-slot:focus{background:#d97706a6;box-shadow:0 0 12px #d97706bf,inset 0 0 2px #fff}.player-token.amber{color:#fff;background:radial-gradient(circle at 35% 30%,#ff8a93,#ef4444 60%,#991b1b 100%);border-color:#ffc4c8}.player-token.teal{color:#fff;background:radial-gradient(circle at 35% 30%,#93c5fd,#3b82f6 60%,#1e40af 100%);border-color:#c7dfff}.wall-count i.amber{color:#ef4444}.wall-count i.teal{color:#3b82f6}.mode-label-short{display:none}.timer-display{text-align:center;letter-spacing:.08em;border:1px solid var(--panel-line);background:#07101d80;border-radius:8px;margin-top:10px;padding:8px 12px;font-family:ui-monospace,monospace;font-size:18px;font-weight:800;transition:color .3s,border-color .3s,box-shadow .3s}.timer-safe{color:var(--teal);border-color:#5bd3c540}.timer-warning{color:var(--amber);border-color:#f6a93b59;box-shadow:0 0 12px #f6a93b1f}.timer-danger{color:var(--danger);border-color:#ff8f8366;animation:1s ease-in-out infinite timer-pulse;box-shadow:0 0 16px #ff8f832e}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes radar{0%{opacity:.8;transform:scale(.68)}to{opacity:0;transform:scale(1.8)}}@keyframes search-signal{0%,to{opacity:.35;transform:translateY(2px)scale(.7)}50%{opacity:1;transform:translateY(-2px)scale(1.2)}}@keyframes pawn-turn{0%,to{box-shadow:inset 0 2px 4px #ffffff80, 0 4px 10px #0000008c, 0 0 12px var(--pawn-glow);filter:brightness(1.05);transform:scale(1)}50%{box-shadow:inset 0 2px 5px #ffffffa6, 0 4px 12px #0000008c, 0 0 26px var(--pawn-glow), 0 0 0 4px var(--pawn-ring);filter:brightness(1.35)saturate(1.2);transform:scale(1.08)}}@keyframes token-turn{0%,to{box-shadow:inset 0 2px 5px #ffffff47, 0 10px 24px #0000004d, 0 0 7px var(--token-glow)}50%{box-shadow:inset 0 2px 5px #ffffff47, 0 10px 24px #0000004d, 0 0 18px var(--token-glow), 0 0 0 3px color-mix(in srgb, var(--token-glow) 35%, transparent)}}.match-found-shell{place-items:center;min-height:75vh;padding:28px 16px;display:grid}.match-found-content{text-align:center;width:min(100%,640px)}.match-found-heading h1{font-family:var(--font-display);letter-spacing:-.05em;color:var(--amber-bright);text-shadow:0 0 24px #f6a93b59;margin:6px 0 4px;font-size:clamp(26px,5vw,42px)}.match-found-sub{color:var(--muted);margin:0 0 20px;font-size:12px}.match-found-card{background:linear-gradient(150deg,#172a40f0,#0d1a2bf5);border:1px solid #f6a93b59;border-radius:20px;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,3vw,24px);padding:24px 18px;display:grid;box-shadow:0 24px 60px #00000073,0 0 30px #f6a93b1a}.found-player{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.found-player .avatar-wrap{width:72px;height:72px}.found-player .avatar{width:64px;height:64px;font-size:20px}.found-player .player-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:800;overflow:hidden}.player-role-badge{text-transform:uppercase;letter-spacing:.12em;border-radius:99px;padding:2px 7px;font-size:8.5px;font-weight:800}.player-role-badge.you-badge{color:var(--amber-bright);background:#f6a93b26;border:1px solid #f6a93b4d}.player-role-badge.opp-badge{color:var(--teal);background:#5bd3c51f;border:1px solid #5bd3c540}.pawn-badge{color:var(--muted);align-items:center;gap:5px;font-size:9.5px;font-weight:700;display:inline-flex}.pawn-badge i{border-radius:50%;width:7px;height:7px;display:inline-block}.pawn-badge.red i{background:#e8624a;box-shadow:0 0 8px #e8624acc}.pawn-badge.blue i{background:#5aace8;box-shadow:0 0 8px #5aace8cc}.found-versus{flex-direction:column;align-items:center;gap:6px;min-width:85px;display:flex}.versus-badge{font-family:var(--font-display);color:var(--muted-soft);letter-spacing:.1em;font-size:16px;font-style:italic;font-weight:900}.countdown-ring{border:2px solid var(--amber);background:radial-gradient(circle,#f6a93b40,#07101de6);border-radius:50%;place-items:center;width:56px;height:56px;animation:1s ease-in-out infinite countdown-pulse;display:grid;box-shadow:0 0 20px #f6a93b73,inset 0 0 12px #f6a93b40}.countdown-number{font-family:var(--font-display);color:var(--amber-bright);text-shadow:0 0 12px #f6a93bd9;font-size:26px;font-weight:900}.countdown-label{color:var(--amber-bright);text-transform:uppercase;letter-spacing:.08em;text-align:center;font-size:9.5px;font-weight:800}.countdown-slider-box{flex-direction:column;align-items:center;gap:3px;width:100%;max-width:130px;margin-top:2px;display:flex}.countdown-slider-track{background:#ffffff24;border-radius:999px;width:100%;height:5px;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #00000080}.countdown-slider-bar{background:linear-gradient(90deg,#f6a93b,#ffd480);border-radius:999px;height:100%;transition:width .95s linear;position:relative;box-shadow:0 0 8px #f6a93b99}.countdown-slider-handle{background:#fff;border:2px solid #f6a93b;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-4px;transform:translateY(-50%);box-shadow:0 0 8px #f6a93b,0 2px 4px #0006}.countdown-slider-meta{color:var(--amber);letter-spacing:.06em;font-size:8.5px;font-weight:800}@keyframes countdown-pulse{0%,to{transform:scale(1);box-shadow:0 0 16px #f6a93b66}50%{transform:scale(1.06);box-shadow:0 0 26px #f6a93bbf}}.match-found-actions{justify-content:center;margin-top:18px;display:flex}.btn-skip-countdown{border:1.5px solid var(--amber-bright);min-height:42px;color:var(--amber-bright);cursor:pointer;background:linear-gradient(135deg,#f6a93b40,#f6a93b1a);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 4px 16px #f6a93b33}.btn-skip-countdown:hover{background:var(--amber-bright);color:#1a1003;transform:translateY(-1px);box-shadow:0 6px 20px #f6a93b80}.active-room-banner{border:1px solid var(--amber);background:linear-gradient(145deg,#182f4af2,#0d1b2dfa);border-radius:14px;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 16px;animation:.25s fade-in;display:flex;box-shadow:0 8px 24px #00000059,0 0 16px #f6a93b26}.room-banner-info{color:var(--amber-bright);align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.room-banner-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.button-small{border-radius:8px;min-height:32px;padding:0 12px;font-size:11px;font-weight:800}.searching-action-box{justify-content:center;margin:18px 0 20px;display:flex}.button-cancel-search{min-height:44px;color:var(--danger);letter-spacing:.04em;background:#172a40d9;border:1px solid #ff8f834d;border-radius:12px;align-items:center;gap:8px;padding:0 24px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 8px 24px #00000040}.button-cancel-search:hover{border-color:var(--danger);color:#ffb4b9;background:#ff8f8329;transform:translateY(-1px)}.button-cancel-search .btn-icon{font-size:12px}.board-actions-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:14px;display:flex}.board-theme-toggle{border:1px solid var(--panel-line);background:#0d1a2bd9;border-radius:11px;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 13px;font-size:11px;font-weight:800;transition:all .18s;display:inline-flex}.theme-toggle-btn:hover{color:var(--text);background:#ffffff0f}.theme-toggle-btn.active{color:var(--text);background:var(--panel-raised);box-shadow:inset 0 0 0 1px #f6a93b66,0 2px 8px #00000059}.theme-toggle-icon{font-size:12px;line-height:1}.theme-toggle-label{letter-spacing:.03em}.button-leave-match{border:1px solid var(--panel-line);min-height:38px;color:var(--muted);letter-spacing:.05em;background:#101f31bf;border-radius:11px;align-items:center;gap:8px;padding:0 18px;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.button-leave-match:hover{color:#fca5a5;background:#ef444424;border-color:#ef444473;transform:translateY(-1px)}.button-leave-match .leave-icon{font-size:13px}.wall-slot{touch-action:manipulation;cursor:pointer;position:relative}.wall-slot-hitbox{z-index:1;border-radius:999px;position:absolute;inset:-12px}.wall-slot-selected{animation:.9s ease-in-out infinite slot-pulse;z-index:40!important;background:#f59e0b!important;box-shadow:0 0 16px #f59e0bd9,inset 0 0 4px #fff!important}@keyframes slot-pulse{0%,to{opacity:1;transform:scale(1.04)}50%{opacity:.8;transform:scale(.96)}}.wall-piece-preview{z-index:25;opacity:.95!important;border:2px dashed #fbbf24!important;animation:1.2s ease-in-out infinite preview-glow!important}@keyframes preview-glow{0%,to{box-shadow:0 0 10px #fbbf2480}50%{box-shadow:0 0 20px #fbbf24f2}}.wall-confirm-dock{z-index:50;justify-content:center;width:100%;margin-top:12px;display:flex;position:relative}.wall-confirm-card{border:1.5px solid var(--amber);background:linear-gradient(145deg,#172a40fa,#0d1a2bfc);border-radius:14px;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:380px;padding:8px;display:grid;box-shadow:0 12px 36px #0009,0 0 24px #f6a93b59}.button-wall-confirm{color:#1a1003;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#f6a93b,#d98a25);border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:13px;font-weight:900;transition:all .15s;display:flex;box-shadow:0 4px 14px #f6a93b80}.button-wall-confirm:hover{filter:brightness(1.12);transform:translateY(-1px)}.button-wall-cancel{border:1px solid var(--panel-line);min-height:44px;color:var(--muted);cursor:pointer;background:#07101dd9;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:800;transition:all .15s;display:flex}.button-wall-cancel:hover{color:var(--danger);border-color:var(--danger);background:#ff8f832e;transform:translateY(-1px)}.result-card h2.title-won{color:var(--amber-bright);text-shadow:0 0 24px #f6a93b73}.result-card h2.title-lost{color:var(--text)}.result-duel-summary{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:20px 0 16px;display:grid}.result-player-badge{border:1px solid var(--panel-line);background:#07101d99;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.result-player-badge.winner{background:linear-gradient(135deg,#f6a93b1f,#07101db3);border-color:#f6a93b8c;box-shadow:0 0 18px #f6a93b26}.player-avatar-small{border:1.5px solid;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.player-avatar-small.amber{background:var(--amber);color:var(--amber-ink);border-color:var(--amber-bright)}.player-avatar-small.teal{background:var(--teal);color:#04231f;border-color:var(--teal-bright)}.player-summary-info{text-align:left;flex-direction:column;min-width:0;display:flex}.player-summary-info strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.badge-win{color:var(--amber-bright);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:800}.badge-loss{color:var(--muted-soft);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:800}.result-versus-divider{font-family:var(--font-display);color:var(--muted-soft);font-size:14px;font-style:italic;font-weight:800}@media (min-width:1300px){.game-layout{grid-template-columns:minmax(640px,800px) 400px;gap:40px}.board-column{max-width:800px}}@media (max-width:960px){.game-layout{grid-template-columns:minmax(360px,680px);justify-content:center}.guide-column{width:100%;max-width:680px;margin:0 auto}}@media (max-width:720px){.site-header{height:64px}.header-inner{padding:0 16px}.header-user strong{display:none}.wordmark{font-size:18px}.online-count{font-size:7px}.page-shell{min-height:calc(100vh - 64px)}.welcome-shell{padding:45px 16px 70px}.hero-brand h1{font-size:48px}.hero-brand .brand-mark{width:72px;height:72px}.welcome-card{padding:22px 18px}.searching-shell{padding-left:12px;padding-right:12px}.match-search-card{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(8px,3vw,16px);padding:28px 10px;display:grid}.search-player{min-width:0}.avatar-wrap{width:70px;height:70px}.avatar{width:62px;height:62px;font-size:20px}.searching-versus{min-width:46px}.match-found-shell{min-height:auto;padding:12px 6px}.match-found-heading h1{margin:4px 0 2px;font-size:20px}.match-found-sub{margin:0 0 10px;font-size:10.5px}.match-found-card{border-radius:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;padding:12px 6px}.found-player{gap:3px}.found-player .avatar-wrap{width:48px;height:48px}.found-player .avatar{width:42px;height:42px;font-size:13px}.found-player .player-name{max-width:72px;font-size:11.5px}.player-role-badge{padding:1px 5px;font-size:7.5px}.pawn-badge{gap:3px;font-size:8px}.found-versus{gap:3px;min-width:60px}.versus-badge{font-size:12px}.countdown-ring{width:40px;height:40px}.countdown-number{font-size:18px}.countdown-label{font-size:8px}.countdown-slider-box{max-width:65px}.countdown-slider-track{height:4px}.countdown-slider-handle{width:8px;height:8px;right:-3px}.countdown-slider-meta{font-size:7.5px}.game-shell{padding:14px 6px 45px}.game-layout{flex-direction:column;gap:14px;display:flex}.board-column,.guide-column{width:100%}.match-header-row{margin-bottom:8px}.opponent-status{padding:5px 7px;font-size:8px}.board-timers-bar{gap:6px;margin-bottom:8px}.board-timer-card{border-radius:10px;padding:6px 8px}.timer-player-name{max-width:65px;font-size:11px}.board-timer-clock{padding-left:4px;font-size:15px}.mode-bar{flex-wrap:nowrap;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:14px;padding:4px;display:grid}.mode-bar button{white-space:nowrap;min-width:0;padding:0 3px;font-size:10px}.mode-bar button:last-child{min-width:0}.mode-bar button span{margin-right:2px}.mode-label-wide{display:none}.mode-label-short{display:inline}.board-orientation{--board-gap:4px}.modal-card{padding:27px 20px}.result-card .dialog-actions{grid-template-columns:1fr}.result-duel-summary{grid-template-columns:1fr;gap:6px}.result-versus-divider{display:none}}@media (max-width:420px){.game-shell{padding:10px 4px 35px}.board-orientation{--board-gap:3.5px}.timer-player-name{max-width:50px}.wall-confirm-card{flex-direction:column;align-items:stretch;gap:8px}.wall-confirm-actions{justify-content:stretch}.wall-confirm-actions button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.move-history-card{border:1px solid var(--panel-line);background:linear-gradient(150deg,#172a40e0,#0d1a2beb);border-radius:14px;flex-direction:column;max-height:260px;padding:16px;display:flex}.move-history-header{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.move-history-count{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.move-history-empty{color:var(--muted-soft);text-align:center;margin:18px 0;font-size:11px;font-style:italic}.move-history-list{scrollbar-width:thin;scrollbar-color:var(--panel-raised) transparent;flex-direction:column;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.move-history-list::-webkit-scrollbar{width:4px}.move-history-list::-webkit-scrollbar-thumb{background:var(--panel-raised);border-radius:4px}.move-history-row{grid-template-columns:24px 1fr;align-items:center;padding:3px 0;font-size:11px;display:grid}.move-turn-num{color:var(--muted-soft);font-family:ui-monospace,monospace;font-size:10px;font-weight:700}.move-entries{grid-template-columns:1fr 1fr;gap:6px;display:grid}.move-entry{background:#07101d73;border-radius:4px;align-items:center;gap:5px;padding:2px 6px;font-size:11px;display:inline-flex}.move-entry code{letter-spacing:.04em;font-family:ui-monospace,monospace;font-weight:700}.move-seat-0 code{color:#ff9da4}.move-seat-1 code{color:#92cdff}.move-entry.empty{color:var(--muted-soft);justify-content:center}.seat-dot{border-radius:50%;width:5px;height:5px}.seat-0-dot{background:#dc4c57}.seat-1-dot{background:#277bd6}.board-cell-last-move{box-shadow:inset 0 0 0 2px #ffb95fb3,0 0 14px #ffb95f4d!important}.pawn-slide{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.button-bot-mode{color:var(--teal-bright);background:linear-gradient(135deg,#5bd3c526,#172a40f2);border:1px solid #5bd3c559}.button-bot-mode:hover:not(:disabled){border-color:var(--teal-bright);color:#fff;background:linear-gradient(135deg,#5bd3c547,#172a40)}.bot-difficulty-list{flex-direction:column;gap:12px;margin-top:18px;display:flex}.bot-difficulty-card{border:1px solid var(--panel-line);cursor:pointer;background:#0d1a2bd9;border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;transition:all .18s;display:flex;position:relative}.bot-difficulty-card:hover{background:#172a40f2;border-color:#f6a93b8c;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.bot-diff-badge{letter-spacing:.03em;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.bot-diff-badge.easy{color:#34d399}.bot-diff-badge.medium{color:var(--amber-bright)}.bot-diff-badge.hard{color:#f87171}.bot-card-hard{background:linear-gradient(135deg,#991b1b38,#0d1a2bd9);border:1px solid #f8717159}.bot-card-hard:hover{border-color:#f87171;box-shadow:0 8px 26px #f8717140}.bot-card-arrow{color:var(--muted-soft);font-size:18px;transition:transform .18s,color .18s}.bot-difficulty-card:hover .bot-card-arrow{color:var(--amber-bright);transform:translate(4px)}.bot-card-hard:hover .bot-card-arrow{color:#f87171}.button-rematch-highlight{color:#fff!important;background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#34d399!important;box-shadow:0 0 20px #10b98180!important}.rematch-cancelled-note{color:var(--muted-soft);text-align:center;margin-top:12px;font-size:11px;font-style:italic}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes pulse{50%{opacity:.5}}