/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--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)}}@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,ui-sans-serif, system-ui, 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{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{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}}:root{--ink:#f5f2e9;--muted:#aeb7b2;--night:#071513;--panel:#0c211de0;--line:#dfcfa42e;--gold:#e1b85a;--gold-soft:#f0d99c;--teal:#42c6ae}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth;min-width:320px}body{min-height:100svh;color:var(--ink);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;background:radial-gradient(circle at 15% 12%,#35876f3d,#0000 34rem),radial-gradient(circle at 92% 0,#b87e2f2e,#0000 30rem),linear-gradient(150deg,#06110f 0%,#0b201c 52%,#071310 100%);margin:0}button,a{font:inherit}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.app-shell{width:min(1680px,100%);padding:max(8px, env(safe-area-inset-top)) max(clamp(10px, 1.5vw, 28px), env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(clamp(10px, 1.5vw, 28px), env(safe-area-inset-left));margin:0 auto}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--gold);background:linear-gradient(145deg,#e1b85a33,#42c6ae14);border:1px solid #e1b85a7a;border-radius:12px;place-items:center;font-size:22px;display:grid;box-shadow:inset 0 0 18px #e1b85a14}.brand strong,.brand small{line-height:1.05;display:block}.brand strong{letter-spacing:.18em;font-size:15px}.brand small{color:var(--muted);letter-spacing:.22em;margin-top:5px;font-size:8px}.compact-build{color:#cfe9e3;font-family:var(--font-geist-mono), monospace;background:#123f3670;border:1px solid #42c6ae40;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:9px;display:inline-flex}.compact-build i{background:var(--teal);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #42c6ae1a,0 0 10px #42c6ae8c}.beta-build-chip{color:var(--gold-soft);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;background:#e1b85a1a;border:1px solid #e1b85a6b;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:800}.beta-channel .board-card{border-color:#e1b85a47}.eyebrow{color:var(--gold);letter-spacing:.16em;margin:0;font-size:8px;font-weight:700}.game-layout{grid-template-columns:minmax(188px,222px) minmax(500px,1fr) minmax(270px,315px);grid-template-areas:"left board right";align-items:start;gap:clamp(10px,1.1vw,18px);display:grid}.left-control-panel{grid-area:left}.board-card{grid-area:board}.right-control-panel{grid-area:right}.mobile-action-dock{grid-area:quick;display:none}.mobile-turn-status,.mobile-panel-tabs,.mobile-board-menu-button,.mobile-panel-close,.mobile-panel-backdrop,.desktop-overlay-backdrop{display:none}.board-card,.control-panel{border:1px solid var(--line);background:linear-gradient(160deg,#12312af0,#081916f0);box-shadow:0 22px 80px #00000047}.board-card{border-radius:24px;min-width:0;padding:clamp(9px,1vw,16px);position:relative;overflow:hidden}.board-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff06,#0000 65%),repeating-linear-gradient(90deg,#0000 0 68px,#e1b85a05 69px 70px);position:absolute;inset:0}.board-toolbar{z-index:1;justify-content:space-between;align-items:center;gap:14px;padding:1px 4px 8px;display:flex;position:relative}.board-toolbar strong{font-size:14px;display:block}.board-toolbar span{color:var(--muted);font-size:11px}.rule-chip{white-space:nowrap;background:#e1b85a12;border:1px solid #e1b85a38;border-radius:999px;padding:7px 10px;color:var(--gold-soft)!important}.replay-toolbar{z-index:2;background:linear-gradient(145deg,#294a3ff5,#132d27f5);border:1px solid #e1b85a52;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;padding:8px 10px;display:flex;position:relative;box-shadow:0 9px 24px #00000038}.replay-meta strong,.replay-meta span{display:block}.replay-meta strong{color:var(--gold-soft);letter-spacing:.12em;font-size:9px}.replay-meta span{color:var(--muted);font-family:var(--font-geist-mono), monospace;margin-top:3px;font-size:9px}.replay-controls{align-items:center;gap:5px;display:flex}.replay-controls button{width:34px;height:34px;color:var(--ink);cursor:pointer;background:#ffffff0e;border:1px solid #dfcfa43b;border-radius:10px;place-items:center;padding:0;font-size:15px;font-weight:700;display:grid}.replay-controls button:hover:not(:disabled){background:#e1b85a21;border-color:#e1b85a9e}.replay-controls button:disabled{cursor:not-allowed;opacity:.3}.replay-controls .replay-play{color:#17231f;background:var(--gold-soft);border-color:#e1b85a9e}.replay-controls .replay-exit{color:#ffd7b5;border-color:#f5bb7252;margin-left:3px}.board-stage{z-index:1;aspect-ratio:1000/920;background-color:var(--custom-board-color,#5c321d);background-image:linear-gradient(var(--custom-board-color,#5c321d), var(--custom-board-color,#5c321d)), url(/textures/nardora-walnut-0205.webp);background-blend-mode:color, multiply;background-position:50%,50%;background-size:cover,620px 620px;border:1px solid #e8d9b21a;border-radius:22px;place-items:center;width:100%;min-height:0;max-height:calc(100svh - 78px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 74px #0000006e,inset 0 0 0 8px #24120c2e}.board-stage:after{content:"";pointer-events:none;opacity:.5;position:absolute;inset:0;box-shadow:inset 0 0 86px #180c086b,inset 0 0 0 1px #f4d28b29}.board-stage.is-locked .board-svg{filter:saturate(.82)brightness(.92)}.board-stage.is-pregame .board-svg{filter:saturate(.72)brightness(.84)}.board-turn-clock{z-index:5;color:#eafff9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none;text-align:center;background:#08261fb8;border:1px solid #42c6ae6b;border-radius:16px;min-width:94px;padding:9px 14px 10px;display:grid;position:absolute;bottom:clamp(18px,3.2vw,42px);right:clamp(18px,3.2vw,42px);box-shadow:0 10px 28px #0000003d,inset 0 1px #ffffff0f}.board-turn-clock small{color:var(--gold-soft);letter-spacing:.08em;font-size:10px;font-weight:700}.board-turn-clock strong{font-family:var(--font-geist-mono), monospace;margin-top:2px;font-size:clamp(16px,1.45vw,21px);line-height:1.15}.board-turn-clock.is-warning{color:#ffe7b7;background:#672b12c7;border-color:#f5bb72c7}.board-turn-clock.is-paused{color:var(--gold-soft);border-color:#e1b85ab3}.board-turn-clock.is-ready{color:var(--gold-soft);background:#342711c7;border-color:#e1b85aad}.board-guide{display:none}.thinking-pill{z-index:4;color:#ffe5b9;letter-spacing:.06em;background:#381d11e0;border:1px solid #f5bb7259;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000004d}.thinking-pill span{background:#f5bb72;border-radius:50%;width:7px;height:7px;animation:.8s ease-in-out infinite target-pulse;box-shadow:0 0 0 4px #f5bb721f}.board-svg{z-index:1;contain:layout paint;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,820px);height:100%;max-height:calc(100svh - 84px);display:block;position:relative}.board-ornament{fill:none;stroke:#f4dc9d17;stroke-width:2px}.hint-marker{pointer-events:none}.tutorial-piece-ring{pointer-events:none;fill:#ffe08b14;stroke:#ffe08b;stroke-width:5px;stroke-dasharray:5 4;filter:url(#selected-shadow);animation:1.15s ease-in-out infinite hint-pulse}.hint-target{fill:#e1b85a14;stroke:#ffe08b;stroke-width:4px;stroke-dasharray:5 4;animation:1.15s ease-in-out infinite hint-pulse}.hint-marker path{fill:#ffe08b;filter:url(#selected-shadow)}@keyframes hint-pulse{50%{opacity:.45}}.board-hole{fill:#251711;stroke:#ffe7b145;stroke-width:2px;filter:url(#hole-shadow);transition:fill .14s,stroke .14s}.node-group,.node-group:focus,.node-group:focus-visible{outline:none!important}.node-group{cursor:pointer}.node-hit{fill:#0000}.node-group:focus-visible .node-hit{fill:#e1b85a14;stroke:var(--gold-soft);stroke-width:5px}.node-group:hover .board-hole,.node-group:focus .board-hole,.node-group:focus-visible .board-hole{fill:#342018;stroke:#ffe5a999}.piece{pointer-events:none;stroke-width:3px;filter:url(#piece-shadow);transform-box:fill-box;transform-origin:50%;transition:transform .18s,stroke .18s}.piece-p1{fill:url(#piece-teal);stroke:var(--piece-p1-stroke,#79e3d0)}.piece-p2{fill:url(#piece-amber);stroke:var(--piece-p2-stroke,#f5bb72)}.piece-p3{fill:url(#piece-ruby);stroke:#ffb0b5}.piece-p4{fill:url(#piece-amethyst);stroke:#d3b0ff}.piece-p5{fill:url(#piece-sapphire);stroke:#a9dbff}.piece-p6{fill:url(#piece-jade);stroke:#d8f59b}.piece-shine{pointer-events:none;fill:#ffffff47}.moving-piece-layer{pointer-events:none;transition:transform .19s cubic-bezier(.2,.78,.3,1)}.moving-piece{filter:url(#selected-shadow);animation:.21s ease-in-out infinite alternate moving-piece-hop}@keyframes moving-piece-hop{0%{transform:translateY(0)scale(1)}to{transform:translateY(-9px)scale(1.04)}}.node-group:hover .piece{transform:translateY(-3px)}.node-group:focus .piece,.node-group:focus-visible .piece{stroke:#fff2bd;stroke-width:5px}.piece-selected{stroke:#fff2bd;stroke-width:6px;filter:url(#selected-shadow);transform:translateY(-3px)scale(1.03)}.piece-drag-source{opacity:.42}.drag-piece-layer{pointer-events:none}.drag-piece{stroke-width:5px;filter:url(#selected-shadow)}.drag-over-legal .drag-piece{stroke:#fff2bd}.drag-over-invalid .drag-piece{opacity:.72;stroke:#ffb0b5}.legal-target{pointer-events:none;fill:#42c6ae21;stroke:var(--teal);stroke-width:5px;stroke-dasharray:7 5;animation:1.5s ease-in-out infinite target-pulse}.legal-step{stroke:var(--gold)}.legal-swap{fill:#ffe29929;stroke:#fff0b8;stroke-width:7px;stroke-dasharray:3 4}@keyframes target-pulse{50%{opacity:.5}}.control-panel{border-radius:22px;gap:9px;max-height:calc(100svh - 16px);padding:12px;display:grid;position:sticky;top:8px}.menu-intro{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:2px 2px 10px;display:flex}.menu-intro strong{margin-top:3px;font-size:12px;line-height:1.25;display:block}.menu-symbol{width:36px;height:36px;color:var(--gold);background:linear-gradient(145deg,#e1b85a2e,#42c6ae12);border:1px solid #e1b85a6b;border-radius:12px;flex:none;place-items:center;font-size:20px;display:grid;box-shadow:inset 0 0 18px #e1b85a14}.menu-section{border:1px solid var(--line);background:#ffffff06;border-radius:15px;gap:7px;padding:9px;display:grid}.compact-heading h2{font-size:11px}.compact-heading span{font-size:8px}.panel-intro{border-bottom:1px solid var(--line);gap:7px;padding:2px 2px 10px;display:grid}.panel-brand-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-meta-controls{flex:none;align-items:center;gap:6px;display:inline-flex}.language-picker{min-height:29px;color:var(--gold-soft);background:#e1b85a12;border:1px solid #e1b85a47;border-radius:999px;font-size:9px;position:relative}.language-menu>summary{min-height:27px;color:inherit;cursor:pointer;align-items:center;gap:4px;padding:0 9px;list-style:none;display:flex}.language-menu>summary::-webkit-details-marker{display:none}.language-menu>summary span{color:var(--gold);font-size:11px}.language-menu>summary strong{font-family:var(--font-geist-mono), monospace;font-size:9px;font-weight:700}.language-menu>div{z-index:130;background:linear-gradient(155deg,#12362efc,#071a16fc);border:1px solid #e1b85a66;border-radius:12px;width:142px;padding:5px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 16px 38px #00000070}.language-menu button{min-height:35px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:27px 1fr;align-items:center;gap:7px;padding:5px 7px;display:grid}.language-menu button:hover,.language-menu button.is-selected{color:#fff0bd;background:#e1b85a21}.language-menu button span{font-family:var(--font-geist-mono), monospace;font-size:10px;font-weight:800}.language-menu button small{color:var(--muted);font-size:9px}.panel-intro .brand{gap:9px}.panel-intro .brand-mark{border-radius:10px;width:32px;height:32px;font-size:18px}.panel-intro .brand strong{font-size:12px}.panel-intro .brand small{margin-top:3px;font-size:7px}.panel-intro h1{letter-spacing:-.045em;margin:0;font-size:26px;font-weight:620;line-height:1}.panel-intro>p:last-child{color:#c1cbc7;margin:0;font-size:10px;line-height:1.45}.mode-switch{border:1px solid var(--line);background:#00000029;border-radius:15px;grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.mode-switch button{min-height:37px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;font-size:12px;font-weight:650}.mode-switch button.active{color:#effffb;background:linear-gradient(145deg,#42c6ae52,#22706040);box-shadow:inset 0 0 0 1px #42c6ae47,0 7px 18px #00000029}.level-switch{border:1px solid var(--line);background:#ffffff06;border-radius:14px;grid-template-columns:repeat(4,1fr);align-items:center;gap:5px;padding:5px;display:grid}.player-count-switch{border:1px solid var(--line);background:#00000024;border-radius:13px;grid-template-columns:repeat(5,1fr);gap:4px;padding:4px;display:grid}.player-count-switch button{min-width:0;min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:0;font-size:10px;font-weight:750}.player-count-switch button.active{color:#effffb;background:#42c6ae2e;border-color:#42c6ae61}.level-switch button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:0 5px;font-size:10px;font-weight:700}.level-switch button.active{color:var(--gold-soft);background:#e1b85a17;border-color:#e1b85a52}.level-contract{color:#e8f1eedb;margin:8px 0 0;font-size:11px;line-height:1.55}.turn-limit-field{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;font-size:9px;display:grid}.turn-limit-field select{min-height:30px;color:var(--ink);background:#00000038;border:1px solid #e1b85a3d;border-radius:8px;padding:4px 24px 4px 8px;font-size:9px}.control-panel select option{color:#14241f;background:#f4f1e9;font-weight:650}.turn-card{border:1px solid var(--line);background:#ffffff09;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.player-orb{border-radius:50%;width:42px;height:42px;box-shadow:inset -7px -9px 16px #00000059,0 8px 18px #00000042}.orb-p1{background:linear-gradient(145deg,#79e3d0,#0f806d)}.orb-p2{background:linear-gradient(145deg,#f2ba75,#a64f24)}.orb-p3{background:linear-gradient(145deg,#ffb0b5,#9b3042)}.orb-p4{background:linear-gradient(145deg,#d3b0ff,#60389a)}.orb-p5{background:linear-gradient(145deg,#a9dbff,#2f6f9f)}.orb-p6{background:linear-gradient(145deg,#d8f59b,#5f8738)}.turn-card small,.turn-card strong{display:block}.turn-card small{color:var(--muted);letter-spacing:.12em;margin-bottom:4px;font-size:10px}.turn-card strong{font-size:16px}.turn-number{color:var(--gold-soft);font-family:var(--font-geist-mono), monospace;font-size:12px}.turn-meta{justify-items:end;gap:5px;display:grid}.turn-clock{color:#d9fff6;min-width:48px;font-family:var(--font-geist-mono), monospace;text-align:center;background:#42c6ae14;border:1px solid #42c6ae47;border-radius:999px;padding:4px 7px;font-size:10px}.turn-clock.is-warning{color:#ffe0a4;background:#a64f242e;border-color:#f5bb7299}.turn-clock.is-paused{color:var(--gold-soft);border-color:#e1b85a80}.progress-card{border:1px solid var(--line);background:#ffffff06;border-radius:16px;gap:7px;padding:13px 14px;display:grid}.progress-card.multi-player-progress{grid-template-columns:1fr 1fr;gap:9px 12px}.player-progress{gap:5px;min-width:0;display:grid}.player-progress-label{color:var(--muted);justify-content:space-between;align-items:center;gap:7px;font-size:10px;display:flex}.player-progress-label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-progress-label strong{color:var(--ink);font-family:var(--font-geist-mono), monospace;flex:none;font-size:10px}.progress-track{background:#ffffff12;border-radius:999px;height:5px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,#198d79,#79e3d0);height:100%;transition:width .22s;display:block}.progress-p1 .progress-track i{background:linear-gradient(90deg,#198d79,#79e3d0)}.progress-p2 .progress-track i{background:linear-gradient(90deg,#9f4c24,#f2ba75)}.progress-p3 .progress-track i{background:linear-gradient(90deg,#8c293b,#e77379)}.progress-p4 .progress-track i{background:linear-gradient(90deg,#59358c,#ad84e7)}.progress-p5 .progress-track i{background:linear-gradient(90deg,#2e688f,#65b1e3)}.progress-p6 .progress-track i{background:linear-gradient(90deg,#52742f,#a9d969)}.profile-panel{background:linear-gradient(145deg,#e1b85a0f,#0b2b2547);border:1px solid #e1b85a33;border-radius:16px;overflow:hidden}.profile-panel>summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:8px 11px;list-style:none;display:grid}.profile-panel>summary::-webkit-details-marker{display:none}.profile-avatar{width:32px;height:32px;color:var(--gold);background:#e1b85a17;border:1px solid #e1b85a66;border-radius:10px;place-items:center;display:grid}.profile-avatar.has-photo{padding:0;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-summary-copy{min-width:0}.profile-summary-copy small,.profile-summary-copy strong{display:block}.profile-summary-copy small{color:var(--gold);letter-spacing:.14em;font-size:7px;font-weight:750}.profile-summary-copy strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.profile-summary-score{color:var(--gold-soft);font-family:var(--font-geist-mono), monospace;font-size:11px}.profile-content{border-top:1px solid var(--line);scrollbar-color:#e1b85a66 transparent;gap:11px;max-height:min(52vh,430px);padding:12px;display:grid;overflow:auto}.platform-profile-status{background:#0000001f;border:1px solid #e1b85a29;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;min-height:44px;padding:8px 10px;display:grid}.platform-profile-status>span,.platform-profile-status>strong{min-width:0}.platform-profile-status>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:8px;display:flex;overflow:hidden}.platform-profile-status>span i{background:#77827e;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #77827e1f}.platform-profile-status>strong{color:var(--gold-soft);text-align:right;font-size:8px}.platform-profile-status>button{color:#dcf8f1;cursor:pointer;background:#2570602e;border:1px solid #42c6ae59;border-radius:10px;grid-column:1/-1;min-height:44px;font-size:9px;font-weight:750}.platform-profile-status.is-synced>span i{background:#51d4b8;box-shadow:0 0 0 3px #51d4b824}.platform-profile-status.is-syncing>span i{background:var(--gold);box-shadow:0 0 0 3px #e1b85a24}.platform-profile-status.is-error>span i{background:#e77379;box-shadow:0 0 0 3px #e7737924}.nickname-field{color:var(--muted);gap:5px;font-size:9px;display:grid}.nickname-field input{width:100%;min-height:44px;color:var(--ink);background:#0003;border:1px solid #42c6ae47;border-radius:10px;outline:0;padding:7px 10px;font-size:11px}.nickname-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #42c6ae1a}.profile-privacy{color:var(--muted);margin:-6px 0 0;font-size:8px;line-height:1.4}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.profile-stats>div{border:1px solid var(--line);text-align:center;background:#0000001f;border-radius:10px;min-width:0;padding:7px 5px}.profile-stats span,.profile-stats strong{display:block}.profile-stats span{min-height:20px;color:var(--muted);font-size:7px;line-height:1.25}.profile-stats strong{color:var(--gold-soft);font-family:var(--font-geist-mono), monospace;font-size:12px}.achievement-section,.leaderboard-section{gap:7px;display:grid}.leaderboard-section h3{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:3px 0 0;font-size:8px;font-weight:750}.achievement-list{grid-template-columns:1fr 1fr;gap:5px;margin:0;padding:0;list-style:none;display:grid}.achievement-list li{color:#77827e;background:#0000001f;border:1px solid #dfcfa41a;border-radius:9px;align-items:center;gap:5px;min-width:0;padding:7px;font-size:8px;display:flex}.achievement-list li.unlocked{color:var(--gold-soft);background:#e1b85a13;border-color:#e1b85a4d}.achievement-list li span{flex:none}.leaderboard-section ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-section li{border-top:1px solid #dfcfa41a;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:2px 6px;padding:6px 7px;display:grid}.leaderboard-section li>span{color:var(--gold);font-family:var(--font-geist-mono), monospace;grid-row:1/3;font-size:10px}.leaderboard-section li strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.leaderboard-section li small{color:var(--muted);font-size:7px}.leaderboard-section>p{color:var(--muted);margin:0;font-size:9px}.passport-section{gap:7px;padding-top:2px;display:grid}.passport-section>p{color:var(--muted);margin:0;font-size:8px;line-height:1.45}.passport-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.passport-actions button,.passport-actions label{color:#dcf8f1;cursor:pointer;text-align:center;background:#25706026;border:1px solid #42c6ae47;border-radius:10px;place-items:center;min-height:44px;padding:6px;font-size:8px;font-weight:700;display:grid}.passport-actions label:focus-within{outline:3px solid var(--gold);outline-offset:3px}.passport-actions input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.status-box{border-left:3px solid var(--gold);background:#e1b85a0f;border-radius:6px 16px 16px 6px;min-height:82px;padding:12px}.status-box strong{color:var(--gold-soft);margin-bottom:7px;font-size:12px;display:block}.status-box p{color:#d1d8d5;margin:0;font-size:13px;line-height:1.55}.selection-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{border:1px solid var(--line);background:#0000001f;border-radius:14px;padding:9px}.stat span,.stat strong{display:block}.stat span{color:var(--muted);margin-bottom:5px;font-size:10px}.stat strong{font-family:var(--font-geist-mono), monospace;font-size:15px}.primary-actions{gap:7px;display:grid}.secondary-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.record-section{border:1px solid var(--line);background:#ffffff06;border-radius:15px;gap:7px;padding:9px;display:grid}.record-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.record-actions button{color:#dcf8f1;cursor:pointer;background:#25706026;border:1px solid #42c6ae3d;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:34px;padding:5px 6px;font-size:9px;font-weight:700;display:inline-flex}.record-actions button:nth-child(n+3){color:var(--gold-soft);background:#e1b85a12;border-color:#e1b85a47}.record-actions button:hover:not(:disabled){background:#25706047;border-color:#42c6aea6}.record-actions button:disabled{cursor:not-allowed;opacity:.35}.tutorial-section{background:#e1b85a0b;border:1px solid #e1b85a3d;border-radius:15px;gap:7px;padding:9px;display:grid}.tutorial-section p{color:var(--muted);margin:0;font-size:9px;line-height:1.4}.tutorial-section button{min-height:34px;color:var(--gold-soft);cursor:pointer;background:#e1b85a1a;border:1px solid #e1b85a61;border-radius:10px;font-size:9px;font-weight:750}.tutorial-section button:disabled{cursor:not-allowed;opacity:.35}.daily-puzzle-section{background:#42c6ae0b;border:1px solid #42c6ae40;border-radius:15px;gap:8px;padding:9px;display:grid}.daily-puzzle-section>p{color:var(--muted);margin:0;font-size:9px;line-height:1.4}.daily-puzzle-section>button{color:#d9fff6;background:#25706033;border:1px solid #42c6ae66;border-radius:10px;min-height:36px;font-size:9px;font-weight:750}.daily-stats{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.daily-stats span{color:var(--muted);background:#ffffff09;border-radius:9px;gap:3px;padding:6px;font-size:8px;display:grid}.daily-stats strong{color:var(--ink);font-family:var(--font-geist-mono), monospace;font-size:11px}.daily-notification-toggle{color:var(--muted);grid-template-columns:auto 1fr;align-items:start;gap:7px;font-size:9px;display:grid}.daily-notification-toggle strong,.daily-notification-toggle small{display:block}.daily-notification-toggle strong{color:var(--ink)}.daily-notification-toggle small{margin-top:2px;line-height:1.35}.accessibility-panel{border:1px solid var(--line);background:#0000001a;border-radius:14px;overflow:hidden}.accessibility-panel summary{color:#d9eee8;cursor:pointer;min-height:38px;padding:11px 12px;font-size:10px;font-weight:700;list-style-position:inside}.accessibility-panel>div{gap:8px;padding:0 12px 12px;display:grid}.accessibility-panel label{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.accessibility-panel input{width:16px;height:16px;accent-color:var(--teal);margin:0}.appearance-panel{border:1px solid var(--line);background:#0000001a;border-radius:14px;overflow:hidden}.appearance-panel summary{min-height:38px;color:var(--gold-soft);cursor:pointer;padding:11px 12px;font-size:10px;font-weight:700;list-style-position:inside}.appearance-panel>div{gap:7px;padding:0 12px 12px;display:grid}.appearance-panel label{color:var(--muted);grid-template-columns:minmax(0,1fr) minmax(90px,1.2fr);align-items:center;gap:7px;font-size:9px;display:grid}.appearance-panel select{min-width:0;min-height:32px;color:var(--ink);cursor:pointer;background:#15332c;border:1px solid #e1b85a40;border-radius:9px;outline:0;padding:4px 7px;font-size:9px}.appearance-panel select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e1b85a1a}.appearance-panel label.sound-setting{border-top:1px solid #dfcfa41a;grid-template-columns:minmax(0,1fr) auto;padding-top:4px}.sound-setting span strong,.sound-setting span small{display:block}.sound-setting span strong{color:var(--ink);font-size:9px}.sound-setting span small{color:var(--muted);margin-top:3px;font-size:7px;line-height:1.35}.sound-setting input{width:17px;height:17px;accent-color:var(--teal);margin:0}.color-customization{border-top:1px solid #dfcfa41a;gap:7px;padding-top:7px;display:grid}.appearance-panel .color-setting{grid-template-columns:minmax(0,1fr) auto}.color-setting input[type=color]{cursor:pointer;background:#0003;border:1px solid #e1b85a57;border-radius:8px;width:38px;height:28px;padding:2px}.color-customization>small{color:var(--muted);font-size:7px;line-height:1.45}.appearance-choice-section{border:0;min-width:0;margin:0;padding:0}.appearance-choice-section legend{color:var(--gold-soft);letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:800}.theme-choice-grid,.piece-style-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.board-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.theme-choice-grid button,.piece-style-grid button,.board-choice-grid button,.piece-palette-grid button{min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff09;border:1px solid #dfcfa42e;border-radius:11px;padding:6px;position:relative}.theme-choice-grid button:hover:not(:disabled),.piece-style-grid button:hover:not(:disabled),.board-choice-grid button:hover:not(:disabled),.piece-palette-grid button:hover:not(:disabled){background:#42c6ae14;border-color:#42c6ae94}.theme-choice-grid button.is-selected,.piece-style-grid button.is-selected,.board-choice-grid button.is-selected,.piece-palette-grid button.is-selected{background:#e1b85a1c;border-color:#e1b85ac7;box-shadow:0 0 0 2px #e1b85a14}.theme-choice-grid button:disabled,.piece-style-grid button:disabled,.board-choice-grid button:disabled{cursor:not-allowed;opacity:.42}.theme-choice-grid strong,.theme-choice-grid small,.piece-style-grid strong,.piece-style-grid small,.board-choice-grid strong,.board-choice-grid small{display:block}.theme-choice-grid strong,.piece-style-grid strong{text-align:center;min-height:24px;margin-top:5px;font-size:9px;line-height:1.25}.board-choice-grid strong{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:9px;overflow:hidden}.theme-choice-grid small,.piece-style-grid small,.board-choice-grid small{color:var(--gold-soft);margin-top:2px;font-size:6.5px}.theme-choice-preview{border:1px solid #ffffff21;border-radius:8px;height:34px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #00000047}.theme-choice-preview i{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:5px;position:absolute}.theme-choice-preview i:first-child{inset:7px 24% 7px 8px}.theme-choice-preview i:last-child{border-radius:50%;width:10px;height:10px;top:11px;right:8px}.preview-theme-emerald{background:linear-gradient(145deg,#123d35,#081f1b)}.preview-theme-emerald i:last-child{background:#42c6ae}.preview-theme-midnight{background:linear-gradient(145deg,#1c3157,#081427)}.preview-theme-midnight i:last-child{background:#67b7e8}.preview-theme-sandstone{background:linear-gradient(145deg,#76543a,#2f241d)}.preview-theme-sandstone i:last-child{background:#e0b36f}.preview-theme-royal{background:linear-gradient(145deg,#553069,#1d132c)}.preview-theme-royal i:last-child{background:#c58be1}.piece-style-preview{justify-content:center;align-items:center;min-height:34px;display:flex}.piece-style-preview i{border:2px solid #ffffff85;border-radius:50%;width:22px;height:22px;box-shadow:0 3px 8px #00000047}.piece-style-preview i+i{margin-left:-7px}.piece-style-preview i:nth-child(2){transform:translateY(-3px)}.preview-piece-polished i{background:radial-gradient(circle at 30% 22%,#fff 0 8%,#8ce7dc 22%,#138f7d 62%,#0a3b34 100%);box-shadow:inset -5px -6px 8px #00000047,0 3px 8px #00000047}.preview-piece-polished i:nth-child(2){background:radial-gradient(circle at 30% 22%,#fff 0 8%,#ffd29a 22%,#d7792f 62%,#6b3218 100%)}.preview-piece-matte i{background:repeating-radial-gradient(at 25% 20%,#bf7b3f 0 2px,#8b4d25 3px 5px,#5d2f17 6px 8px);border-color:#f4d29d75;box-shadow:inset -4px -5px 7px #2d120666,0 3px 8px #00000047}.preview-piece-matte i:nth-child(2){filter:hue-rotate(115deg)saturate(.72)}.preview-piece-crystal i{background:linear-gradient(135deg,#fff 0 12%,#8f9daa 24%,#f4fbff 39%,#5b6874 57%,#dce6ee 72%,#66727e 100%);border-color:#eef6ff;box-shadow:inset -5px -5px 8px #0e161e57,0 3px 9px #00000057}.preview-piece-crystal i:nth-child(2){filter:sepia(.5)saturate(1.6)}.preview-piece-aurora i{background:#14252c;border-color:#a7fff0;box-shadow:inset 0 0 8px #53e7d0,0 0 10px #53e7d0b8}.preview-piece-aurora i:nth-child(2){border-color:#f2a7ff;box-shadow:inset 0 0 8px #c95de2,0 0 10px #c95de2ad}.preview-piece-aurora i:nth-child(3){border-color:#a7cfff;box-shadow:inset 0 0 8px #5d98e2,0 0 10px #5d98e2ad}.board-choice-preview{border:1px solid #ffffff1f;border-radius:8px;height:38px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #00000047}.board-choice-preview i{background:#190e0ab8;border:1px solid #fff5d694;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.board-choice-preview i:first-child{left:calc(50% - 15px)}.board-choice-preview i:nth-child(2){left:calc(50% - 4px)}.board-choice-preview i:nth-child(3){left:calc(50% + 7px)}.preview-walnut{background:radial-gradient(circle at 38% 30%,#7a3518,#35170c 70%)}.preview-chinese-lacquer{background:#971b12 url(/textures/nardora-chinese-lacquer-v1.webp) 50%/cover}.preview-sea-glass{background:#6ccad0 url(/textures/nardora-sea-glass-pebbles-v1.webp) 50%/cover}.preview-siberia-night{background:#263d5b url(/textures/nardora-siberia-night-v1.webp) 50%/cover}.preview-obsidian{background:radial-gradient(circle at 38% 30%,#435265,#090e15 72%)}.preview-maple{background:radial-gradient(circle at 38% 30%,#e0b373,#6e3c22 72%)}.preview-ivory{background:radial-gradient(circle at 38% 30%,#fff6dc,#927352 75%)}.piece-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.piece-palette-grid button{text-align:center;justify-items:center;gap:4px;padding:7px 3px 5px;display:grid}.piece-palette-grid strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:7.5px;overflow:hidden}.piece-palette-dots{justify-content:center;display:flex}.piece-palette-dots i{border:2px solid #ffffff7a;border-radius:50%;width:22px;height:22px;box-shadow:inset -5px -6px 9px #00000045,0 3px 8px #0000003d}.piece-palette-dots i+i{margin-left:-6px}.board-utility-shortcuts{display:none}.game-modal-backdrop{z-index:120;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020c0ac7;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.game-result-modal,.idle-pause-modal{width:min(500px,100%);color:var(--ink);text-align:center;background:radial-gradient(circle at 50% 0,#e1b85a2e,#0000 46%),linear-gradient(155deg,#143d34fc,#071b17fc);border:1px solid #e1b85a8a;border-radius:24px;padding:28px;position:relative;box-shadow:0 32px 90px #0000009e,inset 0 1px #ffffff14}.game-modal-close{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#ffffff0b;border-radius:12px;place-items:center;padding:0;font-size:22px;display:grid;position:absolute;top:12px;right:12px}.result-emblem,.idle-clock{width:58px;height:58px;color:var(--gold);background:#e1b85a1c;border:1px solid #e1b85a85;border-radius:18px;place-items:center;margin:0 auto 14px;display:grid;box-shadow:0 0 32px #e1b85a21}.game-result-modal h2,.idle-pause-modal h2{margin:8px 38px;font-size:clamp(26px,5vw,38px);line-height:1.05}.game-result-modal>p:not(.eyebrow),.idle-pause-modal>p:not(.eyebrow){max-width:390px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.55}.result-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 14px;display:grid}.result-summary div{border:1px solid var(--line);background:#00000021;border-radius:12px;padding:11px 8px}.result-summary dt{color:var(--muted);font-size:9px}.result-summary dd{color:var(--gold-soft);font-family:var(--font-geist-mono), monospace;margin:5px 0 0;font-size:14px;font-weight:700}.result-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.result-actions button{border:1px solid var(--line);min-height:46px;color:var(--ink);cursor:pointer;background:#ffffff0b;border-radius:11px;padding:9px 12px;font-weight:700}.result-actions button.primary{color:#18231f;background:var(--gold-soft);border-color:#e1b85aa6}.idle-pause-modal{width:min(440px,100%)}.idle-clock{color:var(--teal);background:#42c6ae1a;border-color:#42c6ae7a;font-size:24px;font-weight:800}.idle-actions{margin-top:22px}.beta-panel{background:#0000001a;border:1px solid #42c6ae33;border-radius:14px;overflow:hidden}.beta-panel summary{color:#d9eee8;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:11px 12px;font-size:10px;font-weight:700;list-style-position:inside;display:flex}.beta-panel summary small{color:var(--teal);margin-left:auto;font-size:8px;font-weight:650}.beta-panel>div{gap:8px;padding:0 12px 12px;display:grid}.beta-panel p{color:var(--muted);margin:0;font-size:8px;line-height:1.45}.beta-panel .provider-status{color:#b9d8d0;align-items:center;gap:6px;display:flex}.provider-status>span{background:var(--teal);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #42c6ae1a}.beta-panel label{color:var(--muted);align-items:center;gap:8px;font-size:9px;display:flex}.beta-panel input{width:16px;height:16px;accent-color:var(--teal);margin:0}.beta-panel .beta-option-disabled{opacity:.48}.beta-panel .provider-status.is-inactive{color:var(--muted)}.beta-panel .provider-status.is-inactive>span{box-shadow:none;background:#71817b}.beta-metrics{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.beta-metrics span{border:1px solid var(--line);color:var(--muted);text-align:center;background:#0000001f;border-radius:8px;padding:6px 4px;font-size:7px}.beta-metrics strong{color:var(--ink);font-family:var(--font-geist-mono), monospace;margin-top:3px;font-size:10px;display:block}.beta-panel button{color:#d9fff6;cursor:pointer;background:#42c6ae1a;border:1px solid #42c6ae4d;border-radius:10px;min-height:34px;font-size:9px;font-weight:700}.beta-panel button:hover{border-color:#42c6aead}.action-button{min-height:44px;color:var(--ink);cursor:pointer;background:linear-gradient(145deg,#e1b85a29,#e1b85a0d);border:1px solid #e1b85a42;border-radius:13px;transition:transform .15s,border-color .15s,background .15s}.action-button:hover:not(:disabled){background:#e1b85a2e;border-color:#e1b85a99;transform:translateY(-1px)}.action-button:disabled{cursor:not-allowed;opacity:.38}.new-game-button{color:#15221d;text-align:left;background:linear-gradient(145deg,#f0d99c,#d8a843);border-color:#f0d99ca8;align-items:center;gap:11px;width:100%;min-height:56px;padding:9px 12px;display:flex;box-shadow:0 10px 24px #9c691a2e,inset 0 1px #fff6}.new-game-button:hover:not(:disabled){background:linear-gradient(145deg,#f7e5b3,#e0b34f);border-color:#ffe9ad}.new-game-button>span:first-child{font-size:23px;line-height:1}.new-game-button strong,.new-game-button small{display:block}.new-game-button strong{font-size:13px}.new-game-button small{color:#15221db3;margin-top:2px;font-size:9px}.hint-button{background:linear-gradient(145deg,#42c6ae29,#42c6ae0d);border-color:#42c6ae4d}.nardora-menu-panel,.nardora-hub-panel{background:linear-gradient(145deg,#e1b85a12,#42c6ae09);border:1px solid #e1b85a40;border-radius:15px;overflow:hidden}.nardora-menu-panel>summary,.nardora-hub-panel>summary{min-height:48px;color:var(--ink);cursor:pointer;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:6px 9px;list-style:none;display:grid}.nardora-menu-panel>summary::-webkit-details-marker{display:none}.nardora-hub-panel>summary::-webkit-details-marker{display:none}.nardora-menu-icon{width:32px;height:32px;color:var(--gold);background:#e1b85a14;border:1px solid #e1b85a57;border-radius:10px;place-items:center;font-size:15px;display:grid}.nardora-menu-copy{min-width:0}.nardora-menu-copy strong,.nardora-menu-copy small{display:block}.nardora-menu-copy strong{letter-spacing:.08em;font-size:10px}.nardora-menu-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.nardora-menu-chevron{color:var(--gold-soft);text-align:center;font-size:18px;transition:transform .16s}.nardora-menu-panel[open]>summary,.nardora-hub-panel[open]>summary{border-bottom:1px solid var(--line);background:#e1b85a0e}.nardora-menu-panel[open] .nardora-menu-chevron,.nardora-hub-panel[open] .nardora-menu-chevron{transform:rotate(180deg)}.nardora-menu-content,.nardora-hub-content{gap:8px;padding:8px;display:grid}.nardora-hub-panel{border-color:#42c6ae3b}.nardora-hub-panel .nardora-menu-icon{color:var(--teal);background:#42c6ae14;border-color:#42c6ae4d}.friend-quick-entry{width:100%;min-height:58px;color:var(--ink);cursor:pointer;text-align:left;background:linear-gradient(145deg,#e1b85a2b,#42c6ae1a);border:1px solid #e1b85a80;border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:8px 10px;display:grid;box-shadow:inset 0 1px #ffffff12,0 8px 24px #00000029}.friend-quick-entry:hover,.friend-quick-entry:focus-visible{background:linear-gradient(145deg,#e1b85a3d,#42c6ae26);border-color:#ffe197cc}.friend-quick-entry>span:nth-child(2){min-width:0}.friend-quick-entry strong,.friend-quick-entry small{display:block}.friend-quick-entry strong{color:#fff0bd;letter-spacing:.08em;font-size:13px}.friend-quick-entry small{color:#d1ded9;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.friend-quick-icon{color:#78e5ce;background:#42c6ae1f;border:1px solid #42c6ae6b;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.friend-notification-badge{color:#17231f;background:#f0d46f;border:1px solid #ffecb3d1;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:10px;font-weight:900;line-height:1;display:grid;box-shadow:0 5px 14px #00000047}.friend-badge-slot{place-items:center;width:24px;min-width:24px;display:grid}.mobile-friends-tab{position:relative}.mobile-friends-tab .friend-notification-badge{min-width:18px;height:18px;padding:0 4px;font-size:8px;position:absolute;top:-7px;right:-7px}.friend-invite-toast{right:max(14px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:515;color:#f6fffc;text-align:left;background:linear-gradient(145deg,#165b4bfa,#07261ffc);border:1px solid #f0d99cc7;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;width:min(360px,100vw - 28px);min-height:64px;padding:11px 14px;display:grid;position:fixed;box-shadow:0 18px 46px #0000007a,inset 0 1px #ffffff14}.friend-invite-toast>button:first-child{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:0;display:grid}.friend-invite-toast>button:first-child>svg{color:#8ef1dc}.friend-invite-toast span{gap:3px;display:grid}.friend-invite-toast strong{color:#fff0bd;font-size:13px}.friend-invite-toast small{color:#d5e7e1;font-size:11px}.friend-invite-toast-dismiss{color:#fff0bd;cursor:pointer;background:#00000029;border:1px solid #f0d99c59;border-radius:10px;place-items:center;width:36px;height:36px;padding:0;font-size:22px;display:grid}.utility-menu{border-top:1px solid var(--line);display:grid}.utility-panel{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;overflow:hidden}.utility-panel>summary{color:#dce8e4;cursor:pointer;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:45px;padding:5px 2px;font-size:10px;font-weight:650;list-style:none;display:grid}.utility-panel>summary::-webkit-details-marker{display:none}.utility-panel>summary>svg:first-child{color:var(--gold)}.utility-panel>summary>svg:last-child{color:#f0d99cb8;justify-self:end;transition:transform .16s}.utility-panel[open]>summary>svg:last-child{transform:rotate(90deg)}.utility-panel[open]>summary{color:var(--gold-soft)}.utility-panel .record-section,.utility-panel .tutorial-section,.utility-panel .daily-puzzle-section{margin-bottom:8px}.utility-panel.accessibility-panel>div,.utility-panel.appearance-panel>div{padding:4px 8px 11px}.premium-panel>summary{grid-template-columns:28px minmax(0,1fr) auto 16px}.premium-panel>summary small{color:var(--gold-soft);font-size:8px;font-weight:650}.premium-content{gap:8px;padding:4px 8px 12px;display:grid}.premium-content>strong{color:var(--gold-soft);font-size:11px}.premium-content p{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.premium-content ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.premium-content li{color:#cedbd6;grid-template-columns:14px 1fr;gap:6px;font-size:8px;line-height:1.45;display:grid}.premium-content li i{color:var(--teal);font-style:normal}.premium-policy{flex-wrap:wrap;gap:5px;display:flex}.premium-policy span{color:var(--gold-soft);border:1px solid #e1b85a40;border-radius:999px;padding:4px 7px;font-size:7px}.premium-content .premium-guarantee{color:#dce8e4;border-top:1px solid #dfcfa417;padding-top:7px}.utility-more-content{gap:8px;padding:4px 0 9px;display:grid}.report-button{color:#ddfff7;cursor:pointer;background:linear-gradient(145deg,#217e6947,#14493f33);border:1px solid #42c6ae4d;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 13px;font-size:11px;font-weight:700;display:flex}.report-button:hover{border-color:#42c6aead}.report-button code{color:var(--gold-soft);font-family:var(--font-geist-mono), monospace;font-size:10px}.report-note{color:var(--muted);margin:-5px 3px 0;font-size:9px;line-height:1.45}.move-log{border:1px solid var(--line);background:#0000001a;border-radius:16px;padding:14px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{margin:0;font-size:12px}.panel-heading span{color:var(--muted);font-size:9px}.move-log ol{margin:10px 0 0;padding:0;list-style:none}.move-log li{color:#bdc8c3;font-family:var(--font-geist-mono), monospace;border-top:1px solid #dfcfa417;padding:7px 0;font-size:9px;line-height:1.4}.move-log p{color:var(--muted);margin:10px 0 0;font-size:10px}.tournament-panel,.online-foundation-panel{background:#0000001a;border:1px solid #e1b85a33;border-radius:16px;overflow:hidden}.tournament-panel>summary,.online-foundation-panel>summary{min-height:44px;color:var(--gold-soft);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;font-size:10px;font-weight:750;list-style-position:inside;display:flex}.tournament-panel>summary small,.online-foundation-panel>summary small{color:var(--muted);margin-left:auto;font-size:8px;font-weight:500}.online-foundation-panel{border-color:#42c6ae38}.online-foundation-content{gap:7px;padding:0 12px 12px;display:grid}.online-foundation-content p{color:var(--muted);grid-template-columns:14px 1fr;gap:6px;margin:0;font-size:8px;line-height:1.45;display:grid}.online-foundation-content i{color:var(--teal);font-style:normal}.friend-room-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:1px 0 3px;display:grid}.friend-room-flow span{color:var(--muted);text-align:center;justify-items:center;gap:4px;font-size:7px;line-height:1.2;display:grid}.friend-room-flow i{background:#42c6ae14;border:1px solid #42c6ae52;border-radius:999px;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.online-foundation-content .online-honesty-note{color:var(--gold-soft);border-top:1px solid #dfcfa417;margin-top:2px;padding-top:7px}.online-foundation-content .online-honesty-note i{color:var(--gold)}.online-room-controls{background:#42c6ae12;border:1px solid #42c6ae4d;border-radius:9px;gap:7px;padding:9px;display:grid}.online-room-controls>p{font-size:8px;display:block}.online-room-header{grid-template-columns:auto 1fr auto;align-items:center;gap:6px;display:grid}.online-room-header span{color:var(--muted);font-size:8px}.online-room-header strong{color:var(--gold-soft);letter-spacing:.14em;font-size:12px}.online-room-header small{color:var(--teal);text-align:right;font-size:7px}.online-room-actions{flex-wrap:wrap;gap:5px;display:flex}.online-room-actions button{color:#e7f7f2;background:#42c6ae1f;border:1px solid #42c6ae57;border-radius:7px;min-height:29px;padding:5px 8px;font-size:8px;font-weight:700}.online-room-actions button:disabled{cursor:wait;opacity:.55}.online-member-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.online-member-list li{background:#04131038;border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:5px 6px;display:grid}.online-member-list strong{color:#e7f7f2;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.online-member-list span,.online-member-list small{color:var(--muted);font-size:7px}.online-member-list small[data-connection=connected]{color:var(--teal)}.online-member-list small[data-connection=reconnecting]{color:var(--gold-soft)}.online-member-list small[data-connection=abandoned],.online-room-error{color:#ef9b96}.online-foundation-content .online-room-notice{overflow-wrap:anywhere;color:var(--gold-soft);display:block}.online-foundation-content .online-ranked-lock{color:var(--muted);border-top:1px solid #dfcfa417;padding-top:6px;display:block}.friend-panel{background:linear-gradient(145deg,#dfbb5d1f,#42c6ae14);border:1px solid #dfbb5d6b;border-radius:14px;gap:12px;padding:14px;display:grid}.friend-panel>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.friend-panel>header div{gap:3px;display:grid}.friend-panel>header strong{color:var(--gold-soft);letter-spacing:.11em;font-size:14px}.friend-panel>header small{color:var(--muted);font-size:11px;line-height:1.4}.friend-count{min-width:30px;height:30px;color:var(--gold-soft);border:1px solid #dfbb5d66;border-radius:999px;place-items:center;font-weight:800;display:grid}.friend-account-card{background:#42c6ae14;border:1px solid #42c6ae61;border-radius:12px;gap:9px;padding:12px;display:grid}.friend-account-card h3{color:var(--gold-soft);margin:0;font-size:13px}.friend-account-card p{color:#b9d5ce;margin:0;font-size:12px;line-height:1.5}.friend-account-card p.is-verified{color:#8ef1dc}.friend-account-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.friend-account-row input{color:#fff;background:#0003;border:1px solid #dfcfa442;border-radius:9px;min-width:0;min-height:42px;padding:8px 11px;font-size:13px}.friend-code-card{background:#0000002e;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.friend-code-card span{color:var(--muted);font-size:11px}.friend-code-card strong{color:#fff1b7;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;white-space:nowrap;font-size:16px}.friend-code-card>div{gap:5px;display:flex}.friend-panel button{color:#ecfbf7;background:#42c6ae24;border:1px solid #42c6ae6b;border-radius:9px;min-height:38px;padding:8px 11px;font-size:12px;font-weight:750}.friend-panel button:disabled{cursor:wait;opacity:.46}.friend-search{gap:8px;display:grid}.friend-search h3{color:var(--gold-soft);margin:0;font-size:12px}.friend-add-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.friend-add-row input{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#0003;border:1px solid #dfcfa442;border-radius:9px;min-width:0;min-height:42px;padding:8px 11px;font-size:13px}.friend-lookup-result{background:#42c6ae14;border:1px solid #42c6ae59;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.friend-lookup-result>div{gap:2px;min-width:0;display:grid}.friend-lookup-result small{color:var(--muted);font-size:10px}.friend-lookup-result strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.friend-lookup-result code{color:var(--gold-soft);font-size:11px}.friend-list-block{gap:7px;display:grid}.friend-list-block h3{color:var(--gold-soft);margin:0;font-size:12px}.friend-list-block article{border-top:1px solid #dfcfa41a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;display:grid}.friend-list-block article>div{gap:3px;min-width:0;display:grid}.friend-list-block article>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.friend-list-block article strong{color:#fff;font-size:13px}.friend-list-block article small{color:var(--muted);font-size:10px}.friend-list-block article small.is-online{color:var(--teal)}.friend-avatar{background:#071d19b3;border:1px solid #e1b85a61;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%}.friend-notice{color:var(--gold-soft);background:#dfbb5d1a;border-radius:8px;margin:0;padding:9px 10px;font-size:12px;line-height:1.5;display:block}.friend-privacy{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.friend-active-room{background:#42c6ae1a;border:1px solid #42c6ae75;border-radius:12px;gap:8px;padding:10px;display:grid}.friend-active-room>header{gap:3px;display:grid}.friend-active-room>header strong{color:#8ef1dc;letter-spacing:.08em;font-size:13px}.friend-active-room>header small{color:#d1ded9;font-size:11px;line-height:1.4}.friend-active-room .online-room-controls{padding:10px}.friend-active-room .online-room-controls>p,.friend-active-room .online-ranked-lock{font-size:10px}.friend-active-room .online-room-header span,.friend-active-room .online-member-list strong{font-size:11px}.friend-active-room .online-room-header strong{font-size:14px}.friend-active-room .online-room-header small,.friend-active-room .online-member-list span,.friend-active-room .online-member-list small{font-size:9px}.friend-active-room .online-room-actions button{min-height:40px;font-size:11px}.friend-active-room .online-ranked-lock{display:none}.friend-connection-error{background:#7626231f;border:1px solid #ef9b9661;border-radius:11px;justify-items:start;gap:9px;padding:16px;display:grid}.friend-connection-error p,.friend-connection-warning{color:#ffc2bd;margin:0;font-size:12px;line-height:1.5}.friend-connection-warning{background:#7626231f;border-radius:8px;padding:9px 10px}.online-foundation-content .friend-list-block>p,.online-foundation-content .friend-notice,.online-foundation-content .friend-privacy{font-size:11px;line-height:1.5;display:block}.online-foundation-content .friend-notice{color:var(--gold-soft);background:#dfbb5d1a;border-radius:8px;padding:9px 10px}.online-foundation-content .friend-privacy{color:var(--muted)}.game-invites{background:#42c6ae14;border:1px solid #42c6ae59;border-radius:10px;padding:10px}.friend-loading{justify-content:center;gap:5px;padding:18px;display:flex}.friend-loading i{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:1s infinite alternate friend-pulse}.friend-loading i:nth-child(2){animation-delay:.2s}.friend-loading i:nth-child(3){animation-delay:.4s}@keyframes friend-pulse{to{opacity:.25;transform:translateY(-3px)}}@media (width<=560px){.friend-account-row{grid-template-columns:1fr}.friend-code-card{grid-template-columns:1fr;justify-items:stretch}.friend-code-card>div{grid-template-columns:1fr 1fr;display:grid}.friend-add-row{grid-template-columns:1fr}.friend-lookup-result{grid-template-columns:auto minmax(0,1fr)}.friend-lookup-result>button{grid-column:1/-1}.friend-list-block article{grid-template-columns:auto minmax(0,1fr)}.friend-list-block article>div:last-child,.friend-list-block article>button{grid-column:1/-1}.friend-list-block article>button{width:100%}.friend-panel button{min-height:44px;font-size:13px}}@media (width<=760px){.friend-invite-toast{bottom:max(112px, calc(env(safe-area-inset-bottom) + 94px))}}.ranked-queue-readiness{background:#e1b85a0a;border:1px solid #e1b85a2e;border-radius:10px;gap:6px;margin:2px 0 3px;padding:9px;display:grid}.ranked-queue-readiness header{justify-content:space-between;align-items:center;gap:8px;display:flex}.ranked-queue-readiness strong{color:var(--gold-soft);font-size:9px}.ranked-queue-readiness header span{color:var(--gold-soft);border:1px solid #e1b85a40;border-radius:999px;padding:3px 6px;font-size:7px}.online-foundation-content .ranked-queue-readiness p{font-size:7px}.tournament-content{gap:10px;max-height:min(58vh,520px);padding:0 12px 12px;display:grid;overflow:auto}.tournament-content>label{color:var(--muted);gap:6px;font-size:9px;display:grid}.tournament-content textarea{resize:vertical;width:100%;min-height:88px;color:var(--ink);background:#0003;border:1px solid #42c6ae47;border-radius:10px;outline:0;padding:9px 10px;font-size:10px;line-height:1.45}.tournament-content textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #42c6ae1a}.tournament-note{color:var(--muted);margin:0;font-size:8px;line-height:1.45}.tournament-create,.tournament-reset{min-height:36px;color:var(--gold-soft);cursor:pointer;background:#e1b85a14;border:1px solid #e1b85a5c;border-radius:10px;font-size:9px;font-weight:750}.tournament-reset{color:#f0c7b5;background:#e089670f;border-color:#e089673d}.tournament-champion{background:#e1b85a14;border:1px solid #e1b85a57;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:1px 8px;padding:10px;display:grid}.tournament-champion>span{color:var(--gold);grid-row:1/3;font-size:22px}.tournament-champion small{color:var(--gold);letter-spacing:.13em;font-size:7px}.tournament-champion strong{font-size:12px}.tournament-bracket{scroll-snap-type:x proximity;grid-auto-columns:minmax(156px,1fr);grid-auto-flow:column;gap:8px;padding-bottom:5px;display:grid;overflow-x:auto}.tournament-bracket>section{scroll-snap-align:start;align-content:start;gap:7px;display:grid}.tournament-bracket h3{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:8px}.tournament-bracket article{border:1px solid var(--line);background:#00000024;border-radius:10px;gap:4px;padding:6px;display:grid}.tournament-bracket article>small{color:#71817b;font-family:var(--font-geist-mono), monospace;font-size:6px}.tournament-bracket article button,.tournament-pending{color:#d9eee8;background:#42c6ae0d;border:1px solid #42c6ae2e;border-radius:8px;justify-content:space-between;align-items:center;gap:5px;min-height:30px;padding:5px 7px;font-size:8px;display:flex}.tournament-bracket article button{cursor:pointer;text-align:left}.tournament-bracket article button:disabled{cursor:default;opacity:.58}.tournament-bracket article button.winner{color:var(--gold-soft);opacity:1;background:#e1b85a1c;border-color:#e1b85a6b}.tournament-bracket article button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tournament-bracket article button b{color:var(--gold)}.tournament-pending{color:#728079;border-style:dashed}.how-to{border-top:1px solid var(--line);padding:14px}.how-to h2{margin:0 0 10px;font-size:13px}.how-to ol{color:var(--muted);margin:0;padding-left:20px;font-size:12px;line-height:1.75}.compact-how-to{border:1px solid var(--line);background:#0000001a;border-radius:14px;padding:0;overflow:hidden}.compact-how-to summary{min-height:42px;color:var(--gold-soft);cursor:pointer;padding:12px 13px;font-size:11px;font-weight:700;list-style-position:inside}.compact-how-to ol{padding:0 14px 13px 31px;font-size:10px;line-height:1.55}.winner-banner{color:#d9fff6;text-align:center;background:#1c7f6933;border:1px solid #42c6ae59;border-radius:16px;padding:16px}.postgame-card{background:linear-gradient(145deg,#e1b85a17,#0b2b2557);border:1px solid #e1b85a4d;border-radius:16px;gap:10px;padding:13px;display:grid}.postgame-card dl{grid-template-columns:1fr 1fr;gap:6px;margin:0;display:grid}.postgame-card dl div{background:#ffffff09;border-radius:10px;padding:7px}.postgame-card dt{color:var(--muted);font-size:9px}.postgame-card dd{color:var(--ink);font-family:var(--font-geist-mono), monospace;margin:3px 0 0;font-size:11px}.postgame-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.postgame-actions button{border:1px solid var(--line);min-height:39px;color:var(--ink);background:#ffffff0a;border-radius:10px;padding:7px 8px}.postgame-actions button.primary{color:#17231f;background:var(--gold-soft);border-color:#e1b85a8c}.postgame-actions button:last-child{grid-column:1/-1}.postgame-actions strong,.postgame-actions small{display:block}.postgame-actions small{opacity:.8;margin-top:3px;font-size:9px;font-weight:600}.site-footer{color:#75837d;justify-content:space-between;gap:18px;padding:24px 2px 0;font-size:10px;display:flex}.error-shell{border:1px solid var(--line);width:min(620px,100% - 28px);min-height:min(520px,100svh - 28px);color:var(--ink);text-align:center;background:linear-gradient(160deg,#12312af5,#081916f7);border-radius:24px;place-items:center;margin:14px auto;padding:40px;display:grid;box-shadow:0 22px 80px #00000052}.error-shell>span{color:var(--gold);font-size:42px}.error-shell h1{margin:8px 0;font-size:clamp(24px,5vw,42px)}.error-shell p{color:var(--muted);margin:0;line-height:1.6}.error-shell button{color:#15221d;background:var(--gold-soft);cursor:pointer;border:1px solid #e1b85a8c;border-radius:12px;min-height:46px;margin-top:18px;padding:10px 18px;font-weight:750}.insights-shell{min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 15% 0,#2c947d2e,#0000 34%),#081c18;padding:clamp(20px,4vw,56px)}.insights-header{justify-content:space-between;align-items:end;gap:24px;max-width:1440px;margin:0 auto 24px;display:flex}.insights-header p{color:var(--gold);letter-spacing:.16em;margin:0 0 8px;font-size:11px;font-weight:800}.insights-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,5vw,58px)}.insights-header span{color:var(--muted);margin-top:8px;display:block}.insights-header nav{gap:8px;display:flex}.insights-header a,.insights-table-wrap a{color:var(--gold-soft);text-decoration:none}.insights-header nav a{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:10px 14px}.insights-kpis,.insights-grid{gap:12px;max-width:1440px;margin-inline:auto;display:grid}.insights-kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:12px}.insights-kpis article,.insights-card{border:1px solid var(--line);background:#0a2721d6;border-radius:18px;box-shadow:0 18px 50px #00000029}.insights-kpis article{gap:8px;min-height:112px;padding:18px;display:grid}.insights-kpis span,.insights-card header span{color:var(--muted);font-size:12px}.insights-kpis strong{color:var(--gold-soft);align-self:end;font-size:32px}.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insights-card{min-width:0;padding:18px}.insights-card-wide{grid-column:1/-1}.insights-card header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.insights-card h2{margin:0;font-size:17px}.insights-table-wrap{overflow-x:auto}.insights-card table{border-collapse:collapse;width:100%;font-size:12px}.insights-card th,.insights-card td{text-align:left;white-space:nowrap;border-bottom:1px solid #dfcfa41a;padding:10px 9px}.insights-card th{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.insights-card td{color:#c2d5cf}.insights-card code{color:var(--gold-soft);font-family:var(--font-geist-mono), monospace}.insights-ranked{gap:7px;margin:0;padding:0;list-style:none;display:grid}.insights-ranked li{color:var(--muted);border:1px solid #dfcfa417;border-radius:10px;justify-content:space-between;gap:12px;padding:10px;display:flex}.insights-ranked strong{color:var(--ink)}@media (width<=820px){.insights-header{flex-direction:column;align-items:start}.insights-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.insights-grid{grid-template-columns:1fr}.insights-card-wide{grid-column:auto}}.theme-midnight{--ink:#f3f6ff;--muted:#aebbd1;--line:#b4cfff33;--gold:#9fbfff;--gold-soft:#d5e2ff;--teal:#5ccbd2}.theme-midnight .board-card,.theme-midnight .control-panel{background:linear-gradient(160deg,#151f36f5,#08101ff5)}.theme-midnight .mobile-action-dock{background:#091122f2}.theme-midnight .appearance-panel select{background:#16223d}.theme-sandstone{--ink:#fff8e9;--muted:#c9bda6;--line:#ffdb9e38;--gold:#f2be63;--gold-soft:#ffe2a8;--teal:#61c8b2}.theme-sandstone .board-card,.theme-sandstone .control-panel{background:linear-gradient(160deg,#4b3425f5,#231c18f7)}.theme-sandstone .mobile-action-dock{background:#2a1f19f2}.theme-sandstone .appearance-panel select{background:#4d382a}.theme-royal{--ink:#fff8ff;--muted:#cfc0dc;--line:#e7bcff3b;--gold:#f2c76f;--gold-soft:#ffe5a8;--teal:#8bd7cc}.theme-royal .board-card,.theme-royal .control-panel{background:linear-gradient(160deg,#381b49f7,#170f27fa)}.theme-royal .mobile-action-dock{background:#1b102af5}.theme-royal .appearance-panel select{background:#412450}.board-style-obsidian .board-stage{background:radial-gradient(circle at 50% 46%,#4a719040,#0000 34%),radial-gradient(circle,#2e3742 0%,#202833 42%,#111720 76%,#080c12 100%);box-shadow:inset 0 0 78px #00000094,inset 0 0 0 8px #8fb8d60d}.board-style-obsidian .board-hole{fill:#080d13;stroke:#c4ddef4d}.board-style-obsidian .node-group:hover .board-hole,.board-style-obsidian .node-group:focus .board-hole{fill:#152231;stroke:#d3ebfab3}.board-style-obsidian .board-ornament{stroke:#afcfe81a}.board-style-maple .board-stage{background:radial-gradient(circle at 50% 46%,#ffefbd3b,#0000 34%),radial-gradient(circle,#d7a867 0%,#b97b43 42%,#8a542f 76%,#5b331f 100%);box-shadow:inset 0 0 70px #411d0d61,inset 0 0 0 8px #ffe6af14}.board-style-maple .board-hole{fill:#4b291b;stroke:#fff0cc61}.board-style-maple .node-group:hover .board-hole,.board-style-maple .node-group:focus .board-hole{fill:#6a3d25;stroke:#fff2cdc7}.board-style-maple .board-ornament{stroke:#ffefc724}.board-style-chinese-lacquer .board-stage{background-blend-mode:screen, multiply, normal;background-color:#8f180f;background-image:radial-gradient(circle at 50% 46%,#e6502926,#0000 34%),linear-gradient(145deg,#7e000014,#26000042),url(/textures/nardora-chinese-lacquer-v1.webp);background-position:50%;background-size:cover,cover,640px 640px;box-shadow:inset 0 0 82px #2c00008f,inset 0 0 0 8px #f0b9481a,0 18px 56px #1f04025c}.board-style-chinese-lacquer .board-stage:after{opacity:.58;box-shadow:inset 0 0 90px #2d00007a,inset 0 0 0 1px #f0c05c4d}.board-style-chinese-lacquer .board-hole{fill:#260807;stroke:#f6cd706b}.board-style-chinese-lacquer .node-group:hover .board-hole,.board-style-chinese-lacquer .node-group:focus .board-hole{fill:#53100c;stroke:#ffe291e6}.board-style-chinese-lacquer .board-ornament{stroke:#f4c76533}.board-style-sea-glass .board-stage{background-blend-mode:screen, multiply, color, normal;background-color:#68c7c9;background-image:radial-gradient(circle at 28% 24%,#e1fff733,#0000 22%),radial-gradient(circle at 72% 68%,#04677a29,#0000 34%),linear-gradient(145deg,#8af0e533,#02536961),url(/textures/nardora-sea-glass-pebbles-v1.webp);background-position:50%;background-size:cover,cover,cover,640px 640px;box-shadow:inset 0 0 76px #0031446b,inset 0 0 0 8px #befff51c,0 18px 56px #03202752}.board-style-sea-glass .board-stage:after{opacity:.66;box-shadow:inset 0 0 84px #002e3f66,inset 0 0 0 1px #cafff452}.board-style-sea-glass .board-hole{fill:#022731e0;stroke:#d3fff680}.board-style-sea-glass .node-group:hover .board-hole,.board-style-sea-glass .node-group:focus .board-hole{fill:#014f5beb;stroke:#e5fff7f0}.board-style-sea-glass .board-ornament{stroke:#d7fff633}.board-style-siberia-night .board-stage{background-blend-mode:screen, multiply, normal;background-color:#263d5b;background-image:radial-gradient(circle at 50% 48%,#c4def421,#0000 35%),linear-gradient(145deg,#12233b0a,#030c1b47),url(/textures/nardora-siberia-night-v1.webp);background-position:50%;background-size:cover,cover,cover;box-shadow:inset 0 0 86px #020a177a,inset 0 0 0 8px #c1def414,0 18px 56px #030b1961}.board-style-siberia-night .board-stage:after{opacity:.58;box-shadow:inset 0 0 92px #030c1b6b,inset 0 0 0 1px #cde7f93d}.board-style-siberia-night .board-hole{fill:#051122eb;stroke:#cde5f67a}.board-style-siberia-night .node-group:hover .board-hole,.board-style-siberia-night .node-group:focus .board-hole{fill:#16324ef5;stroke:#e6f6fff0}.board-style-siberia-night .board-ornament{stroke:#cee7f929}.board-style-ivory .board-stage{background:radial-gradient(circle at 50% 46%,#ffffff85,#0000 34%),radial-gradient(circle,#efe4c8 0%,#d5c29c 44%,#9f815d 78%,#5a4130 100%);box-shadow:inset 0 0 70px #442d1857,inset 0 0 0 8px #fffae521}.board-style-ivory .board-hole{fill:#69513d;stroke:#fffae485}.board-style-ivory .node-group:hover .board-hole,.board-style-ivory .node-group:focus .board-hole{fill:#8a6d51;stroke:#fffff1eb}.board-style-ivory .board-ornament{stroke:#5c3d2433}.piece-style-matte .piece{filter:url(#piece-shadow)saturate(.78);stroke:#efcb97b8;stroke-width:2.5px}.piece-style-matte .piece-p1{fill:#27a990}.piece-style-matte .piece-p2{fill:#d98135}.piece-style-matte .piece-p3{fill:#c64f5a}.piece-style-matte .piece-p4{fill:#865bc2}.piece-style-matte .piece-p5{fill:#3d8fc7}.piece-style-matte .piece-p6{fill:#84b348}.piece-style-matte .piece-shine{fill:#ffe1b842;opacity:.16}.piece-style-crystal .piece{fill-opacity:1;filter:url(#piece-shadow)saturate(.56)contrast(1.32);stroke:#f5f9fae6;stroke-width:3px}.piece-style-crystal .piece-shine{fill:#ffffffeb;opacity:.96}.piece-style-aurora .piece{fill-opacity:.9;stroke-width:3px;filter:drop-shadow(0 0 5px #b4ffef57)}.piece-style-aurora .piece-shine{fill:#dafff8db;opacity:.82}.accessibility-high-contrast{--muted:#e2ebe7;--line:#ffeebe6b}.accessibility-high-contrast .board-hole{fill:#0c0705;stroke:#fff6dab8;stroke-width:3px}.accessibility-high-contrast .legal-target{fill:#fff27533;stroke:#fff275;stroke-width:7px}.accessibility-high-contrast .control-panel,.accessibility-high-contrast .board-card{border-color:#ffeebe80}.accessibility-large-targets button{min-height:44px}.accessibility-large-targets .node-hit{stroke:#fff0;stroke-width:1px}.accessibility-reduced-motion *,.accessibility-reduced-motion :before,.accessibility-reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=1180px){.game-layout{grid-template-columns:minmax(188px,220px) minmax(0,1fr);grid-template-areas:"left board""right right"}.control-panel{max-height:none}.right-control-panel{grid-template-columns:1fr 1fr;position:static}.right-control-panel .panel-intro,.right-control-panel .move-log,.right-control-panel .online-foundation-panel,.right-control-panel .tournament-panel,.right-control-panel .winner-banner{grid-column:1/-1}}@media (width<=1024px){html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{min-height:100dvh}.app-shell{height:100dvh;max-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));overflow:hidden}.game-layout{grid-template:"board"minmax(0,1fr)"quick"/1fr;gap:8px;height:100%}.board-card{border-radius:18px;flex-direction:column;height:100%;min-height:0;padding:7px;display:flex}.board-stage{aspect-ratio:auto;border-radius:14px;flex:auto;height:100%;min-height:0;max-height:none}.board-svg{transform-origin:50%;width:100%;height:100%;max-height:none;transform:scale(1.14)}.board-toolbar{flex:none;justify-content:center;padding:5px 44px 7px}.board-toolbar>div{visibility:hidden}.board-toolbar span:not(.rule-chip){display:none}.rule-chip{font-size:9px!important}.replay-toolbar{flex-direction:column;align-items:stretch}.replay-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.replay-meta span{margin-top:0}.replay-controls{justify-content:space-between}.replay-controls button{flex:1 1 0;width:auto}.mobile-action-dock{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071d19f0;border:1px solid #dfcfa43d;border-radius:17px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:7px;padding:8px;display:grid;position:static;box-shadow:0 14px 34px #00000057,inset 0 1px #ffffff09}.mobile-dock-button{min-width:0;min-height:48px;color:var(--ink);cursor:pointer;background:#ffffff0b;border:1px solid #dfcfa433;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 7px;font-size:11px;font-weight:700;display:inline-flex}.mobile-dock-button>span:first-child{flex:none;font-size:18px;line-height:1}.mobile-dock-button:disabled{cursor:not-allowed;opacity:.38}.mobile-dock-primary{color:#17231f;background:linear-gradient(145deg,#f0d99c,#d8a843);border-color:#f0d99cb3;box-shadow:inset 0 1px #ffffff6b}.left-control-panel .primary-actions{display:grid}.control-panel{top:max(8px, env(safe-area-inset-top));bottom:max(8px, env(safe-area-inset-bottom));z-index:50;width:min(86vw,370px);min-height:0;height:calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));max-height:calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));padding:44px 12px max(72px, calc(env(safe-area-inset-bottom) + 54px));overscroll-behavior:contain;scroll-padding-block:48px max(28px, calc(env(safe-area-inset-bottom) + 16px));touch-action:pan-y;-webkit-overflow-scrolling:touch;visibility:hidden;pointer-events:none;border-radius:20px;grid-template-columns:1fr;align-content:start;transition:transform .18s,visibility .18s;display:grid;position:fixed;overflow:hidden auto}.left-control-panel{left:max(8px, env(safe-area-inset-left));transform:translate(calc(-100% - 18px))}.right-control-panel{right:max(8px, env(safe-area-inset-right));transform:translate(calc(100% + 18px))}.control-panel.mobile-panel-open{visibility:visible;pointer-events:auto;transform:translate(0)}.mobile-panel-close{z-index:2;width:32px;height:32px;color:var(--ink);cursor:pointer;background:#ffffff0f;border:1px solid #dfcfa43d;border-radius:10px;place-items:center;padding:0;font-size:21px;display:grid;position:absolute;top:9px;right:10px}.mobile-panel-backdrop{z-index:40;opacity:0;visibility:hidden;pointer-events:none;background:#020b09ad;border:0;padding:0;transition:opacity .18s,visibility .18s;display:block;position:fixed;inset:0}.mobile-panel-backdrop.is-visible{opacity:1;visibility:visible;pointer-events:auto}.mobile-panel-tabs{z-index:12;pointer-events:none;justify-content:flex-start;align-items:center;gap:7px;display:flex;position:absolute;top:7px;left:7px;right:7px}.mobile-panel-tabs button{width:34px;height:34px;color:var(--gold-soft);pointer-events:auto;cursor:pointer;background:#071d19e6;border:1px solid #e1b85a57;border-radius:11px;place-items:center;padding:0;font-size:17px;display:grid;box-shadow:0 8px 20px #0000003d}.mobile-panel-tabs button:last-child{margin-left:auto}.mobile-panel-tabs button.mobile-profile-tab{background:#11362ef5;border-color:#ffde919e;border-radius:50%;overflow:hidden}.mobile-profile-tab img{object-fit:cover;width:100%;height:100%}.mobile-board-menu-button{z-index:7;color:#ffe6a7;cursor:pointer;background:#08261fcc;border:1px solid #ffde9194;border-radius:16px;place-items:center;width:52px;height:52px;padding:0;display:grid;position:absolute;bottom:clamp(16px,3.2vw,32px);left:clamp(16px,3.2vw,32px);box-shadow:0 10px 28px #00000047,inset 0 1px #ffffff12}.right-control-panel .panel-intro,.right-control-panel .move-log,.right-control-panel .online-foundation-panel,.right-control-panel .tournament-panel,.right-control-panel .winner-banner{grid-column:auto}.right-control-panel .nardora-hub-panel[open]>summary{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:-36px}.right-control-panel .nardora-hub-content{padding-bottom:max(18px, env(safe-area-inset-bottom))}.profile-content{max-height:none;overflow:visible}.site-footer{display:none}}@media (width<=380px){.mobile-action-dock{grid-template-columns:1.35fr 1fr 1fr;gap:5px;padding:6px}.mobile-dock-button{gap:4px;padding-inline:5px;font-size:10px}.mobile-dock-button>span:first-child{font-size:16px}}@media (orientation:landscape) and (height<=520px) and (width<=1024px){html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}.app-shell{height:100dvh;max-height:100dvh;padding:max(6px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));overflow:hidden}.game-layout{grid-template-columns:minmax(252px,calc(108.7svh - 88px)) minmax(168px,210px);grid-template-areas:"board quick";justify-content:center;align-items:start;gap:8px;height:100%}.board-card{border-radius:16px;flex-direction:column;justify-self:center;width:100%;min-width:0;max-width:calc(108.7svh - 88px);height:100%;max-height:100%;padding:6px;display:flex}.board-toolbar{gap:8px;min-height:24px;padding:0 3px 5px}.board-toolbar strong{font-size:11px}.board-toolbar span:not(.rule-chip){display:none}.rule-chip{padding:4px 7px;font-size:8px!important}.board-stage{aspect-ratio:auto;border-radius:12px;flex:auto;width:100%;height:100%;min-height:0;max-height:none}.board-svg{transform-origin:50%;width:100%;height:100%;max-height:none;transform:none}.board-turn-clock{display:none}.mobile-action-dock{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071d19f0;border:1px solid #dfcfa43d;border-radius:15px;grid-template-columns:1fr;align-self:start;gap:6px;padding:6px;display:grid;position:static;box-shadow:0 14px 34px #00000057,inset 0 1px #ffffff09}.mobile-turn-status{color:#eafff9;background:#08261fb8;border:1px solid #42c6ae6b;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:7px 10px;display:flex;box-shadow:inset 0 1px #ffffff0d}.mobile-turn-status small{color:var(--gold-soft);letter-spacing:.08em;font-size:9px;font-weight:800}.mobile-turn-status strong{font-family:var(--font-geist-mono), monospace;font-size:14px;line-height:1.1}.mobile-turn-status.is-warning{color:#ffe7b7;background:#672b12c7;border-color:#f5bb72c7}.mobile-turn-status.is-paused{color:var(--gold-soft);border-color:#e1b85ab3}.mobile-turn-status.is-ready{color:var(--gold-soft);background:#342711c7;border-color:#e1b85aad}.mobile-dock-button{min-width:0;min-height:44px;color:var(--ink);cursor:pointer;background:#ffffff0b;border:1px solid #dfcfa433;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:11px;font-weight:700;display:inline-flex}.mobile-dock-button>span:first-child{flex:none;font-size:17px;line-height:1}.mobile-dock-button:disabled{cursor:not-allowed;opacity:.38}.mobile-dock-primary{color:#17231f;background:linear-gradient(145deg,#f0d99c,#d8a843);border-color:#f0d99cb3;box-shadow:inset 0 1px #ffffff6b}.left-control-panel .primary-actions{display:grid}.control-panel{top:max(6px, env(safe-area-inset-top));bottom:max(6px, env(safe-area-inset-bottom));z-index:50;width:min(68vw,370px);min-height:0;height:calc(100dvh - max(6px, env(safe-area-inset-top)) - max(6px, env(safe-area-inset-bottom)));max-height:calc(100dvh - max(6px, env(safe-area-inset-top)) - max(6px, env(safe-area-inset-bottom)));padding:42px 11px max(52px, calc(env(safe-area-inset-bottom) + 38px));overscroll-behavior:contain;scroll-padding-block:44px max(22px, calc(env(safe-area-inset-bottom) + 12px));touch-action:pan-y;-webkit-overflow-scrolling:touch;visibility:hidden;pointer-events:none;border-radius:18px;grid-template-columns:1fr;align-content:start;transition:transform .18s,visibility .18s;display:grid;position:fixed;overflow:hidden auto}.left-control-panel{left:max(8px, env(safe-area-inset-left));transform:translate(calc(-100% - 18px))}.right-control-panel{right:max(8px, env(safe-area-inset-right));transform:translate(calc(100% + 18px))}.control-panel.mobile-panel-open{visibility:visible;pointer-events:auto;transform:translate(0)}.right-control-panel .panel-intro,.right-control-panel .move-log,.right-control-panel .online-foundation-panel,.right-control-panel .tournament-panel,.right-control-panel .winner-banner{grid-column:auto}.right-control-panel .nardora-hub-panel[open]>summary{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:-34px}.right-control-panel .nardora-hub-content{padding-bottom:max(14px, env(safe-area-inset-bottom))}.mobile-panel-close{z-index:2;width:30px;height:30px;color:var(--ink);cursor:pointer;background:#ffffff0f;border:1px solid #dfcfa43d;border-radius:9px;place-items:center;padding:0;font-size:20px;display:grid;position:absolute;top:7px;right:8px}.mobile-panel-backdrop{z-index:40;opacity:0;visibility:hidden;pointer-events:none;background:#020b09ad;border:0;padding:0;transition:opacity .18s,visibility .18s;display:block;position:fixed;inset:0}.mobile-panel-backdrop.is-visible{opacity:1;visibility:visible;pointer-events:auto}.mobile-panel-tabs{z-index:12;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:6px;left:6px;right:6px}.mobile-panel-tabs button{width:30px;height:30px;color:var(--gold-soft);pointer-events:auto;cursor:pointer;background:#071d19e6;border:1px solid #e1b85a57;border-radius:9px;place-items:center;padding:0;font-size:15px;display:grid;box-shadow:0 8px 20px #0000003d}.site-footer{display:none}}@media (width<=1180px){.board-utility-shortcuts{top:max(11px, env(safe-area-inset-top));right:max(11px, env(safe-area-inset-right));z-index:30;pointer-events:none;justify-content:flex-end;display:flex;position:absolute}.board-shortcut-cluster{pointer-events:auto;gap:7px;display:flex}.board-profile-shortcut,.board-utility-shortcuts button{display:none}.board-utility-shortcuts button:first-child,.board-utility-shortcuts button:last-child{color:#ffe6a7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);cursor:pointer;background:#192a24c2;border:1px solid #f6dca057;border-radius:13px;place-items:center;width:42px;height:42px;padding:0;display:grid;box-shadow:0 8px 22px #00000047}.board-utility-shortcuts button:first-child:focus-visible{outline-offset:2px;outline:2px solid #ffe6a7}.game-layout.board-focus-mode{z-index:300;background:#061511;grid-template:"board"minmax(0,1fr)/minmax(0,1fr);gap:0;width:100vw;height:100dvh;padding:0;display:grid;position:fixed;inset:0}.board-focus-mode .board-card{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:flex}.board-focus-mode .board-card:before{display:none}.board-focus-mode .board-stage{width:100%;max-width:none;height:100%;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;flex:auto}.board-focus-mode .board-stage:after{border-radius:0;inset:0}.board-focus-mode .board-svg{transform-origin:50%;width:100%;height:100%;max-height:none;padding:0;transform:none}.board-focus-mode .left-control-panel,.board-focus-mode .right-control-panel,.board-focus-mode .mobile-action-dock,.board-focus-mode .mobile-panel-tabs,.board-focus-mode .mobile-board-menu-button,.board-focus-mode .mobile-panel-backdrop,.board-focus-mode .board-toolbar,.board-focus-mode .replay-toolbar,.board-focus-mode .board-turn-clock,.board-focus-mode .board-guide,.board-focus-mode .thinking-pill{display:none!important}.board-focus-mode .board-utility-shortcuts{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));display:flex!important}}@media (width>=1181px){html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{min-height:100dvh}.app-shell{height:100dvh;max-height:100dvh;overflow:hidden}.game-layout{align-items:stretch;height:100%;min-height:0}.board-card{flex-direction:column;height:100%;min-height:0;display:flex}.board-stage{aspect-ratio:auto;flex:auto;height:100%;min-height:0;max-height:none}.board-svg{width:100%;height:100%;max-height:none}.board-guide{z-index:5;width:min(250px,29%);color:var(--ink);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none;background:#081f1ab8;border:1px solid #e1b85a47;border-radius:14px;padding:10px 13px;display:block;position:absolute;bottom:clamp(18px,3.2vw,42px);left:clamp(18px,3.2vw,42px);box-shadow:0 10px 28px #00000038}.board-guide strong{color:var(--gold);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.board-guide p{color:#e7efece6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.mobile-status-guide{display:none}.control-panel{overscroll-behavior:contain;scrollbar-color:#e1b85a61 transparent;scrollbar-width:thin;height:100%;min-height:0;max-height:100%;top:0;overflow-y:auto}.control-panel::-webkit-scrollbar{width:5px}.control-panel::-webkit-scrollbar-thumb{background:#e1b85a61;border-radius:999px}.site-footer{display:none}}@media (height<=760px) and (width>=1181px){.app-shell{padding-top:6px}.control-panel{gap:7px;padding:10px}.panel-intro{gap:5px;padding-bottom:7px}.panel-intro>p:last-child{display:none}.panel-intro h1{font-size:23px}.turn-card{padding:11px}.player-orb{width:36px;height:36px}.progress-card{gap:5px;padding:10px 12px}.status-box{min-height:68px;padding:9px 11px}.status-box strong{margin-bottom:4px}.status-box p{font-size:11px;line-height:1.4}.stat{padding:7px 8px}.move-log{padding:10px 12px}.move-log li{padding:5px 0}.menu-section{gap:5px;padding:7px}.new-game-button{min-height:51px}.report-note{display:none}}@media (width>=1181px){.app-shell{width:min(1920px,100%);padding:10px clamp(12px,1.7vw,32px)}.game-layout{grid-template-columns:minmax(220px,246px) minmax(600px,1fr) minmax(264px,300px);gap:clamp(10px,.85vw,16px)}.game-layout.board-focus-mode{z-index:300;background:radial-gradient(circle at 50% 40%,#1b5c4c2e,#0000 48%),#061511;grid-template-columns:minmax(0,1fr) minmax(264px,300px);grid-template-areas:"board right";width:100vw;height:100dvh;padding:10px clamp(12px,1.4vw,24px);position:fixed;inset:0}.board-focus-mode .left-control-panel{display:none}.desktop-overlay-backdrop{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;background:#020c0a94;border:0;padding:0;display:block;position:fixed;inset:0}.control-panel{box-shadow:none;scrollbar-width:none;background:0 0;border:0;border-radius:0;gap:0;padding:12px 2px}.control-panel::-webkit-scrollbar{display:none}.menu-intro{border-bottom-color:#e1b85a6b;align-items:start;gap:10px;padding:2px 0 18px}.menu-intro>div{min-width:0}.menu-symbol{width:32px;height:32px;box-shadow:none;background:0 0;border-radius:50%}.menu-intro strong{letter-spacing:-.025em;margin-top:18px;font-size:20px;font-weight:620}.menu-presence{color:#dcece7db;white-space:nowrap;align-items:center;gap:7px;margin-top:7px;font-size:11.5px;font-weight:550;display:flex}.menu-presence i{background:var(--teal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #42c6ae73}.menu-section{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:9px;padding:17px 0}.compact-heading h2{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:760}.compact-heading span{display:none}.mode-switch,.level-switch,.player-count-switch{background:#0000001a;border-color:#dfcfa433;border-radius:8px;gap:0;padding:0}.mode-switch button,.level-switch button,.player-count-switch button{min-height:41px;box-shadow:none;border:0;border-right:1px solid #dfcfa424;border-radius:0}.level-switch button{letter-spacing:.01em;min-height:39px;padding-inline:2px;font-size:11px;font-weight:800}.mode-switch button:last-child,.level-switch button:last-child,.player-count-switch button:last-child{border-right:0}.mode-switch button.active{background:#187a6838;border-radius:7px 0 0 7px;box-shadow:inset 0 0 0 1px #42c6ae73}.level-switch button.active{background:#e1b85a14;border-color:#e1b85a6b;border-radius:6px;box-shadow:inset 0 0 0 1px #e1b85a57}.primary-actions{gap:8px;padding:17px 0 16px}.new-game-button{border-radius:9px;min-height:56px;padding:8px 14px;box-shadow:0 10px 26px #9d651924,inset 0 1px #ffffff70}.new-game-button strong{font-size:14px}.new-game-button small{display:none}.secondary-actions{gap:8px}.secondary-actions .action-button{background:#ffffff05;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:46px;font-size:11px;display:inline-flex}.utility-menu{margin-top:0}.utility-panel>summary{min-height:51px;padding:6px 1px;font-size:11px}.utility-panel .record-section,.utility-panel .tutorial-section{border-radius:9px;padding:9px 7px}.board-card{box-shadow:none;background:0 0;border:0;border-radius:28px;padding:3px}.board-card:before,.board-toolbar{display:none}.board-stage{border:2px solid #e1b85ad6;border-radius:27px;box-shadow:0 24px 52px #00000061,inset 0 0 0 2px #ffe19f1f,inset 0 0 0 15px #27130b33,inset 0 0 82px #180c0857}.board-stage:after{border:1px solid #eac16a52;border-radius:18px;inset:15px;box-shadow:inset 0 0 68px #180c084d}.board-svg{padding:18px 22px}.panel-intro{border-bottom-color:#e1b85a6b;gap:8px;padding:0 0 18px}.panel-intro>p:last-child{display:none}.panel-intro h1{margin-top:5px;font-size:25px}.panel-intro .brand{gap:8px}.panel-intro .brand-mark{width:32px;height:32px;box-shadow:none;background:0 0;border-radius:50%}.panel-intro .brand strong{font-size:13px}.panel-intro .brand small{font-size:7px}.turn-card{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:12px;padding:19px 3px}.player-orb{width:40px;height:40px}.turn-card strong{font-size:16px}.progress-card{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:12px;padding:16px 2px 19px}.player-progress{gap:7px}.progress-track{height:7px}.status-box{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;min-height:132px;padding:22px 2px 18px}.status-box strong{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:12px}.status-box p{font-size:12px;line-height:1.5}.selection-stats{border-bottom:1px solid var(--line);gap:0}.stat{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;border-radius:0;min-height:67px;padding:12px 6px}.stat:nth-child(2n){border-right:0}.stat:nth-last-child(-n+2){border-bottom:0}.stat span{font-size:9px}.stat strong{font-size:13px}.nardora-hub-panel{background:0 0;border:0;border-radius:0}.nardora-hub-panel>summary{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) 18px;min-height:55px;padding:8px 1px}.nardora-hub-panel .nardora-menu-icon{width:32px;height:32px;color:var(--gold);background:0 0;border-radius:50%}.nardora-hub-panel .nardora-menu-copy strong{color:#dfe8e5;letter-spacing:0;font-size:11px;font-weight:600}.nardora-hub-panel .nardora-menu-copy small{display:none}.nardora-hub-panel .nardora-menu-chevron{transform:none}.nardora-hub-panel[open] .nardora-menu-chevron{transform:rotate(90deg)}.nardora-hub-content{padding:9px 0}.control-panel{overscroll-behavior:none;align-content:start;overflow:visible}.control-panel.desktop-overlay-host{z-index:90}.board-focus-mode .left-control-panel.desktop-overlay-host{z-index:90;width:0;height:0;padding:0;display:block;position:fixed;inset:0 auto auto 0}.left-control-panel .utility-menu{border:0;height:0;margin:0;overflow:visible}.left-control-panel .desktop-overlay-panel{border:0;height:0;overflow:visible}.left-control-panel .desktop-overlay-panel>summary{display:none}.desktop-overlay-panel[open]>:not(summary){z-index:92;overscroll-behavior:contain;width:min(540px,100vw - 680px);max-height:calc(100dvh - 56px);color:var(--ink);scrollbar-color:#e1b85a61 transparent;background:linear-gradient(155deg,#133a32fb,#071b17fc);border:1px solid #e1b85a75;border-radius:20px;margin:0;padding:18px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 26px 80px #00000094,inset 0 1px #ffffff12}.board-utility-shortcuts{z-index:80;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:22px 24px auto}.board-shortcut-cluster{pointer-events:auto;gap:6px;display:flex}.board-shortcut-right{margin-left:auto}.board-utility-shortcuts button{color:#ffefc7c2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;opacity:.72;background:#2a170e75;border:1px solid #f6dca033;border-radius:10px;place-items:center;width:34px;height:34px;padding:0;transition:opacity .14s,border-color .14s,background .14s,transform .14s;display:grid;position:relative;box-shadow:0 7px 18px #0003}.board-utility-shortcuts button:hover,.board-utility-shortcuts button:focus-visible,.board-utility-shortcuts button[aria-expanded=true],.board-utility-shortcuts button.is-active{color:#ffe6a7;opacity:1;background:#3b2212c2;border-color:#ffde918f}.board-utility-shortcuts button:hover{transform:translateY(-1px)}.board-utility-shortcuts .shortcut-glyph{font-size:18px;line-height:1}.board-utility-shortcuts button.board-profile-avatar-button{color:#ffe6a7;opacity:1;background:#11362ef0;border-color:#ffde919e;border-radius:50%;width:42px;height:42px;overflow:hidden}.board-profile-avatar-button img{object-fit:cover;width:100%;height:100%}.board-profile-avatar-button:after{left:0;right:auto!important}.board-utility-shortcuts button:after{color:#fff0c8;content:attr(data-tooltip);letter-spacing:.02em;opacity:0;pointer-events:none;white-space:nowrap;background:linear-gradient(145deg,#11362ef7,#071b17fa);border:1px solid #e1b85a61;border-radius:10px;width:max-content;max-width:180px;padding:7px 10px;font-size:10px;font-weight:700;line-height:1.2;transition:opacity .13s,transform .13s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-3px);box-shadow:0 10px 28px #00000059}.board-utility-shortcuts button:hover:after,.board-utility-shortcuts button:focus-visible:after{opacity:1;transform:translateY(0)}.utility-panel>summary{min-height:40px}}.right-control-panel .profile-summary-copy small{font-size:11px;line-height:1.35}.right-control-panel .eyebrow{font-size:11px}.right-control-panel .panel-intro .brand small,.right-control-panel .compact-build,.right-control-panel .beta-build-chip{font-size:10px}.right-control-panel .language-picker,.right-control-panel .language-menu>summary strong{font-size:11px}.right-control-panel .profile-summary-copy strong{font-size:15px}.right-control-panel .profile-summary-score,.right-control-panel .nardora-menu-copy strong{font-size:14px}.right-control-panel .nardora-menu-copy small{font-size:11px;line-height:1.4}.right-control-panel .friend-quick-entry strong{font-size:14px}.right-control-panel .friend-quick-entry small{font-size:12px;line-height:1.35}.right-control-panel .turn-card small,.right-control-panel .player-progress-label,.right-control-panel .player-progress-label strong{font-size:12px}.right-control-panel .turn-card strong{font-size:18px}.right-control-panel .turn-number,.right-control-panel .status-box strong,.right-control-panel .status-box p{font-size:14px}.right-control-panel .stat span{font-size:12px}.right-control-panel .stat strong{font-size:18px}.right-control-panel .panel-heading h2{font-size:15px;line-height:1.35}.right-control-panel .panel-heading span{font-size:12px;line-height:1.35}.right-control-panel .move-log li{font-size:12px;line-height:1.55}.right-control-panel .move-log p{color:#d2dcd8;font-size:13px;line-height:1.5}.right-control-panel .tournament-panel>summary,.right-control-panel .online-foundation-panel>summary{min-height:50px;font-size:14px}.right-control-panel .tournament-panel>summary small,.right-control-panel .online-foundation-panel>summary small{font-size:12px;line-height:1.35}.right-control-panel .online-foundation-content{gap:11px;padding:0 14px 16px}.right-control-panel .online-foundation-content p{color:#d2dcd8;grid-template-columns:18px 1fr;gap:8px;font-size:12px;line-height:1.55}.right-control-panel .friend-room-flow{gap:7px;margin-block:4px 7px}.right-control-panel .friend-room-flow span{gap:6px;font-size:11px;line-height:1.35}.right-control-panel .friend-room-flow i{width:26px;height:26px;font-size:12px}.right-control-panel .online-room-controls{gap:10px;padding:12px}.right-control-panel .online-room-controls>p,.right-control-panel .online-room-header span{font-size:12px}.right-control-panel .online-room-header strong{font-size:16px}.right-control-panel .online-room-header small{font-size:11px}.right-control-panel .online-room-actions button{min-height:42px;padding:8px 11px;font-size:13px}.right-control-panel .online-member-list li{padding:8px 9px}.right-control-panel .online-member-list strong{font-size:12px}.right-control-panel .online-member-list span,.right-control-panel .online-member-list small{font-size:11px}.right-control-panel .ranked-queue-readiness{gap:9px;padding:12px}.right-control-panel .ranked-queue-readiness strong{font-size:14px}.right-control-panel .ranked-queue-readiness header span{font-size:11px}.right-control-panel .online-foundation-content .ranked-queue-readiness p{font-size:12px}.right-control-panel .tournament-content{padding:0 14px 16px}.right-control-panel .tournament-content>label{font-size:13px}.right-control-panel .tournament-content textarea{font-size:14px}.right-control-panel .tournament-note{font-size:12px;line-height:1.55}.right-control-panel .tournament-create,.right-control-panel .tournament-reset{min-height:44px;font-size:13px}.right-control-panel .tournament-champion small{font-size:11px}.right-control-panel .tournament-champion strong{font-size:15px}.right-control-panel .tournament-bracket h3{font-size:12px}.right-control-panel .tournament-bracket article>small{font-size:10px}.right-control-panel .tournament-bracket article button,.right-control-panel .tournament-pending{min-height:40px;font-size:12px}@media (width>=1181px){#desktop-hub-panel[open]>.nardora-hub-content{width:min(700px,100vw - 620px);max-height:calc(100dvh - 36px)}}@media (width<=1024px){.right-control-panel .friend-room-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.right-control-panel .friend-room-flow span:last-child{grid-column:1/-1}}.mobile-panel-tabs{justify-content:flex-start;gap:7px}.mobile-panel-tabs button:last-child{margin-left:auto}.mobile-panel-tabs button.mobile-profile-tab{background:#11362ef5;border-color:#ffde919e;border-radius:50%;overflow:hidden}.mobile-profile-tab img{object-fit:cover;width:100%;height:100%}.mobile-panel-tabs button.mobile-profile-name{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;width:auto;max-width:112px;padding:0 10px;font-size:10px;font-weight:800;display:block;overflow:hidden}.hub-profile-entry{width:100%;min-height:54px;color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(145deg,#e1b85a14,#0b2b2557);border:1px solid #e1b85a3d;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 11px;display:grid}.profile-modal-backdrop{z-index:520;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020c0ac7;place-items:center;display:grid;position:fixed;inset:0}.friend-modal-backdrop{z-index:530;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020c0ad1;place-items:center;display:grid;position:fixed;inset:0}.friend-modal-backdrop[hidden]{display:none}.friend-modal{width:min(720px,100%);max-height:min(860px,100dvh - 24px);color:var(--ink);background:linear-gradient(155deg,#133a32fe,#071b17fe);border:1px solid #e1b85a8f;border-radius:24px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 30px 100px #000000b3,inset 0 1px #ffffff14}.friend-modal-header{background:#061e19bd;border-bottom:1px solid #e1b85a42;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:12px 14px;display:grid}.friend-modal-header>span:nth-child(2){min-width:0}.friend-modal-header strong,.friend-modal-header small{display:block}.friend-modal-header strong{color:#fff0bd;letter-spacing:.1em;font-size:18px}.friend-modal-header small{color:#d1ded9;margin-top:4px;font-size:13px;line-height:1.35}.friend-modal-icon{color:#78e5ce;background:#42c6ae21;border:1px solid #42c6ae80;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.friend-modal-close{width:46px;height:46px;color:var(--ink);cursor:pointer;background:#ffffff12;border:1px solid #e1b85a61;border-radius:14px;place-items:center;padding:0;font-size:28px;display:grid}.friend-modal-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:16px;overflow:auto}.friend-modal-content>.friend-panel{box-shadow:none;background:0 0;border:0}.friend-modal-content>.friend-panel>header{display:none}.profile-modal{width:min(980px,100%);height:min(900px,100dvh - 24px);color:var(--ink);background:linear-gradient(155deg,#133a32fe,#071b17fe);border:1px solid #e1b85a80;border-radius:24px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 30px 100px #000000a8,inset 0 1px #ffffff12}.profile-modal-header{background:#061e19b3;border-bottom:1px solid #e1b85a3d;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:76px;padding:12px 14px;display:grid}.profile-modal-avatar,.profile-modal-close{cursor:pointer;place-items:center;padding:0;display:grid}.profile-modal-avatar{background:#11362ef5;border:2px solid #ffde91ad;border-radius:50%;width:52px;height:52px;overflow:hidden}.profile-modal-avatar img{object-fit:cover;width:100%;height:100%}.profile-modal-header .profile-summary-copy small{font-size:8px}.profile-modal-header .profile-summary-copy strong{font-size:clamp(16px,2vw,22px)}.profile-modal-close{width:44px;height:44px;color:var(--ink);background:#ffffff0f;border:1px solid #e1b85a57;border-radius:13px;font-size:26px}.profile-modal .profile-content{border:0;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;max-height:none;padding:16px;overflow:auto}.profile-modal .platform-profile-status,.profile-modal .profile-avatar-section,.profile-modal .nickname-field,.profile-modal>.profile-content>.profile-privacy,.profile-modal .profile-stats,.profile-modal .passport-section{grid-column:1/-1}.profile-modal .profile-summary-copy small{font-size:12px;line-height:1.35}.profile-modal .profile-summary-score{font-size:15px}.profile-modal .panel-heading h2{font-size:15px;line-height:1.35}.profile-modal .panel-heading span{font-size:12px;line-height:1.35}.profile-modal .platform-profile-status>span,.profile-modal .platform-profile-status>strong{font-size:13px;line-height:1.4}.profile-modal .platform-profile-status>button,.profile-modal .nickname-field{font-size:14px}.profile-modal .nickname-field input{font-size:16px}.profile-modal .profile-privacy{font-size:13px;line-height:1.55}.profile-modal .profile-stats>div{padding:12px 8px}.profile-modal .profile-stats span{min-height:0;font-size:13px;line-height:1.4}.profile-modal .profile-stats strong{margin-top:4px;font-size:19px}.profile-modal .achievement-list li{min-height:46px;font-size:13px;line-height:1.35}.profile-modal .leaderboard-section h3{font-size:13px;line-height:1.4}.profile-modal .leaderboard-section li{padding:10px 9px}.profile-modal .leaderboard-section li>span,.profile-modal .leaderboard-section li strong{font-size:14px}.profile-modal .leaderboard-section li small,.profile-modal .leaderboard-section>p{font-size:12px;line-height:1.4}.profile-modal .passport-section>p{font-size:13px;line-height:1.55}.profile-modal .passport-actions button,.profile-modal .passport-actions label{font-size:13px}.profile-avatar-section{background:#0000001f;border:1px solid #e1b85a2e;border-radius:14px;gap:10px;padding:12px;display:grid}.avatar-choice-grid{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px;display:grid}.avatar-choice-grid button{min-height:82px;color:var(--muted);cursor:pointer;background:#ffffff09;border:1px solid #e1b85a2e;border-radius:13px;align-content:center;justify-items:center;padding:8px 5px;font-size:13px;line-height:1.3;display:grid;overflow:hidden}.avatar-choice-grid button.is-selected{color:#ffe8b0;background:#e1b85a1f;border-color:#ffde91cc;box-shadow:0 0 0 2px #e1b85a1a}.avatar-choice-grid img{object-fit:cover;border-radius:50%;width:60px;height:60px}.profile-photo-actions{flex-wrap:wrap;gap:8px;display:flex}.profile-photo-actions label,.profile-photo-actions button{min-height:44px;color:var(--ink);cursor:pointer;background:#e1b85a12;border:1px solid #e1b85a47;border-radius:11px;padding:10px 13px;font-size:14px;font-weight:800}.profile-photo-actions label{place-items:center;display:grid;position:relative}.profile-photo-actions input{opacity:0;width:1px;height:1px;position:absolute}.profile-photo-viewer{z-index:560;padding:max(24px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000eb;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.profile-photo-viewer>img{object-fit:contain;border-radius:12px;width:auto;max-width:calc(100vw - 36px);height:auto;max-height:calc(100dvh - 48px);box-shadow:0 25px 90px #000000bf}.profile-photo-close{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:2;color:#fff;cursor:pointer;background:#000000ad;border:1px solid #fff6;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;font-size:30px;display:grid;position:fixed}.avatar-tone-sapphire img,img.avatar-tone-sapphire{filter:hue-rotate(82deg)saturate(1.08)}.avatar-tone-amber img,img.avatar-tone-amber{filter:hue-rotate(-54deg)saturate(1.2)brightness(1.07)}.avatar-tone-plum img,img.avatar-tone-plum{filter:hue-rotate(214deg)saturate(1.04)}@media (width>=1181px){.board-utility-shortcuts button.board-profile-name-button{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;width:auto;max-width:150px;padding:0 12px;font-size:10px;font-weight:800;overflow:hidden}.board-profile-name-button:after{display:none}}@media (width<=760px){.friend-modal-backdrop{padding:0}.friend-modal{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.friend-modal-header{padding-top:max(10px, env(safe-area-inset-top))}.friend-modal-header strong{font-size:16px}.friend-modal-header small{font-size:12px}.friend-modal-content{padding:12px 10px max(18px, env(safe-area-inset-bottom))}.friend-modal-content>.friend-panel{padding:8px 4px}.profile-modal-backdrop{padding:0}.profile-modal{border:0;border-radius:0;width:100%;height:100dvh}.profile-modal-header{padding-top:max(10px, env(safe-area-inset-top))}.profile-modal .profile-content{padding-bottom:max(18px, env(safe-area-inset-bottom));grid-template-columns:1fr}.profile-modal .profile-content>*{grid-column:1}.profile-modal-header .profile-summary-score{display:none}.profile-modal-avatar{width:46px;height:46px}}@media (width<=1180px){.board-focus-mode .mobile-panel-tabs{display:flex!important}.board-focus-mode .mobile-panel-tabs>button:not(.mobile-profile-tab):not(.mobile-profile-name){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}