@font-face{font-family:Lora;src:url(/assets/fonts/Lora-Variable.woff)format(woff);font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Lora;src:url(/assets/fonts/Lora-Italic-Variable.woff)format(woff);font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Light.woff)format(woff);font-weight:300;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Regular.woff)format(woff);font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Medium.woff)format(woff);font-weight:500 600;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Bold.woff)format(woff);font-weight:700;font-display:swap}:root{--font-display:"Lora","Iowan Old Style","Palatino Linotype",Georgia,serif;--font-ui:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--radius-xs:6px;--radius-s:10px;--radius-m:14px;--radius-l:20px;--radius-xl:28px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--nav-h:68px;--topbar-h:60px;--sidebar-w:248px;--sidebar-w-collapsed:76px;--content-max:1180px;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-spring:cubic-bezier(.34,1.4,.64,1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:var(--app-inset-top,env(safe-area-inset-top,0px));--safe-left:var(--app-inset-left,env(safe-area-inset-left,0px));--safe-right:var(--app-inset-right,env(safe-area-inset-right,0px))}:root,[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#0b0a09;--bg-grad-1:#15120f;--bg-grad-2:#0b0a09;--surface:#151311;--surface-2:#1c1916;--surface-3:#25211d;--surface-glass:#181512b8;--border:#d6b4741f;--border-strong:#d6b47442;--hairline:#ffffff0f;--text:#f2ece1;--text-2:#bdb4a5;--text-3:#8a8275;--text-inverse:#16130f;--gold:#d4af6a;--gold-2:#e8cc8e;--gold-3:#a8843f;--gold-soft:#d4af6a1f;--gold-glow:#d4af6a59;--gold-grad:linear-gradient(135deg,#f0d79c 0%,#d4af6a 42%,#a8843f 100%);--gold-ink:#1b1509;--success:#6fbf8a;--success-soft:#6fbf8a24;--danger:#e0715f;--danger-soft:#e0715f24;--warn:#e3b35c;--info:#7fa7d9;--status-online:#5dc281;--status-away:#e3b35c;--status-playing:#d4af6a;--status-offline:#6b655c;--shadow-1:0 1px 2px #0006,0 2px 8px #00000040;--shadow-2:0 6px 24px #00000073,0 1px 0 #ffffff08 inset;--shadow-3:0 24px 64px #0009;--inner-hi:inset 0 1px 0 #ffffff0d;--board-light-tint:transparent}[data-theme=light]{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--bg:#f6f1e7;--bg-grad-1:#fbf8f1;--bg-grad-2:#efe7d7;--surface:#fffdf8;--surface-2:#faf5eb;--surface-3:#f1e9da;--surface-glass:#fffcf5c7;--border:#785c2c24;--border-strong:#9670324d;--hairline:#3c280a12;--text:#1e1a14;--text-2:#5a5144;--text-3:#8b8171;--text-inverse:#fbf7ef;--gold:#a9823d;--gold-2:#c49b52;--gold-3:#86652b;--gold-soft:#a9823d1a;--gold-glow:#a9823d47;--gold-grad:linear-gradient(135deg,#e6c886 0%,#c49b52 45%,#9a7433 100%);--gold-ink:#1b1509;--success:#2f8a55;--success-soft:#2f8a551a;--danger:#bf4a37;--danger-soft:#bf4a371a;--warn:#b4832a;--info:#3f6fa8;--status-online:#2f9e5b;--status-away:#c9962f;--status-playing:#a9823d;--status-offline:#a8a092;--shadow-1:0 1px 2px #3c280a14,0 2px 8px #3c280a0f;--shadow-2:0 8px 28px #46300e1f,0 1px 0 #ffffffb3 inset;--shadow-3:0 24px 64px #46300e38;--inner-hi:inset 0 1px 0 #fffc}:root{--ts:1}[data-large-text="1"]{--ts:1.12}[data-contrast=high][data-theme=dark]{--text:#fff;--text-2:#e6ded0;--text-3:#c4baa9;--border:#e8cc8e73;--border-strong:#e8cc8ecc;--surface:#0f0e0c;--surface-2:#1a1714}[data-contrast=high][data-theme=light]{--text:#000;--text-2:#2a241b;--text-3:#4e4538;--border:#5a3c0a80;--border-strong:#5a3c0ad9}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.pieces:not(.no-anim) .piece{transition-duration:var(--piece-anim,.22s),.18s!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-x:none;height:100%}body{font-family:var(--font-ui);font-size:calc(15px*var(--ts));color:var(--text);background:radial-gradient(1200px 700px at 70% -10%,var(--bg-grad-1),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background-attachment:fixed;min-height:100%;margin:0;font-weight:400;line-height:1.5}#root{min-height:100vh;min-height:100dvh}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-2)}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.2}p{margin:0}hr{border:0;border-top:1px solid var(--hairline);margin:var(--space-4)0}::selection{background:var(--gold-glow)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}.sr-only{overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute!important}.display{font-family:var(--font-display);letter-spacing:.01em}.eyebrow{font-size:calc(11px*var(--ts));letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:500}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.tnum{font-variant-numeric:tabular-nums}.gold-text{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.row{display:flex;align-items: center;gap:var(--space-3)}.col{display:flex;gap:var(--space-3);flex-direction:column}.grow{flex:auto;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center{display:grid;place-items: center}.stack-sm>*+*{margin-top:var(--space-2)}.stack>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.splash{position:fixed;display:grid;background:var(--bg);z-index:1000;place-content: center;justify-items:center;gap:18px;inset:0}.splash-mark{box-shadow:0 0 0 1px var(--border-strong),0 0 60px var(--gold-glow);animation:1.6s ease-in-out infinite splash-pulse;background:url(/assets/icons/icon-192.png) 50%/cover;border-radius:50%;width:64px;height:64px}.splash-word{font-family:var(--font-display);letter-spacing:.42em;font-size:calc(15px*var(--ts));color:var(--gold);padding-left:.42em}.splash-note{text-align:center;font-size:calc(13px*var(--ts));color:var(--text-3);animation:.6s both fade-in;max-width:280px;line-height:1.5}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes splash-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}.page-enter{animation:page-in var(--dur-3)var(--ease-out)both}@keyframes page-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--gold-glow)}to{box-shadow:0 0 0 18px #0000}}*{scrollbar-width:thin;scrollbar-color:var(--surface-3)transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px}.btn{--btn-h:46px;position:relative;display:inline-flex;height:var(--btn-h);border-radius:var(--radius-m);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-weight:500;font-size:calc(14px*var(--ts));letter-spacing:.04em;white-space:nowrap;transition:transform var(--dur-1)var(--ease-out),background var(--dur-2),border-color var(--dur-2),box-shadow var(--dur-2),opacity var(--dur-2);box-shadow:var(--inner-hi);user-select:none;-webkit-user-select:none;touch-action:manipulation;justify-content:center;align-items: center;gap:10px;padding:0 20px}.btn:hover{border-color:var(--gold);background:var(--surface-3)}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.btn svg{flex:none;width:18px;height:18px}.btn-primary{background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 8px 24px -8px var(--gold-glow),inset 0 1px 0 #ffffff59,inset 0 -1px 0 #00000026;border-color:#0000;font-weight:600}.btn-primary:hover{background:var(--gold-grad);filter:brightness(1.06);border-color:#0000}.btn-ghost{box-shadow:none;color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--gold-soft);color:var(--text);border-color:#0000}.btn-outline{background:0 0}.btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger)45%,transparent);background:var(--danger-soft)}.btn-danger:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger)20%,transparent)}.btn-lg{--btn-h:56px;font-size:calc(15px*var(--ts));border-radius:var(--radius-l);letter-spacing:.12em;text-transform:uppercase;padding:0 28px}.btn-sm{--btn-h:36px;font-size:calc(13px*var(--ts));border-radius:var(--radius-s);padding:0 14px}.btn-xs{--btn-h:30px;font-size:calc(12px*var(--ts));border-radius:8px;gap:6px;padding:0 10px}.btn-block{width:100%}.btn .spinner{width:18px;height:18px}.icon-btn{display:inline-grid;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);transition:all var(--dur-2)var(--ease-out);position:relative;touch-action:manipulation;flex:none;place-items: center;width:42px;height:42px}.icon-btn:hover{color:var(--gold);border-color:var(--border-strong)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:20px;height:20px}.icon-btn.plain{background:0 0;border-color:#0000}.icon-btn.sm{border-radius:var(--radius-s);width:34px;height:34px}.icon-btn.sm svg{width:17px;height:17px}.icon-btn[aria-pressed=true]{color:var(--gold);border-color:var(--gold);background:var(--gold-soft)}.icon-btn .badge-dot{position:absolute;top:6px;right:6px}.card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface)100%,transparent),var(--surface));border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1),var(--inner-hi);padding:var(--space-5)}.card-tight{padding:var(--space-4)}.card-flush{overflow:hidden;padding:0}.card-glass{background:var(--surface-glass);backdrop-filter:blur(18px)saturate(1.2);-webkit-backdrop-filter:blur(18px)saturate(1.2)}.card-accent{border-color:var(--border-strong);position:relative}.card-accent:before{content:"";position:absolute;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7;height:1px;inset:0 24px auto}.card-header{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);margin-bottom:var(--space-4)}.card-title{font-family:var(--font-display);font-size:calc(18px*var(--ts));font-weight:600}.card-link{font-size:calc(13px*var(--ts));color:var(--gold);display:inline-flex;align-items: center;gap:4px}.card-link svg{width:14px;height:14px}.card.interactive{transition:transform var(--dur-2)var(--ease-out),border-color var(--dur-2);cursor:pointer}.card.interactive:hover{border-color:var(--border-strong);transform:translateY(-2px)}.page{padding:var(--space-5)var(--space-4)calc(var(--nav-h) + var(--space-8) + var(--safe-bottom));max-width:var(--content-max);margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items: flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.page-title{font-family:var(--font-display);font-size:calc(28px*var(--ts));letter-spacing:.01em;font-weight:600}.page-sub{color:var(--text-2);font-size:calc(14px*var(--ts));margin-top:4px}.section-title{font-family:var(--font-display);font-size:calc(19px*var(--ts));margin:var(--space-6)0 var(--space-3);display:flex;align-items: center;gap:10px;font-weight:600}.divider-orn{display:flex;color:var(--gold);opacity:.8;align-items: center;gap:12px}.divider-orn:before,.divider-orn:after{content:"";background:linear-gradient(90deg,transparent,var(--border-strong),transparent);flex:1;height:1px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:calc(12px*var(--ts));letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-weight:500}.field-hint{font-size:calc(12px*var(--ts));color:var(--text-3)}.field-error{font-size:calc(12.5px*var(--ts));color:var(--danger)}.input,.select,.textarea{border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);color:var(--text);transition:border-color var(--dur-2),box-shadow var(--dur-2);outline:none;width:100%;height:48px;padding:0 14px}.textarea{resize:vertical;height:auto;min-height:96px;padding:12px 14px}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.input[aria-invalid=true]{border-color:var(--danger)}.input-wrap{position:relative}.input-wrap>svg{position:absolute;color:var(--text-3);pointer-events:none;width:18px;height:18px;top:50%;left:14px;transform:translateY(-50%)}.input-wrap>.input{padding-left:42px}.input-wrap>.input-action{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-3)50%),linear-gradient(135deg,var(--text-3)50%,transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.switch{position:relative;flex:none;width:48px;height:28px}.switch input{position:absolute;opacity:0;cursor:pointer;z-index:1;margin:0;inset:0}.switch-track{position:absolute;background:var(--surface-3);border:1px solid var(--border);transition:background var(--dur-2);border-radius:99px;inset:0}.switch-thumb{position:absolute;background:var(--text-2);transition:transform var(--dur-2)var(--ease-spring),background var(--dur-2);border-radius:50%;width:22px;height:22px;top:3px;left:3px;box-shadow:0 2px 6px #00000059}.switch input:checked~.switch-track{background:var(--gold-grad);border-color:#0000}.switch input:checked~.switch-thumb{background:#fff;transform:translate(20px)}.switch input:focus-visible~.switch-track{outline:2px solid var(--gold);outline-offset:2px}.segmented{display:inline-flex;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);overflow-x:auto;gap:2px;max-width:100%;padding:4px}.segmented button{color:var(--text-2);font-size:calc(13px*var(--ts));white-space:nowrap;transition:all var(--dur-2);display:inline-flex;background:0 0;border:0;border-radius:10px;align-items: center;gap:6px;padding:8px 14px;font-weight:500}.segmented button svg{width:16px;height:16px}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--surface);color:var(--gold);box-shadow:var(--shadow-1)}.segmented.block{display:flex;width:100%}.segmented.block button{flex:1;justify-content:center}.tabs{display:flex;border-bottom:1px solid var(--hairline);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none;gap:4px}.tabs::-webkit-scrollbar{display:none}.tabs[data-edge=r]{-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000);mask-image:linear-gradient(90deg,#000 82%,#0000)}.tabs[data-edge=l]{-webkit-mask-image:linear-gradient(270deg,#000 82%,#0000);mask-image:linear-gradient(270deg,#000 82%,#0000)}.tabs[data-edge=lr]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.swipe-pane{animation:.14s ease-out both tab-fade}@keyframes tab-fade{0%{opacity:.3}to{opacity:1}}.tab{position:relative;color:var(--text-3);font-size:calc(13px*var(--ts));letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;padding:12px 14px;font-weight:500}.tab[aria-selected=true]{color:var(--gold)}.tab[aria-selected=true]:after{content:"";position:absolute;background:var(--gold-grad);border-radius:2px;height:2px;bottom:-1px;left:10px;right:10px}.tab .count{font-size:calc(11px*var(--ts));background:var(--gold-soft);color:var(--gold);letter-spacing:0;border-radius:99px;margin-left:6px;padding:1px 7px}.avatar{display:inline-block;vertical-align:middle;position:relative;width:var(--size,40px);height:var(--size,40px);border-radius:50%;flex:none}.avatar-img{object-fit:cover;background:var(--surface-3);box-shadow:0 0 0 1.5px var(--border-strong);border-radius:50%;width:100%;height:100%}.avatar-mono{display:grid;font-family:var(--font-display);font-weight:600;font-size:calc(var(--size,40px)*.4);color:#f7ecd4;box-shadow:0 0 0 1.5px var(--border-strong),inset 0 1px 0 #ffffff26;border-radius:50%;place-items: center;width:100%;height:100%}.avatar.ring .avatar-img,.avatar.ring .avatar-mono{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--gold)}.avatar .status-dot{position:absolute;border:2px solid var(--surface);bottom:0;right:0}.avatar .bot-tag{position:absolute;font-size:calc(8px*var(--ts));letter-spacing:.1em;background:var(--surface-3);color:var(--gold);border:1px solid var(--border-strong);border-radius:6px;padding:1px 5px;bottom:-6px;left:50%;transform:translate(-50%)}.status-dot{display:inline-block;background:var(--status-offline);border-radius:50%;flex:none;width:11px;height:11px}.status-dot[data-status=online]{background:var(--status-online);box-shadow:0 0 8px color-mix(in srgb,var(--status-online)60%,transparent)}.status-dot[data-status=away]{background:var(--status-away)}.status-dot[data-status=playing]{background:var(--status-playing);box-shadow:0 0 8px var(--gold-glow)}.status-label{font-size:calc(12px*var(--ts));letter-spacing:.06em;text-transform:uppercase;font-weight:500}.status-label[data-status=online]{color:var(--status-online)}.status-label[data-status=away]{color:var(--status-away)}.status-label[data-status=playing]{color:var(--status-playing)}.status-label[data-status=offline]{color:var(--text-3)}.badge{display:inline-flex;font-size:calc(11px*var(--ts));letter-spacing:.06em;background:var(--gold-soft);color:var(--gold);border:1px solid var(--border);white-space:nowrap;border-radius:99px;align-items: center;gap:4px;height:22px;padding:0 8px;font-weight:600}.badge svg{width:12px;height:12px}.badge.success{background:var(--success-soft);color:var(--success)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.neutral{background:var(--surface-3);color:var(--text-2)}.badge-dot{display:inline-block;background:var(--danger);color:#fff;font-size:calc(10.5px*var(--ts));text-align:center;box-shadow:0 0 0 2px var(--surface);border-radius:99px;min-width:18px;height:18px;padding:0 5px;font-weight:600;line-height:18px}.chip{display:inline-flex;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:calc(13px*var(--ts));border-radius:99px;align-items: center;gap:6px;height:34px;padding:0 14px;font-weight:500}.chip[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:var(--gold-soft)}.delta-up{color:var(--success)}.delta-down{color:var(--danger)}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items: center;gap:var(--space-3);padding:12px var(--space-4);border-bottom:1px solid var(--hairline);transition:background var(--dur-2);min-height:64px}.list-row:last-child{border-bottom:0}.list-row.clickable{cursor:pointer}.list-row.clickable:hover{background:var(--gold-soft)}.list-row .primary{font-weight:500}.list-row .secondary{font-size:calc(12.5px*var(--ts));color:var(--text-3)}.modal-backdrop{position:fixed;z-index:900;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;padding:var(--space-4);animation:fade-in var(--dur-2)both;background:#0504039e;place-items: center;inset:0}.modal{overflow:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-3),var(--inner-hi);padding:var(--space-6);animation:pop-in var(--dur-3)var(--ease-out)both;position:relative;width:min(460px,100%);max-height:min(88vh,860px)}.modal.wide{width:min(640px,100%)}.modal-title{font-family:var(--font-display);font-size:calc(22px*var(--ts));text-align:center;font-weight:600}.modal-sub{color:var(--text-2);text-align:center;font-size:calc(14px*var(--ts));margin-top:6px}.app-update-notes{border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px;margin-top:16px;padding:12px 14px}.app-update-notes ul{display:flex;font-size:calc(13.5px*var(--ts));color:var(--text-2);flex-direction:column;gap:4px;margin:0;padding-left:18px}.app-update-status{display:flex;font-size:calc(13.5px*var(--ts));color:var(--text-2);text-align:center;flex-direction:column;gap:8px;margin-top:12px}.app-update-status.error,.app-update-status.permission-denied{color:var(--danger)}.app-update-status.installed{color:var(--status-online)}.app-update-bar{background:var(--surface-3);overflow:hidden;border-radius:99px;height:6px}.app-update-bar span{display:block;background:var(--gold-grad);height:100%;transition:width .2s linear}.app-update-foot{text-align:center;font-size:calc(12px*var(--ts));margin-top:10px}.modal-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.modal-actions>*{flex:1}.modal-close{position:absolute;top:14px;right:14px}@media (max-width:599px){.modal-backdrop.sheet-on-mobile{place-items: end center;padding:0}.modal-backdrop.sheet-on-mobile .modal{border-radius:var(--radius-xl)var(--radius-xl)0 0;padding-bottom:calc(var(--space-6) + var(--safe-bottom));animation:slide-up var(--dur-3)var(--ease-out)both;width:100%}}.toasts{position:fixed;z-index:950;left:50%;top:calc(var(--safe-top) + 12px);display:flex;pointer-events:none;flex-direction:column;gap:8px;width:min(420px,100% - 24px);transform:translate(-50%)}.toast{pointer-events:auto;display:flex;border-radius:var(--radius-m);background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);animation:pop-in var(--dur-3)var(--ease-out)both;font-size:calc(14px*var(--ts));align-items: center;gap:12px;padding:12px 14px}.toast .toast-icon{color:var(--gold);flex:none}.toast .toast-icon svg{width:20px;height:20px}.toast.error .toast-icon{color:var(--danger)}.toast.success .toast-icon{color:var(--success)}.toast .toast-actions{display:flex;gap:6px;margin-left:auto}.spinner{border:2px solid var(--gold-soft);border-top-color:var(--gold);animation:.8s linear infinite spin;display:inline-block;border-radius:50%;width:22px;height:22px}.spinner.lg{border-width:3px;width:44px;height:44px}.skeleton{background:linear-gradient(90deg,var(--surface-2)0,var(--surface-3)50%,var(--surface-2)100%);animation:1.4s linear infinite shimmer;background-size:800px 100%;border-radius:10px}.empty{display:flex;text-align:center;padding:var(--space-8)var(--space-4);color:var(--text-2);flex-direction:column;align-items: center;gap:10px}.empty svg{color:var(--gold);opacity:.8;width:40px;height:40px}.empty-title{font-family:var(--font-display);font-size:calc(18px*var(--ts));color:var(--text)}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-family:var(--font-display);font-size:calc(26px*var(--ts));font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.stat-label{font-size:calc(11px*var(--ts));letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}.setting-row{display:flex;justify-content:space-between;align-items: center;gap:var(--space-4);border-bottom:1px solid var(--hairline);padding:14px 0}.setting-row:last-child{border-bottom:0}.setting-row .label{font-weight:500}.setting-row .desc{font-size:calc(12.5px*var(--ts));color:var(--text-3);margin-top:2px}.banner{display:flex;font-size:calc(13.5px*var(--ts));border-bottom:1px solid var(--border);background:var(--gold-soft);color:var(--text);align-items: center;gap:12px;padding:10px 16px}.banner svg{color:var(--gold);flex:none;width:18px;height:18px}.banner.danger{background:var(--danger-soft)}.banner.danger svg{color:var(--danger)}.kbd{font-family:var(--font-mono);font-size:calc(11px*var(--ts));border:1px solid var(--border-strong);background:var(--surface-2);border-radius:5px;padding:2px 6px}.flag{font-family:Noto Color Emoji,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:1.05em;line-height:1}.shell{min-height:100vh;display:flex;min-height:100dvh}.shell-main{display:flex;flex-direction:column;flex:1;min-width:0}.shell-content{position:relative;flex:1;min-width:0}.topbar{position:sticky;z-index:50;height:calc(var(--topbar-h) + var(--safe-top));padding:var(--safe-top)var(--space-4)0;display:flex;align-items: center;gap:var(--space-3);background:color-mix(in srgb,var(--bg)78%,transparent);backdrop-filter:blur(16px)saturate(1.3);-webkit-backdrop-filter:blur(16px)saturate(1.3);border-bottom:1px solid var(--hairline);top:0}.topbar-me{display:flex;text-align:left;background:0 0;border:0;border-radius:12px;align-items: center;gap:10px;min-width:0;padding:4px 8px 4px 0}.topbar-me .name{font-weight:600;font-size:calc(14.5px*var(--ts));line-height:1.15}.topbar-me .meta{font-size:calc(11.5px*var(--ts));color:var(--text-3);display:flex;align-items: center;gap:6px}.topbar-me .meta .rating{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.net-pill{display:inline-flex;white-space:nowrap;font-size:calc(11px*var(--ts));letter-spacing:.02em;color:var(--text-3);border:1px solid var(--border);background:#00000047;border-radius:99px;align-items: center;gap:5px;padding:1px 8px 1px 6px;font-weight:600;line-height:1.5}.net-pill .status-dot{width:7px;height:7px}.net-pill .spinner{border-width:1.5px;width:9px;height:9px}.net-pill[data-state=online]{color:var(--status-online);border-color:color-mix(in srgb,var(--status-online)45%,transparent)}.net-pill[data-state=playing]{color:var(--gold);border-color:color-mix(in srgb,var(--gold)45%,transparent)}.net-pill[data-state=away],.net-pill[data-state=reconnecting]{color:var(--status-away);border-color:color-mix(in srgb,var(--status-away)45%,transparent)}.sidebar-me .who .meta{display:flex;align-items: center;gap:7px}.topbar-actions{display:flex;align-items: center;gap:8px;margin-left:auto}.topbar-search{flex:1;max-width:420px}.topbar .brand-mobile{display:none}.bottom-nav{position:fixed;z-index:60;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--surface)88%,transparent);backdrop-filter:blur(20px)saturate(1.4);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-top:1px solid var(--border);bottom:0;left:0;right:0}.bottom-nav a{display:flex;color:var(--text-3);font-size:calc(10.5px*var(--ts));letter-spacing:.14em;position:relative;transition:color var(--dur-2);flex-direction:column;justify-content:center;align-items: center;gap:4px;font-weight:500}.bottom-nav a svg{transition:transform var(--dur-2)var(--ease-spring);width:22px;height:22px}.bottom-nav a[aria-current=page]{color:var(--gold)}.bottom-nav a[aria-current=page] svg{transform:translateY(-1px)scale(1.06)}.bottom-nav a[aria-current=page]:before{content:"";position:absolute;background:var(--gold-grad);border-radius:2px;width:28px;height:2px;top:0}.bottom-nav a.nav-play .play-orb{display:grid;background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 10px 26px -6px var(--gold-glow),0 0 0 5px var(--bg);border-radius:50%;place-items: center;width:50px;height:50px;margin-top:-22px}.bottom-nav a.nav-play .play-orb svg{width:24px;height:24px}.bottom-nav a.nav-play[aria-current=page]:before{display:none}.bottom-nav .badge-dot{position:absolute;top:8px;left:calc(50% + 6px)}.sidebar{display:none}@media (min-width:1100px){.bottom-nav{display:none}.page{padding-bottom:var(--space-12);padding-left:var(--space-8);padding-right:var(--space-8)}.sidebar{display:flex;position:sticky;width:var(--sidebar-w);padding:var(--space-5)var(--space-4);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface)70%,var(--bg)));border-right:1px solid var(--border);transition:width var(--dur-3)var(--ease-out);z-index:55;flex-direction:column;flex:none;height:100vh;top:0}.sidebar.collapsed{width:var(--sidebar-w-collapsed);padding-left:12px;padding-right:12px}.sidebar-brand{display:flex;border-bottom:1px solid var(--hairline);align-items: center;gap:12px;min-height:64px;margin-bottom:14px;padding:4px 8px 20px}.sidebar-brand .wordmark{font-family:var(--font-display);letter-spacing:.26em;font-size:calc(15px*var(--ts));color:var(--text);white-space:nowrap}.sidebar-brand .wordmark small{display:block;font-family:var(--font-ui);font-size:calc(9.5px*var(--ts));letter-spacing:.3em;color:var(--gold);margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:flex;border-radius:var(--radius-m);color:var(--text-2);font-weight:500;font-size:calc(14px*var(--ts));position:relative;white-space:nowrap;overflow:hidden;transition:background var(--dur-2),color var(--dur-2);align-items: center;gap:14px;height:46px;padding:0 14px}.sidebar nav a svg{flex:none;width:20px;height:20px}.sidebar nav a:hover{background:var(--gold-soft);color:var(--text)}.sidebar nav a[aria-current=page]{background:var(--gold-soft);color:var(--gold)}.sidebar nav a[aria-current=page]:before{content:"";position:absolute;background:var(--gold-grad);border-radius:3px;width:3px;top:10px;bottom:10px;left:0}.sidebar nav a .badge-dot{margin-left:auto}.sidebar .play-cta{margin:18px 0 8px}.sidebar.collapsed .label,.sidebar.collapsed .wordmark,.sidebar.collapsed .play-cta .label,.sidebar.collapsed .sidebar-me .who{display:none}.sidebar.collapsed nav a{justify-content:center;padding:0}.sidebar.collapsed .play-cta{padding:0}.sidebar-foot{display:flex;border-top:1px solid var(--hairline);flex-direction:column;gap:10px;margin-top:auto;padding-top:14px}.sidebar-me{display:flex;border-radius:var(--radius-m);color:var(--text);align-items: center;gap:10px;padding:6px}.sidebar-me:hover{background:var(--gold-soft);color:var(--text)}.sidebar-me .who{min-width:0}.sidebar-me .who .name{font-weight:600;font-size:calc(14px*var(--ts))}.sidebar-me .who .meta{font-size:calc(12px*var(--ts));color:var(--text-3)}.collapse-btn{align-self: flex-start}.sidebar.collapsed .collapse-btn{align-self: center}.topbar-me.mobile-only{display:none}}@media (max-width:1099px){.desktop-only{display:none!important}}@media (min-width:1100px){.mobile-only{display:none!important}}.shell.immersive .bottom-nav,.shell.immersive .topbar{display:none}@media (min-width:1100px){.shell.immersive .topbar{display:none}}.shell.fullscreen .sidebar{display:none}.conn-banner{position:fixed;left:50%;top:calc(var(--safe-top) + 10px);z-index:980;display:flex;background:var(--surface-glass);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:calc(13px*var(--ts));animation:pop-in var(--dur-3)both;border-radius:99px;align-items: center;gap:10px;padding:9px 16px;transform:translate(-50%)}.conn-banner.bad{border-color:color-mix(in srgb,var(--danger)55%,transparent)}.logo-mark{flex:none;width:40px;height:40px}.board-wrap{--frame:1.22%;position:relative;aspect-ratio:1;user-select:none;-webkit-user-select:none;touch-action:none;width:100%;max-width:100%}.board-frame{position:absolute;padding:var(--frame);background-image:linear-gradient(180deg,#ffffff1f,#fff0 22%,#0000 80%,#00000038),var(--frame-img);background-size:100% 100%,60% 100%;border-radius:9px;inset:0;box-shadow:0 24px 48px -20px #000000b3,0 6px 14px -6px #0000008c,0 0 0 1px #0a0603e6,inset 0 1px #ffecc859,inset 0 -1px #00000073}.board-frame:after{content:"";position:absolute;inset:var(--frame);pointer-events:none;border-radius:1px;box-shadow:0 0 0 1px #0a0603e6,0 0 0 2.2px #d6b26eeb,0 0 0 3.2px #180e07d9,0 0 10px 2px #00000059}.board-wrap.theme-classic .board-frame{background:linear-gradient(#ffe8c421,#ffe8c400 16%,#0000 78%,#0000004d),linear-gradient(125deg,#34231a 0%,#22160f 38%,#2d1e14 62%,#170e09 100%);border-radius:8px;box-shadow:0 24px 48px -20px #000000c7,0 6px 14px -6px #0009,0 0 0 1px #0c0704,inset 0 1px #eccc9c80,inset 0 -1px #0009,inset 1px 0 #b48c642e,inset -1px 0 #b48c642e}.board-wrap.theme-classic .board-sheen{opacity:.5}.coords-in{position:absolute;pointer-events:none;font-family:var(--font-ui);font-size:max(8px,2.25cqw);font-weight:600;line-height:1;inset:0}.coords-in span{position:absolute;display:flex;width:12.5%;height:12.5%}.coords-in .cf{justify-content:flex-end;align-items: flex-end;padding:0 .7% .5% 0;bottom:0}.coords-in .cr{justify-content:flex-start;align-items: flex-start;padding:.55% 0 0 .7%;left:0}.coords-in .on-light{color:#5c3a1cd1}.coords-in .on-dark{color:#f4e2c2d1}.board-wrap.no-frame .board-frame{background:0 0;padding:0;box-shadow:0 20px 50px -20px #0009}.board-wrap.no-frame .board-frame:after{display:none}.board{position:relative;outline:none;width:100%;height:100%}.board:focus-visible{box-shadow:0 0 0 3px var(--gold);border-radius:2px}.board-squares{position:absolute;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden;border-radius:2px;inset:0}.sq{position:relative;background-position:50%;background-size:cover}.sq:after{content:"";position:absolute;pointer-events:none;inset:0;box-shadow:inset 0 0 0 .5px #00000024,inset 1px 1px #ffffff0d}.board-sheen{position:absolute;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(120% 90% at 30% 10%,#ffffff1a,#0000 55%),linear-gradient(#ffffff0a,#00000014);inset:0}.board-marks{position:absolute;pointer-events:none;inset:0}.mark{position:absolute;width:12.5%;height:12.5%}.mark.last{background:#deba606b;box-shadow:inset 0 0 0 1px #ffe29640}.theme-natural .mark.last{box-shadow:none;background:#595c23f0}.mark.check{background:radial-gradient(circle,#ff4632f2 0%,#e6281e8c 35%,#c8141400 72%)}.mark.hint{background:#6eb4ff52}.mark.cursor{box-shadow:inset 0 0 0 3px var(--gold)}.mark.dot:before,.mark.capture:before,.mark.selected:before{content:"";position:absolute;background:50%/100% 100% no-repeat;width:96%;height:96%;top:50%;left:50%;transform:translate(-50%,-50%)}.mark.dot:before{filter:drop-shadow(0 1px 1px #0003);background-image:url(/assets/marks/move-star.svg);width:94%;height:94%}.mark.capture:before{filter:drop-shadow(0 0 2px #ff561473);background-image:url(/assets/marks/capture-ring.svg)}.mark.selected:before{background-image:url(/assets/marks/select-ring.svg)}.mark.capture:before,.mark.selected:before{transform:translate(-50%,-50%)scaleY(var(--ring-sy,1));animation:ring-spin var(--ring-turn,16s)linear infinite}@keyframes ring-spin{0%{transform:translate(-50%,-50%)scaleY(var(--ring-sy,1))rotate(0deg)}to{transform:translate(-50%,-50%)scaleY(var(--ring-sy,1))rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.mark.capture:before,.mark.selected:before{animation:none}}.board-wrap.view-25d .mark.capture:before,.board-wrap.view-25d .mark.selected:before{top:var(--foot-y,53%)}.board-wrap.view-25d.view-275d{--ring-sy:.588}.board-wrap.view-275d .mark.capture:before,.board-wrap.view-275d .mark.selected:before{top:var(--foot-y,68%);width:84%;height:84%}.board-wrap{container-type:inline-size}.pieces{position:absolute;pointer-events:none;inset:0}.piece{position:absolute;will-change:transform;transform:translate(calc(var(--x)*100%),calc(var(--y)*var(--py,80%)));transition:transform var(--piece-anim,.22s)cubic-bezier(.45,.05,.35,1),opacity .18s ease;z-index:calc(10 + var(--y));width:12.5%;height:15.625%;top:-5.078%;left:0}.piece img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;transform:scale(var(--piece-scale,1.1));transform-origin:50% 79%;filter:drop-shadow(0 1px 1px #0003);width:100%;height:100%}.pieces.no-anim .piece,.piece.no-anim{transition:none!important}.piece.fading{opacity:0;transform:translate(calc(var(--x)*100%),calc(var(--y)*var(--py,80%)))scale(.85)}.piece.lifted img{transform:scale(var(--piece-scale,1.1))translateY(-4%);filter:drop-shadow(0 8px 8px #00000059);transition:transform .14s,filter .14s}.board.can-move{cursor:pointer}.board-wrap.view-25d{--piece-scale:1;--ring-sy:.848}.board-wrap.view-25d .board-frame:after{box-shadow:0 0 0 1px #20181099,0 0 6px #00000040}.board-wrap.view-25d .piece{top:var(--sp-top,-6.656%);height:var(--sp-h,18.75%);--py:var(--sp-py,66.6667%)}.board-wrap.view-25d .piece img{filter:none;transform-origin:50% var(--sp-foot,70.83%)}.board-wrap.view-25d .piece.lifted img{transform:scale(var(--piece-scale,1));filter:none}.board3d{position:relative;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;-webkit-tap-highlight-color:transparent;width:100%;max-width:100%}.board3d canvas{position:absolute;display:block;width:100%;height:100%;inset:0}.board3d.can-move{cursor:pointer}.board3d:focus-visible{box-shadow:0 0 0 3px var(--gold);border-radius:6px}.board3d-veil{position:absolute;display:flex;font-size:calc(11px*var(--ts));letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);pointer-events:none;flex-direction:column;justify-content:center;align-items: center;gap:14px;inset:0}.board3d-veil:before{content:"";border:2px solid #d6b47433;border-top-color:var(--gold);animation:.9s linear infinite spin;border-radius:50%;width:34px;height:34px}.promo3d{position:absolute;z-index:120;display:flex;background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);box-shadow:var(--shadow-3);animation:.16s both pop-in;border-radius:16px;gap:4px;width:max-content;margin:0 auto;padding:8px;bottom:9%;left:0;right:0}.promo3d button{background:0 0;border:0;border-radius:12px;width:58px;height:72px;padding:4px}.promo3d button:hover{background:var(--gold-soft)}.promo3d button:focus-visible{background:var(--gold-soft)}.promo3d img{object-fit:contain;width:100%;height:100%}.arrows{position:absolute;pointer-events:none;z-index:60;inset:0}.promo{position:absolute;z-index:120;display:flex;background:var(--surface-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-strong);box-shadow:var(--shadow-3);overflow:hidden;animation:.16s both pop-in;border-radius:10px;flex-direction:column;width:12.5%}.promo button{aspect-ratio:1;display:grid;background:0 0;border:0;place-items: center;padding:4%}.promo button:hover{background:var(--gold-soft)}.promo button:focus-visible{background:var(--gold-soft)}.promo button img{object-fit:contain;object-position:50% 80%;width:100%;height:125%;margin-top:-25%}.promo-backdrop{position:absolute;z-index:110;background:#00000059;inset:0}.confirm-move{position:absolute;z-index:130;display:flex;background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);font-size:calc(13px*var(--ts));animation:.16s both pop-in;border-radius:99px;align-items: center;gap:8px;padding:8px 10px 8px 16px;bottom:3%;left:50%;transform:translate(-50%)}.board-overlay{position:absolute;z-index:140;display:grid;pointer-events:none;place-items: center;inset:0}.pbar{display:flex;border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--border);box-shadow:var(--inner-hi);position:relative;align-items: center;gap:10px;min-height:56px;padding:8px 10px}.pbar.active{border-color:var(--border-strong)}.pbar .who{flex:1;min-width:0}.pbar .name{font-weight:600;font-size:calc(14px*var(--ts));display:flex;align-items: center;gap:6px}.pbar .name .ellipsis{max-width:100%}.pbar .sub{font-size:calc(12px*var(--ts));color:var(--text-3);display:flex;align-items: center;gap:6px;min-height:18px}.pbar .rating{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.pbar .conn-warn{color:var(--danger);font-size:calc(11.5px*var(--ts));display:inline-flex;align-items: center;gap:4px}@media (max-width:699px){.cx-screen .pbar,.og-phone .pbar{box-shadow:none;border-radius:var(--radius-s);background:0 0;border-color:#0000;gap:9px;min-height:46px;padding:3px 6px 3px 10px}.cx-screen .pbar:before,.og-phone .pbar:before{content:"";position:absolute;background:var(--gold-grad);opacity:0;transition:opacity var(--dur-2);border-radius:3px;width:3px;top:8px;bottom:8px;left:1px}.cx-screen .pbar.active:before,.og-phone .pbar.active:before{opacity:1}.cx-screen .pbar .name,.og-phone .pbar .name{font-size:calc(14.5px*var(--ts))}}.captured{display:flex;align-items: center;min-height:20px}.captured img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000059);width:19px;height:24px;margin-right:-7px}.captured .group{display:flex;margin-right:8px}.captured .adv{font-size:calc(12px*var(--ts));color:var(--text-2);margin-left:6px;font-weight:600}.clock{display:grid;font-family:var(--font-ui);font-weight:600;font-size:calc(22px*var(--ts));font-variant-numeric:tabular-nums;letter-spacing:.02em;background:var(--surface-3);color:var(--text-3);border:1px solid var(--border);border-radius:12px;place-items: center;min-width:96px;height:44px;padding:0 14px;transition:all .2s}.clock.running{background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 6px 20px -6px var(--gold-glow);border-color:#0000}.clock.low{color:#fff;background:linear-gradient(135deg,#e0715f,#a93b2b);border-color:#0000}.clock.low.running{animation:1s ease-in-out infinite low-pulse}.clock.idle{opacity:.8}@keyframes low-pulse{50%{box-shadow:0 0 0 6px #e0715f33}}.movelist{display:grid;grid-template-columns:44px 1fr 1fr;font-size:calc(13.5px*var(--ts));overflow-y:auto;font-variant-numeric:tabular-nums;align-content: start}.movelist .num{color:var(--text-3);background:var(--surface-2);padding:6px 0 6px 12px}.movelist button{text-align:left;color:var(--text);background:0 0;border:0;border-radius:6px;padding:6px 10px;font-weight:500}.movelist button:hover{background:var(--gold-soft)}.movelist button[aria-current=true]{background:var(--gold-soft);color:var(--gold);box-shadow:inset 0 0 0 1px var(--border-strong)}.movestrip{display:flex;overflow-x:auto;scrollbar-width:none;font-size:calc(13px*var(--ts));font-variant-numeric:tabular-nums;gap:2px;padding:6px 4px}.movestrip::-webkit-scrollbar{display:none}.movestrip .num{color:var(--text-3);padding:4px 2px 4px 8px}.movestrip button{white-space:nowrap;color:var(--text-2);background:0 0;border:0;border-radius:6px;padding:4px 8px;font-weight:500}.movestrip button[aria-current=true]{background:var(--gold-soft);color:var(--gold)}.gold{color:var(--gold)}.small{font-size:calc(12.5px*var(--ts))}.center-text{text-align:center}.dot-sep{display:inline-block;opacity:.45;vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin:0 2px}.spinner.sm{border-width:2px;width:14px;height:14px}.back-link{display:inline-flex;color:var(--text-3);font-size:calc(12px*var(--ts));letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;align-items: center;gap:6px;margin-bottom:6px;padding:4px 0}.back-link:hover{color:var(--gold)}.inline-note{display:flex;border-radius:var(--radius-m);background:var(--gold-soft);color:var(--text-2);font-size:calc(13px*var(--ts));border:1px solid var(--border);align-items: center;gap:8px;padding:10px 12px}.inline-note svg{color:var(--gold);flex:none}.tc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tc-tile{position:relative;display:flex;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);color:var(--text);box-shadow:var(--inner-hi);transition:border-color var(--dur-2),background var(--dur-2),transform var(--dur-1)var(--ease-out),box-shadow var(--dur-2);touch-action:manipulation;flex-direction:column;justify-content:center;align-items: center;gap:4px;min-height:78px;padding:10px 6px}.tc-tile:hover{border-color:var(--border-strong);background:var(--surface-3)}.tc-tile:active{transform:scale(.97)}.tc-tile[aria-checked=true]{border-color:var(--gold);background:linear-gradient(180deg,var(--gold-soft),transparent 90%),var(--surface-2);box-shadow:0 0 0 1px var(--gold)inset,0 8px 22px -12px var(--gold-glow)}.tc-tile[aria-checked=true] .tc-tile-value{color:var(--gold)}.tc-tile-value{font-size:calc(23px*var(--ts));letter-spacing:.01em;white-space:nowrap;font-weight:600;line-height:1.1}.tc-tile-value svg{color:var(--text-2);width:22px;height:22px}.tc-tile-cat{display:inline-flex;font-size:calc(10.5px*var(--ts));letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);align-items: center;gap:4px;font-weight:500}.tc-tile-cat svg{width:12px;height:12px}.tc-tile-custom{grid-column:span 2;flex-direction:row;gap:10px}.tc-picker.compact .tc-grid{gap:8px}.tc-picker.compact .tc-tile{min-height:62px}.tc-picker.compact .tc-tile-value{font-size:calc(19px*var(--ts))}.tc-grid.no-custom{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:560px){.tc-grid{gap:7px}.tc-tile{container-type:inline-size;border-radius:12px;min-height:64px;padding:8px 2px}.tc-tile-value{font-size:min(calc(19px*var(--ts)),31cqi)}.tc-tile-cat{font-size:min(calc(8.5px*var(--ts)),16cqi);letter-spacing:.08em;gap:3px}.tc-tile-cat svg{display:none}.tc-grid.no-custom .tc-tile-value{font-size:min(calc(18px*var(--ts)),31cqi)}}.tc-custom{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-l);background:var(--surface-2);border:1px solid var(--border);animation:pop-in var(--dur-3)var(--ease-out)both;gap:14px;margin-top:16px;padding:16px}.tc-custom-summary{grid-column:1/-1;display:flex;color:var(--text-2);font-size:calc(13.5px*var(--ts));border-top:1px solid var(--hairline);justify-content:center;align-items: center;gap:8px;padding-top:4px}.tc-custom-summary svg{color:var(--gold);width:16px;height:16px}.tc-custom-summary b{color:var(--text);font-size:calc(15px*var(--ts))}@media (max-width:520px){.tc-custom{grid-template-columns:1fr}}.tc-stepper{display:flex;flex-direction:column;gap:8px;min-width:0}.tc-stepper-row{display:flex;align-items: center;gap:10px}.tc-stepper-row .icon-btn{width:44px;height:44px}.tc-stepper-row .icon-btn:disabled{opacity:.35;pointer-events:none}.tc-stepper-value{text-align:center;display:flex;flex:1;justify-content:center;align-items:baseline;gap:6px}.tc-stepper-value .display{font-size:calc(30px*var(--ts));color:var(--text);font-weight:600}.tc-stepper-value small{font-size:calc(12px*var(--ts));color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}.tc-range{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.tc-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--gold)var(--pct),var(--surface-3)var(--pct));border-radius:4px;height:4px}.tc-range::-moz-range-track{background:linear-gradient(90deg,var(--gold)var(--pct),var(--surface-3)var(--pct));border-radius:4px;height:4px}.tc-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold-grad);border:2px solid var(--surface);border-radius:50%;width:20px;height:20px;margin-top:-8px;box-shadow:0 2px 8px #00000059}.tc-range::-moz-range-thumb{background:var(--gold-grad);border:2px solid var(--surface);border-radius:50%;width:18px;height:18px}.tc-range:focus-visible{outline:none}.tc-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--gold-soft)}.color-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-opt{display:flex;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);transition:all var(--dur-2);flex-direction:column;align-items: center;gap:4px;min-height:44px;padding:10px 6px}.color-opt:hover{border-color:var(--border-strong)}.color-opt[aria-checked=true]{border-color:var(--gold);color:var(--gold);background:linear-gradient(180deg,var(--gold-soft),transparent),var(--surface-2);box-shadow:0 0 0 1px var(--gold)inset}.color-opt-art{display:flex;justify-content:center;align-items: flex-end;height:46px}.color-opt-art img{object-fit:contain;filter:drop-shadow(0 3px 4px #00000059);width:40px;height:50px}.color-opt-split{display:flex}.color-opt-split img{width:32px;height:44px}.color-opt-split img+img{margin-left:-12px}.color-opt-label{font-size:calc(12.5px*var(--ts));letter-spacing:.06em;font-weight:500}.play-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-end;gap:16px;margin-bottom:20px}.live-counts{display:inline-flex;background:var(--surface);border:1px solid var(--border);font-size:calc(13px*var(--ts));color:var(--text-2);box-shadow:var(--inner-hi);border-radius:99px;align-items: center;gap:8px;height:38px;padding:0 16px}.live-counts b{color:var(--text);font-weight:600}.live-count{display:inline-flex;align-items: center;gap:6px}.live-dot{background:var(--status-online);box-shadow:0 0 0 0 color-mix(in srgb,var(--status-online)60%,transparent);animation:2s ease-out infinite live-pulse;border-radius:50%;width:8px;height:8px}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--status-online)55%,transparent)}to{box-shadow:0 0 0 9px #0000}}.continue-banner{display:flex;border-radius:var(--radius-l);border:1px solid var(--gold);background:linear-gradient(100deg,var(--gold-soft),transparent 70%),var(--surface);box-shadow:0 12px 30px -18px var(--gold-glow);position:relative;animation:pop-in var(--dur-3)var(--ease-out)both;align-items: center;gap:14px;margin-bottom:18px;padding:14px 16px}.continue-title{font-weight:600}.continue-pulse{position:absolute;background:var(--gold-grad);border-radius:3px;width:3px;top:16px;bottom:16px;left:-1px}@media (max-width:560px){.continue-banner{flex-wrap:wrap}.continue-banner .btn{width:100%}}.play-grid{display:grid;grid-template-columns:minmax(0,1.35fr)minmax(0,1fr);align-items: start;gap:20px}@media (max-width:1099px){.play-grid{grid-template-columns:1fr}}.qm-card{padding:22px}.qm-head{display:flex;align-items: center;gap:14px;margin-bottom:18px}.qm-icon{display:grid;background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 10px 24px -10px var(--gold-glow);border-radius:14px;flex:none;place-items: center;width:46px;height:46px}.qm-icon svg{width:22px;height:22px}.qm-foot{display:flex;align-items: center;gap:14px;margin-top:18px}.qm-foot .segmented{flex:none}.qm-cta{flex:1;min-width:0}.qm-cta .btn{letter-spacing:.08em}@media (max-width:699px){.qm-card{padding:18px 16px}.qm-foot{flex-direction:column;align-items:stretch}.qm-foot .segmented{display:flex;width:100%}.qm-foot .segmented button{flex:1;justify-content:center}.qm-cta{position:sticky;bottom:calc(var(--nav-h) + var(--safe-bottom) + 10px);z-index:5}.qm-cta .btn{box-shadow:0 14px 30px -10px var(--gold-glow),0 10px 24px -8px #00000080}}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:1099px) and (min-width:700px){.mode-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.mode-grid{grid-template-columns:1fr;gap:10px}}.mode-tile{position:relative;display:flex;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:left;box-shadow:var(--shadow-1),var(--inner-hi);transition:transform var(--dur-2)var(--ease-out),border-color var(--dur-2),background var(--dur-2);flex-direction:column;align-items: flex-start;gap:12px;min-height:128px;padding:16px}a.mode-tile:hover,button.mode-tile:hover{border-color:var(--border-strong);color:var(--text);transform:translateY(-2px)}.mode-tile:active{transform:scale(.98)}.mode-icon{display:grid;background:var(--gold-soft);color:var(--gold);border:1px solid var(--border);border-radius:12px;place-items: center;width:42px;height:42px}.mode-icon svg{width:22px;height:22px}.mode-icon.img{box-shadow:0 0 16px -4px var(--gold-glow),0 6px 12px -6px #000000b3;background:0 0;border:0;border-radius:50%}.mode-icon.img img{display:block;width:100%;height:100%}.mode-text{display:flex;flex-direction:column;gap:3px;min-width:0}.mode-title{font-weight:600;font-size:calc(15px*var(--ts));display:flex;flex-wrap:wrap;align-items: center;gap:8px}.mode-desc{font-size:calc(12.5px*var(--ts));color:var(--text-3);line-height:1.4}.mode-chev{position:absolute;color:var(--text-3);transition:transform var(--dur-2),color var(--dur-2);width:18px;height:18px;top:18px;right:14px}.mode-tile:hover .mode-chev{color:var(--gold);transform:translate(2px)}.mode-tile.disabled{opacity:.62;cursor:default;box-shadow:none;background:0 0;border-style:dashed}.mode-tile.disabled .mode-icon{background:var(--surface-2);color:var(--text-3)}@media (max-width:480px){.mode-tile{flex-direction:row;align-items: center;min-height:72px;padding:14px 44px 14px 14px}.mode-chev{top:50%;transform:translateY(-50%)}.mode-tile:hover .mode-chev{transform:translate(2px,-50%)}}.play-main{display:flex;flex-direction:column;gap:20px;min-width:0}.lobby-card{margin-top:20px}.play-main .lobby-card{margin-top:0}.lobby-list{display:flex;flex-direction:column;gap:8px}.lobby-row{display:flex;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--hairline);animation:pop-in var(--dur-3)var(--ease-out)both;align-items: center;gap:12px;padding:10px 12px}.lobby-name{font-weight:600;font-size:calc(14px*var(--ts));max-width:180px}.lobby-meta{display:flex;font-size:calc(12px*var(--ts));color:var(--text-3);flex-wrap:wrap;gap:4px 12px;margin-top:2px}.lobby-meta span{display:inline-flex;align-items: center;gap:4px}.lobby-empty{display:flex;border-radius:var(--radius-m);border:1px dashed var(--border);color:var(--gold);align-items: center;gap:16px;padding:18px}.lobby-empty-title{color:var(--text);font-weight:500}.custom-modal .modal-actions{flex-wrap:wrap}.fp-list{overflow:auto;border-top:1px solid var(--hairline);max-height:min(56vh,480px);margin:16px -24px 0}.fp-row{color:inherit;font:inherit;background:0 0;border:0;width:100%;padding-left:24px;padding-right:24px}.fp-row:disabled{opacity:.5;cursor:default}.fp-row:disabled:hover{background:0 0}.fp-row .fp-invite{pointer-events:none}.fp-row:not(:disabled):hover .fp-invite{border-color:var(--gold);color:var(--gold)}.fp-fav{color:var(--gold);display:inline-flex}.fp-private{display:block;border:1px dashed var(--border);border-radius:var(--radius-m);color:var(--text-3);font-size:calc(13px*var(--ts));background:0 0;width:100%;margin-top:14px;padding:12px}.fp-private b{color:var(--gold);font-weight:500}.fp-private:hover{border-color:var(--gold)}.invite-modal{width:min(520px,100%)}.inv-head{display:flex;flex-direction:column;align-items: center;gap:6px;margin:14px 0 18px}.inv-head-name{font-size:calc(22px*var(--ts));display:flex;align-items: center;gap:8px;font-weight:600}.inv-head-meta{display:flex;font-size:calc(13px*var(--ts));align-items: center;gap:8px}.inv-pulse .avatar-mono,.inv-pulse .avatar-img{animation:1.6s ease-out infinite pulse-ring}.inv-body{display:flex;flex-direction:column;gap:12px}.inv-body>.field-label{margin-top:4px;margin-bottom:-4px}.inv-row{display:flex;gap:12px}.inv-wait-title{font-size:calc(20px*var(--ts));font-weight:600}.inv-result-icon{display:grid;background:var(--gold-soft);color:var(--gold);border:1px solid var(--border-strong);border-radius:50%;place-items: center;width:56px;height:56px;margin:4px auto 0}.inv-result-icon.bad{background:var(--danger-soft);color:var(--danger)}.inv-result-icon svg{width:26px;height:26px}.expiry{display:flex;align-items: center;gap:10px;width:100%}.expiry-track{background:var(--surface-3);overflow:hidden;border-radius:4px;flex:1;height:4px}.expiry-fill{background:var(--gold-grad);border-radius:4px;height:100%;transition:width .2s linear}.expiry-fill.low{background:linear-gradient(90deg,var(--danger),var(--warn))}.expiry-text{font-size:calc(12px*var(--ts));color:var(--text-3);text-align:right;min-width:34px}.invite-stack{position:fixed;z-index:940;right:20px;top:calc(var(--safe-top) + 20px);display:flex;pointer-events:none;flex-direction:column;gap:12px;width:min(390px,100vw - 24px)}@media (max-width:1099px){.invite-stack{top:auto;right:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px);transform:translate(50%)}.shell.immersive~.invite-stack,body.dc-fs .invite-stack{bottom:calc(var(--safe-bottom) + 12px)}}.invite-card{pointer-events:auto;position:relative;overflow:hidden;border-radius:var(--radius-xl);background:var(--surface-glass);border:1px solid var(--gold);box-shadow:var(--shadow-3),0 0 0 1px #0003,0 18px 40px -20px var(--gold-glow);backdrop-filter:blur(20px)saturate(1.3);-webkit-backdrop-filter:blur(20px)saturate(1.3);animation:invite-in .42s var(--ease-spring)both;padding:16px 16px 14px}@keyframes invite-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}.invite-card-glow{position:absolute;background:radial-gradient(closest-side,var(--gold-glow),transparent);opacity:.5;pointer-events:none;height:120px;inset:-40% -20% auto}.invite-card.closed{border-color:var(--border-strong);opacity:.92}.invite-card-top{position:relative;display:flex;justify-content:space-between;align-items: center;margin:-4px -6px 8px 0}.invite-card-main{position:relative;display:flex;align-items: center;gap:14px}.invite-card-title{font-size:calc(15px*var(--ts));line-height:1.35}.invite-card-title b{font-family:var(--font-display);font-size:calc(16.5px*var(--ts));font-weight:600}.invite-card-meta{display:flex;font-size:calc(13px*var(--ts));align-items: center;gap:8px;margin-top:4px}.invite-card-chips{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.invite-card-chips .chip{font-size:calc(12px*var(--ts));height:28px;padding:0 10px}.invite-card-chips .chip svg{color:var(--gold)}.invite-card-actions{position:relative;display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px}.invite-card-msg{position:relative;text-align:center;border-radius:var(--radius-m);background:var(--surface-2);color:var(--text-2);font-size:calc(13.5px*var(--ts));padding:10px}.mm-screen{position:relative;min-height:100vh;display:grid;padding:calc(var(--safe-top) + 24px)20px calc(var(--safe-bottom) + 24px);overflow:hidden;place-items: center;min-height:100dvh}.mm-bg{position:absolute;pointer-events:none;background:radial-gradient(60% 50% at 50% 38%,var(--gold-soft),transparent 70%),radial-gradient(90% 70% at 50% 110%,var(--surface-2),transparent 70%);inset:0}.mm-inner{position:relative;display:flex;text-align:center;animation:page-in var(--dur-3)var(--ease-out)both;flex-direction:column;align-items: center;gap:14px;width:min(560px,100%)}.mm-back{position:absolute;top:calc(var(--safe-top) + 14px);z-index:2;left:14px}.mm-title{font-size:calc(clamp(24px,4.5vw,34px)*var(--ts));font-weight:600}.mm-dots i{animation:1.4s infinite mm-dot;opacity:.2;font-style:normal}.mm-dots i:nth-child(2){animation-delay:.2s}.mm-dots i:nth-child(3){animation-delay:.4s}@keyframes mm-dot{30%{opacity:1}60%{opacity:.2}}.mm-radar{position:relative;display:grid;place-items: center;width:210px;height:210px;margin-bottom:10px}.mm-radar .ring{position:absolute;border:1px solid var(--border-strong);animation:mm-ring 3s var(--ease-out)infinite;opacity:0;border-radius:50%;inset:0}.mm-radar .r2{animation-delay:1s}.mm-radar .r3{animation-delay:2s}@keyframes mm-ring{0%{transform:scale(.45);opacity:.9}to{transform:scale(1.12);opacity:0}}.mm-orbit{position:absolute;border:1px dashed var(--border);animation:6s linear infinite spin;border-radius:50%;inset:18px}.mm-orbit-dot{position:absolute;background:var(--gold-grad);box-shadow:0 0 14px var(--gold-glow);border-radius:50%;width:10px;height:10px;margin-left:-5px;top:-5px;left:50%}.mm-core{position:relative;display:grid;background:radial-gradient(circle at 35% 30%,var(--surface-3),var(--surface));border:1px solid var(--gold);box-shadow:0 0 0 6px var(--gold-soft),0 24px 50px -20px var(--gold-glow),var(--inner-hi);border-radius:50%;place-items: center;width:112px;height:112px}.mm-core img{position:absolute;transform:translate(-50%,var(--cy,-72%));filter:drop-shadow(0 6px 8px #0006);animation:3s ease-in-out infinite mm-bob;width:auto;top:50%;left:50%}@keyframes mm-bob{50%{translate:0 -4px}}.mm-tc{display:inline-flex;background:var(--surface);border:1px solid var(--border-strong);color:var(--text-2);font-size:calc(13.5px*var(--ts));box-shadow:var(--inner-hi);border-radius:99px;align-items: center;gap:10px;height:42px;padding:0 18px}.mm-tc svg{color:var(--gold);width:17px;height:17px}.mm-tc .display{font-size:calc(19px*var(--ts));color:var(--text);font-weight:600}.mm-tc-sep{background:var(--border-strong);width:1px;height:18px}.mm-stats{display:flex;align-items: center;gap:28px;margin:10px 0 4px}.mm-stats .stat{align-items: center}.mm-stats-sep{background:var(--hairline);width:1px;height:36px}.mm-offered{display:inline-flex;font-size:calc(12.5px*var(--ts));color:var(--text-2);background:var(--gold-soft);border:1px solid var(--border);border-radius:99px;align-items: center;gap:7px;margin:0;padding:6px 12px}.mm-offered svg,.mm-offered b{color:var(--gold)}.mm-tip{font-size:calc(13.5px*var(--ts));animation:.6s both fade-in;max-width:380px;min-height:44px}.mm-cancel{min-width:200px}.mm-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}.mm-error-icon{display:grid;background:var(--gold-soft);color:var(--gold);border:1px solid var(--border-strong);border-radius:50%;place-items: center;width:72px;height:72px}.mm-error-icon svg{width:32px;height:32px}.vs{display:grid;grid-template-columns:1fr auto 1fr;align-items: center;gap:12px;width:100%;margin:18px 0 8px}.vs-side{display:flex;flex-direction:column;align-items: center;gap:6px;min-width:0}.vs-side.left{animation:vs-left .6s var(--ease-out)both}.vs-side.right{animation:vs-right .6s var(--ease-out)both}@keyframes vs-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes vs-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.vs-name{font-size:calc(19px*var(--ts));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px;font-weight:600}.vs-meta{display:flex;font-size:calc(14px*var(--ts));align-items: center;gap:6px}.vs-color{display:inline-flex;font-size:calc(11.5px*var(--ts));letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);align-items: center;gap:4px}.vs-color img{object-fit:contain;width:18px;height:22px}.vs-mid{position:relative;display:grid;animation:pop-in .5s .25s var(--ease-spring)both;place-items: center;width:64px;height:64px}.vs-mid:before{content:"";position:absolute;border:1px solid var(--gold);background:var(--surface);box-shadow:0 0 30px var(--gold-glow);border-radius:14px;inset:0;transform:rotate(45deg)}.vs-mid span{position:relative;font-size:calc(22px*var(--ts));letter-spacing:.06em;background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}@media (max-width:480px){.vs .avatar{--size:84px!important}.vs-name{font-size:calc(16px*var(--ts))}}.mm-count{display:flex;flex-direction:column;align-items: center;gap:2px;margin-top:12px}.mm-count-num{font-size:calc(76px*var(--ts));animation:count-pop .9s var(--ease-out)both;background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600;line-height:1}@keyframes count-pop{0%{opacity:0;transform:scale(1.6)}25%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:.2;transform:scale(.9)}}.private-grid{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(0,1fr);align-items: start;gap:20px}@media (max-width:899px){.private-grid{grid-template-columns:1fr}}.private-side{display:flex;flex-direction:column;gap:16px}.private-side .card-title{margin-bottom:0!important}.private-facts{list-style:none;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--hairline);display:flex;font-size:calc(13.5px*var(--ts));color:var(--text-2);flex-direction:column;gap:8px;margin:0;padding:14px}.private-facts li{display:flex;align-items: center;gap:10px}.private-facts svg{color:var(--gold);flex:none}.link-card{display:flex;text-align:center;animation:pop-in var(--dur-3)var(--ease-out)both;flex-direction:column;align-items: center;gap:14px;max-width:620px;margin:0 auto;padding:32px 24px 20px}.link-card-seal{display:grid;background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 0 0 6px var(--gold-soft),0 16px 34px -14px var(--gold-glow);border-radius:50%;place-items: center;width:64px;height:64px}.link-card-seal svg{width:28px;height:28px}.link-card-title{font-size:calc(24px*var(--ts));font-weight:600}.link-box{width:100%}.link-input{text-align:center;font-family:var(--font-mono);font-size:calc(14px*var(--ts));letter-spacing:.02em;color:var(--gold)}.link-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.link-actions .btn{min-width:150px}.link-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.link-meta .chip svg{color:var(--gold)}.link-wait{display:flex;color:var(--text-2);font-size:calc(14px*var(--ts));background:var(--surface-2);border:1px solid var(--hairline);border-radius:99px;align-items: center;gap:10px;padding:12px 16px}.link-wait .spinner{width:16px;height:16px}.link-foot{display:flex;gap:8px;margin-top:6px}.open-in-app{position:fixed;z-index:960;left:10px;right:10px;top:calc(var(--safe-top) + 10px);display:flex;border-radius:var(--radius-l);border:1px solid var(--gold);box-shadow:0 14px 34px -12px #000c,0 0 30px -10px var(--gold-glow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#16130ff5;align-items: center;gap:10px;padding:10px 10px 10px 12px}.open-in-app img{border-radius:10px;flex:none;width:40px;height:40px}.open-in-app .grow{display:flex;font-size:calc(13px*var(--ts));color:var(--text-2);flex-direction:column;min-width:0;line-height:1.3}.open-in-app b{color:var(--text);font-weight:600}.join-page{display:grid;grid-template-columns:minmax(0,1fr);min-height:calc(100dvh - var(--topbar-h) - var(--nav-h));place-items: center}.join-card{display:flex;text-align:center;animation:pop-in var(--dur-3)var(--ease-out)both;flex-direction:column;align-items: center;gap:12px;width:min(520px,100%);padding:32px 24px 24px}.join-title{font-size:calc(22px*var(--ts));font-weight:500;line-height:1.3}.join-title b{font-weight:600}.join-meta{display:flex;font-size:calc(13.5px*var(--ts));align-items: center;gap:8px}.join-facts{display:flex;text-align:left;flex-direction:column;gap:8px;width:100%;margin:8px 0 4px}.join-fact{display:flex;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--hairline);align-items: center;gap:14px;padding:12px 14px}.join-fact>svg{color:var(--gold);flex:none;width:22px;height:22px}.join-fact>img{object-fit:contain;flex:none;width:26px;height:32px}.join-fact div{display:flex;flex-direction:column}.join-fact b{font-weight:600;font-size:calc(14.5px*var(--ts))}.join-fact span{font-size:calc(12.5px*var(--ts));color:var(--text-3)}.join-actions{display:flex;gap:10px;width:100%;margin-top:8px}.join-actions>*{flex:auto}@media (max-width:480px){.join-actions{flex-direction:column-reverse}}.join-msg-icon{display:grid;background:var(--gold-soft);color:var(--gold);border:1px solid var(--border-strong);border-radius:50%;place-items: center;width:64px;height:64px}.join-msg-icon svg{width:28px;height:28px}.og{position:relative;height:100vh;color:var(--text);height:100dvh}.og-loading,.og-missing{display:grid;place-content: center;justify-items:center;gap:14px;min-height:100dvh}.og-missing-card{text-align:center;display:flex;flex-direction:column;align-items: center;gap:12px;max-width:440px;padding:32px 24px}.og-missing-card>svg{color:var(--gold);width:40px;height:40px}.og-missing-card h1{font-size:calc(24px*var(--ts))}.og-title{display:flex;text-align:center;flex-direction:column;flex:1;align-items: center;min-width:0;line-height:1.2}.og-title-main{display:inline-flex;font-family:var(--font-display);font-weight:600;font-size:calc(16px*var(--ts));white-space:nowrap;align-items: center;gap:6px}.og-title-main svg{color:var(--gold)}.og-title-sub{font-size:calc(10.5px*var(--ts));letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.og-head-actions{display:flex;gap:6px}.og-board-area{position:relative;display:grid;flex:1 1 0;place-items: center;min-width:0;min-height:0}.og-board{position:relative}.og-core{display:flex;flex-direction:column;flex:1 1 0;justify-content:center;gap:6px;min-width:0;min-height:0}.og-core>.og-board-area{flex:none}.og-board.browsing .board-frame{box-shadow:0 0 0 2px var(--info),0 30px 60px -18px #000000a6}.og.offline .og-board .board{filter:saturate(.6)brightness(.85)}.og-offline-veil{position:absolute;z-index:150;display:inline-flex;background:var(--surface-glass);border:1px solid var(--border-strong);font-size:calc(13px*var(--ts));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:99px;align-items: center;gap:8px;padding:7px 14px;top:10px;left:50%;transform:translate(-50%)}body:has(.og) .conn-banner{display:none}.og-offline-veil{white-space:nowrap}.og.offline .clock{opacity:.45;filter:grayscale(.7);animation:none!important}.og-countdown{display:flex;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f2ece1;background:#0c0a08b8;border:1px solid #d6b47473;border-radius:26px;flex-direction:column;align-items: center;gap:4px;padding:22px 34px;box-shadow:0 20px 50px #00000080}.og-countdown-label{font-size:calc(11px*var(--ts));letter-spacing:.24em;text-transform:uppercase;color:#cdb88f}.og-countdown-num{background:linear-gradient(135deg,#f0d79c 0%,#d4af6a 42%,#a8843f 100%);color:#0000;animation:count-pop 1s var(--ease-out)both;-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,12cqw,110px);font-weight:600;line-height:1}.og .pbar{background:var(--surface)}.og .pbar.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-soft),var(--inner-hi)}.pbar-you{font-size:calc(10px*var(--ts));letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--border);border-radius:6px;margin-left:auto;padding:1px 6px}.og .pbar .sub{overflow:hidden;flex-wrap:nowrap}.og .captured img{width:22px;height:28px;margin-right:-8px}.og-phone .captured img{width:19px;height:24px}.og-status{display:flex;flex-direction:column;gap:6px}.og-note{display:flex;border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--border);font-size:calc(13.5px*var(--ts));color:var(--text-2);animation:pop-in var(--dur-2)var(--ease-out)both;text-align:left;align-items: center;gap:10px;width:100%;min-height:42px;padding:7px 10px 7px 14px}.og-note>svg{color:var(--text-3);flex:none}.og-note b{color:var(--text)}.og-note.gold{border-color:var(--gold);background:linear-gradient(90deg,var(--gold-soft),transparent),var(--surface)}.og-note.gold>svg{color:var(--gold)}.og-note.offer{border-color:var(--gold);background:linear-gradient(90deg,var(--gold-soft),transparent 80%),var(--surface);box-shadow:0 10px 26px -16px var(--gold-glow)}.og-note.offer>svg{color:var(--gold)}.og-note.warn{border-color:color-mix(in srgb,var(--warn)50%,transparent)}.og-note.warn>svg{color:var(--warn)}.og-note.bad{border-color:color-mix(in srgb,var(--danger)50%,transparent)}.og-note.bad>svg{color:var(--danger)}.og-note.browse{border-color:color-mix(in srgb,var(--info)55%,transparent)}.og-note.browse>svg{color:var(--info)}.og-note.result{cursor:pointer;font:inherit;font-size:calc(13.5px*var(--ts));color:var(--text-2)}.og-note.result>svg{color:var(--gold)}.og-note.result:hover{border-color:var(--gold)}.og-note-link{color:var(--gold);white-space:nowrap;font-weight:500}.og-ctl{display:flex;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:calc(11px*var(--ts));letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--inner-hi);transition:transform var(--dur-1)var(--ease-out),border-color var(--dur-2),color var(--dur-2),background var(--dur-2);touch-action:manipulation;flex-direction:column;flex:1 1 0;justify-content:center;align-items: center;gap:3px;min-width:0;min-height:56px;padding:6px 4px;font-weight:500}.og-ctl:hover{border-color:var(--border-strong);color:var(--text)}.og-ctl:active{transform:scale(.96)}.og-ctl:disabled{opacity:.42;pointer-events:none}.og-ctl-icon{position:relative;display:grid;place-items: center}.og-ctl-icon svg{width:22px;height:22px}.og-ctl-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.og-ctl.danger:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger)50%,transparent)}.og-ctl.primary{background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 10px 24px -12px var(--gold-glow),inset 0 1px 0 #ffffff4d;border-color:#0000}.og-ctl.primary:hover{color:var(--gold-ink);filter:brightness(1.05)}.og-ctl.pending{color:var(--gold);border-color:var(--gold);opacity:.8}.og-ctl[aria-pressed=true]{color:var(--gold)}.og-unread{position:absolute;background:var(--danger);box-shadow:0 0 0 2px var(--surface);border-radius:50%;width:9px;height:9px;top:-2px;right:-5px}.og-nav{display:flex;border-top:1px solid var(--hairline);align-items: center;gap:6px;padding:8px}.og-nav .icon-btn:disabled{opacity:.35;pointer-events:none}.og-live{display:inline-flex;border-radius:var(--radius-s);border:1px solid var(--info);background:color-mix(in srgb,var(--info)14%,transparent);color:var(--info);font-size:calc(12px*var(--ts));letter-spacing:.1em;text-transform:uppercase;flex:1;justify-content:center;align-items: center;gap:6px;height:34px;font-weight:600}.og-live.on{border-color:var(--border);color:var(--text-3);background:0 0}.og-live.on svg{color:var(--success)}.og-stack{display:flex;padding:var(--safe-top)0 calc(var(--safe-bottom) + 8px);flex-direction:column;gap:6px;max-width:880px;margin:0 auto}.og-top{display:flex;align-items: center;gap:6px;min-height:52px;padding:2px 6px}.og-top .og-title{padding-right:0}.og-phone .og-core{padding:0 3px}.og-phone .og-core>.og-bar{padding:0 5px}.og-strip-row{display:flex;border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--hairline);align-items: center;min-height:38px;margin:0 8px}.og-strip-row .movestrip{padding:6px 4px}.og-stack .og-status{padding:0 8px}.og-controls{display:flex;gap:8px;padding:0 8px}.og-phone .pbar .clock{font-size:calc(21px*var(--ts));min-width:88px;height:40px}@media (max-height:700px){.og-phone .og-top{min-height:44px}.og-phone .og-ctl{min-height:48px}.og-phone .og-ctl-label{display:none}}.og-tablet{gap:10px;padding-left:16px;padding-right:16px}.og-tablet .og-top{min-height:60px}.og-tablet .og-core{gap:10px}.og-tablet .og-bar,.og-tablet .og-status,.og-tablet .og-controls{padding:0}.og-tablet .og-strip-row{margin:0}.og-tablet .og-ctl{font-size:calc(12px*var(--ts));flex-direction:row;gap:8px;min-height:58px}.og-tablet .pbar{min-height:62px;padding:10px 12px}.og-tablet .pbar .clock{font-size:calc(25px*var(--ts));min-width:112px;height:48px}.og-side{display:grid;grid-template-columns:minmax(0,1fr)minmax(320px,min(400px,26vw));gap:22px;padding:20px 24px}.og-wide{grid-template-columns:clamp(240px,16vw,320px)minmax(0,1fr)clamp(330px,24vw,400px);gap:clamp(18px,1.4vw,26px);padding:20px clamp(18px,1.5vw,28px)}.og-center{display:flex;flex-direction:column;min-width:0;min-height:0}.og-panel,.og-left{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.og-head{display:flex;align-items: center;gap:10px;min-height:48px}.og-head .og-title{text-align:left;align-items: flex-start}.og-card .pbar{border-radius:var(--radius-l);min-height:70px;padding:12px 14px}.og-card .pbar .clock{font-size:calc(29px*var(--ts));border-radius:14px;min-width:118px;height:54px}.og-mid{display:flex;overflow:hidden;flex-direction:column;flex:1 1 0;min-height:140px;padding:0}.og-mid .movelist{padding:6px 6px 6px 0}.og-moves-empty{display:grid;font-size:calc(13px*var(--ts));flex:1;place-items: center;padding:20px}.og-tabs{display:flex;border-bottom:1px solid var(--hairline);flex:none}.og-tabs button{position:relative;color:var(--text-3);font-size:calc(12px*var(--ts));letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;flex:1;height:44px;font-weight:500}.og-tabs button[aria-selected=true]{color:var(--gold)}.og-tabs button[aria-selected=true]:after{content:"";position:absolute;background:var(--gold-grad);border-radius:2px;height:2px;bottom:-1px;left:24px;right:24px}.og-tab-dot{display:inline-block;background:var(--danger);vertical-align:2px;border-radius:50%;width:7px;height:7px;margin-left:6px}.og-mid .chat{flex:1;min-height:0}.og-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.og-actions .og-ctl{min-height:60px}.og-actions .og-ctl:nth-last-child(5):first-child,.og-actions .og-ctl:nth-last-child(5):first-child~.og-ctl{letter-spacing:.03em;font-size:calc(10.5px*var(--ts))}.og-info{display:flex;flex-direction:column;gap:14px}.og-info-tc{display:flex;align-items: center;gap:10px}.og-info-tc svg{color:var(--gold);width:22px;height:22px}.og-info-tc .display{font-size:calc(30px*var(--ts));font-weight:600}.og-info-list{display:flex;flex-direction:column;gap:8px;margin:0}.og-info-list div{display:flex;font-size:calc(13.5px*var(--ts));border-bottom:1px solid var(--hairline);justify-content:space-between;gap:10px;padding-bottom:8px}.og-info-list div:last-child{border-bottom:0;padding-bottom:0}.og-info-list dt{color:var(--text-3)}.og-info-list dd{margin:0;font-weight:500}.og-chat-card{display:flex;overflow:hidden;flex-direction:column;flex:1;min-height:0;padding:0}.og-chat-card .chat{flex:1;min-height:0}@media (max-height:620px){.og-side{gap:14px;padding:10px 14px}.og-side .og-panel{gap:8px}.og-side .og-head{min-height:40px}.og-side .og-card .pbar{min-height:52px;padding:6px 10px}.og-side .og-card .pbar .clock{font-size:calc(22px*var(--ts));min-width:96px;height:42px}.og-side .og-actions .og-ctl{min-height:46px}.og-side .og-actions .og-ctl-label{display:none}.og-side .og-mid{min-height:60px}.og-side .pbar-you{display:none}}@media (max-width:1099px){.og-side{grid-template-columns:minmax(0,1fr)minmax(260px,320px)}}body.dc-fs{overflow:hidden}.og-fs{position:fixed;z-index:800;background:radial-gradient(900px 600px at 50% 0%,var(--bg-grad-1),transparent 60%),var(--bg);padding:calc(var(--safe-top) + 10px)10px calc(var(--safe-bottom) + 10px);display:flex;gap:10px;inset:0}.og-fs.fs-portrait{flex-direction:column}.og-fs.fs-landscape{flex-direction:row;justify-content:center;gap:20px;padding-left:16px;padding-right:16px}.og-fs.fs-landscape>.og-board-area{flex:0 1 calc(100dvh - 20px - var(--safe-top) - var(--safe-bottom))}.og-fs.fs-portrait .og-core{gap:8px}.og-fs .pbar{min-height:50px;padding:6px 10px}.og-fs-side{display:flex;flex-direction:column;flex:none;gap:10px;width:min(350px,40vw);min-height:0}.og-fs-controls{display:flex;gap:8px}.og-fs.fs-landscape .og-fs-controls{flex-wrap:wrap}.og-fs.fs-landscape .og-fs-controls .og-ctl{flex:40%}.og-fs .pbar .clock{font-size:calc(26px*var(--ts));min-width:110px;height:48px}.og-fs .pbar-you{display:none}@media (max-width:1099px){.og-fs.fs-landscape .pbar .flag{display:none}}@media (min-width:1100px) and (min-height:700px){.og-fs-side{gap:14px;width:min(390px,30vw)}.og-fs .pbar{border-radius:var(--radius-l);min-height:72px;padding:12px 14px}.og-fs .pbar .clock{font-size:calc(34px*var(--ts));border-radius:14px;min-width:132px;height:60px}.og-fs .og-fs-controls .og-ctl{min-height:64px}}.chat{display:flex;container-type:inline-size;flex-direction:column;min-height:0}@container (width<=330px){.chat-tool span{display:none}.chat-tool{justify-content:center;width:32px;padding:0}}.chat-tools{display:flex;border-bottom:1px solid var(--hairline);flex:none;align-items: center;gap:4px;padding:8px 10px}.chat-with{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:auto;padding-left:4px}.chat-with b{color:var(--text-2);font-weight:500}.chat-tool{display:inline-flex;color:var(--text-3);font-size:calc(12px*var(--ts));background:0 0;border:1px solid #0000;border-radius:8px;align-items: center;gap:5px;height:30px;padding:0 9px}.chat-tool:hover{color:var(--text);border-color:var(--border)}.chat-tool.on{color:var(--gold);border-color:var(--border-strong);background:var(--gold-soft)}.chat-tool.danger:hover{color:var(--danger)}.chat-list{overflow-y:auto;display:flex;flex-direction:column;flex:1;gap:8px;min-height:120px;padding:12px}.chat-empty{text-align:center;max-width:240px;margin:auto}.chat-msg{display:flex;animation:pop-in var(--dur-2)var(--ease-out)both;flex-direction:column;max-width:82%}.chat-msg.me{align-self: flex-end;align-items: flex-end}.chat-msg.them{align-self: flex-start}.chat-bubble{font-size:calc(14px*var(--ts));word-break:break-word;background:var(--surface-3);color:var(--text);border:1px solid var(--hairline);border-radius:14px;padding:8px 12px;line-height:1.4}.chat-msg.me .chat-bubble{background:var(--gold-soft);border-color:var(--border-strong);border-bottom-right-radius:4px}.chat-msg.them .chat-bubble{border-bottom-left-radius:4px}.chat-time{font-size:calc(10.5px*var(--ts));margin-top:2px;padding:0 4px}.chat-quick{display:flex;overflow-x:auto;scrollbar-width:none;flex:none;gap:6px;padding:8px 10px 0}.chat-quick::-webkit-scrollbar{display:none}.chat-quick .chip{font-size:calc(12.5px*var(--ts));white-space:nowrap;flex:none;height:32px}.og-chat-card .chat-quick{flex-wrap:wrap}.og-mid .chat-list{min-height:48px}.chat-quick .chip:hover{border-color:var(--gold);color:var(--gold)}.chat-err{background:var(--danger-soft);color:var(--danger);font-size:calc(12.5px*var(--ts));border-radius:10px;margin:8px 10px 0;padding:8px 10px}.chat-form{position:relative;display:flex;flex:none;gap:8px;padding:10px}.chat-form .input{height:44px}.chat-send{--btn-h:44px;flex:none;width:44px;height:44px;padding:0}.chat-count{position:absolute;font-size:calc(11px*var(--ts));color:var(--text-3);top:50%;right:64px;transform:translateY(-50%)}.chat-mic{display:grid;background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 6px 16px -8px var(--gold-glow);transition:transform var(--dur-1);border:0;border-radius:50%;flex:none;place-items: center;width:44px;height:44px}.chat-mic:active{transform:scale(.92)}.chat-mic:disabled{opacity:.5}.chat-send.chat-round{border-radius:50%}.chat-rec-row{align-items: center}.chat-rec-cancel{border:1px solid var(--border);color:var(--text-3);display:grid;background:0 0;border-radius:50%;flex:none;place-items: center;width:44px;height:44px}.chat-rec-cancel:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger)50%,transparent)}.chat-rec{display:flex;border:1px solid color-mix(in srgb,var(--danger)55%,transparent);background:color-mix(in srgb,var(--danger)8%,transparent);border-radius:22px;flex:1;align-items: center;gap:8px;min-width:0;height:44px;padding:0 12px}.chat-rec-dot{background:var(--danger);box-shadow:0 0 10px color-mix(in srgb,var(--danger)80%,transparent);animation:1s ease-in-out infinite rec-blink;border-radius:50%;flex:none;width:10px;height:10px}@keyframes rec-blink{50%{opacity:.35}}.chat-rec-time{font-size:calc(13px*var(--ts));color:var(--text);flex:none}.chat-rec-bars{display:flex;overflow:hidden;flex:1;justify-content:flex-end;align-items: center;gap:2px;min-width:0;height:24px}.chat-rec-bars i{background:var(--danger);border-radius:2px;flex:none;width:3px}.chat-rec-max{font-size:calc(10.5px*var(--ts));flex:none}.chat-voice{display:flex;align-items: center;gap:9px;min-width:190px;padding:6px 12px 6px 6px}.chat-voice-play{display:grid;background:var(--gold-grad);color:var(--gold-ink);border:0;border-radius:50%;flex:none;place-items: center;width:32px;height:32px}.chat-msg.them .chat-voice-play{background:var(--surface-2);color:var(--gold);border:1px solid var(--border-strong)}.chat-voice-bars{display:flex;flex:1;align-items: center;gap:2px;min-width:0;height:22px}.chat-voice-bars i{background:color-mix(in srgb,var(--text)35%,transparent);border-radius:2px;flex:none;width:3px}.chat-voice-bars i.on{background:var(--gold)}.chat-voice-time{font-size:calc(11.5px*var(--ts));color:var(--text-2);flex:none}.chat-voice-gone{display:inline-flex;color:var(--text-3);font-style:italic;font-size:calc(12.5px*var(--ts));align-items: center;gap:6px}.chat-voice-gone svg{width:14px;height:14px}.chat-off{text-align:center;color:var(--text-2);flex:1;justify-content:center;align-items: center;gap:6px;padding:28px 16px}.chat-off>svg{color:var(--gold);width:30px;height:30px}.chat-off-title{font-family:var(--font-display);font-size:calc(17px*var(--ts));color:var(--text)}.chat-sheet{display:flex;flex-direction:column;height:min(78vh,640px);padding:20px 0 0}.chat-sheet .modal-title{padding:0 20px 8px}.chat-sheet .chat{border-top:1px solid var(--hairline);flex:1;min-height:0}.more-sheet{padding:12px 0 8px}.more-sheet .modal-close{display:none}.sheet-grab{background:var(--surface-3);border-radius:4px;width:40px;height:4px;margin:0 auto 8px}.sheet-list{display:flex;flex-direction:column}.sheet-row{display:flex;color:var(--text);text-align:left;font:inherit;background:0 0;border:0;align-items: center;gap:14px;width:100%;min-height:56px;padding:8px 22px}button.sheet-row:hover{background:var(--gold-soft)}.sheet-row-icon{display:grid;background:var(--surface-2);color:var(--gold);border:1px solid var(--border);border-radius:11px;flex:none;place-items: center;width:38px;height:38px}.sheet-row-icon svg{width:20px;height:20px}.sheet-row-label{display:block;font-weight:500}.sheet-row-desc{display:block;font-size:calc(12px*var(--ts));color:var(--text-3)}.sheet-row.danger,.sheet-row.danger .sheet-row-icon{color:var(--danger)}.bset-themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.bv-bar{display:flex;align-items: center;gap:8px}.bv-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface-2);border:1px solid var(--border);border-radius:13px;flex:1;gap:2px;padding:3px}.bv-seg button{color:var(--text-2);font-family:var(--font-display);font-size:calc(14px*var(--ts));letter-spacing:.04em;transition:background var(--dur-2),color var(--dur-2);background:0 0;border:0;border-radius:10px;height:34px;font-weight:600}.bv-seg button:hover{color:var(--gold)}.bv-seg button[aria-checked=true]{background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 6px 16px -8px var(--gold-glow)}.cx-after .bv-bar{margin-top:8px}.cx-panel>.bv-bar{margin:6px 16px 2px}.bset-views{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.bset-view{display:flex;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);text-align:center;flex-direction:column;align-items:stretch;gap:3px;padding:6px 6px 9px}.bset-view[aria-checked=true]{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 1px var(--gold)inset}.bset-view-art{display:block;aspect-ratio:16/10;background:50%/cover no-repeat;border-radius:8px;margin-bottom:4px;box-shadow:0 2px 8px #00000059}.bset-view-art.v-2d{background-image:url(/assets/3d/view-2d.webp)}.bset-view-art.v-25d{background-image:url(/assets/3d/view-25d.webp?r=2)}.bset-view-art.v-3d{background-image:url(/assets/3d/view-3d.webp)}.bset-view-art.v-275d{background-image:url(/assets/3d/view-275d.webp)}.bset-view-label{font-family:var(--font-display);font-size:calc(15px*var(--ts));letter-spacing:.04em;font-weight:600}.bset-view-desc{font-size:calc(11px*var(--ts));color:var(--text-3)}.bset-staunton{display:flex;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-2);font-size:calc(13px*var(--ts));align-items: center;gap:12px;margin-top:8px;padding:8px 12px}.bset-staunton>span:last-child{display:flex;flex-direction:column;gap:2px}.bset-staunton .faint{font-size:calc(12px*var(--ts))}.bset-theme,.bset-piece{display:flex;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:calc(12px*var(--ts));flex-direction:column;align-items: center;gap:6px;padding:8px 4px}.bset-theme[aria-checked=true],.bset-piece[aria-checked=true]{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 1px var(--gold)inset}.bset-swatch{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;border-radius:6px;width:40px;height:40px;box-shadow:0 2px 6px #0000004d}.bset-swatch span{background-size:cover}.bset-pieces{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.bset-piece-art{display:flex;align-items: flex-end;height:48px}.bset-piece-art img{object-fit:contain;width:36px;height:48px}.bset-piece-art img+img{margin-left:-6px}.move-speed{flex-wrap:wrap}.move-speed.disabled{opacity:.5}.move-speed-ctl{display:grid;flex:1;gap:8px;min-width:210px;max-width:320px}.move-speed-slider{display:flex;font-size:calc(12px*var(--ts));color:var(--text-3);align-items: center;gap:10px}.move-speed-demo{position:relative;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;cursor:pointer;border:0;border-radius:5px;height:34px;padding:0;box-shadow:0 2px 6px #0000004d}.move-speed-demo i{background:#e6c9a0}.move-speed-demo i:nth-child(2n){background:#555348}.move-speed-demo img{position:absolute;object-fit:contain;transform:translateX(calc(var(--x)*100%));pointer-events:none;width:25%;height:124%;transition:transform .3s cubic-bezier(.45,.05,.35,1);top:-12%;left:0}.game-settings-modal{width:min(500px,100%)}.result-modal{overflow:hidden;width:min(540px,100%);padding-top:30px}.res-hero{position:relative;text-align:center;padding:6px 0 14px}.res-term{font-size:calc(12px*var(--ts));letter-spacing:.3em}.res-main{font-size:calc(clamp(34px,7vw,46px)*var(--ts));letter-spacing:.01em;margin-top:6px;font-weight:600;line-height:1.1}.out-win .res-main{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.out-loss .res-main{color:var(--text-2)}.res-glow{position:absolute;background:radial-gradient(closest-side,var(--gold-glow),transparent);opacity:.7;pointer-events:none;animation:1.8s ease-out both res-glow;width:320px;height:160px;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes res-glow{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}40%{opacity:.9}to{opacity:.45;transform:translate(-50%,-50%)scale(1)}}.res-particles{position:absolute;pointer-events:none;width:0;height:0;top:52%;left:50%}.res-particles span{position:absolute;width:var(--s);height:var(--s);background:var(--gold-2);box-shadow:0 0 8px var(--gold-glow);opacity:0;animation:res-burst 1.4s var(--ease-out)forwards;border-radius:50%;top:0;left:0}@keyframes res-burst{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y))scale(1)}}.res-players{display:grid;grid-template-columns:1fr auto 1fr;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);align-items: center;gap:8px;padding:16px 0}.res-player{display:flex;text-align:center;flex-direction:column;align-items: center;gap:4px;min-width:0}.res-avatar{position:relative;margin-bottom:4px}.res-crown{position:absolute;display:grid;background:var(--gold-grad);color:var(--gold-ink);border-radius:50%;place-items: center;width:26px;height:26px;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000059}.res-crown svg{width:15px;height:15px}.res-pname{font-weight:600;font-size:calc(14.5px*var(--ts));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.res-pmeta{display:flex;font-size:calc(12px*var(--ts));align-items: center;gap:6px}.res-side{font-size:calc(10.5px*var(--ts));letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.res-rating{display:flex;align-items:baseline;gap:6px}.res-rating .display{font-size:calc(22px*var(--ts));font-weight:600}.res-rating .delta-up,.res-rating .delta-down{font-weight:600;font-size:calc(14px*var(--ts))}.res-score{font-size:calc(24px*var(--ts));color:var(--text-3);padding:0 6px;font-weight:600}.res-stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:8px;padding:14px 0 4px}.res-stats>div{display:flex;flex-direction:column;gap:2px;min-width:0}.res-stats b{font-size:calc(14px*var(--ts));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.res-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.res-actions-row{display:flex;gap:8px}.res-actions-row>.btn{flex:1 1 0;gap:7px;min-width:0;padding:0 8px}.res-waiting .spinner{width:16px;height:16px}.res-waiting{color:var(--gold);border-color:var(--gold);opacity:1!important}.res-rematch-in{display:flex;border-radius:var(--radius-m);border:1px solid var(--gold);background:linear-gradient(90deg,var(--gold-soft),transparent),var(--surface-2);font-size:calc(14px*var(--ts));animation:pop-in var(--dur-2)both;justify-content:space-between;align-items: center;gap:10px;padding:10px 12px 10px 16px}@media (max-width:480px){.res-stats{grid-template-columns:repeat(2,1fr);row-gap:12px}.res-players .avatar{--size:52px!important}.res-rematch-in{text-align:center;flex-direction:column;align-items:stretch}.res-rematch-in .row>*{flex:1}}@media (max-width:420px){.bset-theme{font-size:calc(11px*var(--ts));padding:8px 2px}.bset-theme>span:last-child{overflow:hidden;text-overflow:ellipsis;max-width:100%}}:root,[data-theme=dark]{--cx-inacc:#dcb64e;--cx-mistake:#e8914a;--cx-blunder:#e0715f;--cx-best:#d4af6a}[data-theme=light]{--cx-inacc:#a47a12;--cx-mistake:#c0621a;--cx-blunder:#bf4a37;--cx-best:#9a7433}.cls-best{color:var(--cx-best)}.cls-inaccuracy{color:var(--cx-inacc)}.cls-mistake{color:var(--cx-mistake)}.cls-blunder{color:var(--cx-blunder)}.cx-screen{height:100vh;display:flex;overflow:hidden;flex-direction:column;height:100dvh}.cx-layout{display:flex;flex:1;min-height:0}.cx-layout.stack{padding-top:var(--safe-top);flex-direction:column}.cx-head{flex:none;padding:4px 6px 0}.cx-headrow{display:grid;grid-template-columns:44px minmax(0,1fr)44px;align-items: center;gap:6px;min-height:48px}.cx-headtitle{text-align:center;min-width:0;line-height:1.2}.cx-headtitle .t{font-family:var(--font-display);font-size:calc(17px*var(--ts));letter-spacing:.01em;font-weight:600}.cx-headtitle .s{font-size:calc(11.5px*var(--ts));color:var(--text-3);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.cx-body{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.cx-stagewrap{display:flex;flex:auto;justify-content:center;align-items: center;min-height:0;padding:4px 3px}.cx-stagewrap.fixed{flex:none}.cx-stage{display:flex;flex-direction:column;gap:4px;max-width:100%}.cx-barwrap{padding-left:var(--ew,0px)}.cx-boardrow{display:flex}.cx-evalcol{flex:none;height:100%}.cx-boardbox{position:relative;flex:none}.cx-boardbox .board-wrap{transition:filter var(--dur-3)var(--ease-out)}.cx-boardbox.blurred .board-wrap{filter:blur(9px)saturate(.75)brightness(.8);pointer-events:none}.cx-after{max-width:max(min(100%,420px),calc(var(--colw,748px) + 12px));padding:0 6px calc(8px + var(--safe-bottom));display:flex;flex-direction:column;flex:none;gap:6px;width:100%;margin:0 auto}.cx-layout.has-below .cx-after{padding-bottom:6px}.cx-below{overflow-y:auto;border-top:1px solid var(--hairline);background:color-mix(in srgb,var(--surface)55%,transparent);overscroll-behavior:contain;flex:auto;min-height:0}.cx-below-inner{padding:14px 12px calc(20px + var(--safe-bottom));display:flex;flex-direction:column;gap:14px;max-width:760px;margin:0 auto}.cx-layout.side{flex-direction:row;height:100%}.cx-layout.side .cx-stage{gap:10px}.cx-layout.side.fs{justify-content:center;gap:20px;padding:0 16px}.cx-layout.side.fs .cx-main{flex:0 auto;padding:0}.cx-layout.side.fs .cx-stage{gap:0}.cx-fs-side{display:flex;flex-direction:column;flex:none;gap:14px;width:min(390px,30vw);min-height:0;padding:10px 0}.cx-fs-side .pbar{border-radius:var(--radius-l);min-height:72px;padding:12px 14px}.cx-fs-side .pbar .clock{font-size:calc(34px*var(--ts));border-radius:14px;min-width:132px;height:60px}.cx-fs-ctl{display:flex;flex-wrap:wrap;gap:8px}.cx-fs-ctl>.cx-ctlrow{display:contents}.cx-fs-ctl>.cx-ctl,.cx-fs-ctl>.cx-ctlrow>.cx-ctl{flex:40%;min-width:0;min-height:64px}.cx-fs-side .cx-strip{max-width:100%}.cx-fs-side .pbar .captured{display:none}.cap-box{border-radius:var(--radius-l);background:var(--surface-2);border:1px solid var(--border);flex:none;padding:12px 14px 10px}.cap-box-label{display:flex;font-size:calc(10px*var(--ts));letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;justify-content:space-between;align-items: center;gap:8px}.cap-box-label b{font-size:calc(12px*var(--ts));letter-spacing:0;color:var(--gold);font-weight:600}.cap-box-row{display:flex;flex-wrap:wrap;align-items: flex-end;min-height:72px;margin:4px 0 0 -10px}.cap-box-row img{object-fit:contain;filter:drop-shadow(0 4px 4px #00000080);width:58px;height:72px;margin-right:-16px}.cap-box-row .faint{font-size:calc(12.5px*var(--ts));align-self: center;margin-left:10px}.cx-fs-side .pz-panel{background:var(--surface-2);border-color:var(--border);gap:12px;height:auto;min-height:96px;margin:0}@media (max-width:1099px){.cx-fs-side{width:min(350px,40vw)}.cx-fs-side .pbar .clock{font-size:calc(26px*var(--ts));min-width:110px;height:48px}}.cx-main{position:relative;display:flex;flex:1;justify-content:center;align-items: center;min-width:0;padding:24px}.cx-panel{display:flex;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface)72%,var(--bg)));border-left:1px solid var(--border);flex-direction:column;flex:none;width:320px;height:100%;min-height:0}@media (min-width:1100px){.cx-panel{width:372px}}@media (min-width:1400px){.cx-panel{width:400px}}.cx-panel-head{border-bottom:1px solid var(--hairline);flex:none;padding:10px 10px 8px}.cx-panel-body{display:flex;overflow-y:auto;flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 16px 16px}.cx-panel-moves{display:flex;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-2);overflow:hidden;flex-direction:column;flex:160px;min-height:140px}.cx-panel-moves .movelist{flex:1;min-height:0}.cx-panel-moves .movelist .num{background:color-mix(in srgb,var(--surface-3)60%,transparent)}.cx-moves-empty{font-size:calc(13px*var(--ts));text-align:center;padding:16px;line-height:1.5}.cx-panel-foot{display:flex;flex-direction:column;gap:8px}.cx-foot-row{display:flex;gap:8px}.cx-foot-row>*{flex:1;min-width:0}.cx-navrow{display:flex;justify-content:center;gap:8px}.cx-inline-toggle{display:flex;font-size:calc(13.5px*var(--ts));color:var(--text-2);cursor:pointer;justify-content:space-between;align-items: center;gap:12px;padding:4px 2px}.cx-inline-toggle>span{display:inline-flex;align-items: center;gap:8px}.cx-status{display:flex;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);font-size:calc(13.5px*var(--ts));align-items: center;gap:10px;min-height:42px;padding:9px 14px;font-weight:500}.cx-status.thinking{color:var(--gold)}.cx-status.win{color:var(--success);border-color:color-mix(in srgb,var(--success)35%,transparent);background:var(--success-soft)}.cx-status.loss{color:var(--danger);border-color:color-mix(in srgb,var(--danger)35%,transparent);background:var(--danger-soft)}.cx-status-dot{background:var(--gold);animation:1.1s ease-in-out infinite cx-pulse;border-radius:50%;width:8px;height:8px}@keyframes cx-pulse{50%{opacity:.35;transform:scale(.75)}}.cx-strip{border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--border);display:flex;overflow:hidden;align-items: center;min-height:38px}.cx-strip .movestrip{flex:1;min-width:0}.cx-ctlrow{display:flex;gap:6px}.cx-ctlrow>.cx-ctl{flex:1 1 0;min-width:0}.cx-ctlgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px}.cx-ctl{display:flex;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:calc(11px*var(--ts));letter-spacing:.06em;box-shadow:var(--inner-hi);transition:color var(--dur-2),border-color var(--dur-2),background var(--dur-2),transform var(--dur-1)var(--ease-out);touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items: center;gap:3px;min-height:58px;padding:7px 4px 6px;font-weight:500}.cx-ctl:hover{color:var(--gold);border-color:var(--border-strong)}.cx-ctl:active{transform:scale(.95)}.cx-ctl:disabled{opacity:.38;pointer-events:none}.cx-ctl[aria-pressed=true]{color:var(--gold);border-color:var(--gold);background:var(--gold-soft)}.cx-ctl.primary{background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 8px 22px -10px var(--gold-glow),inset 0 1px 0 #ffffff59;border-color:#0000}.cx-ctl.danger{color:var(--danger)}.cx-ctl-ic{position:relative;display:grid;place-items: center}.cx-ctl-ic svg{width:22px;height:22px}.cx-ctl-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cx-ctl-badge{position:absolute;background:var(--surface-3);color:var(--gold);font-size:calc(10px*var(--ts));border-radius:99px;min-width:16px;height:16px;padding:0 4px;line-height:16px;top:-6px;right:-10px}.cx-thinking{display:inline-flex;color:var(--gold);font-size:calc(11.5px*var(--ts));letter-spacing:.04em;align-items: center;gap:3px;margin-left:2px;font-weight:500}.cx-thinking i{animation:1.1s ease-in-out infinite cx-dot;background:currentColor;border-radius:50%;width:4px;height:4px}.cx-thinking i:nth-child(2){animation-delay:.15s}.cx-thinking i:nth-child(3){animation-delay:.3s}.cx-thinking span{margin-left:4px}@keyframes cx-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.cx-tomove{font-size:calc(10.5px*var(--ts));letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-left:4px;font-weight:600}.cx-acc-chip{font-size:calc(11px*var(--ts));color:var(--gold);background:var(--gold-soft);border-radius:99px;height:18px;margin-left:2px;padding:0 7px;font-weight:600;line-height:18px}.cx-livechip{position:absolute;z-index:150;display:inline-flex;background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);color:var(--text);font-size:calc(12.5px*var(--ts));box-shadow:var(--shadow-2);animation:pop-in var(--dur-2)var(--ease-out)both;white-space:nowrap;border-radius:99px;align-items: center;gap:6px;height:34px;padding:0 14px;font-weight:500;top:10px;left:50%;transform:translate(-50%)}.cx-livechip:hover{color:var(--gold)}.cx-pause{position:absolute;z-index:145;display:grid;animation:fade-in var(--dur-2)both;place-items: center;padding:10px;inset:0}.cx-pause-card{overflow:auto;text-align:center;border-radius:var(--radius-xl);background:var(--surface-glass);backdrop-filter:blur(18px)saturate(1.2);-webkit-backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--border-strong);box-shadow:var(--shadow-3),var(--inner-hi);animation:pop-in var(--dur-3)var(--ease-out)both;width:min(300px,100%);max-height:100%;padding:22px 20px 18px}.cx-pause-ic{display:grid;color:var(--gold);border:1px solid var(--border-strong);background:var(--gold-soft);border-radius:50%;place-items: center;width:52px;height:52px;margin:0 auto 10px}.cx-pause-ic svg{width:22px;height:22px}.cx-pause-title{font-family:var(--font-display);font-size:calc(22px*var(--ts));font-weight:600}.cx-pause-sub{color:var(--text-2);font-size:calc(13px*var(--ts));margin:4px 0 16px}.cx-pause-actions{display:flex;flex-direction:column;gap:9px}.cx-resign-btn{color:var(--danger)}.cx-resign-btn:hover{color:var(--danger);background:var(--danger-soft)}.modal.cx-result{text-align:center;padding-top:30px}.cx-crest{position:relative;display:grid;color:var(--gold);place-items: center;width:84px;height:84px;margin:0 auto 14px}.cx-crest-ring{position:absolute;background:radial-gradient(circle at 50% 35%,var(--surface-3),var(--surface));box-shadow:0 0 0 1.5px var(--border-strong),inset 0 1px 0 #ffffff0f;border-radius:50%;inset:0}.cx-crest svg{position:relative;width:38px;height:38px}.cx-crest.win .cx-crest-ring{background:var(--gold-grad);box-shadow:0 14px 40px -10px var(--gold-glow),0 0 0 5px var(--gold-soft);animation:1.8s ease-out 2 pulse-ring}.cx-crest.win{color:var(--gold-ink)}.cx-crest.loss{color:var(--text-2)}.cx-crest.draw{color:var(--gold)}.cx-result-eyebrow{margin-bottom:4px}.cx-result-title{font-family:var(--font-display);font-size:calc(34px*var(--ts));letter-spacing:.14em;text-transform:uppercase;font-weight:600;line-height:1.1}.cx-result-title.win{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.cx-result-sub{color:var(--text-2);font-size:calc(14px*var(--ts));margin-top:8px}.cx-result-sub b{color:var(--text);font-weight:600}.cx-result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin:18px 0 4px;padding:14px 0}.cx-rs+.cx-rs{border-left:1px solid var(--hairline)}.cx-rs-v{font-family:var(--font-display);font-size:calc(22px*var(--ts));font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2}.cx-rs-l{font-size:calc(10.5px*var(--ts));letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-top:2px}.cx-swap{display:flex;text-align:left;font-size:calc(13.5px*var(--ts));cursor:pointer;justify-content:space-between;align-items: center;gap:12px;padding:12px 2px 2px}.cx-result-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.cx-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cx-result-grid.two{grid-template-columns:repeat(2,1fr)}.cx-result-grid .btn{font-size:calc(13px*var(--ts));gap:6px;min-width:0;padding:0 8px}.cx-evalbar{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000073,0 0 0 1px var(--border);background:#1f1a15;border-radius:7px;width:100%;height:100%}.cx-evalbar-white{position:absolute;transition:height .52s var(--ease-out);background:linear-gradient(90deg,#f7f0e3,#e4d9c5);left:0;right:0}.cx-evalbar-mid{position:absolute;background:#d4af6ab3;height:1px;top:50%;left:0;right:0}.cx-evalbar-label{position:absolute;text-align:center;font-size:calc(9.5px*var(--ts));letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;left:0;right:0}.cx-evalbar-label.on-white{color:#2a2118}.cx-evalbar-label.on-black{color:#efe5d2}.cx-evalbar.pending{opacity:.75}.cx-graph{position:relative;overflow:hidden;cursor:crosshair;box-shadow:0 0 0 1px var(--border);touch-action:pan-y;border-radius:12px;width:100%}.cx-graph-svg{display:block}.cx-graph-bg{fill:#1d1814}.cx-graph-area{fill:#e6dbc6}[data-theme=light] .cx-graph-area{fill:#f4ecdc}[data-theme=light] .cx-graph-bg{fill:#2a231c}.cx-graph-mid{stroke:#d4af6a80;stroke-width:1;stroke-dasharray:3 4}.cx-graph-line{fill:none;stroke:#c9a45f;stroke-width:2;stroke-linejoin:round}.cx-graph-dot{stroke:#1d1814;stroke-width:2}.cx-graph-dot.blunder{fill:#e0715f}.cx-graph-dot.mistake{fill:#e8914a}.cx-graph-hover{stroke:#d4af6a8c;stroke-width:1}.cx-graph-cur{stroke:#d4af6a;stroke-width:1.5}.cx-graph-curdot{fill:#d4af6a;stroke:#1d1814;stroke-width:2}.cx-graph-tip{position:absolute;pointer-events:none;z-index:2;display:flex;white-space:nowrap;color:#f2ece1;font-size:calc(12px*var(--ts));background:#14100ce0;border:1px solid #d4af6a59;border-radius:99px;align-items: center;gap:8px;padding:4px 10px;top:6px;transform:translate(-50%)}.cx-graph-tip b{font-variant-numeric:tabular-nums;color:#e8cc8e}.cx-graph-tip em{font-style:normal;font-size:calc(11px*var(--ts))}.cx-graph-tip .cls-inaccuracy{color:#dcb64e}.cx-graph-tip .cls-mistake{color:#e8914a}.cx-graph-tip .cls-blunder{color:#ef8a78}.cx-graph-tip .cls-best{color:#e8cc8e}.cx-analysis{display:flex;flex-direction:column;gap:10px}.cx-analyze-cta{display:flex;border-radius:var(--radius-l);border:1px solid var(--border-strong);background:linear-gradient(135deg,var(--gold-soft),transparent 70%),var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:14px;padding:14px 16px}.cx-cta-title{font-family:var(--font-display);font-size:calc(17px*var(--ts));font-weight:600}.cx-cta-sub{font-size:calc(12.5px*var(--ts));color:var(--text-3);max-width:34ch;margin-top:2px}.cx-analyze-cta .btn{flex:none}.cx-progress-wrap{display:flex;border-radius:var(--radius-l);border:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:10px;padding:14px}.cx-progress-head{display:flex;font-size:calc(13px*var(--ts));color:var(--text-2);justify-content:space-between;align-items: center;gap:10px}.cx-progress-head .spinner{width:16px;height:16px}.cx-progress{background:var(--surface-3);overflow:hidden;border-radius:99px;height:6px}.cx-progress span{display:block;border-radius:inherit;background:var(--gold-grad);transition:width .3s var(--ease-out);height:100%}.cx-insight{display:flex;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--border-strong);font-size:calc(13px*var(--ts));align-items: center;gap:10px;padding:10px 12px}.cx-insight.cls-best{border-left-color:var(--cx-best)}.cx-insight.cls-inaccuracy{border-left-color:var(--cx-inacc)}.cx-insight.cls-mistake{border-left-color:var(--cx-mistake)}.cx-insight.cls-blunder{border-left-color:var(--cx-blunder)}.cx-insight{color:var(--text)}.cx-insight-move{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.cx-insight-text{color:var(--text-2);flex:1;min-width:0}.cx-insight-text b{color:var(--text)}.cx-insight-eval{color:var(--gold);font-weight:600}.cx-glyph{letter-spacing:-.02em;margin-left:2px;font-size:.86em;font-weight:700}.cx-review-moves button{display:inline-flex;align-items:baseline;gap:2px}.cx-below-moves{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-2);display:flex;overflow:hidden;max-height:280px}.cx-below-moves .movelist{flex:1}.cx-summaries{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cx-sumcard{display:flex;border-radius:var(--radius-l);background:var(--surface-2);border:1px solid var(--border);animation:pop-in var(--dur-3)var(--ease-out)both;flex-direction:column;align-items: center;gap:5px;min-width:0;padding:12px 12px 10px}.cx-sum-who{display:flex;font-size:calc(13px*var(--ts));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;align-items: center;gap:7px;max-width:100%;font-weight:600}.cx-side-dot{box-shadow:0 0 0 1px var(--border-strong);border-radius:50%;flex:none;width:11px;height:11px}.cx-side-dot.w{background:#f3ecdf}.cx-side-dot.b{background:#1b1714}.cx-sum-label{font-size:calc(10.5px*var(--ts));letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-top:-2px}.cx-counts{display:flex;flex-direction:column;gap:3px;width:100%;margin:6px 0 0}.cx-counts>div{display:flex;font-size:calc(12.5px*var(--ts));border-top:1px solid var(--hairline);justify-content:space-between;align-items: center;padding:2px}.cx-counts dt{color:var(--text-2);display:inline-flex;align-items: center;gap:6px}.cx-counts dt .cx-glyph{text-align:center;width:20px;margin:0}.cx-counts dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.cx-ring{position:relative;flex:none}.cx-ring svg{display:block}.cx-ring-track{fill:none;stroke:var(--surface-3);stroke-width:7}.cx-ring-arc{fill:none;stroke:var(--gold);stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .9s var(--ease-out)}.cx-ring-val{position:absolute;display:flex;justify-content:center;align-items: center;gap:1px;inset:0}.cx-ring-val span{font-family:var(--font-display);font-size:calc(29px*var(--ts));font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.cx-ring-val small{font-size:calc(12px*var(--ts));color:var(--text-3);margin-top:8px}.cx-info{display:flex;border-radius:var(--radius-l);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:10px;padding:14px}.cx-info-top{display:flex;align-items: center;gap:12px}.cx-result-badge{display:grid;font-family:var(--font-display);font-size:calc(18px*var(--ts));background:var(--surface-3);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:12px;flex:none;place-items: center;min-width:58px;height:46px;padding:0 10px;font-weight:600}.cx-result-badge.win{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb,var(--success)30%,transparent)}.cx-result-badge.loss{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger)30%,transparent)}.cx-result-badge.draw{color:var(--gold);background:var(--gold-soft)}.cx-info-head{font-family:var(--font-display);font-size:calc(18px*var(--ts));font-weight:600;line-height:1.25}.cx-info-sub{font-size:calc(12.5px*var(--ts));color:var(--text-3)}.cx-info-meta{display:flex;flex-wrap:wrap;gap:6px}.cx-info-meta span{display:inline-flex;background:var(--surface);border:1px solid var(--hairline);font-size:calc(12px*var(--ts));color:var(--text-2);border-radius:99px;align-items: center;gap:5px;height:26px;padding:0 10px}.cx-replay-nav{display:flex;justify-content:center;align-items: center;gap:10px;padding:2px 0}.cx-replay-nav .icon-btn{width:46px;height:46px}.cx-autoplay{display:grid;background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 10px 24px -10px var(--gold-glow),inset 0 1px 0 #ffffff59;transition:transform var(--dur-1)var(--ease-out);border:0;border-radius:50%;place-items: center;width:54px;height:54px}.cx-autoplay:active{transform:scale(.94)}.cx-autoplay:disabled{opacity:.45}.cx-autoplay svg{width:22px;height:22px}.cx-autoplay.on{box-shadow:0 0 0 4px var(--gold-soft),0 10px 24px -10px var(--gold-glow)}.cx-pgn{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.cx-replay-panel{overflow:hidden;gap:0;padding:0}.cx-panel-scroll{overflow-y:auto;display:flex;flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 16px}.cx-replay-panel .cx-panel-moves{flex:none;min-height:120px;max-height:320px}.cx-panel-dock{display:flex;border-top:1px solid var(--hairline);flex-direction:column;flex:none;gap:10px;padding:10px 16px 14px}.cx-replay-panel .cx-summaries .cx-ring-val span{font-size:calc(26px*var(--ts))}.cx-plain{padding-top:var(--safe-top)}.cx-plain>.cx-headrow{flex:none;padding:4px 6px}.cx-plain-body{display:grid;flex:1;place-items: center;padding:20px}@media (min-width:1100px){.cx-plain>.cx-headrow{padding:12px 20px}}.cx-setup-grid{display:grid;align-items: start;gap:20px}@media (min-width:1100px){.cx-setup-grid{grid-template-columns:minmax(0,1fr)340px}}.cx-setup-form{display:flex;flex-direction:column;gap:16px;min-width:0}.cx-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.cx-sec-title{margin-bottom:14px}.cx-elo{font-family:var(--font-display);font-size:calc(18px*var(--ts));color:var(--gold);font-weight:600}.cx-slider{position:relative;padding:4px 0 2px}.cx-slider input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;position:relative;z-index:1;background:0 0;width:100%;height:32px;margin:0}.cx-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--gold)var(--p),var(--surface-3)var(--p));border-radius:99px;height:6px}.cx-slider input[type=range]::-moz-range-track{background:linear-gradient(90deg,var(--gold)var(--p),var(--surface-3)var(--p));border-radius:99px;height:6px}.cx-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold-grad);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--gold),0 6px 16px -4px var(--gold-glow);transition:transform var(--dur-2)var(--ease-spring);border-radius:50%;width:26px;height:26px;margin-top:-10px}.cx-slider input[type=range]::-moz-range-thumb{background:var(--gold-grad);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--gold);border-radius:50%;width:22px;height:22px}.cx-slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.cx-slider input[type=range]:focus-visible{outline:none}.cx-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--gold-glow),0 0 0 1px var(--gold)}.cx-slider-ticks{display:flex;justify-content:space-between;margin-top:-2px;padding:0 11px}.cx-slider-ticks span{background:var(--surface-3);border-radius:50%;width:4px;height:4px}.cx-slider-ticks span.on{background:var(--gold)}.cx-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}@media (min-width:700px){.cx-levels{grid-template-columns:repeat(6,1fr)}}.cx-level{display:flex;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:all var(--dur-2)var(--ease-out);flex-direction:column;align-items: center;gap:3px;min-width:0;padding:12px 6px 11px}.cx-level:hover{border-color:var(--border-strong)}.cx-level:active{transform:scale(.97)}.cx-level-name{font-size:calc(13.5px*var(--ts));font-weight:600}.cx-level-elo{font-size:calc(12px*var(--ts));color:var(--text-3)}.cx-level.on{border-color:var(--gold);background:var(--gold-soft);box-shadow:0 8px 22px -14px var(--gold-glow),inset 0 0 0 1px var(--gold)}.cx-level.on .cx-level-name{color:var(--gold)}.cx-pips{display:flex;gap:3px;margin-top:4px}.cx-pips i{background:var(--surface-3);border-radius:2px;width:6px;height:6px}.cx-pips i.on{background:var(--gold)}.cx-level-blurb{font-size:calc(13px*var(--ts));color:var(--text-2);margin-top:12px}.cx-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cx-color{display:flex;border-radius:var(--radius-l);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);transition:all var(--dur-2)var(--ease-out);flex-direction:column;align-items: center;gap:6px;padding:14px 8px 12px}.cx-color:hover{border-color:var(--border-strong)}.cx-color:active{transform:scale(.97)}.cx-color.on{border-color:var(--gold);background:var(--gold-soft);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.cx-color-art{position:relative;display:block;width:60px;height:75px}.cx-color-art img{object-fit:contain;filter:drop-shadow(0 6px 6px #00000059);width:100%;height:100%}.cx-color-art .half{position:absolute;inset:0}.cx-color-art .half.l{clip-path:inset(0 50% 0 0)}.cx-color-art .half.r{clip-path:inset(0 0 0 50%)}.cx-color-art.random:after{content:"";position:absolute;background:linear-gradient(180deg,transparent,var(--gold),transparent);width:1px;top:10%;bottom:6%;left:50%}.cx-color-label{font-size:calc(13px*var(--ts));letter-spacing:.04em;font-weight:600}.cx-tc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.cx-tc{border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-2);color:var(--text);display:flex;transition:all var(--dur-2)var(--ease-out);flex-direction:column;justify-content:center;align-items: center;gap:1px;height:62px}.cx-tc:hover{border-color:var(--border-strong)}.cx-tc:active{transform:scale(.97)}.cx-tc-main{font-size:calc(17px*var(--ts));font-variant-numeric:tabular-nums;display:grid;place-items: center;min-height:24px;font-weight:600}.cx-tc-main svg{color:var(--text-2)}.cx-tc-sub{font-size:calc(10px*var(--ts));letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.cx-tc.on{border-color:var(--gold);background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold)}.cx-tc.on .cx-tc-main,.cx-tc.on .cx-tc-main svg{color:var(--gold)}.cx-note{display:flex;font-size:calc(12.5px*var(--ts));color:var(--text-3);align-items: flex-start;gap:8px;margin-top:12px}.cx-note svg{flex:none;margin-top:2px}.cx-assist{cursor:pointer}.cx-setup-side{display:none}@media (min-width:1100px){.cx-setup-side{display:block;position:sticky;top:24px}}.cx-summary-top{display:flex;align-items: center;gap:14px}.cx-cpu-big{border-radius:50%;flex:none;width:72px;height:72px;box-shadow:0 12px 30px -12px #0009}.cx-summary-name{font-family:var(--font-display);font-size:calc(20px*var(--ts));margin-top:2px;font-weight:600;line-height:1.2}.cx-summary-elo{color:var(--gold);font-size:calc(13px*var(--ts));font-weight:600}.cx-summary-blurb{color:var(--text-2);font-size:calc(14px*var(--ts));min-height:42px;margin:14px 0 6px}.cx-summary-rows{margin:0 0 18px}.cx-summary-rows>div{display:flex;border-bottom:1px solid var(--hairline);justify-content:space-between;gap:12px;padding:10px 0}.cx-summary-rows dt{color:var(--text-3);font-size:calc(11.5px*var(--ts));letter-spacing:.14em;text-transform:uppercase}.cx-summary-rows dd{font-weight:500;font-size:calc(14px*var(--ts));text-align:right;margin:0}.cx-startbar{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 10px);z-index:45;display:flex;border-radius:var(--radius-xl);background:var(--surface-glass);backdrop-filter:blur(18px)saturate(1.3);-webkit-backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--border-strong);box-shadow:var(--shadow-3);align-items: center;gap:12px;max-width:720px;margin:0 auto;padding:10px 10px 10px 12px}.cx-startbar-info{display:flex;flex:1;align-items: center;gap:10px;min-width:0}.cx-startbar-info img{border-radius:50%;flex:none;width:40px;height:40px}.cx-startbar-info b{display:block;font-size:calc(14px*var(--ts));font-weight:600}.cx-startbar-info span{display:block;font-size:calc(12px*var(--ts));color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-startbar .btn{flex:none}.cx-setup.page{padding-bottom:calc(var(--nav-h) + 120px + var(--safe-bottom))}@media (min-width:1100px){.cx-startbar{display:none}.cx-setup.page{padding-bottom:var(--space-12)}}.cx-resume{display:grid;grid-template-columns:76px minmax(0,1fr);align-items: center;gap:14px;margin-bottom:18px}.cx-resume-board{overflow:hidden;border-radius:8px;width:76px}.cx-resume-board .board-wrap{pointer-events:none}.cx-resume-title{font-family:var(--font-display);font-size:calc(17px*var(--ts));margin-top:2px;font-weight:600}.cx-resume-meta{font-size:calc(12.5px*var(--ts));color:var(--text-3);margin-top:2px}.cx-resume-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}@media (min-width:700px){.cx-resume{grid-template-columns:92px minmax(0,1fr)auto;gap:18px}.cx-resume-board{width:92px}.cx-resume-actions{grid-column:auto}}.cx-local-setup .cx-local-sec{margin-top:20px}.cx-local-setup .field-label{display:block;margin-bottom:10px}.cx-local-setup .setting-row{margin-top:8px}@media (max-width:699px){.cx-screen .clock{font-size:calc(20px*var(--ts));min-width:80px;height:38px;padding:0 10px}}.mt-screen{position:relative;height:100vh;display:flex;overflow:hidden;padding:calc(var(--safe-top) + 8px)0 calc(var(--safe-bottom) + 10px);color:#efe7da;background:radial-gradient(130% 55% at 50% -8%,#2b2219 0%,#120f0d 52%,#0b0a09 100%);flex-direction:column;height:100dvh}[data-theme=light] .mt-screen{color:var(--text);background:radial-gradient(130% 55% at 50% -8%,#fffaf0 0%,#f3ebdc 55%,#ece2cf 100%)}.mt-screen.app{padding-top:4px}.mt-head{display:grid;grid-template-columns:auto minmax(0,1fr)auto;flex:none;align-items: center;gap:10px;min-height:58px;padding:0 12px}.mt-title{text-align:center;min-width:0}.mt-title .t{font-family:var(--font-display);font-size:calc(clamp(12.5px,3.7vw,15px)*var(--ts));letter-spacing:.16em;color:#eadcc0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;padding-left:.16em;font-weight:500}.mt-title .s{display:flex;font-size:calc(9.5px*var(--ts));letter-spacing:.2em;text-transform:uppercase;color:#938774;white-space:nowrap;overflow:hidden;justify-content:center;align-items: center;gap:9px;margin-top:6px}.mt-title .s>span{overflow:hidden;text-overflow:ellipsis;min-width:0}.mt-title .s:before,.mt-title .s:after{content:"";background:#d6b47459;flex:none;width:18px;height:1px}[data-theme=light] .mt-title .t{color:var(--text)}.mt-icons{display:flex;gap:6px}.mt-ib{position:relative;display:grid;color:#d9cbb2;transition:transform var(--dur-1),border-color var(--dur-2),color var(--dur-2);background:#1c1814b3;border:1px solid #d6b47447;border-radius:50%;place-items: center;width:36px;height:36px;box-shadow:inset 0 1px #ffffff0d}.mt-ib:active{transform:scale(.93)}.mt-ib.text{border-radius:99px;width:auto;min-width:44px;padding:0 10px}.mt-ib-text{font-family:var(--font-ui);font-size:calc(11.5px*var(--ts));letter-spacing:.06em;color:var(--gold-2);font-weight:600}.mt-ib:hover{color:var(--gold);border-color:#d6b4748c}[data-theme=light] .mt-ib{background:var(--surface);color:var(--text-2)}.mt-badge{position:absolute;background:var(--danger);border-radius:50%;width:8px;height:8px;top:3px;right:3px;box-shadow:0 0 0 2px #120f0d}.mt-cards{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);flex:none;gap:6px;margin:10px 8px}.mt-card{position:relative;display:flex;transition:border-color var(--dur-3),box-shadow var(--dur-3);background:linear-gradient(#26201aeb,#161310eb);border:1px solid #d6b47429;border-radius:14px;align-items: center;gap:7px;min-width:0;height:64px;padding:0 8px 0 9px;box-shadow:inset 0 1px #ffffff0a,0 10px 24px -14px #000c}.mt-card.turn{border-color:#d6b47480;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #d6b4741f,0 10px 26px -12px #d4af6a4d}[data-theme=light] .mt-card{background:var(--surface);border-color:var(--border)}.mt-who{flex:1;min-width:0}.mt-name{font-family:var(--font-display);font-size:calc(13px*var(--ts));letter-spacing:-.1px;color:#efe5d3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .mt-name{color:var(--text)}.mt-meta{display:flex;font-size:calc(11px*var(--ts));color:#8d8374;white-space:nowrap;overflow:hidden;align-items: center;gap:5px;margin-top:3px}.mt-meta .flag{font-size:calc(13px*var(--ts))}.mt-meta .cx-thinking{margin:0}.mt-meta .mt-warn{color:var(--danger);display:inline-flex;align-items: center;gap:4px}.mt-clock{font-family:var(--font-display);font-size:calc(18px*var(--ts));letter-spacing:0;color:#8a8175;flex:none;font-weight:500}.mt-clock.on{color:#f1d9a4;text-shadow:0 0 18px #d4af6a59}.mt-clock.low{color:#ff9b86}.mt-clock.low.on{animation:1s ease-in-out infinite mt-low}@keyframes mt-low{50%{opacity:.55}}[data-theme=light] .mt-clock{color:var(--text-3)}[data-theme=light] .mt-clock.on{color:var(--gold);text-shadow:none}.mt-tomove{font-size:calc(9.5px*var(--ts));letter-spacing:.16em;text-transform:uppercase;color:var(--gold);flex:none;font-weight:600}.mt-add{position:absolute;display:grid;color:var(--gold-2);background:#1a1612;border:1px solid #d6b47499;border-radius:50%;place-items: center;width:24px;height:24px;top:-9px;right:-4px;box-shadow:0 4px 10px #00000073}.mt-add.sent{color:var(--success);border-color:color-mix(in srgb,var(--success)55%,transparent)}.mt-add:disabled{opacity:1}.mt-boardarea{display:flex;flex:auto;justify-content:center;align-items: center;min-height:0}.mt-board{position:relative;flex:none}.mt-board.bleed .board-frame{border-radius:0;box-shadow:0 22px 40px -22px #000000d9,0 -10px 30px -22px #000000b3,inset 0 1px #eccc9c80,inset 0 -1px #0009}.mt-board .board-wrap{transition:filter var(--dur-3)var(--ease-out)}.mt-board.blurred .board-wrap,.mt-board.blurred .board3d{filter:blur(9px)saturate(.75)brightness(.8);pointer-events:none}.mt-board .og-board{position:relative}.mt-caps{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);flex:none;gap:6px;margin:-4px 8px 0}.mt-cap{display:flex;overflow:hidden;background:linear-gradient(#4a40348c,#2c261f99);border:1px solid #d6b47424;border-radius:10px;align-items: center;gap:6px;height:40px;padding:0 8px}[data-theme=light] .mt-cap{background:var(--surface);border-color:var(--border)}.mt-cap-label{font-size:calc(8.5px*var(--ts));letter-spacing:.14em;text-transform:uppercase;color:#7d7365;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mt-cap-adv{font-size:calc(11px*var(--ts));color:var(--gold);flex:none;margin-left:auto;font-weight:600}.mt-cap-row{display:flex;flex:1;align-items: center;gap:6px;min-width:0;height:100%}.mt-cap-pc{position:relative;flex:none}.mt-cap-pc img{display:block;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 1px 2px #000000b3);width:40px;max-width:none;height:50px;margin:-22px -9px -2px}.mt-cap-row.tight{gap:4px}.mt-cap-row.tight .mt-cap-pc img{width:36px;height:45px;margin:-20px -8px -2px}.mt-cap-n{position:absolute;z-index:2;color:#1b140b;text-align:center;background:linear-gradient(#f3d99a,#c99a4a);border-radius:7px;min-width:13px;height:13px;padding:0 3px;font-size:9.5px;font-weight:800;line-height:13px;top:-4px;right:-6px;box-shadow:0 0 0 1.5px #2a241d,0 2px 4px #00000080}.mt-status{display:flex;flex-direction:column;flex:none;gap:6px;margin:8px 8px 0}.mt-status .og-note{min-height:40px}.mt-status.float{position:absolute;z-index:5;left:0;right:0;bottom:calc(var(--safe-bottom) + 78px);margin:0 8px}.mt-actions{display:grid;flex:none;gap:7px;margin:10px 8px 0}.mt-act{position:relative;display:flex;color:#cdbfa6;letter-spacing:.14em;text-transform:uppercase;transition:transform var(--dur-1),border-color var(--dur-2),color var(--dur-2),background var(--dur-2);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#181512d1;border:1px solid #d6b47429;border-radius:14px;flex-direction:column;justify-content:center;align-items: center;gap:5px;min-width:0;height:58px;font-size:10px;font-weight:500}.mt-act:active{transform:scale(.96)}.mt-act .mt-act-ic{position:relative;display:grid;color:var(--gold);place-items: center}.mt-act-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 4px}.mt-act.on{color:var(--gold-2);background:#d4af6a14;border-color:#d6b47473}.mt-act.primary{background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 10px 24px -12px var(--gold-glow);border-color:#0000}.mt-act.primary .mt-act-ic{color:var(--gold-ink)}.mt-act.danger .mt-act-ic{color:var(--danger)}.mt-act:disabled{opacity:.38;pointer-events:none}.mt-actions.many{gap:5px}.mt-actions.many .mt-act{letter-spacing:.05em;font-size:9px}.mt-actions.many .mt-act-label{padding:0 2px}[data-theme=light] .mt-act{background:var(--surface);border-color:var(--border);color:var(--text-2)}@media (max-height:760px){.mt-head{min-height:50px}.mt-cards{margin:6px 8px 8px}.mt-card{height:56px}.mt-cap{height:36px}.mt-actions{margin-top:8px}.mt-act{height:52px}.mt-status.float{bottom:calc(var(--safe-bottom) + 70px)}}@media (max-height:660px){.mt-title .s{display:none}.mt-act{gap:3px;height:48px}.mt-status.float{position:static;margin:8px 8px 0}}.mt-lower{display:contents}.mt-screen.land{--edge:8px;--col:54px;--card-h:58px;--card-w:min(236px,calc((100vw - var(--bw,50vw) - var(--safe-left) - var(--safe-right))/2 - 2*var(--edge)));position:relative;display:block;padding:0}.mt-screen.land .mt-boardarea{position:absolute;top:var(--safe-top);bottom:var(--safe-bottom);left:calc(var(--safe-left) + var(--edge) + var(--col) + 8px);right:calc(var(--safe-right) + var(--edge) + var(--col) + 8px)}.mt-board.wide .board3d{aspect-ratio:auto;height:100%}.mt-screen.land .mt-board,.mt-screen.land .mt-card,.mt-screen.land .mt-icons,.mt-screen.land .mt-actions,.mt-screen.land .mt-lower,.mt-screen.land .mt-status,.mt-screen.land .mt-tray{will-change:transform}.mt-screen.land .mt-cards{display:contents}.mt-screen.land .mt-card{position:absolute;z-index:3;top:calc(var(--safe-top) + var(--edge));width:var(--card-w);height:var(--card-h)}.mt-screen.land .mt-card:first-child{left:calc(var(--safe-left) + var(--edge))}.mt-screen.land .mt-card:last-child{right:calc(var(--safe-right) + var(--edge))}.mt-screen.land .mt-head{display:contents}.mt-screen.land .mt-head>:not(.mt-icons){display:none}.mt-screen.land .mt-icons{position:absolute;z-index:3;right:calc(var(--safe-right) + var(--edge));top:calc(var(--safe-top) + var(--edge) + var(--card-h) + 10px);width:var(--col);flex-direction:column;align-items: center;gap:6px}.mt-screen.land .mt-ib{width:40px;height:40px}.mt-views{display:flex;background:#181512db;border:1px solid #d6b4743d;border-radius:14px;flex-direction:column;gap:3px;margin-bottom:2px;padding:3px;box-shadow:inset 0 1px #ffffff0a}.mt-views button{box-shadow:none;font-size:calc(10.5px*var(--ts));letter-spacing:.02em;color:#cdbfa6;transition:background var(--dur-2),color var(--dur-2);background:0 0;border:0;border-radius:10px;width:46px;height:28px;font-weight:600}.mt-views button.on{background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 6px 14px -8px var(--gold-glow)}[data-theme=light] .mt-views{background:var(--surface);border-color:var(--border)}.mt-screen.land .mt-actions{position:absolute;z-index:3;left:calc(var(--safe-left) + var(--edge));bottom:calc(var(--safe-bottom) + var(--edge));width:var(--col);display:flex;flex-direction:column;gap:6px;margin:0}.mt-screen.land .mt-act,.mt-screen.land .mt-actions.many .mt-act{letter-spacing:.03em;gap:3px;height:52px;font-size:8.5px}.mt-screen.land .mt-act-label{padding:0 2px}.mt-screen.land .mt-caps{display:none}.mt-screen.land .mt-lower{position:absolute;z-index:3;left:calc(var(--safe-left) + var(--edge));top:calc(var(--safe-top) + var(--edge) + var(--card-h) + 8px);width:var(--card-w)}.mt-screen.land .pz-panel{height:auto;margin:0}.mt-screen.land .mt-status:empty{display:none}.mt-screen.land .mt-status{position:absolute;z-index:4;top:calc(var(--safe-top) + var(--edge));width:min(340px,34vw);margin:0;bottom:auto;left:50%;right:auto;transform:translate(-50%)}.mt-tray{position:absolute;width:calc(var(--sq)*2);box-sizing:border-box;padding:calc(var(--sq)*.12)2px;display:flex;background:linear-gradient(#2f2b27,#1f1c19);border:3px solid #b99d73;border-radius:8px;flex-wrap:wrap-reverse;place-content: flex-start center;height:74%;bottom:0;box-shadow:inset 0 3px 10px #000000a6,0 14px 26px -14px #000000e6}.mt-tray.left{right:calc(100% + var(--sq)*.32)}.mt-tray.right{left:calc(100% + var(--sq)*.32)}.mt-tray img{position:relative;width:calc(var(--sq)*.8);margin:0 0 calc(var(--sq)*-.08);filter:drop-shadow(0 4px 4px #0000008c);height:auto}.mt-screen.stand .mt-tray img{margin-top:calc(var(--sq)*-.62)}@media (max-height:390px){.mt-screen.land{--card-h:52px}.mt-screen.land .mt-ib{width:34px;height:34px}.mt-screen.land .mt-icons{gap:4px}.mt-views button{height:24px}.mt-screen.land .mt-act,.mt-screen.land .mt-actions.many .mt-act{height:46px}}.moves-sheet .movelist{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-2);max-height:46vh;margin-top:14px}.moves-nav{display:flex;justify-content:center;align-items: center;gap:8px;margin-top:14px}.moves-empty{font-size:calc(14px*var(--ts));margin-top:14px}.count-pill{display:inline-flex;background:var(--gold-soft);color:var(--gold);font-family:var(--font-ui);font-size:calc(11.5px*var(--ts));vertical-align:2px;font-variant-numeric:tabular-nums;border-radius:99px;justify-content:center;align-items: center;min-width:22px;height:20px;margin-left:8px;padding:0 7px;font-weight:600}.link-btn{color:var(--gold);cursor:pointer;text-decoration:none;background:0 0;border:0;padding:0;font-weight:500}.link-btn:hover{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px}.link-btn.danger{color:var(--danger)}.form-alert{border-radius:var(--radius-m);background:var(--danger-soft);color:var(--text);border:1px solid color-mix(in srgb,var(--danger)35%,transparent);font-size:calc(13.5px*var(--ts));padding:11px 14px;line-height:1.45}.break{overflow-wrap:anywhere}.gold{color:var(--gold);font-weight:600}.online-text{color:var(--status-online)}.live-dot{display:inline-block;background:var(--status-online);box-shadow:0 0 0 0 color-mix(in srgb,var(--status-online)60%,transparent);animation:1.8s ease-out infinite live-pulse;vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--status-online)55%,transparent)}to{box-shadow:0 0 0 9px #0000}}.id-chip{display:inline-flex;border:1px dashed var(--border-strong);background:var(--surface-2);color:var(--text);font-size:calc(12.5px*var(--ts));letter-spacing:.06em;transition:border-color var(--dur-2),background var(--dur-2),transform var(--dur-1);border-radius:99px;align-items: center;gap:8px;height:32px;padding:0 12px}.id-chip:hover{border-color:var(--gold);background:var(--gold-soft);border-style:solid}.id-chip:active{transform:scale(.97)}.id-chip .faint{font-size:calc(10.5px*var(--ts));letter-spacing:.16em}.id-chip svg{color:var(--gold)}.id-chip.big{font-size:calc(15px*var(--ts));justify-content:center;width:100%;height:44px;margin:4px 0 10px;font-weight:600}.fav-star{color:var(--gold);display:inline-flex;flex:none}.fav-toggle{position:relative}.fav-toggle.on{color:var(--gold)}.fav-toggle .fav-fill{position:absolute;display:grid;color:var(--gold);pointer-events:none;animation:pop-in var(--dur-3)var(--ease-spring)both;place-items: center;inset:0}.fav-toggle.on>svg{opacity:0}.cpu-avatar{width:var(--size);height:var(--size);display:grid;background:linear-gradient(145deg,var(--surface-3),var(--surface-2));color:var(--gold);box-shadow:0 0 0 1.5px var(--border-strong);border-radius:50%;flex:none;place-items: center}.cpu-avatar svg{width:55%;height:55%}.pop-menu{position:fixed;z-index:960;border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-3);animation:pop-in var(--dur-2)var(--ease-out)both;min-width:200px;padding:6px}.pop-item{display:flex;color:var(--text);font-size:calc(14px*var(--ts));text-align:left;background:0 0;border:0;border-radius:10px;align-items: center;gap:12px;width:100%;min-height:44px;padding:0 12px}.pop-item svg{color:var(--text-3);flex:none;width:18px;height:18px}.pop-item:hover{background:var(--gold-soft);outline:none}.pop-item:focus-visible{background:var(--gold-soft);outline:none}.pop-item.danger,.pop-item.danger svg{color:var(--danger)}.pop-item:disabled{opacity:.45}.hero-stage{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 50% 18%,#2b221a 0%,#120f0c 55%,#080706 100%);min-height:320px}.hero-spot{position:absolute;filter:blur(10px);z-index:0;background:radial-gradient(closest-side,#e8cc8e38,#e8cc8e00);width:90%;height:80%;top:-10%;left:50%;transform:translate(-50%)}.hero-floor{position:absolute;perspective:520px;perspective-origin:50% 0%;z-index:0;height:58%;bottom:-8%;left:-30%;right:-30%}.hero-floor-grid{position:absolute;transform-origin:50% 0%;background:repeating-conic-gradient(#d6b47421 0 25%,#0000 0 50%)0 0/12.5% 25%,linear-gradient(180deg,#2a2017,#140f0b);-webkit-mask-image:radial-gradient(60% 90% at 50% 0%,#000 30%,#0000 75%);mask-image:radial-gradient(60% 90% at 50% 0%,#000 30%,#0000 75%);inset:0;transform:rotateX(62deg);box-shadow:inset 0 1px #e8cc8e59}.hero-piece{position:absolute;z-index:1;filter:drop-shadow(0 30px 30px #0000008c);animation:hero-rise .9s var(--ease-out)both;width:auto;max-width:none;height:78%;bottom:7%}.hero-king{filter:drop-shadow(0 0 1px #e8cc8e80)drop-shadow(0 0 26px #e8cc8e2e)drop-shadow(0 30px 30px #0009);height:74%;left:50%;transform:translate(-80%)}.hero-queen{animation-delay:.14s;opacity:.96;height:60%;bottom:9%;left:50%;transform:translate(-14%)}@keyframes hero-rise{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0}}.hero-vignette{position:absolute;z-index:2;pointer-events:none;background:radial-gradient(120% 80% at 50% 40%,#0000 55%,#0000008c 100%),linear-gradient(#0000 70%,#080706b3);inset:0}.hero-caption{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;bottom:28px;left:32px;right:32px}.hero-caption .eyebrow{color:#d4af6a}.hero-caption-line{color:#f2ece1;font-size:calc(22px*var(--ts));font-style:italic}.hero-stage.compact{min-height:220px}@media (max-width:699px){.hero-king{height:66%;bottom:6%}.hero-queen{height:53%;bottom:8%}}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr;min-height:100dvh}.auth-art{display:none}.auth-main{display:flex;padding:calc(var(--safe-top) + 8px)18px calc(28px + var(--safe-bottom));flex-direction:column;align-items: center;min-width:0}.auth-top{display:flex;justify-content:space-between;align-items: center;width:100%;max-width:440px;min-height:60px;margin-bottom:8px}.auth-top-brand{display:flex;color:var(--text);align-items: center;gap:10px}.auth-top-brand .wordmark{font-family:var(--font-display);letter-spacing:.28em;font-size:calc(14px*var(--ts))}.auth-card{display:flex;flex-direction:column;gap:18px;width:100%;max-width:440px;padding:8px 2px}.auth-title{font-family:var(--font-display);font-size:calc(30px*var(--ts));letter-spacing:.005em;font-weight:600;line-height:1.15}.auth-sub{color:var(--text-2);font-size:calc(15px*var(--ts));margin-top:-8px}.auth-card.wide{max-width:640px}.legal{display:flex;color:var(--text-2);font-size:calc(15px*var(--ts));flex-direction:column;gap:10px;line-height:1.6}.legal h2{color:var(--text);font-size:calc(17px*var(--ts));margin-top:10px}.legal ul{display:flex;flex-direction:column;gap:6px;padding-left:20px}.legal strong{color:var(--text)}.legal a{color:var(--gold)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-row-end{display:flex;font-size:calc(13.5px*var(--ts));justify-content:flex-end;margin-top:-6px}.auth-or,.welcome-or{display:flex;color:var(--text-3);font-size:calc(12px*var(--ts));letter-spacing:.14em;text-transform:uppercase;align-items: center;gap:14px}.auth-or:before,.auth-or:after,.welcome-or:before,.welcome-or:after{content:"";background:var(--hairline);flex:1;height:1px}.auth-footer{color:var(--text-2);font-size:calc(14px*var(--ts));text-align:center;margin-top:26px}.auth-legal{font-size:calc(12px*var(--ts));color:var(--text-3);text-align:center}.auth-hint{font-size:calc(12.5px*var(--ts));color:var(--text-3);text-align:center}.auth-state{display:flex;text-align:center;flex-direction:column;align-items: center;gap:16px;padding-top:12px}.auth-state .auth-sub{margin-top:-4px}.auth-state .btn{width:100%}.auth-state-icon{display:grid;color:var(--gold);background:radial-gradient(circle at 50% 35%,var(--gold-soft),transparent 70%),var(--surface-2);border:1px solid var(--border-strong);box-shadow:0 0 40px -8px var(--gold-glow);border-radius:50%;place-items: center;width:76px;height:76px}.auth-state-icon svg{width:34px;height:34px}.auth-state-icon.success{color:var(--success);border-color:color-mix(in srgb,var(--success)45%,transparent);box-shadow:0 0 40px -8px color-mix(in srgb,var(--success)45%,transparent)}.auth-state-icon.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger)45%,transparent);box-shadow:none}.auth-state-icon.pop{animation:pop-in .5s var(--ease-spring)both}.auth-state-icon.envelope svg{animation:3s ease-in-out infinite env-float}@keyframes env-float{50%{transform:translateY(-3px)rotate(-3deg)}}.verify-steps{list-style:none;display:flex;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);text-align:left;font-size:calc(14px*var(--ts));color:var(--text-2);flex-direction:column;gap:10px;width:100%;margin:0;padding:14px 16px}.verify-steps li{display:flex;align-items: center;gap:12px}.verify-steps li span{display:grid;font-size:calc(12px*var(--ts));background:var(--gold-soft);color:var(--gold);border-radius:50%;flex:none;place-items: center;width:24px;height:24px;font-weight:600}.dev-link{display:flex;text-align:left;border-radius:var(--radius-m);border:1px dashed color-mix(in srgb,var(--info)55%,transparent);background:color-mix(in srgb,var(--info)9%,transparent);font-size:calc(13px*var(--ts));flex-direction:column;align-items: flex-start;gap:6px;width:100%;padding:12px 14px}.dev-tag{font-size:calc(10.5px*var(--ts));letter-spacing:.16em;text-transform:uppercase;color:var(--info);font-weight:600}.dev-text{color:var(--text-2)}.dev-url{color:var(--info);text-decoration:underline;text-underline-offset:3px;font-weight:600}.google-wrap{display:flex;flex-direction:column;gap:8px;width:100%}.google-holder{display:flex;justify-content:center;min-height:0}.google-holder:empty{display:none}.btn-google{color:#1f1f1f;letter-spacing:.01em;background:#fff;border-color:#0000001f;border-radius:99px;height:50px;font-weight:500}.btn-google:hover{background:#f7f7f7;border-color:#0003}[data-theme=light] .btn-google{border-color:#d6cfc2}.btn-google:disabled{opacity:1;background:var(--surface-2);color:var(--text-3);border-color:var(--border)}.btn-google:disabled svg{opacity:.55;filter:grayscale(.4)}.google-note{font-size:calc(12px*var(--ts));color:var(--text-3);text-align:center}.pw-meter{display:flex;flex-direction:column;gap:8px;margin-top:4px}.pw-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pw-bars span{background:var(--surface-3);transition:background var(--dur-3);border-radius:4px;height:4px}.pw-bars[data-score="1"] span:nth-child(-n+1){background:var(--danger)}.pw-bars[data-score="2"] span:nth-child(-n+2){background:var(--warn)}.pw-bars[data-score="3"] span:nth-child(-n+3){background:var(--gold)}.pw-bars[data-score="4"] span{background:var(--success)}.pw-meta{display:flex;justify-content:space-between;align-items: flex-start;gap:12px}.pw-rules{list-style:none;display:flex;font-size:calc(12px*var(--ts));color:var(--text-3);flex-wrap:wrap;gap:4px 14px;margin:0;padding:0}.pw-rules li{display:inline-flex;align-items: center;gap:5px}.pw-rules li[data-ok="1"]{color:var(--success)}.pw-label{font-size:calc(12px*var(--ts));letter-spacing:.06em;white-space:nowrap;font-weight:600}.pw-label[data-score="1"]{color:var(--danger)}.pw-label[data-score="2"]{color:var(--warn)}.pw-label[data-score="3"]{color:var(--gold)}.pw-label[data-score="4"]{color:var(--success)}@media (max-width:999px){.auth-main{padding-top:calc(var(--safe-top) + 4px);padding-bottom:calc(14px + var(--safe-bottom));justify-content:center}.auth-top{min-height:48px;margin-bottom:4px}.auth-card{gap:14px;padding:4px 2px}.auth-title{font-size:calc(26px*var(--ts))}.auth-sub{font-size:calc(14px*var(--ts));margin-top:-6px}.auth-form{gap:12px}.auth-footer{margin-top:14px}.auth-form .field{gap:5px}.auth-card .btn-lg{--btn-h:52px}.auth-card .btn-google{height:48px}}@media (max-width:999px) and (max-height:700px){.auth-sub{display:none}.auth-top{min-height:40px}.auth-card{gap:11px}.auth-title{font-size:calc(23px*var(--ts))}}@media (min-width:1000px){.auth-screen{grid-template-columns:minmax(420px,1.05fr)1fr}.auth-art{display:block;position:sticky;height:100vh;height:100dvh;padding:18px;top:0}.auth-art .hero-stage{border-radius:var(--radius-xl);box-shadow:var(--shadow-3);border:1px solid #d6b4742e;height:100%}.auth-art-brand{position:absolute;z-index:5;display:flex;color:#f2ece1;align-items: center;gap:14px;top:44px;left:48px}.auth-art-brand .wordmark{font-family:var(--font-display);letter-spacing:.3em;font-size:calc(16px*var(--ts));color:#f2ece1}.auth-art-brand .wordmark small{display:block;font-family:var(--font-ui);font-size:calc(9.5px*var(--ts));letter-spacing:.32em;color:#d4af6a;margin-top:3px}.auth-main{justify-content:center;padding:40px 48px}.auth-top-brand{visibility:hidden}.auth-top{position:absolute;width:auto;max-width:none;margin-left:-12px;top:18px;left:auto}.auth-main{position:relative}.auth-top{left:48px;right:48px}.auth-card{max-width:420px}}.welcome{min-height:100vh;display:flex;flex-direction:column;min-height:100dvh}.welcome-top{position:absolute;z-index:10;display:flex;padding:calc(var(--safe-top) + 14px)18px 0;justify-content:space-between;align-items: center;top:0;left:0;right:0}.welcome-brand{display:flex;color:#f2ece1;align-items: center;gap:12px}.welcome-brand .wordmark{font-family:var(--font-display);letter-spacing:.3em;font-size:calc(14px*var(--ts))}.welcome-brand .wordmark small{display:block;font-family:var(--font-ui);font-size:calc(9px*var(--ts));letter-spacing:.32em;color:#d4af6a;margin-top:2px}.welcome-signin-top{color:#f2ece1}.welcome-signin-top:hover{color:#fff;background:#ffffff14}.welcome-stage-wrap{position:relative}.welcome-stage-wrap .hero-stage{border-radius:0 0 var(--radius-xl)var(--radius-xl);height:min(54vh,460px);min-height:330px}.welcome-stage-wrap .hero-caption{display:none}.welcome-copy{padding:26px 20px calc(32px + var(--safe-bottom));display:flex;flex-direction:column;gap:18px;width:100%;max-width:560px;margin:0 auto}.welcome-eyebrow{display:inline-flex;align-items: center;gap:10px}.welcome-eyebrow:before{content:"";background:var(--gold);width:26px;height:1px}.welcome-title{font-size:calc(clamp(32px,8.4vw,60px)*var(--ts));letter-spacing:-.005em;font-weight:600;line-height:1.06}.welcome-title em{font-style:italic;font-weight:500}.welcome-lede{color:var(--text-2);font-size:calc(16px*var(--ts));max-width:34em;line-height:1.6}.welcome-ctas{display:flex;flex-direction:column;gap:14px;margin-top:4px}.welcome-ctas .btn-google{font-size:calc(15px*var(--ts));height:56px}.welcome-member{text-align:center;color:var(--text-2);font-size:calc(14px*var(--ts))}.welcome-guest{gap:8px}.welcome-offline{display:flex;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:calc(13px*var(--ts));justify-content:center;align-items: center;gap:8px;padding:8px 12px}.welcome-offline svg{color:var(--gold);flex:none}.welcome-features{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 0;padding:0}.welcome-features li{display:flex;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border);box-shadow:var(--inner-hi);flex-direction:column;gap:10px;padding:16px}.welcome-features strong{display:block;font-size:calc(14px*var(--ts));font-weight:600}.welcome-features li>span:last-child>span{display:block;font-size:calc(12.5px*var(--ts));color:var(--text-3);margin-top:3px;line-height:1.45}.wf-icon{display:grid;background:var(--gold-soft);color:var(--gold);border:1px solid var(--border);border-radius:12px;place-items: center;width:38px;height:38px}.wf-icon svg{width:20px;height:20px}.welcome-foot{display:flex;color:var(--text-3);font-size:calc(12.5px*var(--ts));flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}@media (max-width:699px){.welcome{overflow:hidden;height:100dvh;min-height:0}.welcome-stage-wrap{display:flex;flex:1 1 0;min-height:150px}.welcome-stage-wrap .hero-stage{flex:1;height:auto;min-height:0}.welcome-copy{padding:16px 20px calc(16px + var(--safe-bottom));flex:none;gap:12px}.welcome-title{font-size:calc(clamp(28px,8vw,40px)*var(--ts))}.welcome-lede{font-size:calc(14.5px*var(--ts));line-height:1.5}.welcome-features{display:none}.welcome-ctas{gap:10px;margin-top:2px}.welcome-ctas .btn-google{height:52px}.welcome-foot{margin-top:0}}@media (max-width:699px) and (max-height:760px){.welcome-lede{display:none}}@media (max-width:699px) and (max-height:600px){.welcome-eyebrow,.welcome-member{display:none}}@media (min-width:700px){.welcome-stage-wrap .hero-stage{height:52vh}.welcome-copy{padding-top:36px}.welcome-top{padding:22px 32px 0}}@media (min-width:1100px){.welcome{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.08fr);grid-template-rows:auto 1fr;min-height:100vh}.welcome-top{position:relative;grid-column:1;padding:36px 56px 0}.welcome-brand{color:var(--text)}.welcome-signin-top{display:none}.welcome-stage-wrap{grid-column:2;grid-row:1/span 2;position:sticky;height:100vh;padding:18px;top:0}.welcome-stage-wrap .hero-stage{border-radius:var(--radius-xl);box-shadow:var(--shadow-3);border:1px solid #d6b4742e;height:100%}.welcome-stage-wrap .hero-caption{display:flex}.welcome-copy{grid-column:1;grid-row:2;justify-content:center;align-self: center;gap:16px;max-width:600px;margin:0;padding:3vh 56px 40px}.welcome-ctas{max-width:420px}.welcome-foot{justify-content:flex-start}.welcome-title{font-size:calc(clamp(40px,3.9vw,58px)*var(--ts))}.welcome-features{gap:4px 20px;margin-top:6px}.welcome-features li{box-shadow:none;background:0 0;border:0;flex-direction:row;align-items: flex-start;gap:12px;padding:10px 0}.wf-icon{flex:none}}[data-theme=light] .welcome-stage-wrap .hero-stage{box-shadow:0 30px 60px -20px #3c280a73}.ob-screen{min-height:100vh;display:flex;padding:calc(var(--safe-top) + 10px)16px calc(28px + var(--safe-bottom));flex-direction:column;align-items: center;min-height:100dvh}.ob-top{display:flex;justify-content:space-between;align-items: center;width:100%;max-width:620px;min-height:56px}.ob-brand{display:flex;align-items: center;gap:10px}.ob-brand .wordmark{font-family:var(--font-display);letter-spacing:.28em;font-size:calc(13.5px*var(--ts))}.ob-signout{font-size:calc(13.5px*var(--ts));color:var(--text-3)}.ob-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:620px;margin:10px 0 18px}.ob-step{display:flex;flex-direction:column;gap:8px;min-width:0}.ob-step-bar{background:var(--surface-3);position:relative;overflow:hidden;border-radius:4px;height:4px}.ob-step-bar:after{content:"";position:absolute;background:var(--gold-grad);transform-origin:left;transition:transform .5s var(--ease-out);inset:0;transform:scaleX(0)}.ob-step.done .ob-step-bar:after,.ob-step.current .ob-step-bar:after{transform:scaleX(1)}.ob-step.current .ob-step-bar:after{opacity:.85}.ob-step-label{display:flex;font-size:calc(11px*var(--ts));letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items: center;gap:6px}.ob-step.current .ob-step-label,.ob-step.done .ob-step-label{color:var(--text)}.ob-step-num{display:inline-grid;font-size:calc(10px*var(--ts));background:var(--surface-3);color:var(--text-2);letter-spacing:0;border-radius:50%;flex:none;place-items: center;width:18px;height:18px;font-weight:600}.ob-step.current .ob-step-num{background:var(--gold-grad);color:var(--gold-ink)}.ob-step.done .ob-step-num{background:var(--gold-soft);color:var(--gold)}.ob-card{border-radius:var(--radius-xl);width:100%;max-width:620px;padding:26px 22px 20px}.ob-section{display:flex;flex-direction:column;gap:14px}.ob-title{font-family:var(--font-display);font-size:calc(27px*var(--ts));outline:none;font-weight:600;line-height:1.18}.ob-sub{color:var(--text-2);font-size:calc(14.5px*var(--ts));margin-top:-4px}.ob-identity-preview,.ob-summary{display:flex;border-radius:var(--radius-l);background:linear-gradient(135deg,var(--gold-soft),transparent 70%),var(--surface-2);border:1px solid var(--border);align-items: center;gap:14px;padding:14px 16px}.ob-prev-name{font-family:var(--font-display);font-size:calc(19px*var(--ts));font-weight:600}.ob-fields{display:flex;flex-direction:column;gap:16px;margin-top:4px}.ob-at{position:absolute;color:var(--text-3);pointer-events:none;font-weight:500;top:50%;left:15px;transform:translateY(-50%)}.ob-ok{color:var(--success);display:inline-flex;align-items: center;gap:5px}.ob-country-current{display:flex;font-weight:500;font-size:calc(15px*var(--ts));align-items: center;gap:10px;padding:2px}.ob-country-current .flag{font-size:calc(22px*var(--ts))}.ob-levels{display:flex;flex-direction:column;gap:10px}.ob-level{display:flex;border-radius:var(--radius-l);border:1px solid var(--border);background:var(--surface-2);text-align:left;transition:border-color var(--dur-2),background var(--dur-2),transform var(--dur-1);align-items: center;gap:14px;width:100%;min-height:68px;padding:12px 16px}.ob-level:hover{border-color:var(--border-strong)}.ob-level:active{transform:scale(.99)}.ob-level[aria-checked=true]{border-color:var(--gold);background:linear-gradient(90deg,var(--gold-soft),transparent 80%),var(--surface-2);box-shadow:0 0 0 3px var(--gold-soft)}.ob-level-pips{display:grid;grid-template-rows:repeat(5,5px);flex:none;gap:3px;transform:rotate(180deg)}.ob-level-pips i{background:var(--surface-3);border-radius:3px;width:16px;height:5px}.ob-level-pips i[data-on="1"]{background:var(--gold)}.ob-level-text{display:flex;flex-direction:column;flex:1;min-width:0}.ob-level-text strong{font-weight:600;font-size:calc(15px*var(--ts))}.ob-level-text span{font-size:calc(12.5px*var(--ts));color:var(--text-3)}.ob-level-rating{font-family:var(--font-display);font-size:calc(22px*var(--ts));color:var(--text-2);font-weight:600}.ob-level[aria-checked=true] .ob-level-rating{color:var(--gold)}.ob-avatar{display:flex;align-items: center;gap:22px;padding:6px 0}.ob-avatar-pic{position:relative}.ob-avatar-busy,.pf-avatar-busy{position:absolute;display:grid;background:#00000073;border-radius:50%;place-items: center;inset:0}.ob-actions{display:flex;border-top:1px solid var(--hairline);justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px}.ob-actions .btn{min-width:128px}.ob-foot{font-size:calc(12.5px*var(--ts));margin-top:16px}@media (max-width:699px){.ob-screen{padding:calc(var(--safe-top) + 2px)12px calc(10px + var(--safe-bottom))}.ob-top{min-height:44px}.ob-progress{margin:4px 0 10px}.ob-step{gap:6px}.ob-card{padding:16px 16px 12px}.ob-section{gap:10px}.ob-title{font-size:calc(22px*var(--ts))}.ob-sub{font-size:calc(13px*var(--ts));margin-top:-2px;line-height:1.45}.ob-identity-preview,.ob-summary{padding:10px 12px}.ob-fields{gap:12px;margin-top:0}.ob-card .country-list{max-height:min(300px,32dvh)!important}.ob-levels{gap:7px}.ob-level{gap:12px;min-height:52px;padding:8px 12px}.ob-level-text strong{font-size:calc(14px*var(--ts))}.ob-level-text span{font-size:calc(12px*var(--ts))}.ob-level-rating{font-size:calc(19px*var(--ts))}.ob-avatar{gap:16px;padding:0}.ob-card .theme-mock{aspect-ratio:16/7}.ob-card .theme-card{gap:6px;padding:8px}.ob-card .field-label[style]{margin-top:12px!important;margin-bottom:6px!important}.ob-actions{margin-top:14px;padding-top:12px}.ob-foot{font-size:calc(12px*var(--ts));margin-top:8px}}@media (min-width:700px){.ob-screen{padding-top:28px}.ob-card{padding:36px 40px 28px}.ob-title{font-size:calc(32px*var(--ts))}}.theme-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-cards.three{grid-template-columns:repeat(3,1fr)}.theme-card{position:relative;display:flex;border-radius:var(--radius-l);border:1px solid var(--border);background:var(--surface-2);text-align:left;transition:border-color var(--dur-2),box-shadow var(--dur-2),transform var(--dur-1);flex-direction:column;gap:10px;padding:10px}.theme-card:hover{border-color:var(--border-strong)}.theme-card:active{transform:scale(.98)}.theme-card[aria-checked=true]{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.theme-mock{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0f0d0b;border:1px solid #0003;border-radius:12px}.theme-mock i{position:absolute;display:block;border-radius:5px}.theme-mock i:first-child{background:#d4af6a;width:36%;height:10%;top:12%;left:8%}.theme-mock i:nth-child(2){background:#1c1916;border:1px solid #d6b47433;width:84%;height:30%;top:32%;left:8%}.theme-mock i:nth-child(3){background:#25211d;width:52%;height:16%;top:70%;left:8%}.theme-card[data-preview=light] .theme-mock{background:#f6f1e7}.theme-card[data-preview=light] .theme-mock i:first-child{background:#a9823d}.theme-card[data-preview=light] .theme-mock i:nth-child(2){background:#fffdf8;border-color:#785c2c33}.theme-card[data-preview=light] .theme-mock i:nth-child(3){background:#efe7d7}.theme-card[data-preview=system] .theme-mock{background:linear-gradient(90deg,#0f0d0b 50%,#f6f1e7 50%)}.theme-card[data-preview=system] .theme-mock i:nth-child(2){background:linear-gradient(90deg,#1c1916 50%,#fffdf8 50%)}.theme-card[data-preview=system] .theme-mock i:nth-child(3){background:linear-gradient(90deg,#25211d 50%,#efe7d7 50%)}.theme-card-label{display:flex;align-items: center;gap:10px;padding:2px 4px 4px}.theme-card-label strong{display:block;font-size:calc(14px*var(--ts));font-weight:600}.theme-card-label span span,.theme-card-label>span:not(:first-child){font-size:calc(12px*var(--ts));color:var(--text-3)}.theme-card-label>strong+span{display:block}.theme-card-label svg{color:var(--gold);flex:none}.theme-check{position:absolute;background:var(--gold-grad);color:var(--gold-ink);border-radius:50%;width:24px;height:24px;padding:3px;top:16px;right:16px}@media (max-width:520px){.theme-cards.three{grid-template-columns:1fr 1fr}.theme-cards.three .theme-card:last-child{grid-column:span 2}.theme-cards.three .theme-card:last-child .theme-mock{aspect-ratio:32/9}}.country-select{display:flex;flex-direction:column;gap:10px}.country-list{list-style:none;overflow-y:auto;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-2);overscroll-behavior:contain;margin:0;padding:6px}.country-opt{display:flex;cursor:pointer;font-size:calc(14.5px*var(--ts));border-radius:10px;align-items: center;gap:12px;min-height:44px;padding:0 12px}.country-opt.active{background:var(--gold-soft)}.country-opt[aria-selected=true]{color:var(--gold);font-weight:600}.country-flag{display:grid;font-size:calc(20px*var(--ts));color:var(--text-3);flex:none;place-items: center;width:26px}.country-check{color:var(--gold);flex:none}.country-empty{text-align:center;color:var(--text-3);font-size:calc(14px*var(--ts));padding:18px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "puzzles" "me" "stats" "online" "recent" "favs";gap:16px}.home-hero{grid-area:hero}.home-puzzles{grid-area:puzzles}.home-me{grid-area:me}.home-stats{grid-area:stats}.home-online{grid-area:online}.home-recent{grid-area:recent}.home-favs{grid-area:favs}@media (min-width:700px){.home-grid{grid-template-columns:minmax(0,1fr)minmax(0,1fr);grid-template-areas:"hero hero" "puzzles puzzles" "me online" "stats stats" "recent recent" "favs favs"}}@media (min-width:1100px){.home-grid{grid-template-columns:minmax(0,1fr)minmax(0,1fr)minmax(300px,.9fr);grid-template-areas:"hero hero me" "puzzles puzzles online" "stats stats online" "recent recent online" "recent recent favs";align-items: start;gap:20px}.home-me{height:100%}.home-hero{align-self:stretch}}.home-puzzles{display:flex;border-radius:var(--radius-l);color:var(--text);background:linear-gradient(100deg,#d4af6a1a,transparent 55%),var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1),var(--inner-hi);transition:border-color var(--dur-2),transform var(--dur-1);align-items: center;gap:16px;padding:14px 18px}.home-puzzles:hover{color:var(--text);border-color:var(--border-strong)}.home-puzzles:active{transform:scale(.99)}.home-puzzles-icon{display:grid;background:var(--gold-soft);color:var(--gold);border:1px solid var(--border);border-radius:14px;flex:none;place-items: center;width:46px;height:46px}.home-puzzles-icon svg{width:24px;height:24px}.home-puzzles-text{display:flex;font-size:calc(12.5px*var(--ts));flex-direction:column;flex:auto;gap:2px;min-width:0}.home-puzzles-title{font-size:calc(18px*var(--ts));font-weight:600;line-height:1.2}.home-puzzles-bar{background:var(--surface-2);border:1px solid var(--border);overflow:hidden;border-radius:99px;flex:0 160px;height:6px}.home-puzzles-bar span{display:block;border-radius:inherit;background:var(--gold-grad);height:100%}.home-puzzles .btn{flex:none}@media (max-width:560px){.home-puzzles-bar{display:none}}.home-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--radius-xl);box-shadow:var(--shadow-2);color:#f2ece1;background:radial-gradient(90% 120% at 85% 20%,#3a2c1d 0%,#1a1511 45%,#0e0c0a 100%);border:1px solid #d6b47438;min-height:300px}.home-hero:before{content:"";position:absolute;opacity:.8;z-index:2;background:linear-gradient(90deg,#0000,#d4af6a,#0000);height:1px;inset:0 32px auto}.home-hero-glow{position:absolute;z-index:0;background:radial-gradient(closest-side,#e8cc8e38,#0000);width:70%;height:150%;top:-30%;right:-8%}.home-hero-king{position:absolute;z-index:0;opacity:.95;filter:drop-shadow(0 0 1px #e8cc8e80)drop-shadow(0 0 30px #e8cc8e26);pointer-events:none;width:auto;max-width:none;height:118%;bottom:-24%;right:-6%}.home-hero-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;max-width:560px;padding:26px 22px 20px}.home-hero .eyebrow{color:#d4af6a}.home-hero-title{font-size:calc(clamp(34px,8vw,50px)*var(--ts));color:#f7f1e6;max-width:70%;font-weight:600;line-height:1.05}@media (min-width:700px){.home-hero-title{max-width:none}.home-hero-body{max-width:62%}.home-hero-foot{justify-content:flex-start}}.home-hero-sub{color:#f2ece1b8;font-size:calc(14.5px*var(--ts));max-width:66%}.home-hero-sub strong{color:#e8cc8e;font-weight:600}.home-hero-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.home-hero-actions .btn-lg{width:100%}.home-play-now{--btn-h:60px;font-size:calc(16px*var(--ts));transition:transform .22s var(--ease-out),box-shadow .22s,filter .22s}.home-play-now svg{transition:transform .25s var(--ease-out)}@media (hover:hover){.home-play-now:hover{filter:brightness(1.1)saturate(1.08);transform:translateY(-3px);box-shadow:0 0 0 3px #e8cc8e66,0 16px 38px -8px #e8ba60d9,0 0 46px -6px #e8ba6099,inset 0 1px #ffffff73,inset 0 -1px #00000026}.home-play-now:hover svg{transform:scale(1.18)rotate(-10deg)}.home-play-now:active{transform:translateY(-1px)scale(.98)}}.home-play-friend{color:#f2ece1;backdrop-filter:blur(6px);background:#ffffff0f;border-color:#d6b47459}.home-play-friend:hover{background:#ffffff1a;border-color:#d4af6a}.home-hero-foot{display:flex;font-size:calc(13px*var(--ts));flex-wrap:wrap;justify-content:space-between;align-items: center;gap:8px 16px;margin-top:6px}.home-tc{display:inline-flex;color:#e8cc8e;background:#00000047;border:1px solid #d6b47438;border-radius:99px;align-items: center;gap:7px;padding:6px 12px 6px 10px}.home-tc:hover{color:#f3dca4;border-color:#d4af6a}.home-tc .faint{color:#f2ece180}.home-online-count{display:inline-flex;color:#f2ece1d9;align-items: center;gap:7px}.home-online-count .faint{color:#f2ece180}@media (min-width:700px){.home-hero{min-height:320px}.home-hero-body{padding:34px 36px 28px}.home-hero-actions{flex-direction:row}.home-hero-actions .btn-lg{width:auto}.home-hero-king{height:130%;bottom:-30%;right:2%}}[data-theme=light] .home-hero{box-shadow:0 24px 50px -24px #3c280a80}.ph-home{height:calc(100dvh - var(--topbar-h) - var(--safe-top) - var(--nav-h) - var(--safe-bottom));display:flex;overflow:hidden auto;flex-direction:column;gap:12px;padding:14px 14px 12px}.ph-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--radius-xl);color:#f2ece1;box-shadow:var(--shadow-2);background:radial-gradient(90% 120% at 85% 20%,#3a2c1d 0%,#1a1511 45%,#0e0c0a 100%);border:1px solid #d6b47438;flex:none}.ph-hero:before{content:"";position:absolute;opacity:.8;z-index:2;background:linear-gradient(90deg,#0000,#d4af6a,#0000);height:1px;inset:0 28px auto}.ph-hero-king{position:absolute;z-index:0;opacity:.85;pointer-events:none;filter:drop-shadow(0 0 1px #e8cc8e80)drop-shadow(0 0 26px #e8cc8e26);width:auto;max-width:none;height:128%;top:-4%;right:-10%}.ph-hero:after{content:"";position:absolute;z-index:0;pointer-events:none;background:linear-gradient(100deg,#0e0c0ae6 40%,#0e0c0a33 80%,#0000);inset:0}.ph-hero-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items: flex-start;gap:6px;padding:18px 18px 12px}.ph-hero .eyebrow{color:#d4af6a}.ph-hero-title{font-size:calc(clamp(26px,7.4vw,34px)*var(--ts));color:#f7f1e6;font-weight:600;line-height:1.05}.ph-net{display:inline-flex;font-size:calc(12px*var(--ts));color:#f2ece1bf;background:#0000004d;border:1px solid #d6b47433;border-radius:99px;align-items: center;gap:7px;margin-top:2px;padding:4px 11px 4px 8px}.ph-net .status-dot{width:8px;height:8px}.ph-net.on{color:var(--status-online);border-color:color-mix(in srgb,var(--status-online)45%,transparent)}.ph-net.wait{color:var(--status-away);border-color:color-mix(in srgb,var(--status-away)45%,transparent)}.ph-net .spinner{border-width:1.5px;width:10px;height:10px}.ph-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border-radius:var(--radius-m);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000052;border:1px solid #d6b47429;margin:0 12px 12px}.ph-stats span{display:flex;flex-direction:column;align-items: center;gap:1px;padding:8px 4px}.ph-stats span+span{border-left:1px solid #d6b4741f}.ph-stats strong{font-family:var(--font-display);font-size:calc(19px*var(--ts));color:#f2ece1;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.15}.ph-stats em{font-style:normal;font-size:calc(9.5px*var(--ts));letter-spacing:.14em;text-transform:uppercase;color:#f2ece18c}.ph-continue{flex:none;margin:0}.ph-guest-cta{position:relative;z-index:1;display:flex;border-radius:var(--radius-m);font-size:calc(13px*var(--ts));color:#f2ece1;background:#00000052;border:1px solid #d6b47438;align-items: center;gap:10px;margin:0 12px 12px;padding:10px 12px;line-height:1.35}a.ph-guest-cta:hover{color:#fff;border-color:#d4af6a}.ph-guest-cta svg{color:#d4af6a;flex:none}@media (min-width:700px){.ph-home{max-width:720px;height:auto;margin:0 auto;padding:24px 20px}.ph-tiles{grid-template-rows:none}.ph-tile{min-height:170px}}.ph-tiles{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(min-content,1fr)minmax(min-content,1fr)auto;flex:1;gap:12px;min-height:0}.ph-tile{position:relative;display:flex;container-type:inline-size;border-radius:var(--radius-l);color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1),var(--inner-hi);transition:transform var(--dur-1),border-color var(--dur-2),background var(--dur-2);flex-direction:column;justify-content:space-between;gap:10px;min-height:0;padding:16px 14px 14px}.ph-tile:hover{color:var(--text);border-color:var(--border-strong)}.ph-tile:active{transform:scale(.975)}.ph-tile-icon{display:grid;background:var(--gold-soft);color:var(--gold);border:1px solid var(--border);border-radius:15px;flex:none;place-items: center;width:48px;height:48px}.ph-tile-icon svg{width:25px;height:25px}.ph-tile .ph-tile-icon.img{box-shadow:0 0 18px -4px var(--gold-glow),0 6px 14px -6px #000000b3;background:0 0;border:0;border-radius:50%;width:48px;height:48px;padding:0}.ph-tile-icon.img img{display:block;width:100%;height:100%}.ph-tile-text{display:flex;flex-direction:column;gap:3px;min-width:0}.ph-tile-title{font-family:var(--font-display);font-size:min(calc(18px*var(--ts)),14cqi);white-space:nowrap;font-weight:600;line-height:1.15}.ph-tile-sub{font-size:calc(12px*var(--ts));color:var(--text-3);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;line-height:1.3}.ph-tile.primary{background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 14px 30px -12px var(--gold-glow);border-color:#0000}.ph-tile.primary .ph-tile-icon{color:var(--gold-ink);background:#1b14081f;border-color:#1b140826}.ph-tile.primary .ph-tile-sub{color:color-mix(in srgb,var(--gold-ink)72%,transparent)}.ph-tile.off{opacity:.5;box-shadow:none}.ph-tile.off .ph-tile-icon{background:var(--surface-2);color:var(--text-3)}.ph-tile.wide{grid-column:1/-1;flex-direction:row;justify-content:flex-start;align-items: center;gap:14px;padding:12px 14px}.ph-tile.wide .ph-tile-icon{border-radius:13px;flex:none;width:44px;height:44px}.ph-tile.wide .ph-tile-icon svg{width:22px;height:22px}.ph-tile.wide .ph-tile-text{flex:1}.ph-tile-go{color:var(--gold);flex:none}@media (max-height:780px){.ph-tile{gap:6px;padding:12px 12px 11px}.ph-tile-icon{border-radius:12px;width:40px;height:40px}.ph-tile-icon svg{width:21px;height:21px}.ph-tile .ph-tile-icon.img{border-radius:50%;width:40px;height:40px}}@media (max-height:640px){.ph-hero-king{display:none}.ph-hero-body{padding:12px 14px 8px}.ph-tile{padding:12px}.ph-tile-icon{border-radius:12px;width:40px;height:40px}}@media (max-height:520px){.ph-home{overflow:visible;height:auto}.ph-tiles{grid-template-rows:none}.ph-tile{min-height:110px}}.offline-page{min-height:calc(100dvh - var(--topbar-h) - var(--nav-h));display:grid;place-items: center}.offline-card{display:flex;text-align:center;flex-direction:column;align-items: center;gap:14px;width:100%;max-width:420px;padding:28px 22px}.offline-icon{display:grid;color:var(--gold);background:var(--gold-soft);border:1px solid var(--border-strong);border-radius:50%;place-items: center;width:72px;height:72px}.offline-icon svg{width:32px;height:32px}.offline-title{font-family:var(--font-display);font-size:calc(26px*var(--ts));font-weight:600}.offline-sub{color:var(--text-2);font-size:calc(14.5px*var(--ts));line-height:1.55}.offline-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:4px}.home-me{display:flex;flex-direction:column;gap:14px}.home-me-head{display:flex;align-items: center;gap:14px}.home-me-name{display:block;font-size:calc(21px*var(--ts));color:var(--text);font-weight:600;line-height:1.2}.home-me-name:hover{color:var(--gold)}.home-me-handle{font-size:calc(13.5px*var(--ts));display:flex;align-items: center;gap:6px}.home-me-status{margin-top:2px}.home-me .id-chip{align-self: flex-start}.home-wld{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.home-wld span{display:flex;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--hairline);flex-direction:column;align-items: center;gap:2px;padding:10px 6px}.home-wld strong{font-family:var(--font-display);font-size:calc(20px*var(--ts));font-weight:600;line-height:1.1}.home-wld em{font-style:normal;font-size:calc(10px*var(--ts));letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.home-rating{display:flex;border-top:1px solid var(--hairline);justify-content:space-between;align-items: flex-end;gap:12px;margin-top:auto;padding-top:14px}.home-rating-value{font-size:calc(52px*var(--ts));letter-spacing:-.01em;background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding:4px 0 2px;font-weight:600;line-height:1}.home-rating-peak{font-size:calc(12.5px*var(--ts));display:flex;align-items: center;gap:5px;margin-top:4px}.home-rating-peak svg{color:var(--gold)}.spark{flex:1;max-width:150px;height:44px}.home-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width:700px){.home-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-tile{display:flex;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1),var(--inner-hi);align-items: center;gap:12px;min-width:0;padding:16px}.stat-tile .stat-value{font-size:calc(26px*var(--ts))}.stat-tile .stat-value small{font-size:calc(15px*var(--ts));color:var(--text-3);margin-left:1px}.stat-tile .stat-label{font-size:calc(10.5px*var(--ts));letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-icon{display:grid;background:var(--gold-soft);color:var(--gold);border:1px solid var(--border);border-radius:14px;flex:none;place-items: center;width:44px;height:44px}.stat-icon svg{width:22px;height:22px}.stat-icon.hot{background:linear-gradient(160deg,#e3844638,var(--gold-soft));color:#e39a52}.win-ring{flex:none}.wld-bar{display:flex;overflow:hidden;border-radius:4px;gap:2px;max-width:120px;height:5px;margin-top:7px}.wld-bar i{min-width:2px}.wld-bar .w{background:var(--success)}.wld-bar .d{background:var(--text-3)}.wld-bar .l{background:var(--danger)}.of-list{list-style:none;display:flex;flex-direction:column;gap:2px;margin:0;padding:0}.of-row{display:flex;align-items: center;gap:10px;padding:6px 0}.of-who{display:flex;color:var(--text);border-radius:12px;flex:1;align-items: center;gap:12px;min-width:0;padding:4px 6px 4px 0}.of-who:hover{color:var(--text)}.of-who:hover .of-name{color:var(--gold)}.of-name{display:flex;font-weight:500;font-size:calc(14.5px*var(--ts));align-items: center;gap:6px;min-width:0}.of-meta{display:flex;font-size:calc(12px*var(--ts));align-items: center;gap:8px}.of-meta .status-label{font-size:calc(10.5px*var(--ts))}.of-row .btn{min-width:76px}.home-card-pad{margin-bottom:8px;padding:18px 20px 0}.home-recent .empty{padding-bottom:28px}.fav-strip{display:flex;overflow-x:auto;scrollbar-width:none;gap:6px;margin:0 -4px;padding:2px 2px 6px}.fav-strip::-webkit-scrollbar{display:none}.fav-chip{display:flex;border-radius:var(--radius-m);color:var(--text);text-align:center;transition:background var(--dur-2);flex-direction:column;flex:none;align-items: center;gap:6px;width:78px;padding:8px 4px}.fav-chip:hover{background:var(--gold-soft);color:var(--text)}.fav-chip-name{font-size:calc(12.5px*var(--ts));max-width:100%;font-weight:500}.fav-chip-rating{font-size:calc(11px*var(--ts));color:var(--gold);margin-top:-4px}.home-favs-empty{display:flex;font-size:calc(13.5px*var(--ts));align-items: center;gap:8px}.home-favs-empty svg{color:var(--gold);flex:none}.continue-card{display:flex;border-radius:var(--radius-l);color:var(--text);background:linear-gradient(90deg,color-mix(in srgb,var(--status-online)12%,transparent),transparent 60%),var(--surface);border:1px solid color-mix(in srgb,var(--status-online)38%,var(--border));box-shadow:var(--shadow-1);animation:pop-in var(--dur-3)var(--ease-out)both;align-items: center;gap:16px;margin-bottom:16px;padding:14px 16px}.continue-card:hover{color:var(--text);border-color:var(--status-online)}.continue-card.slim{padding:10px 14px;font-weight:500}.continue-board{overflow:hidden;pointer-events:none;border-radius:6px;flex:none;width:76px}.continue-board .board-frame{box-shadow:none}.continue-title{font-family:var(--font-display);font-size:calc(19px*var(--ts));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;font-weight:600}.continue-meta{font-size:calc(13px*var(--ts))}.continue-card .eyebrow{color:var(--status-online)}.continue-btn{flex:none}@media (max-width:520px){.continue-btn{padding:0 14px}.continue-btn svg{display:none}.continue-board{width:60px}}.game-row{display:flex;color:var(--text);border-bottom:1px solid var(--hairline);transition:background var(--dur-2);align-items: center;gap:12px;min-height:72px;padding:12px 16px}.game-row:last-child{border-bottom:0}.game-row:hover{background:var(--gold-soft);color:var(--text)}.game-row.compact{min-height:64px;padding:10px 18px}.gr-result{display:grid;font-family:var(--font-display);font-weight:700;font-size:calc(14px*var(--ts));background:var(--surface-3);color:var(--text-2);border-radius:9px;flex:none;place-items: center;width:30px;height:30px}.gr-result[data-r=win]{background:var(--success-soft);color:var(--success);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success)35%,transparent)}.gr-result[data-r=loss]{background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger)35%,transparent)}.gr-result[data-r=draw]{box-shadow:inset 0 0 0 1px var(--border-strong)}.gr-main{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0}.gr-name{display:flex;font-weight:500;font-size:calc(14.5px*var(--ts));align-items: center;gap:7px;min-width:0}.gr-opp-rating{font-size:calc(12px*var(--ts));color:var(--text-3);flex:none;font-weight:400}.gr-meta{display:flex;font-size:calc(12px*var(--ts));color:var(--text-3);white-space:nowrap;overflow:hidden;align-items: center;gap:6px}.gr-meta svg{color:var(--gold);flex:none}.gr-dot:before{content:"·";margin-right:6px}.gr-side{display:flex;flex-direction:column;flex:none;align-items: flex-end;gap:3px}.gr-delta{font-weight:600;font-size:calc(14px*var(--ts))}.gr-casual{font-size:calc(11px*var(--ts));letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:500}.gr-when{font-size:calc(11.5px*var(--ts));color:var(--text-3);white-space:nowrap}.gr-chev{color:var(--text-3);flex:none}.skeleton-row{pointer-events:none}@media (max-width:480px){.gr-chev{display:none}.game-row{gap:10px;padding-left:14px;padding-right:14px}}.fr-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.fr-aside{display:none}@media (min-width:1100px){.fr-layout{grid-template-columns:minmax(0,1fr)300px}.fr-aside{display:block}.fr-aside .share-card{position:sticky;top:calc(var(--topbar-h) + 20px)}}.fr-list{list-style:none;margin:0;padding:0}.fr-row{display:flex;border-bottom:1px solid var(--hairline);transition:background var(--dur-2);align-items: center;gap:10px;min-height:72px;padding:10px 12px 10px 16px}.fr-row:last-child{border-bottom:0}.fr-row:hover{background:color-mix(in srgb,var(--gold-soft)60%,transparent)}.fr-who{display:flex;color:var(--text);flex:1;align-items: center;gap:12px;min-width:0}.fr-who:hover{color:var(--text)}.fr-who:hover .fr-name>.ellipsis{color:var(--gold)}.fr-text{display:flex;flex-direction:column;gap:3px;min-width:0}.fr-name{display:flex;font-weight:500;font-size:calc(15px*var(--ts));align-items: center;gap:7px;min-width:0}.fr-meta{display:flex;font-size:calc(12.5px*var(--ts));align-items: center;gap:10px;min-width:0}.fr-meta .status-label{font-size:calc(10.5px*var(--ts))}.fr-rating{color:var(--gold);font-weight:600}.fr-rating:before{content:"";display:inline-block;vertical-align:1px;opacity:.8;background:currentColor;border-radius:1.5px;width:6px;height:6px;margin-right:6px;transform:rotate(45deg)}.fr-actions{display:flex;flex:none;align-items: center;gap:6px}.fr-play{min-width:72px}.fr-when{font-size:calc(12px*var(--ts));white-space:nowrap;font-weight:400}.fr-code{font-size:calc(12px*var(--ts));letter-spacing:.06em;margin-right:6px}.fr-search{border-bottom:1px solid var(--hairline);padding:16px}.fr-search .input{height:50px}.share-card{display:flex;flex-direction:column;gap:12px}.share-who{display:flex;align-items: center;gap:12px}.share-name{font-family:var(--font-display);font-weight:600;font-size:calc(18px*var(--ts))}.share-text{font-size:calc(13px*var(--ts))}@media (max-width:480px){.fr-row{gap:6px;padding-left:12px;padding-right:6px}.fr-who{gap:10px}.fr-actions{gap:2px}.fr-play{min-width:60px;padding:0 12px}.friends .page-header .fr-add{display:none}}.pf-header{overflow:hidden;padding:0}.pf-cover{position:relative;overflow:hidden;background:radial-gradient(80% 140% at 80% 0%,#3b2d1e,#15110d 60%,#0c0a08);height:130px}.pf-cover:after{content:"";position:absolute;opacity:.7;background:linear-gradient(90deg,#0000,#d4af6a,#0000);height:1px;inset:auto 0 0}.pf-cover-grid{position:absolute;background:repeating-conic-gradient(#d6b47417 0 25%,transparent 0 50%)0 0/44px 44px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%);inset:-40% -10% -40% 40%;transform:rotate(-12deg)}.pf-head-body{display:grid;grid-template-columns:1fr;position:relative;gap:14px;padding:0 20px 22px}.pf-avatar{position:relative;align-self: start;width:112px;height:112px;margin-top:-56px}.pf-avatar>.avatar{display:block}.pf-avatar .avatar-img,.pf-avatar .avatar-mono{box-shadow:0 0 0 4px var(--surface),0 0 0 5.5px var(--gold)!important}.pf-avatar .status-dot{border-width:3px;bottom:6px;right:6px}.pf-avatar-edit{position:absolute;bottom:2px;right:-6px}.pf-avatar-edit .icon-btn{background:var(--surface);border-color:var(--border-strong);color:var(--gold);box-shadow:var(--shadow-1);border-radius:50%;width:38px;height:38px}.pf-identity{display:flex;flex-direction:column;gap:6px;min-width:0}.pf-name{font-size:calc(30px*var(--ts));display:flex;overflow-wrap:anywhere;flex-wrap:wrap;align-items: center;font-weight:600;line-height:1.12}.pf-handle{display:flex;color:var(--text-2);font-size:calc(14px*var(--ts));flex-wrap:wrap;align-items: center;gap:6px 14px}.pf-country{display:inline-flex;align-items: center;gap:6px}.pf-bio{color:var(--text);font-size:calc(14.5px*var(--ts));font-style:italic;font-family:var(--font-display);max-width:60ch}.pf-bio-add{font-size:calc(13.5px*var(--ts));align-self: flex-start}.pf-chips{display:flex;flex-wrap:wrap;align-items: center;gap:8px 14px;margin-top:6px}.pf-since{display:inline-flex;font-size:calc(12.5px*var(--ts));align-items: center;gap:6px}.pf-rating{display:flex;border-radius:var(--radius-l);background:linear-gradient(135deg,var(--gold-soft),transparent 70%),var(--surface-2);border:1px solid var(--border);flex-direction:column;align-items: flex-start;gap:2px;padding:12px 16px}.pf-rating-value{font-size:calc(44px*var(--ts));background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding:2px 0;font-weight:600;line-height:1}.pf-rating-peak{font-size:calc(12.5px*var(--ts));display:inline-flex;align-items: center;gap:5px}.pf-rating-peak svg{color:var(--gold)}.pf-actions{display:flex;flex-wrap:wrap;align-items: center;gap:10px}.pf-actions>.btn{flex:auto}.pf-actions .icon-btn{width:46px;height:46px}@media (min-width:700px){.pf-cover{height:150px}.pf-head-body{grid-template-columns:auto minmax(0,1fr)auto;grid-template-areas:"avatar id rating" "avatar actions actions";column-gap:24px;padding:0 28px 24px}.pf-avatar{grid-area:avatar;margin-top:-48px}.pf-identity{grid-area:id;padding-top:16px}.pf-rating{grid-area:rating;align-self: start;align-items: flex-end;min-width:150px;margin-top:16px}.pf-actions{grid-area:actions}.pf-actions>.btn{flex:none}}@media (min-width:1100px){.pf-head-body{grid-template-areas:"avatar id rating" "avatar actions rating"}}.pf-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}.pf-col{display:flex;flex-direction:column;gap:16px;min-width:0}@media (min-width:1100px){.pf-grid{grid-template-columns:minmax(0,1.55fr)minmax(300px,1fr);gap:20px;margin-top:20px}.pf-col{gap:20px}}.pf-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width:560px){.pf-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.pf-stat{display:flex;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1),var(--inner-hi);flex-direction:column;gap:4px;min-width:0;padding:14px 16px}.pf-stat svg{color:var(--gold);width:18px;height:18px;margin-bottom:4px}.pf-stat .stat-value{font-size:calc(24px*var(--ts))}.pf-stat .stat-label{font-size:calc(10px*var(--ts));letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-stat[data-tone=win] .stat-value{color:var(--success)}.pf-stat[data-tone=loss] .stat-value{color:var(--danger)}.pf-chart-range{font-size:calc(12.5px*var(--ts))}.ach-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0}@media (min-width:560px) and (max-width:1099px){.ach-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ach{display:flex;text-align:center;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;align-items: center;gap:6px;min-width:0;padding:14px 6px 12px}.ach-medal{position:relative;display:grid;border-radius:50%;place-items: center;width:48px;height:48px}.ach-medal svg{width:22px;height:22px}.ach.earned .ach-medal{background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 6px 18px -6px var(--gold-glow),inset 0 1px 0 #fff6}.ach.earned{border-color:var(--border-strong)}.ach.locked .ach-medal{background:var(--surface-3);color:var(--text-3)}.ach.locked .ach-name,.ach.locked .ach-desc{opacity:.55}.ach-lock{position:absolute;display:grid;background:var(--surface);border:1px solid var(--border-strong);color:var(--text-3);border-radius:50%;place-items: center;width:18px;height:18px;bottom:-2px;right:-2px}.ach-lock svg{width:11px;height:11px}.ach-name{font-size:calc(12.5px*var(--ts));font-weight:600;line-height:1.25}.ach-desc{font-size:calc(10.5px*var(--ts));color:var(--text-3);line-height:1.3}.pf-favs{list-style:none;display:flex;flex-direction:column;margin:0;padding:0}.pf-fav{display:flex;color:var(--text);font-size:calc(14px*var(--ts));border-radius:12px;align-items: center;gap:12px;padding:8px 6px;font-weight:500}.pf-fav:hover{background:var(--gold-soft);color:var(--text)}.pf-links ul{list-style:none;margin:-6px 0;padding:0}.pf-links a{display:flex;color:var(--text);font-size:calc(14px*var(--ts));border-bottom:1px solid var(--hairline);align-items: center;gap:12px;min-height:48px}.pf-links li:last-child a{border-bottom:0}.pf-links a>svg:first-child{color:var(--gold);width:19px;height:19px}.pf-links a>svg:last-child{color:var(--text-3)}.pf-links a:hover{color:var(--gold)}.rating-chart{position:relative;touch-action:pan-y;width:100%}.rating-chart svg{display:block;overflow:visible}.chart-tick{font-size:calc(10.5px*var(--ts));fill:var(--text-3);font-family:var(--font-ui);font-variant-numeric:tabular-nums}.chart-line{filter:drop-shadow(0 4px 8px var(--gold-glow))}.chart-tip{position:absolute;pointer-events:none;display:flex;background:var(--surface-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);font-size:calc(11px*var(--ts));color:var(--text-3);white-space:nowrap;border-radius:10px;flex-direction:column;align-items: center;padding:6px 10px;transform:translate(-50%)}.chart-tip strong{color:var(--gold);font-size:calc(15px*var(--ts));font-family:var(--font-display)}.chart-empty{display:flex;color:var(--text-3);font-size:calc(13.5px*var(--ts));text-align:center;flex-direction:column;justify-content:center;align-items: center;gap:10px}.gh-modes{display:flex;flex-wrap:wrap;gap:8px}.gh-group{font-size:calc(11.5px*var(--ts));letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);font-weight:500;font-family:var(--font-ui);margin:6px 4px 10px}.gh-more{display:flex;justify-content:center;padding:8px 0 12px}.gh-more .btn{min-width:180px}.gh-end{font-size:calc(13px*var(--ts))}.lb-country{position:relative;display:flex;align-items: center;min-width:220px}.lb-country .select{height:46px;padding-left:46px}.lb-country-flag{position:absolute;font-size:calc(20px*var(--ts));pointer-events:none;z-index:1;left:14px}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items: end;gap:10px;margin:8px 0 18px}.podium-spot{display:flex;color:var(--text);text-align:center;flex-direction:column;align-items: center;gap:4px;min-width:0}.podium-spot:hover{color:var(--text)}.podium-spot:hover .podium-name{color:var(--gold)}.podium-avatar{position:relative;margin-bottom:6px}.podium-badge{position:absolute;display:grid;font-size:calc(12px*var(--ts));font-weight:700;font-family:var(--font-display);color:#000000b3;border:2px solid var(--surface);border-radius:50%;place-items: center;width:24px;height:24px;bottom:-8px;left:50%;transform:translate(-50%)}.podium-badge.gold,.lb-medal.gold{color:#d4af6a;background:linear-gradient(135deg,#f6e1a6,#d4af6a 50%,#a8843f)}.podium-badge.silver,.lb-medal.silver{color:#bfc3c8;background:linear-gradient(135deg,#f1f1f1,#bfc3c8 50%,#8b9097)}.podium-badge.bronze,.lb-medal.bronze{color:#c98a55;background:linear-gradient(135deg,#f0c69b,#c98a55 50%,#8f5a2f)}.podium-badge.gold,.podium-badge.silver,.podium-badge.bronze{color:#000000b3}.podium-name{font-weight:600;font-size:calc(13.5px*var(--ts));max-width:100%;margin-top:4px}.podium-rating{font-size:calc(20px*var(--ts));color:var(--gold);font-weight:600;line-height:1}.podium-block{display:grid;background:linear-gradient(180deg,var(--surface-3),var(--surface));border:1px solid var(--border);color:var(--text-3);border-bottom:0;border-radius:14px 14px 4px 4px;place-items: center;width:100%;margin-top:8px}.podium-block svg{width:22px;height:22px}.podium-spot.r1 .podium-block{background:linear-gradient(180deg,color-mix(in srgb,var(--gold)28%,var(--surface-2)),var(--surface));border-color:var(--border-strong);color:var(--gold);height:86px}.podium-spot.r2 .podium-block{height:62px}.podium-spot.r3 .podium-block{height:46px}.podium-spot.me .podium-name:after{content:" · You";color:var(--gold)}.lb-card{overflow:hidden}.lb-head{display:grid;grid-template-columns:48px minmax(0,1fr)80px 72px;font-size:calc(10.5px*var(--ts));letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--hairline);gap:12px;padding:12px 18px}.lb-head span:last-child{text-align:right}.lb-list{list-style:none;margin:0;padding:0}.lb-row{display:grid;grid-template-columns:48px minmax(0,1fr)80px 72px;color:var(--text);border-bottom:1px solid var(--hairline);transition:background var(--dur-2);align-items: center;gap:12px;min-height:64px;padding:8px 18px}.lb-list li:last-child .lb-row{border-bottom:0}.lb-row:hover{background:var(--gold-soft);color:var(--text)}.lb-row.me{background:linear-gradient(90deg,color-mix(in srgb,var(--gold)18%,transparent),transparent 80%);box-shadow:inset 3px 0 0 var(--gold)}.lb-rank{font-family:var(--font-display);font-size:calc(17px*var(--ts));color:var(--text-2);text-align:center;font-weight:600}.lb-medal{display:grid;place-items: center;background:0 0!important}.lb-player{display:flex;align-items: center;gap:12px;min-width:0}.lb-name-wrap{display:flex;flex-direction:column;min-width:0}.lb-name{display:flex;font-weight:500;font-size:calc(14.5px*var(--ts));align-items: center;gap:7px;min-width:0}.lb-user{font-size:calc(12px*var(--ts))}.lb-games-col{text-align:left;font-size:calc(13px*var(--ts))}.lb-rating{font-size:calc(19px*var(--ts));text-align:right;color:var(--text);font-weight:600}.lb-row.top .lb-rating{color:var(--gold)}.lb-mine{position:sticky;z-index:20;bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px);display:flex;border-radius:var(--radius-l);background:var(--surface-glass);backdrop-filter:blur(18px)saturate(1.3);-webkit-backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);align-items: center;gap:12px;margin-top:16px;padding:10px 18px 10px 14px}.lb-mine-rank{display:flex;flex-direction:column;align-items: center;min-width:58px}.lb-mine-rank .stat-label{font-size:calc(9px*var(--ts))}.lb-mine-rank .display{font-size:calc(20px*var(--ts));color:var(--gold);font-weight:600;line-height:1.1}.lb-mine-name{font-weight:500;font-size:calc(14px*var(--ts))}@media (min-width:1100px){.lb-mine{bottom:20px}}@media (max-width:599px){.lb-head,.lb-row{grid-template-columns:38px minmax(0,1fr)58px;gap:10px;padding-left:12px;padding-right:14px}.lb-games-col{display:none}.lb-country{width:100%;min-width:0}.leaderboard .page-header>div:first-child{width:100%}}.nt-list{list-style:none;margin:0;padding:0}.nt-item{position:relative;display:flex;border-bottom:1px solid var(--hairline);align-items: flex-start;gap:14px;padding:16px 18px;transition:background .6s}.nt-item:last-child{border-bottom:0}.nt-item.unread{background:linear-gradient(90deg,var(--gold-soft),transparent 70%)}.nt-visual{position:relative;flex:none}.nt-ach{display:grid;background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 6px 16px -6px var(--gold-glow);border-radius:50%;place-items: center;width:44px;height:44px}.nt-ach svg{width:22px;height:22px}.nt-type{position:absolute;display:grid;background:var(--surface);border:1px solid var(--border-strong);color:var(--gold);border-radius:50%;place-items: center;width:22px;height:22px;bottom:-4px;right:-4px}.nt-type svg{width:12px;height:12px}.nt-type[data-tone=win]{color:var(--success)}.nt-type[data-tone=loss]{color:var(--danger)}.nt-body{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0;padding-right:14px}.nt-text{color:var(--text);font-size:calc(14.5px*var(--ts));line-height:1.45}a.nt-text:hover{color:var(--text)}a.nt-text:hover strong{color:var(--gold)}.nt-text strong{font-weight:600}.nt-sub{display:block;font-size:calc(13px*var(--ts));color:var(--text-3)}.nt-meta{font-size:calc(12px*var(--ts));color:var(--text-3)}.nt-actions{display:flex;flex-wrap:wrap;align-items: center;gap:8px;margin-top:8px}.nt-state{font-size:calc(11px*var(--ts));letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);background:var(--surface-3);border-radius:99px;padding:4px 10px}.nt-dot{position:absolute;background:var(--gold);box-shadow:0 0 10px var(--gold-glow);border-radius:50%;width:9px;height:9px;top:22px;right:18px}.st-layout{display:grid;grid-template-columns:300px minmax(0,1fr);align-items: start;gap:24px}.st-nav{display:flex;flex-direction:column;gap:12px}.st-layout .st-nav{position:sticky;top:calc(var(--topbar-h) + 20px)}.st-nav ul{list-style:none;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1),var(--inner-hi);margin:0;padding:6px}.st-me{display:flex;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-1),var(--inner-hi);align-items: center;gap:12px;padding:12px 14px}.st-me:hover{color:var(--text);border-color:var(--border-strong)}.st-me>span{display:flex;flex-direction:column}.st-me-name{font-weight:600;font-size:calc(15px*var(--ts))}.st-me .faint{font-size:calc(12.5px*var(--ts))}.st-nav-item{display:flex;border-radius:var(--radius-m);color:var(--text);position:relative;align-items: center;gap:12px;min-height:58px;padding:8px 10px}.st-nav-item:hover{background:var(--gold-soft);color:var(--text)}button.st-nav-item{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.st-nav-item[aria-current=page]{background:var(--gold-soft)}.st-nav-item[aria-current=page]:before{content:"";position:absolute;background:var(--gold-grad);border-radius:3px;width:3px;top:14px;bottom:14px;left:0}.st-nav-item>span.grow{display:flex;flex-direction:column}.st-nav-icon{display:grid;background:var(--surface-2);border:1px solid var(--border);color:var(--gold);border-radius:12px;flex:none;place-items: center;width:38px;height:38px}.st-nav-icon svg{width:19px;height:19px}.st-nav-label{font-weight:500;font-size:calc(14.5px*var(--ts))}.st-nav-desc{font-size:calc(12px*var(--ts));color:var(--text-3)}.st-chev{color:var(--text-3);flex:none}.st-nav-item[aria-current=page] .st-nav-label{color:var(--gold)}.st-update.latest .st-nav-desc{color:var(--success)}.st-update.update .st-nav-desc{color:var(--gold)}.st-content{min-width:0}.st-section{display:flex;flex-direction:column;gap:16px}.st-section-head{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.st-section-title{font-size:calc(24px*var(--ts));font-weight:600}.st-section-head .faint{font-size:calc(14px*var(--ts))}.st-card{padding-top:6px;padding-bottom:6px}.st-note{display:flex;font-size:calc(13px*var(--ts));align-items: center;gap:8px}.st-note svg{color:var(--gold);flex:none}.st-board-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.st-board-preview{width:min(100%,340px);margin:0 auto}@media (min-width:1200px){.st-board-layout{grid-template-columns:minmax(260px,340px)minmax(0,1fr);align-items: start}.st-board-preview{position:sticky;top:calc(var(--topbar-h) + 20px)}}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.swatch{display:flex;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-2);transition:border-color var(--dur-2),box-shadow var(--dur-2),transform var(--dur-1);flex-direction:column;align-items: center;gap:6px;padding:10px 8px}.swatch:hover{border-color:var(--border-strong)}.swatch:active{transform:scale(.97)}.swatch[aria-checked=true]{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.swatch-tiles{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:8px;width:56px;height:56px;box-shadow:0 6px 14px -6px #0009,inset 0 0 0 1px #00000040}.swatch-tiles i{background-position:50%;background-size:cover}.swatch-tiles.auto{position:relative}.swatch-tiles.auto i:nth-child(3),.swatch-tiles.auto i:nth-child(4){clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.swatch-label{font-size:calc(13px*var(--ts));font-weight:500}.swatch-sub{font-size:calc(10.5px*var(--ts));color:var(--text-3);margin-top:-4px}.piece-sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.piece-set{display:flex;border-radius:var(--radius-m);border:1px solid var(--border);background:radial-gradient(90% 80% at 50% 30%,var(--surface-3),var(--surface-2));transition:border-color var(--dur-2),box-shadow var(--dur-2);flex-direction:column;align-items: center;gap:6px;padding:10px}.piece-set:hover{border-color:var(--border-strong)}.piece-set[aria-checked=true]{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.piece-set-imgs{display:flex;justify-content:center;align-items: flex-end;height:70px}.piece-set-imgs img{filter:drop-shadow(0 6px 6px #00000059);width:auto;height:70px;margin:0 -9px}.piece-set-imgs img:nth-child(2){height:64px}.piece-set-imgs img:nth-child(4){height:58px}.st-volume.disabled{opacity:.5}.st-volume-ctl{display:flex;color:var(--text-3);flex:1;align-items: center;gap:10px;max-width:300px}.range{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:100px;height:28px}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--gold)var(--pct),var(--surface-3)var(--pct));border-radius:6px;height:6px}.range::-moz-range-track{background:linear-gradient(90deg,var(--gold)var(--pct),var(--surface-3)var(--pct));border-radius:6px;height:6px}.range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--gold);background:#fff;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 2px 8px #00000059}.range::-moz-range-thumb{border:2px solid var(--gold);background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00000059}.range:focus-visible{outline:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--gold-soft)}.lang-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.lang-opt{position:relative;display:flex;border-radius:var(--radius-l);border:1px solid var(--border);background:var(--surface);text-align:left;box-shadow:var(--shadow-1);transition:border-color var(--dur-2),box-shadow var(--dur-2);flex-direction:column;align-items: flex-start;gap:2px;padding:18px 18px 16px}.lang-opt:hover{border-color:var(--border-strong)}.lang-opt[aria-checked=true]{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.lang-native{font-size:calc(22px*var(--ts));font-weight:600}.lang-opt .theme-check{top:14px;right:14px}.st-danger{border-color:color-mix(in srgb,var(--danger)30%,var(--border))}.st-danger-body{display:flex;font-size:calc(14px*var(--ts));color:var(--text-2);flex-direction:column;gap:16px;margin-top:14px}.st-mobile-section{display:flex;flex-direction:column;gap:4px}.st-back{display:inline-flex;color:var(--gold);font-weight:500;font-size:calc(14.5px*var(--ts));background:0 0;border:0;border-radius:10px;align-self: flex-start;align-items: center;gap:4px;height:40px;margin:-6px 0 8px -6px;padding:0 10px 0 4px}.st-back:hover{background:var(--gold-soft)}.setting-row>div:first-child{min-width:0}@media (max-width:480px){.setting-row .segmented button{padding:8px 10px}.st-volume{flex-wrap:wrap}.st-volume-ctl{width:100%;max-width:none}}.rb-modal{display:flex;flex-direction:column;gap:16px}.rb-head{display:flex;align-items: center;gap:14px;padding-right:36px}.rb-title{text-align:left;font-size:calc(20px*var(--ts));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rb-body{display:flex;flex-direction:column;gap:14px}.rb-reasons{display:flex;flex-direction:column;gap:6px}.rb-reason{display:flex;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-2);text-align:left;align-items: center;gap:12px;min-height:52px;padding:8px 12px}.rb-reason strong{display:block;font-size:calc(14px*var(--ts));font-weight:500}.rb-reason .grow span{font-size:calc(12px*var(--ts));color:var(--text-3)}.rb-reason[aria-checked=true]{border-color:var(--gold);background:var(--gold-soft)}.rb-radio{border:2px solid var(--border-strong);position:relative;border-radius:50%;flex:none;width:18px;height:18px}.rb-reason[aria-checked=true] .rb-radio{border-color:var(--gold)}.rb-reason[aria-checked=true] .rb-radio:after{content:"";position:absolute;background:var(--gold);border-radius:50%;inset:3px}.rb-check{display:flex;font-size:calc(14px*var(--ts));cursor:pointer;align-items: center;gap:10px;min-height:32px}.rb-check input{accent-color:var(--gold);width:18px;height:18px}.rb-note{display:flex;font-size:calc(12px*var(--ts));color:var(--text-3);justify-content:center;align-items: center;gap:6px}.rb-note svg{color:var(--gold)}.rb-consequences{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:0}.rb-consequences li{display:flex;font-size:calc(14px*var(--ts));color:var(--text-2);align-items: flex-start;gap:12px}.rb-consequences svg{color:var(--danger);flex:none;width:20px;height:20px;margin-top:1px}.rb-confirm{border-radius:var(--radius-m);background:var(--danger-soft);font-size:calc(14px*var(--ts));animation:pop-in var(--dur-2)both;padding:12px 14px}.rb-modal .modal-actions{margin-top:4px}.ep-form{display:flex;flex-direction:column;gap:16px;margin-top:18px}.ep-two{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:600px){.ep-two{grid-template-columns:1fr 1fr}}.help-hero{display:flex;align-items: center;gap:20px;margin-bottom:16px;padding:24px}.help-hero .page-title{margin-top:4px}.help-topics{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;margin-bottom:12px;padding-bottom:6px}.help-topics::-webkit-scrollbar{display:none}.help-topic{display:inline-flex;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:calc(13.5px*var(--ts));white-space:nowrap;border-radius:99px;flex:none;align-items: center;gap:8px;height:40px;padding:0 16px}.help-topic svg{color:var(--gold);width:17px;height:17px}.help-topic:hover{border-color:var(--gold);color:var(--text)}.help-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media (min-width:1000px){.help-grid{grid-template-columns:1fr 1fr}.help-rules,.help-faq{grid-column:span 2}}.help-grid .card{scroll-margin-top:calc(var(--topbar-h) + 16px)}.help-p{font-size:calc(14px*var(--ts));margin-bottom:12px;line-height:1.6}.help-steps{display:flex;font-size:calc(14px*var(--ts));color:var(--text-2);flex-direction:column;gap:10px;margin:0 0 14px;padding-left:20px;line-height:1.55}.help-steps strong{color:var(--text);font-weight:600}.help-steps li::marker{color:var(--gold);font-family:var(--font-display);font-weight:600}.help-cats{list-style:none;display:flex;flex-direction:column;gap:2px;margin:0 0 12px;padding:0}.help-cats li{display:grid;grid-template-columns:28px 90px 1fr;border-bottom:1px solid var(--hairline);font-size:calc(14px*var(--ts));align-items: center;gap:6px;min-height:42px}.help-cats li:last-child{border-bottom:0}.help-cats svg{color:var(--gold);width:18px;height:18px}.help-cats span{color:var(--text-3);font-size:calc(13px*var(--ts))}.help-rules dl{display:grid;grid-template-columns:1fr;gap:4px 24px;margin:0}.help-rules dt{font-family:var(--font-display);font-weight:600;font-size:calc(16px*var(--ts));color:var(--gold);margin-top:10px}.help-rules dd{font-size:calc(14px*var(--ts));color:var(--text-2);margin:0;line-height:1.6}@media (min-width:800px){.help-rules dl{grid-template-columns:160px 1fr}.help-rules dt{border-bottom:1px solid var(--hairline);margin-top:0;padding:12px 0}.help-rules dd{border-bottom:1px solid var(--hairline);padding:12px 0}.help-rules dt:last-of-type,.help-rules dd:last-of-type{border-bottom:0}}.help-list{list-style:none;display:flex;font-size:calc(14px*var(--ts));color:var(--text-2);flex-direction:column;gap:12px;margin:0;padding:0}.help-list li{display:flex;align-items: flex-start;gap:10px}.help-list svg{color:var(--gold);flex:none;width:18px;height:18px;margin-top:2px}.help-keys{list-style:none;display:flex;flex-direction:column;margin:0;padding:0}.help-keys li{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid var(--hairline);font-size:calc(14px*var(--ts));color:var(--text-2);align-items: center;gap:12px;min-height:44px}.help-keys li:last-child{border-bottom:0}.help-keys li>span{display:flex;color:var(--text-3);font-size:calc(12px*var(--ts));flex-wrap:wrap;align-items: center;gap:4px}.faq{border-bottom:1px solid var(--hairline)}.faq:last-child{border-bottom:0}.faq summary{list-style:none;display:flex;cursor:pointer;font-weight:500;font-size:calc(15px*var(--ts));justify-content:space-between;align-items: center;gap:12px;min-height:54px}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--gold);transition:transform var(--dur-2);flex:none}.faq[open] summary svg{transform:rotate(180deg)}.faq p{color:var(--text-2);font-size:calc(14px*var(--ts));max-width:70ch;padding:0 0 16px;line-height:1.6}.help-contact .btn{align-self: flex-start}.help-contact{display:flex;flex-direction:column}@media (max-width:599px){.help-hero{flex-direction:column;align-items: flex-start}.help-keys li{grid-template-columns:1fr;gap:4px;padding:10px 0}}.nf{min-height:calc(100vh - var(--topbar-h) - var(--nav-h));display:flex;padding:32px 20px calc(var(--nav-h) + 32px);text-align:center;flex-direction:column;justify-content:center;align-items: center;gap:28px}.nf.bare{min-height:100vh;min-height:100dvh;padding-bottom:32px}.nf-art{position:relative;width:220px;height:220px}.nf-board{position:absolute;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);transform-origin:50% 100%;overflow:hidden;box-shadow:0 0 0 2px var(--border-strong);border-radius:6px;height:110px;bottom:0;left:10px;right:10px;transform:perspective(360px)rotateX(58deg)}.nf-board i.l{background:url(/assets/board/walnut/light-1.webp) 50%/cover}.nf-board i.d{background:url(/assets/board/walnut/dark-1.webp) 50%/cover}.nf-king{position:absolute;transform-origin:50% 90%;filter:drop-shadow(0 10px 12px #00000080);animation:nf-topple 1.1s var(--ease-out)both;width:auto;height:170px;bottom:26px;left:50%;transform:translate(-50%)rotate(78deg)}@keyframes nf-topple{0%{transform:translate(-50%)rotate(0)}60%{transform:translate(-50%)rotate(84deg)}to{transform:translate(-50%)rotate(78deg)}}.nf-copy{display:flex;flex-direction:column;align-items: center;gap:12px;max-width:520px}.nf-title{font-size:calc(clamp(30px,7vw,44px)*var(--ts));font-weight:600;line-height:1.1}.nf-path{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px;font-size:.9em}.nf-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}@media (min-width:1100px){.nf{min-height:calc(100vh - var(--topbar-h));padding-bottom:32px}}@media (max-width:999px){.auth-screen{background:radial-gradient(90% 320px at 50% -60px,var(--gold-soft),transparent 70%)}}.podium{max-width:760px;margin-left:auto;margin-right:auto}.podium-avatar{display:inline-block}.lb-head .lb-games-col{font-size:inherit}@media (max-width:699px){.home-hero-king{opacity:.6;height:74%;top:6px;bottom:auto;right:-26%}.home-hero:after{content:"";position:absolute;z-index:0;pointer-events:none;background:linear-gradient(100deg,#0e0c0aeb 35%,#0e0c0a59 75%,#0000);inset:0}.home-hero-sub{max-width:80%}.friends .tabs,.games .tabs{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000);padding-right:24px}.friends .tab{letter-spacing:.08em;font-size:calc(12px*var(--ts));padding:12px 10px}.friends .tab .count{margin-left:4px}}@media (max-width:599px){.st-section .setting-row:has(.segmented){flex-wrap:wrap}.st-section .setting-row:has(.segmented) .segmented{width:100%}.st-section .setting-row:has(.segmented) .segmented button{flex:1;justify-content:center}}.rb-modal>*{flex-shrink:0}@media (min-width:1000px){.help-contact{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items: center;gap:20px}.help-contact .card-header{margin-bottom:0}.help-contact .help-p{flex:1;margin:0}.help-contact .btn{align-self: center}}.help-out-top{display:flex;justify-content:space-between;align-items: center;margin-bottom:16px}.pz-map{max-width:760px}.pz-map-head{position:relative;overflow:hidden;isolation:isolate;display:flex;border-radius:var(--radius-xl);color:#f2ece1;box-shadow:var(--shadow-2);background:radial-gradient(90% 130% at 88% 10%,#3a2c1d 0%,#1a1511 48%,#0e0c0a 100%);border:1px solid #d6b47438;flex-direction:column;align-items: flex-start;gap:8px;margin-bottom:22px;padding:22px 20px 20px}.pz-map-head:before{content:"";position:absolute;opacity:.8;background:linear-gradient(90deg,#0000,#d4af6a,#0000);height:1px;inset:0 28px auto}.pz-map-head .eyebrow{color:#d4af6a}.pz-map-head h1{font-size:calc(clamp(26px,7vw,36px)*var(--ts));color:#f7f1e6;font-weight:600;line-height:1.05}.pz-map-head .faint{color:#f2ece19e;font-size:calc(13.5px*var(--ts));max-width:520px;line-height:1.45}.pz-map-head .btn{margin-top:6px}.pz-progress{display:flex;font-size:calc(12.5px*var(--ts));color:#f2ece199;align-items: center;gap:12px;width:100%;margin-top:4px}.pz-progress b{color:#f1d9a4;font-weight:600}.pz-progress-bar{overflow:hidden;background:#0006;border:1px solid #d6b4742e;border-radius:99px;flex:1;height:6px}.pz-progress-bar span{display:block;border-radius:inherit;background:var(--gold-grad);box-shadow:0 0 12px var(--gold-glow);transition:width var(--dur-3)var(--ease-out);min-width:0;height:100%}.pz-band{margin-bottom:22px}.pz-band-head{display:flex;flex-direction:column;gap:2px;margin:0 2px 10px}.pz-band-head h2{font-size:calc(20px*var(--ts));font-weight:600}.pz-band-head .faint{font-size:calc(12.5px*var(--ts))}.pz-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}@media (min-width:700px) and (max-width:1099px){.pz-grid{max-width:520px}}@media (min-width:1100px){.pz-map{max-width:1180px}.pz-bands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items: start;gap:28px}.pz-map-head .pz-progress{max-width:560px}}.pz-tile{position:relative;aspect-ratio:1;display:flex;color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1),var(--inner-hi);font:inherit;transition:transform var(--dur-1),border-color var(--dur-2),background var(--dur-2);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;justify-content:center;align-items: center;gap:3px}.pz-tile:active{transform:scale(.94)}.pz-num{font-family:var(--font-display);font-size:calc(20px*var(--ts));font-weight:600;line-height:1}.pz-tile svg{flex:none}.pz-tile.done{color:var(--text);border-color:#d6b47461}.pz-tile.done svg{color:var(--gold)}.pz-tile.done:hover{border-color:var(--gold);color:var(--text)}.pz-tile.current{background:var(--gold-grad);color:var(--gold-ink);box-shadow:0 10px 24px -10px var(--gold-glow);animation:2.4s ease-in-out infinite pz-pulse;border-color:#0000}.pz-tile.current:hover{color:var(--gold-ink)}.pz-play{font-size:calc(9.5px*var(--ts));letter-spacing:.16em;text-transform:uppercase;font-weight:600}.pz-tile.locked{background:var(--surface-2);color:var(--text-3);box-shadow:none;cursor:default}.pz-tile.locked .pz-num{opacity:.6}.pz-tile.locked svg{opacity:.7}@keyframes pz-pulse{50%{box-shadow:0 10px 28px -8px var(--gold-glow),0 0 0 4px #d4af6a29}}@media (prefers-reduced-motion:reduce){.pz-tile.current{animation:none}}.pz-panel{display:flex;transition:border-color var(--dur-3),box-shadow var(--dur-3);background:linear-gradient(#26201ae6,#161310e6);border:1px solid #d6b47424;border-radius:14px;flex-direction:column;flex:none;justify-content:space-between;height:100px;margin:10px 8px 0;padding:12px 14px 10px}[data-theme=light] .pz-panel{background:var(--surface);border-color:var(--border)}.pz-panel-top{display:flex;align-items: flex-start;gap:10px;min-width:0}.pz-panel-icon{display:grid;color:var(--gold);background:#d4af6a1a;border:1px solid #d6b47440;border-radius:11px;flex:none;place-items: center;width:34px;height:34px}.pz-msg{font-size:calc(13.5px*var(--ts));color:#d9cdb8;padding-top:1px;line-height:1.35}.pz-msg b{color:#f2e6cf;font-weight:600}[data-theme=light] .pz-msg{color:var(--text-2)}[data-theme=light] .pz-msg b{color:var(--text)}.pz-dots{display:flex;align-items: center;gap:6px;min-height:16px;padding-left:2px}.pz-dots span{transition:background var(--dur-3),box-shadow var(--dur-3);background:#d6b4742e;border-radius:99px;width:22px;height:5px}.pz-dots span.on{background:var(--gold-grad);box-shadow:0 0 10px var(--gold-glow)}.pz-dots em{font-style:normal;font-size:calc(10px*var(--ts));letter-spacing:.14em;color:#8d8374;font-variant-numeric:tabular-nums;margin-left:4px}.pz-panel.wrong{border-color:color-mix(in srgb,var(--danger)55%,transparent);animation:.36s ease-in-out pz-shake}.pz-panel.wrong .pz-panel-icon{color:var(--danger);background:color-mix(in srgb,var(--danger)12%,transparent);border-color:color-mix(in srgb,var(--danger)40%,transparent)}.pz-panel.reply .pz-panel-icon{animation:1s ease-in-out infinite pz-think}.pz-panel.solved{box-shadow:0 0 0 1px #d6b47426,0 12px 30px -14px var(--gold-glow);border-color:#d6b4748c}.pz-panel.solved .pz-panel-icon{color:var(--gold-ink);background:var(--gold-grad);border-color:#0000}@keyframes pz-shake{20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}@keyframes pz-think{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.pz-panel.wrong,.pz-panel.reply .pz-panel-icon{animation:none}}@media (max-height:760px){.pz-panel{height:86px;padding:9px 12px 8px}.pz-panel-icon{width:30px;height:30px}.pz-msg{font-size:calc(12.5px*var(--ts))}}@media (max-height:660px){.pz-panel{gap:6px;height:auto;margin-top:8px}.pz-panel-icon{display:none}}.cx-panel .pz-panel,.cx-after .pz-panel{background:var(--surface-2);border-color:var(--border);gap:12px;height:auto;min-height:96px;margin:0}.cx-panel .pz-panel.wrong{border-color:color-mix(in srgb,var(--danger)55%,transparent)}.cx-panel .pz-panel.solved{border-color:#d6b4748c}.pz-side-levels{display:flex;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:10px;padding:14px}.pz-side-head{display:flex;font-size:calc(12px*var(--ts));justify-content:space-between;align-items:baseline;gap:10px}.pz-grid.mini{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.pz-tile.mini{aspect-ratio:auto;box-shadow:none;border-radius:10px;height:40px}.pz-tile.mini .pz-num{font-size:calc(15px*var(--ts))}.pz-tile.mini.current{animation:none}.pz-tile.mini.here{border-color:var(--gold);color:var(--gold-2);background:#d4af6a1f;box-shadow:0 0 0 1px #d6b47459}.pz-side-ctl{margin-top:auto}.pz-locked{display:flex;text-align:center;flex-direction:column;justify-content:center;align-items: center;gap:12px;min-height:100dvh;padding:24px}.pz-locked h1{font-size:calc(26px*var(--ts));font-weight:600}.pz-locked-icon{display:grid;color:var(--gold);background:var(--gold-soft);border:1px solid var(--border-strong);border-radius:50%;place-items: center;width:72px;height:72px;margin-bottom:4px}