:root{--bg-0: #020617;--bg-1: #0f172a;--ivory: #f8fafc;--ebony: #1e293b;--text: #f8fafc;--text-dim: #94a3b8;--gold: #f59e0b;--gold-bright: #fbbf24;--gold-deep: #b45309;--glass: rgba(15, 23, 42, .72);--glass-border: rgba(255, 255, 255, .09);--shadow-soft: 0 12px 40px rgba(0, 0, 0, .4);font-family:Inter,Segoe UI,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg-0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:rgba(201,162,92,.45) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#c9a25c66;border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#c9a25ca6;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}::selection{background:#c9a25c47}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--bg-0)}#root{width:100vw;height:100vh}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.app canvas{display:block}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse 90% 80% at 50% 45%,transparent 58%,rgba(0,0,0,.4) 100%)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;z-index:40}.hud>*{pointer-events:none}.hud .interactive,.hud button,.hud a,.hud .status-pill{pointer-events:auto}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 24px}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(160deg,var(--gold-bright),var(--gold-deep));color:#191307;font-family:"Instrument Serif",Georgia,serif;font-size:26px;font-weight:400;box-shadow:inset 0 1px #ffffff59}.game-logo{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;display:flex;align-items:center;gap:12px;padding:6px 12px 6px 6px;border-radius:14px;background:none;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.game-logo:hover{background:var(--glass);border-color:var(--glass-border)}.game-logo .brand-mark{width:40px;height:40px;border-radius:11px}.game-logo-text{display:flex;flex-direction:column;line-height:1}.game-logo-text b{font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:600;letter-spacing:.015em;color:var(--text)}.game-logo-text b .accent{color:var(--gold-bright);font-style:italic}.hud-top-right{display:flex;align-items:center;gap:10px}.hud-leave{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text-dim);font-size:13px;font-weight:500;letter-spacing:.04em;transition:color .15s ease,border-color .15s ease,background .15s ease}.hud-leave:hover{color:#f0b4a8;border-color:#d97b6c66;background:#d97b6c1a}.pace-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--gold-bright);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.turn-timer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text-dim)}.turn-timer svg{display:block}.turn-timer .sand{fill:var(--gold-bright);transition:fill .3s ease}.turn-timer .sand-stream{stroke:var(--gold-bright);opacity:.7;animation:sand-fall .5s linear infinite}.turn-timer-num{font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--text);font-variant-numeric:tabular-nums}.turn-timer.low{color:#f0b4a8}.turn-timer.low .sand{fill:#f0846f}.turn-timer.low .sand-stream{stroke:#f0846f}.turn-timer.low.running{animation:timer-blink .7s steps(1,end) infinite}.turn-arrow{display:grid;place-items:center;color:var(--gold-bright)}.turn-arrow svg{display:block;animation:turn-arrow-nudge 1.4s ease-in-out infinite}@keyframes turn-arrow-nudge{0%,to{transform:translate(-2px);opacity:.75}50%{transform:translate(2px);opacity:1}}[dir=rtl] .turn-arrow svg{animation-name:turn-arrow-nudge-rtl}@keyframes turn-arrow-nudge-rtl{0%,to{transform:scaleX(-1) translate(-2px);opacity:.75}50%{transform:scaleX(-1) translate(2px);opacity:1}}@media(prefers-reduced-motion:reduce){.turn-arrow svg{animation:none}[dir=rtl] .turn-arrow svg{transform:scaleX(-1)}}@keyframes sand-fall{0%{opacity:.15}50%{opacity:.75}to{opacity:.15}}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.25}}.status-pill{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:13px;letter-spacing:.05em;color:var(--text-dim)}.status-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}.status-pill.rolling .dot{animation:pulse .7s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}.players{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;width:236px}.player-card{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;box-sizing:border-box;min-height:132px;justify-content:center}.player-card:hover{border-color:#ffffff29}.player-card.active{border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b38,0 14px 34px #0006;transform:translate(-3px)}.player-card.active:before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep))}.player-head{display:flex;align-items:center;gap:12px}.player-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.turn-flag{flex-shrink:0;font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-bright);background:#f59e0b24;border:1px solid rgba(245,158,11,.3);padding:3px 8px;border-radius:999px;white-space:nowrap}.player-token{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 -4px 8px #0000004d}.player-token.white{background:radial-gradient(circle at 35% 30%,#fff,#d8cfba 70%)}.player-token.black{background:radial-gradient(circle at 35% 30%,#4d4844,#16130f 75%)}.player-name{font-size:15px;font-weight:600;letter-spacing:.02em;display:flex;align-items:center;gap:7px;min-width:0}.player-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.player-flag{width:22px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px #ffffff26;flex-shrink:0}.turn-controls{position:absolute;inset-inline-end:calc(100% + 14px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 9px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:0 12px 30px #00000059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:gc-in .16s ease}.turn-controls .turn-timer{border:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}.turn-controls .turn-timer svg{width:32px;height:42px}.turn-controls .turn-arrow svg{width:30px;height:30px}.tc-actions{display:flex;flex-direction:column;gap:8px;width:100%;padding-top:10px;border-top:1px solid var(--glass-border)}.tc-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--text);background:#ffffff0f;border:1px solid var(--glass-border);transition:transform .12s ease,filter .12s ease,background .12s ease,border-color .12s ease}.tc-btn:hover:not(:disabled){background:#ffffff24;border-color:#ffffff3d;transform:translateY(-1px)}.tc-btn:disabled{opacity:.4;cursor:default}.tc-btn.primary{color:#201605;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 75%);border:none}.tc-btn.primary:hover:not(:disabled){filter:brightness(1.07);background:linear-gradient(180deg,var(--gold-bright),var(--gold) 75%)}.has-tip{position:relative}.has-tip:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-3px);padding:6px 10px;border-radius:8px;background:#0a0e1af5;border:1px solid rgba(255,255,255,.12);color:var(--text);font-size:11.5px;font-weight:500;letter-spacing:.02em;line-height:1;white-space:nowrap;box-shadow:0 8px 24px #00000080;opacity:0;pointer-events:none;z-index:200;transition:opacity .12s ease,transform .12s ease}.has-tip:before{content:"";position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#0a0e1af5;opacity:0;pointer-events:none;z-index:200;transition:opacity .12s ease}.has-tip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.has-tip:hover:before{opacity:1}.checker-chip{display:inline-flex;align-items:center;width:max-content}.checker-disc{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 -3px 6px #00000059,0 1px 2px #0006}.checker-chip.white .checker-disc{background:radial-gradient(circle at 35% 30%,#fff,#d8cfba 72%)}.checker-chip.black .checker-disc{background:radial-gradient(circle at 35% 30%,#524c46,#14110d 78%);border-color:#ffffff24}.player-card.active .checker-disc{box-shadow:inset 0 -3px 6px #00000059,0 0 0 2px #f59e0b73}.player-stats{display:flex;flex-direction:column;gap:10px}.player-score-row{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;border-top:1px solid var(--glass-border);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.player-score-row strong{font-family:Outfit,system-ui,sans-serif;font-size:17px;font-weight:700;color:var(--gold-bright);letter-spacing:0;font-variant-numeric:tabular-nums}.player-score-row strong i,.progress-label strong i{font-style:normal;font-weight:600;font-size:.72em;color:var(--text-dim);margin-inline-start:3px}.turn-pill-num{font-family:Outfit,system-ui,sans-serif;font-weight:700;font-size:13px;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.02em}.turn-pill{color:var(--text-dim)}.player-progress{display:flex;flex-direction:column;gap:6px}.progress-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em;color:var(--text-dim);text-transform:uppercase}.progress-label strong{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0}.progress-track{height:5px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright));transition:width .5s cubic-bezier(.22,1,.36,1),background .4s ease}.progress-fill.bearing{background:linear-gradient(90deg,#2f9e6d,#57d9a3)}.hud-bottom{display:flex;align-items:flex-end;justify-content:center;gap:18px;padding:0 20px calc(22px + env(safe-area-inset-bottom,0px))}.dice-tray{display:flex;gap:10px;padding:11px 14px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.die-face{width:50px;height:50px;border-radius:11px;background:linear-gradient(150deg,#fbf7ec,#ddd3bc);box-shadow:inset 0 1px #ffffffe6,inset 0 -3px 6px #00000029,0 3px 8px #00000059;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:9px;transition:transform .25s ease}.die-face.rolling{animation:dieShake .5s ease-in-out infinite}.die-face.used{opacity:.4;filter:grayscale(.75);transform:scale(.9)}@keyframes dieShake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg) translateY(-2px)}75%{transform:rotate(8deg) translateY(2px)}}.die-face .pip{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a3f38,#17120e 80%);align-self:center;justify-self:center;opacity:0}.die-face .pip.on{opacity:1}.roll-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 36px;border:none;border-radius:14px;cursor:pointer;font-family:Outfit,system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#201605;background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 62%,var(--gold-deep) 130%);box-shadow:inset 0 1px #ffffff73,0 4px 16px #00000059;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.roll-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.roll-btn:active:not(:disabled){transform:translateY(1px)}.roll-btn:disabled{cursor:default;filter:saturate(.35) brightness(.72);box-shadow:none}.roll-btn.cube-btn{color:#10233a;background:linear-gradient(180deg,#eaf2ff,#b9cbe4 62%,#7f97b8 130%)}.cube-modal-token{width:72px;height:72px;margin:0 auto 6px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(150deg,#fdfaf1,#efe6cf 55%,#d9cca7);box-shadow:inset 0 1px #fffc,inset 0 -4px 8px #78603059,0 8px 20px #00000073}.cube-modal-token span{font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:34px;color:#3a2c0c}.hint{position:absolute;left:24px;bottom:26px;max-width:260px;font-size:12px;letter-spacing:.04em;color:var(--text-dim);line-height:1.6}.hint kbd{display:inline-block;padding:1px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;font-family:inherit;font-size:11px;color:var(--text)}@media(max-width:900px){.players,.hint{display:none}}@media(max-width:560px){.hud-top{padding:12px 14px}.game-logo .brand-mark{width:36px;height:36px}.game-logo-text b{font-size:17px}.hud-leave-label,.pace-pill-label{display:none}.status-pill{font-size:11px;padding:8px 12px}.die-face{width:42px;height:42px;padding:7px}.roll-btn{padding:13px 24px;font-size:13px}.hud-bottom{gap:10px}}.hud-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-decoration:none;width:38px;height:38px;display:grid;place-items:center;border-radius:999px;color:var(--text-dim);background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:color .15s ease,border-color .15s ease,background .15s ease}.hud-icon-btn:hover{color:var(--text);border-color:#fff3;background:#ffffff0f}.hud-icon-btn.active{color:var(--gold-bright);border-color:#f59e0b66;background:#f59e0b24}.pace-pill.spectate{color:var(--sky, #7fadd6)}.hud .view-editor{pointer-events:auto}.view-editor{position:absolute;top:84px;inset-inline-end:20px;width:252px;max-height:calc(100dvh - 110px);overflow-y:auto;padding:14px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-soft);z-index:15;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.view-editor::-webkit-scrollbar{width:5px}.view-editor::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:4px}.ve-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}.ve-head>span{display:inline-flex;align-items:center;gap:7px}.ve-head svg{color:var(--gold-bright)}.ve-head-actions{display:inline-flex;align-items:center;gap:8px}.ve-reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--text-dim);background:#ffffff0d;border:1px solid var(--glass-border);transition:color .12s ease,background .12s ease,border-color .12s ease}.ve-reset:hover{color:var(--text);background:#ffffff1a;border-color:#fff3}.ve-reset svg{color:currentColor}.ve-done{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:12px;font-weight:600;color:#201605;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 75%);border:none;border-radius:8px;padding:5px 12px}.ve-hint{margin:8px 0 12px;font-size:11px;color:var(--text-dim);line-height:1.5}.ve-hint svg{vertical-align:-2px;margin-inline-end:3px;color:var(--gold-bright)}.ve-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:11px;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}.ve-row input[type=range]{width:100%;accent-color:var(--gold)}.ve-section-label{display:flex;align-items:center;gap:7px;margin:14px 0 10px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);padding-top:12px;border-top:1px solid var(--glass-border)}.ve-section-label:first-of-type{margin-top:6px;border-top:none;padding-top:0}.ve-section-label svg{color:var(--gold-bright)}.ve-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:100%;text-align:start;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text);font:inherit;margin-bottom:6px;transition:border-color .12s ease,background .12s ease}.ve-toggle:hover{background:#ffffff12}.ve-toggle>span:first-child{font-size:13px;font-weight:600}.ve-toggle small{grid-column:1;font-size:10.5px;color:var(--text-dim)}.ve-switch{grid-column:2;grid-row:1 / span 2;width:42px;height:24px;border-radius:999px;background:#ffffff1f;border:1px solid var(--glass-border);position:relative;transition:background .16s ease}.ve-knob{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:var(--text-dim);transition:transform .16s ease,background .16s ease}.ve-toggle.on .ve-switch{background:#f59e0b80;border-color:#f59e0b80}.ve-toggle.on .ve-knob{transform:translate(18px);background:var(--gold-bright)}.ve-dial-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.light-dial{flex-shrink:0;cursor:grab;touch-action:none}.light-dial:active{cursor:grabbing}.light-dial .ld-ring{fill:#ffffff0a;stroke:#ffffff29;stroke-width:2}.light-dial .ld-arm{stroke:var(--gold);stroke-width:2;stroke-linecap:round}.light-dial .ld-hub{fill:var(--text-dim)}.light-dial .ld-handle{fill:var(--gold-bright);stroke:#201605;stroke-width:1.5}.ve-dial-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.ve-dial-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.ve-dial-label svg{color:var(--gold-bright)}.ve-dial-meta b{font-size:18px;color:var(--text);font-variant-numeric:tabular-nums}.ve-dial-meta small{font-size:10.5px;color:var(--text-dim);line-height:1.4;text-transform:none;letter-spacing:0}.ve-color-row{flex-direction:column}.ve-color-controls{display:flex;align-items:center;gap:10px}.ve-color-controls input[type=color]{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;width:34px;height:30px;padding:0;border:1px solid var(--glass-border);border-radius:8px;background:none}.ve-color-controls input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.ve-color-controls input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}.ve-swatches{display:flex;gap:5px;flex-wrap:wrap}.ve-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.18);transition:transform .1s ease,box-shadow .12s ease}.ve-swatch:hover{transform:scale(1.12)}.ve-swatch.active{box-shadow:0 0 0 2px var(--gold-bright)}.app.view-adjust canvas{cursor:grab}.app.view-adjust canvas:active{cursor:grabbing}.volume-wrap{position:relative}.hud-icon-btn.muted{color:#f0b4a8;border-color:#d97b6c66}.volume-pop{position:absolute;top:calc(100% + 8px);inset-inline-end:0;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--bg-1);border:1px solid var(--glass-border);box-shadow:0 16px 44px #00000080;z-index:40;animation:gc-in .13s ease}.volume-mute{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:none;color:var(--text-dim);padding:4px;border-radius:7px;display:grid;place-items:center}.volume-mute:hover{color:var(--text);background:#ffffff14}.volume-pop input[type=range]{width:120px;accent-color:var(--gold)}.volume-val{font-size:12px;font-weight:600;color:var(--text-dim);min-width:24px;text-align:right;font-variant-numeric:tabular-nums}.player-card{position:relative}.player-info-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex-shrink:0;align-self:flex-start;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:var(--text-dim);background:#ffffff0d;border:1px solid var(--glass-border);transition:color .14s ease,background .14s ease,border-color .14s ease}.player-info-btn:hover{color:var(--text);background:#ffffff1a;border-color:#fff3}.player-info-pop{position:absolute;top:0;inset-inline-end:calc(100% + 12px);width:220px;padding:14px;border-radius:14px;background:var(--bg-1);border:1px solid var(--glass-border);box-shadow:0 18px 48px #00000080;animation:gc-in .14s ease;z-index:20}.pi-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pi-head .player-token{width:34px;height:34px}.pi-id{display:flex;flex-direction:column;line-height:1.25;min-width:0}.pi-id b{font-size:14px}.pi-id span{font-size:11px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.pi-stats>div{display:flex;flex-direction:column;gap:2px;padding:8px 5px;border-radius:9px;background:#ffffff0a;border:1px solid var(--line-soft, rgba(255, 255, 255, .05));text-align:center}.pi-stats span{font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.pi-stats b{font-size:12.5px;color:var(--text)}.pi-link{display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center;padding:9px;border-radius:10px;text-decoration:none;font-size:12.5px;font-weight:600;color:var(--gold-bright);background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);transition:background .12s ease}.pi-link:hover{background:#f59e0b33}.chat-panel{position:fixed;z-index:30;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#e2e8f51a;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%);box-shadow:0 8px 40px #00000059,inset 0 1px #ffffff14;animation:gc-in .16s ease}@keyframes gc-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.chat-panel.public{left:20px;top:84px;width:300px;max-width:calc(100vw - 40px);height:max(calc(100dvh - 494px),calc(60dvh - 184px))}.chat-panel.public.collapsed{height:auto}.chat-panel.player-chat{left:20px;bottom:50px;width:min(540px,calc(100vw - 40px));height:min(310px,40dvh)}.chat-panel.player-chat.collapsed{top:calc(100dvh - 50px - min(310px,40dvh));bottom:auto;height:auto}.cp-head{width:100%;display:flex;align-items:center;gap:6px;padding:6px 8px 6px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.07);-webkit-user-select:none;user-select:none;position:relative;z-index:15}.chat-panel.collapsed .cp-head{border-bottom:none}.cp-head.blink{animation:cp-head-blink .55s ease-in-out 2}@keyframes cp-head-blink{0%,to{background:#ffffff08}50%{background:#f59e0b52}}.cp-drag{display:flex;flex:1;align-items:center;gap:10px;min-width:0;padding:7px 0;cursor:grab;touch-action:none}.cp-drag:active{cursor:grabbing}.cp-title{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.cp-title svg{color:var(--gold-bright)}.cp-meta{display:inline-flex;align-items:center;gap:5px;margin-inline-start:auto;font-size:11px;color:var(--text-dim)}.cp-meta svg{opacity:.7}.cp-collapse{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;border:1px solid transparent;background:none;color:var(--text-dim);transition:color .12s ease,background .12s ease,border-color .12s ease}.cp-collapse:hover{color:var(--text);background:#ffffff14;border-color:var(--glass-border)}.cp-collapse svg{transition:transform .18s ease}.chat-panel.collapsed .cp-collapse svg{transform:rotate(-90deg)}.gc-voice-input{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.gc-mic-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text-dim);width:38px;height:38px;border-radius:11px;display:grid;place-items:center;transition:border-color .12s,background .12s,color .12s,transform .1s}.gc-mic-btn:hover{border-color:var(--emerald, #4db487);background:#4db48721;color:#a6e6c9;transform:scale(1.06)}.gc-rec-dot{width:8px;height:8px;border-radius:50%;background:#f04;flex-shrink:0;animation:gc-pulse .9s ease-in-out infinite}@keyframes gc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.gc-rec-time{font-size:12px;font-weight:600;color:#f88;letter-spacing:.04em;min-width:30px;font-variant-numeric:tabular-nums}.gc-mic-stop{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 75%);color:#201605;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.gc-mic-cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-dim);width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.gc-mic-cancel:hover{color:#f0b4a8;background:#d97b6c1f;border-color:#d97b6c59}.gc-voice-input-err{font-size:11px;color:#f0b4a8}.gc-audio-bubble{display:flex;align-items:center;gap:8px;padding:8px 12px!important}.gc-audio-bubble svg{color:var(--text-dim);flex-shrink:0}.gc-audio{height:32px;min-width:140px;max-width:200px;accent-color:var(--gold)}.star-rating{display:flex;align-items:center;gap:7px}.star-row{display:inline-flex;align-items:center;gap:2px}.star-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;line-height:0}.star-btn:disabled{cursor:default}.star-rating.interactive .star-btn:hover{transform:scale(1.12)}.star-static{line-height:0}.star-meta{font-size:.78rem;color:var(--text-dim);font-weight:600}.star-meta small{font-weight:400;opacity:.75}.player-name.linked{cursor:pointer;text-decoration:none;color:inherit}.player-name.linked:hover{color:var(--gold)}.player-card .player-rating{margin-top:8px}.pp-shell{min-height:100vh;background:var(--bg, #0d1411);color:var(--text)}.pp-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.07)}.pp-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.pp-card{max-width:640px;margin:28px auto;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px}.pp-head{display:flex;align-items:center;gap:18px}.pp-id h1{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-family:var(--font-serif);font-weight:400;font-size:1.7rem}.pp-username{color:var(--gold);font-size:.9rem}.pp-since{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:.82rem;margin-top:4px}.pp-rating{margin:22px 0;padding:16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.pp-rating-label{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.pp-rating-hint{font-size:.8rem;color:var(--text-dim);margin-top:8px}.pp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 8px}.pp-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px}.pp-stat b{font-size:1.3rem;font-weight:700}.pp-stat span{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.pp-section-title{display:flex;align-items:center;gap:7px;margin:22px 0 10px;font-weight:600}.pp-games{display:flex;flex-direction:column;gap:6px}.pp-game{display:grid;grid-template-columns:56px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#ffffff08;font-size:.86rem}.pp-result{font-weight:700;font-size:.78rem}.pp-result.win{color:#7bd88f}.pp-result.loss{color:#ff9a9a}.pp-vs{color:var(--text)}.pp-type{color:var(--text-dim);text-transform:capitalize}.pp-date{color:var(--text-dim);font-size:.78rem}.pp-empty-row{color:var(--text-dim);font-size:.86rem;padding:8px 0}.pp-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 24px;text-align:center}.pp-empty h2{font-family:var(--font-serif);font-weight:400}.watch-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100vh;text-align:center;padding:24px}.watch-empty h2{margin:8px 0 0;font-family:var(--font-serif);font-weight:400}.watch-empty p{color:var(--text-dim);margin:0 0 8px}.qr-card{position:relative;max-width:420px;text-align:left}.qr-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:6px}.qr-close:hover{color:var(--text);background:#ffffff0f}.qr-card .modal-icon{margin-bottom:10px}.qr-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.qr-field>span{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-dim)}.qr-input{width:100%;padding:11px 12px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:var(--text);font-size:.95rem;outline:none}.qr-input:focus{border-color:var(--gold);background:#ffffff14}.qr-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.qr-error{color:#ff9a9a;font-size:.82rem;margin:-4px 0 12px}.qr-devcode{font-size:.8rem;color:var(--text-dim);margin:-6px 0 12px;padding:6px 10px;border-radius:8px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.14)}.qr-devcode b{color:var(--gold);letter-spacing:1px}.qr-foot{margin-top:16px;font-size:.82rem;color:var(--text-dim)}.qr-foot a{color:var(--gold);text-decoration:none}.qr-foot a:hover{text-decoration:underline}.gc-register-gate{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08)}.gc-register-gate span{flex:1;font-size:.82rem;color:var(--text-dim)}.gc-register-gate button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 12px;border-radius:999px;border:none;cursor:pointer;background:var(--gold);color:#14100a;font-weight:600;font-size:.8rem}.gc-register-gate button:hover{filter:brightness(1.07)}.gc-bubble.gc-typing{display:inline-flex;align-items:center;gap:4px;padding:10px 12px!important}.gc-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-dim);animation:gc-typing-bounce 1.2s infinite ease-in-out both}.gc-typing-dot:nth-child(2){animation-delay:.18s}.gc-typing-dot:nth-child(3){animation-delay:.36s}@keyframes gc-typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.gc-translate-wrap{position:relative;flex-shrink:0}.gc-translate-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid transparent;background:none;color:var(--text-dim);display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:8px;font-size:11px;font-weight:600;transition:color .12s,background .12s,border-color .12s}.gc-translate-btn:hover{color:var(--text);background:#ffffff12;border-color:#ffffff1a}.gc-translate-btn.active{color:var(--gold-bright);border-color:#f59e0b59;background:#f59e0b1a}.gc-translate-label{max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-translate-pop{position:fixed;width:200px;max-height:320px;overflow-y:auto;background:#080e1eeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.11);border-radius:13px;box-shadow:0 16px 44px #0009;z-index:9999;padding:6px;animation:gc-in .12s ease}.gc-translate-head{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;padding:5px 8px 8px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:4px}.gc-translate-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:none;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 10px;border-radius:8px;font:inherit;font-size:13px;color:var(--text);transition:background .1s}.gc-translate-opt:hover{background:#ffffff0f}.gc-translate-opt.active{background:#f59e0b1f;color:var(--gold-bright)}.gc-translate-native{font-size:13px}.gc-translate-en{font-size:11px;color:var(--text-dim)}.gc-translated{display:flex;align-items:flex-start;gap:5px;font-size:11.5px;color:var(--text-dim);font-style:italic;margin-top:4px;padding:5px 9px;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.gc-translated svg{flex-shrink:0;margin-top:2px;opacity:.6}.gc-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:16px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.gc-log::-webkit-scrollbar{width:5px}.gc-log::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}.gc-msg{display:flex;align-items:flex-end;gap:9px;max-width:100%}.gc-msg.self{flex-direction:row-reverse}.gc-msg>.avatar,.gc-msg>img:first-child{box-shadow:0 0 0 2px #ffffff1a,0 2px 6px #00000059;border-radius:50%;flex-shrink:0}.gc-sys{align-self:center;text-align:center;font-size:11.5px;letter-spacing:.01em;color:var(--text-dim);background:#ffffff0d;border:1px solid var(--line-soft, rgba(255, 255, 255, .06));border-radius:999px;padding:5px 14px;margin:2px auto}.gc-bubble-wrap{display:flex;flex-direction:column;gap:4px;max-width:76%}.gc-author{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.01em;color:var(--gold-bright);padding-inline-start:5px}.gc-tag{font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px}.gc-tag.spectator{color:var(--sky, #7fadd6);background:#7fadd629;border:1px solid rgba(127,173,214,.3)}.gc-bubble{font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;padding:10px 14px;border-radius:16px;background:#141c30c7;border:1px solid rgba(255,255,255,.09);border-start-start-radius:5px;box-shadow:0 2px 10px #00000038;color:#eef2fb;word-break:break-word}.gc-msg.self .gc-bubble{background:linear-gradient(155deg,#f59e0b4d,#f59e0b2e);border-color:#f59e0b66;border-start-start-radius:16px;border-start-end-radius:5px;color:#fff7e9}.gc-bubble.emoji-only,.gc-msg.self .gc-bubble.emoji-only{font-size:40px;line-height:1.1;padding:2px 4px;background:none;border:none;box-shadow:none;border-radius:0}.gc-reactions{display:flex;gap:5px;padding:9px 12px;border-top:1px solid var(--line-soft, rgba(255, 255, 255, .06))}.gc-reactions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid transparent;background:#ffffff08;font-size:20px;line-height:1;padding:6px 8px;border-radius:10px;transition:transform .1s ease,background .12s ease}.gc-reactions button:hover{transform:scale(1.2) translateY(-1px);background:#ffffff17}.gc-input{position:relative;display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--glass-border)}.gc-input input{flex:1;min-width:0;height:38px;font:inherit;font-size:14px;color:var(--text);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:0 14px;outline:none;transition:border-color .12s ease,background .12s ease}.gc-input input::placeholder{color:var(--text-dim)}.gc-input input:focus{border-color:var(--gold);background:#ffffff12}.gc-send{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;flex-shrink:0;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#201605;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 75%);transition:filter .12s ease,transform .1s ease}.gc-send:hover:not(:disabled){filter:brightness(1.07);transform:scale(1.06)}.gc-send:disabled{opacity:.4;cursor:default}.gc-epick{position:fixed;z-index:9998;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#080c1ae0;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,255,255,.13);box-shadow:0 20px 60px #000000a6;animation:gc-in .13s ease;height:400px}.gc-epick-search{display:flex;align-items:center;gap:8px;flex-shrink:0;margin:8px 8px 4px;padding:0 10px;height:34px;border-radius:10px;background:#ffffff0f;border:1px solid var(--glass-border)}.gc-epick-search svg{color:var(--text-dim);flex-shrink:0}.gc-epick-search input{flex:1;min-width:0;border:none;background:none;outline:none;font:inherit;font-size:13px;color:var(--text)}.gc-epick-search input::placeholder{color:var(--text-dim)}.gc-epick-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:none;color:var(--text-dim);display:grid;place-items:center;padding:3px;border-radius:6px;flex-shrink:0}.gc-epick-clear:hover{color:var(--text);background:#ffffff1a}.gc-epick-empty{grid-column:1 / -1;text-align:center;color:var(--text-dim);font-size:12.5px;padding:24px 0}.gc-epick-tabs{display:flex;align-items:stretch;gap:1px;padding:6px 6px 0;border-bottom:1px solid rgba(255,255,255,.07);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.gc-epick-tabs::-webkit-scrollbar{display:none}.gc-epick-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:none;flex:1;min-width:30px;display:grid;place-items:center;font-size:16px;line-height:1;padding:6px 0 8px;border-radius:8px 8px 0 0;opacity:.6;transition:background .12s,opacity .12s}.gc-epick-tab:hover{background:#ffffff12;opacity:1}.gc-epick-tab.active{background:#ffffff1c;border-bottom:2px solid var(--gold-bright);opacity:1}.gc-epick-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-bright);padding:9px 12px 5px;flex-shrink:0}.gc-epick-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:4px 8px 10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.gc-epick-grid::-webkit-scrollbar{width:5px}.gc-epick-grid::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}.gc-epick-emoji{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:none;font-size:19px;line-height:1;padding:4px;border-radius:8px;aspect-ratio:1;display:grid;place-items:center;transition:transform .08s ease,background .1s}.gc-epick-emoji:hover{transform:scale(1.25);background:#ffffff1a}.gc-epick-flagbtn{padding:5px}.gc-epick-flagbtn .gc-flag{width:100%;height:auto;transform:none}.gc-flag{height:1.05em;width:auto;border-radius:2px;vertical-align:-.15em;margin:0 1px;box-shadow:0 0 0 1px #ffffff2e;object-fit:cover}.gc-bubble.emoji-only .gc-flag{height:.9em;border-radius:4px;margin:0 3px;vertical-align:middle}.gc-epick-preview{flex-shrink:0;display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.09);background:#ffffff08}.gc-epick-preview-glyph{font-size:26px;line-height:1;flex-shrink:0}.gc-epick-preview-flag{width:30px;height:auto;border-radius:3px;box-shadow:0 0 0 1px #fff3;flex-shrink:0}.gc-epick-preview-text{display:flex;flex-direction:column;gap:3px;min-width:0}.gc-epick-preview-text b{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-epick-preview-text code{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--gold-bright);background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);border-radius:6px;padding:1px 6px;align-self:flex-start}.gc-epick-preview-hint{font-size:11.5px;color:var(--text-dim)}.gc-emoji-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:11px;color:var(--text-dim);background:#ffffff0f;border:1px solid var(--glass-border);transition:transform .1s ease,background .12s ease,border-color .12s ease,color .12s ease}.gc-emoji-btn svg{display:block}.gc-emoji-btn:hover{background:#ffffff1f;border-color:#ffffff38;color:var(--text);transform:scale(1.06)}.gc-emoji-btn.active{background:#f59e0b29;border-color:#f59e0b66;color:var(--gold-bright)}.resize-handle{position:absolute;z-index:10}.resize-n{top:0;left:10px;right:10px;height:6px;cursor:n-resize}.resize-s{bottom:0;left:10px;right:10px;height:6px;cursor:s-resize}.resize-e{right:0;top:10px;bottom:10px;width:6px;cursor:e-resize}.resize-w{left:0;top:10px;bottom:10px;width:6px;cursor:w-resize}.resize-ne{top:0;right:0;width:14px;height:14px;cursor:ne-resize}.resize-nw{top:0;left:0;width:14px;height:14px;cursor:nw-resize}.resize-se{bottom:0;right:0;width:14px;height:14px;cursor:se-resize}.resize-sw{bottom:0;left:0;width:14px;height:14px;cursor:sw-resize}.resize-handle:hover{background:#ffffff0f;border-radius:3px}@media(max-width:560px){.chat-panel.public{left:10px;right:10px;top:auto;bottom:calc(300px + env(safe-area-inset-bottom,0px));transform:none;width:auto;max-width:none;height:min(230px,34dvh)}.chat-panel.public.collapsed{height:auto;bottom:10px}.chat-panel.player-chat{left:10px;right:10px;bottom:84px;transform:none;width:auto;height:min(44dvh,200px)}.chat-panel.player-chat.collapsed{top:calc(100dvh - 84px - min(44dvh,200px));bottom:auto;height:auto}}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-dim);letter-spacing:.04em}.spinner{width:18px;height:18px;border:2px solid rgba(212,161,60,.25);border-top-color:var(--gold-bright, #e0b24a);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{position:relative;overflow:hidden;background:#d4a13c14;border-radius:6px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(212,161,60,.14),transparent);animation:skeleton-shimmer 1.3s infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.replay-board{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;background:#140f0880;border:1px solid var(--line-soft, rgba(212, 161, 60, .15));border-radius:12px;padding:10px}.replay-point{min-height:74px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:6px;background:#d4a13c0d;font-size:.72rem}.replay-point .pt-num{color:var(--text-dim);font-size:.66rem}.replay-checker{width:18px;height:18px;border-radius:50%;font-size:.62rem;display:flex;align-items:center;justify-content:center;font-weight:700}.replay-checker.white{background:#ece3d0;color:#1a140a}.replay-checker.black{background:#2a2a2a;color:#ece3d0;border:1px solid #555}.opponent-joined-toast{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:12px;background:#1a2420;border:1px solid var(--gold-bright, #e0b24a);border-radius:14px;padding:14px 18px;box-shadow:0 8px 32px #0000008c;animation:toast-in .3s ease;max-width:360px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ojt-icon{font-size:22px;flex-shrink:0}.ojt-body{flex:1;font-size:14px;color:var(--text, #e8dcc8);line-height:1.4}.ojt-body strong{color:var(--gold-bright, #e0b24a)}.ojt-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ojt-go{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;background:var(--gold-bright, #e0b24a);color:#0d1411;font:inherit;font-size:13px;font-weight:700;padding:6px 14px;cursor:pointer;white-space:nowrap}.ojt-go:hover{background:#f0c85a}.ojt-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-dim, #7a8c7a);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px}.ojt-close:hover{color:var(--text, #e8dcc8)}.btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;padding:12px 18px;font:inherit;font-weight:600;letter-spacing:.01em;color:#1c1508;cursor:pointer;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 75%);box-shadow:inset 0 1px #ffffff4d;transition:filter .12s ease}.btn-primary:hover:not(:disabled){filter:brightness(1.07)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-primary.big{padding:14px 22px;font-size:1rem;width:100%}.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text);border-radius:9px;padding:9px 14px;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:border-color .12s ease,background .12s ease}.btn-ghost:hover{border-color:#ffffff4d;background:#ffffff0a}.btn-ghost.danger:hover{border-color:var(--ruby);background:#d97b6c1a;color:#f0b4a8}.auth-shell{display:grid;grid-template-columns:.9fr 1.1fr;height:100vh;height:100dvh;width:100vw;overflow:hidden;background:var(--bg-0)}.auth-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,3.5vw,44px);background:var(--bg-1);border-inline-end:1px solid var(--line);overflow:hidden}.auth-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(70% 50% at 30% 0%,rgba(201,162,92,.08),transparent 70%)}.auth-visual>*{position:relative}.auth-quote{font-family:var(--font-serif);font-size:clamp(1.7rem,2.6vw,2.5rem);line-height:1.2;max-width:17ch}.auth-quote .accent{color:var(--gold-bright);font-style:italic}.auth-points{display:flex;flex-direction:column;gap:14px;margin-top:28px}.auth-point{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:.92rem}.auth-point svg{color:var(--gold);flex-shrink:0}.auth-board{display:flex;gap:6px;align-items:flex-end;height:74px;margin-top:36px;opacity:.8}.auth-board i{flex:1;display:block}.auth-board i:nth-child(odd){background:linear-gradient(0deg,#c9a25c8c,#c9a25c0f);clip-path:polygon(50% 0,0 100%,100% 100%)}.auth-board i:nth-child(2n){background:linear-gradient(0deg,#ece5d559,#ece5d50a);clip-path:polygon(50% 0,0 100%,100% 100%)}.auth-panel{overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,48px)}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;padding-block:24px}.auth-title{font-family:var(--font-serif);font-weight:400;font-size:1.9rem;line-height:1.15}.auth-sub{font-size:.92rem;color:var(--text-dim);margin-top:6px}.brand-mark{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.5rem;color:#191307;background:linear-gradient(160deg,var(--gold-bright),var(--gold-deep))}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:.8rem;color:var(--text-dim);letter-spacing:.01em;font-weight:500}.field input{font:inherit;color:var(--text);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;outline:none;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.field input:focus{border-color:var(--gold);background:#0003;box-shadow:0 0 0 3px #c9a25c1f}.field .field-row{display:flex;align-items:center;justify-content:space-between}.field .field-link{font-size:.8rem;color:var(--gold);text-decoration:none}.field .field-link:hover{text-decoration:underline}.field-hint{font-size:.78rem;margin:3px 0 0;display:inline-flex;align-items:center;gap:5px}.field-hint.ok{color:#86d4ae}.field-hint.bad{color:#f0b4a8}.field-hint.muted{color:var(--text-dim)}.field-hint a{color:var(--gold-bright);text-decoration:none}.field-hint a:hover{text-decoration:underline}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-option{aspect-ratio:1;border-radius:12px;border:2px solid transparent;background:transparent;font-size:2.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,border-color .1s ease,background .1s ease}.avatar-option:hover{transform:scale(1.08);background:#ffffff0d}.avatar-option.selected{border-color:var(--gold-bright);background:#c9a25c1f;box-shadow:0 0 0 3px #c9a25c33}.country-select{position:relative}.country-trigger{width:100%;display:flex;align-items:center;gap:11px;font:inherit;color:var(--text);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:11px 14px;cursor:pointer;text-align:left;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.country-trigger:hover{border-color:#fff3}.country-trigger:focus-visible,.country-select:focus-within .country-trigger{border-color:var(--gold);background:#0003;box-shadow:0 0 0 3px #c9a25c1f;outline:none}.country-trigger-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-caret{display:inline-flex;color:var(--text-dim);transition:transform .14s ease}.country-caret.open{transform:rotate(180deg)}.country-flag{width:22px;height:15px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #ffffff1f;flex-shrink:0}.country-flag--globe{width:auto;height:auto;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;color:var(--ivory);opacity:.85}.country-popover{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;background:#131c31;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 18px 48px #0000008c;overflow:hidden;animation:country-pop .12s ease}@keyframes country-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.country-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.country-search-icon{display:inline-flex;color:var(--text-dim);opacity:.7}.country-search input{flex:1;font:inherit;font-size:.85rem;color:var(--text);background:transparent;border:none;outline:none;padding:2px 0}.country-search input::placeholder{color:var(--text-dim)}.country-list{list-style:none;margin:0;padding:6px;max-height:264px;overflow-y:auto;scrollbar-width:thin}.country-option{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:.92rem}.country-option.active{background:#ffffff12}.country-option.selected{color:var(--gold-bright)}.country-option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-check{display:inline-flex;color:var(--gold-bright)}.country-empty{padding:16px 12px;color:var(--text-dim);font-size:.9rem;text-align:center}.tz-offset{color:var(--text-dim);font-size:.8rem;margin-inline-start:6px;white-space:nowrap}.wizard{width:100%}.wizard-steps{list-style:none;margin:0;padding:0;display:flex;gap:4px}.wizard-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;color:var(--text-dim);font-size:.72rem;letter-spacing:.01em}.wizard-step:before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:2px;background:#ffffff1a;z-index:0}.wizard-step:first-child:before{display:none}.wizard-step.done:before,.wizard-step.current:before{background:var(--gold)}.wizard-dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--text-dim);background:var(--bg-1);border:2px solid rgba(255,255,255,.12);transition:all .15s ease}.wizard-step.current .wizard-dot{border-color:var(--gold);color:var(--gold-bright);box-shadow:0 0 0 3px #c9a25c26}.wizard-step.done .wizard-dot{background:var(--gold);border-color:var(--gold);color:#1c1508}.wizard-step.current .wizard-step-label{color:var(--text)}.wizard-step-label{text-align:center}.wizard-body{animation:wizard-fade .18s ease}@keyframes wizard-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.wizard-actions .btn{min-width:120px;justify-content:center}.field-inline{display:flex;gap:8px;align-items:stretch}.field-inline input{flex:1;min-width:0}.field-inline .btn{white-space:nowrap;flex-shrink:0}.icon-btn{padding-inline:12px}.otp-input{letter-spacing:.4em;font-variant-numeric:tabular-nums;text-align:center}.seg-toggle{display:flex;gap:4px;padding:4px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.seg-option{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:.9rem;color:var(--text-dim);background:transparent;border:none;border-radius:9px;padding:9px 12px;cursor:pointer;transition:color .12s ease,background .12s ease}.seg-option:hover{color:var(--text)}.seg-option.active{color:#1c1508;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 80%);font-weight:600}.lang-opt-native{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-opt-english{color:var(--text-dim);font-size:.82rem;margin-inline-start:8px;white-space:nowrap}.country-option.selected .lang-opt-english{color:var(--gold-bright);opacity:.8}.avatar-preview-row{display:flex;align-items:center;gap:16px}.avatar-tabs{display:flex;gap:6px;flex-wrap:wrap}.avatar-tab{font:inherit;font-size:.8rem;color:var(--text-dim);background:transparent;border:1px solid transparent;border-radius:8px;padding:6px 12px;cursor:pointer;transition:all .12s ease}.avatar-tab:hover{color:var(--text);background:#ffffff0d}.avatar-tab.active{color:var(--gold-bright);border-color:#c9a25c66;background:#c9a25c1a}.avatar-upload{display:flex;gap:8px;flex-wrap:wrap}.upload-label{cursor:pointer}.year-select{position:relative}.year-input{width:100%;font:inherit;color:var(--text);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 40px 12px 14px;outline:none;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.year-input:focus{border-color:var(--gold);background:#0003;box-shadow:0 0 0 3px #c9a25c1f}.year-caret{position:absolute;top:50%;right:12px;transform:translateY(-50%);pointer-events:none}.year-caret.open{transform:translateY(-50%) rotate(180deg)}.gender-row{display:flex;gap:8px}.gender-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;font-size:.82rem;color:var(--text-dim);background:#ffffff08;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 8px;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.gender-option:hover{border-color:#ffffff3d;color:var(--text)}.gender-option.selected{border-color:var(--gold);background:#c9a25c1a;color:var(--gold-bright)}.gender-icon{display:inline-flex;align-items:center;justify-content:center;height:26px;color:currentColor}.captcha{display:flex;gap:10px;align-items:stretch}.captcha-canvas-wrap{position:relative;flex-shrink:0}.captcha-canvas-wrap canvas{display:block;border-radius:10px;border:1px solid rgba(255,255,255,.12);-webkit-user-select:none;user-select:none}.captcha-refresh{position:absolute;bottom:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;cursor:pointer;color:var(--text);background:#00000073;transition:color .12s ease,background .12s ease}.captcha-refresh:hover{color:var(--gold-bright);background:#000000a6}.captcha-entry{position:relative;flex:1;display:flex;align-items:center}.captcha-entry input{width:100%;font:inherit;letter-spacing:.24em;text-transform:uppercase;color:var(--text);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 40px 12px 14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.captcha-entry input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a25c1f}.captcha-entry input.ok{border-color:#4db48799}.captcha-entry input.bad{border-color:#d97b6c99}.captcha-ok{position:absolute;right:12px;color:#86d4ae}.reward-hero{text-align:center;padding:24px 20px;border-radius:16px;background:radial-gradient(120% 100% at 50% 0%,#c9a25c2e,#c9a25c08 70%);border:1px solid rgba(201,162,92,.28)}.reward-coin{width:58px;height:58px;margin:0 auto 8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1c1508;background:linear-gradient(160deg,var(--gold-bright),var(--gold-deep));box-shadow:0 8px 24px #c9a25c59}.reward-amount{font-family:var(--font-serif);font-size:2.8rem;line-height:1;color:var(--gold-bright)}.reward-label{color:var(--text-dim);font-size:.9rem;margin-top:4px}.reward-buy{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px}.coin-pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font:inherit;color:var(--text);background:#ffffff08;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;padding:18px 14px 16px;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.coin-pack:hover{transform:translateY(-2px);border-color:#ffffff3d}.coin-pack.selected{border-color:var(--gold);background:#c9a25c1a;box-shadow:0 0 0 3px #c9a25c24}.coin-pack-amount{font-size:1.5rem;font-weight:600;margin-top:4px}.coin-pack-bonus{font-size:.8rem;color:var(--emerald, #4db487)}.coin-pack-price{font-size:1.05rem;font-weight:600;margin-top:6px}.coin-pack-tag{position:absolute;top:-9px;left:50%;transform:translate(-50%);font-size:.68rem;font-weight:600;letter-spacing:.02em;padding:3px 10px;border-radius:999px;white-space:nowrap}.coin-pack-tag.popular{background:var(--gold);color:#1c1508}.coin-pack-tag.best{background:var(--emerald, #4db487);color:#06231a}.summary-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0}.summary-divider{height:1px;background:#ffffff1a;margin:6px 0}.auth-error{color:#f0b4a8;background:#d97b6c14;border:1px solid rgba(217,123,108,.3);border-radius:10px;padding:10px 13px;font-size:.86rem}.auth-ok{color:#86d4ae;background:#4db48714;border:1px solid rgba(77,180,135,.28);border-radius:10px;padding:10px 13px;font-size:.86rem}.auth-check{display:flex;align-items:center;gap:9px;width:fit-content;font-size:.86rem;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-check:hover{color:var(--text)}.auth-check input{width:15px;height:15px;accent-color:var(--gold);cursor:pointer}.auth-foot{font-size:.88rem;color:var(--text-dim);text-align:center}.auth-foot a{color:var(--gold-bright);text-decoration:none;font-weight:500}.auth-foot a:hover{text-decoration:underline}.auth-back{display:inline-flex;align-items:center;gap:7px;color:var(--text-dim);text-decoration:none;font-size:.86rem;width:fit-content}.auth-back:hover{color:var(--text)}@media(max-width:880px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}}.avatar-disc{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff1f}.avatar-disc--photo{overflow:hidden;background:var(--bg-1)}.avatar-disc--photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-disc--icon{color:#f8fafc}.brand.as-button,.game-logo.as-button,.hud-leave.as-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;color:inherit;text-align:start}.game-logo.as-button:hover{background:var(--glass);border:1px solid var(--glass-border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#050606b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{min-width:min(300px,100%);max-width:420px;text-align:center;padding:30px;border-radius:18px;background:var(--panel-2);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.modal-card h2{margin:0 0 6px;font-family:var(--font-serif);font-weight:400;font-size:1.7rem}.modal-card p{color:var(--text-dim);margin:0 0 20px;text-transform:capitalize}.modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.timeout-toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;max-width:min(92vw,520px);padding:11px 12px 11px 15px;border-radius:12px;border:1px solid rgba(224,101,79,.45);background:#1c1210f0;color:#f3e6df;font-size:.9rem;box-shadow:0 10px 32px #00000073}.timeout-toast .tt-close{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border:0;border-radius:7px;background:transparent;color:inherit;opacity:.65;cursor:pointer}.timeout-toast .tt-close:hover{opacity:1;background:#ffffff14}.opp-offline{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;max-width:min(92vw,540px);padding:11px 15px;border-radius:12px;border:1px solid rgba(214,178,92,.45);background:#1c180ef0;color:#f3ecd9;font-size:.9rem;box-shadow:0 10px 32px #00000073}.opp-offline.back{border-color:#6cad7880;background:#0f1a12f0;color:#dff0e2}.conn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px;background:#050606c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.conn-card{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:min(300px,100%);max-width:420px;text-align:center;padding:30px;border-radius:18px;background:var(--panel-2);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.conn-card h2{margin:0;font-family:var(--font-serif);font-weight:400;font-size:1.6rem}.conn-card p{margin:0;color:var(--text-dim)}.conn-card .conn-count{margin-top:4px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.conn-card .btn-primary{margin-top:6px}.conn-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--accent, #d6b25c);animation:conn-spin .9s linear infinite}@keyframes conn-spin{to{transform:rotate(360deg)}}.timeout-strikes{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 auto 6px;padding:4px 11px;width:fit-content;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#00000059;color:var(--text-dim);font-size:.76rem;letter-spacing:.02em}.timeout-strikes.critical{border-color:#e0654f99;color:#ffb4a2;font-weight:600}.modal-card p.modal-grace{display:flex;align-items:center;justify-content:center;gap:7px;margin:-8px 0 16px;text-transform:none;color:var(--danger, #e0654f);font-size:.86rem;font-weight:600}.modal-icon{width:64px;height:64px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%}.modal-icon.win{color:var(--gold-bright);background:#f59e0b1f;border:1px solid rgba(245,158,11,.3)}.modal-icon.lose{color:var(--text-dim);background:#ffffff0d;border:1px solid var(--glass-border)}.roll-btn.active{outline:2px solid var(--gold-bright)}:root{--panel: #121514;--panel-2: #171b19;--line: rgba(255, 255, 255, .07);--line-soft: rgba(255, 255, 255, .05);--emerald: #4db487;--emerald-deep: #22684c;--ruby: #d97b6c;--sky: #7fadd6;--violet: #a094dd;--amber: #d9b25f;--radius: 14px;--radius-lg: 18px;--maxw: 1160px;--header-h: 68px;--font-serif: "Instrument Serif", Georgia, serif;--pad-x: clamp(18px, 4vw, 28px)}html[dir=rtl] body{--font-ui: "Vazirmatn", "Noto Sans Arabic", "Outfit", system-ui, sans-serif}html[dir=rtl] .display,html[dir=rtl] .section-title{font-family:"Vazirmatn",var(--font-serif)}.site-scroll{position:relative;height:100vh;height:100dvh;width:100vw;overflow-y:auto;overflow-x:hidden;background:var(--bg-0)}.site-scroll::-webkit-scrollbar{width:10px}.site-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px;border:3px solid transparent;background-clip:padding-box}a{color:inherit}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad-x)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}.display{font-family:var(--font-serif);font-weight:400;line-height:1.04;letter-spacing:0;font-size:clamp(2.4rem,5.4vw,4.2rem);color:var(--text)}.display .accent{color:var(--gold-bright);font-style:italic}h2.section-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.12;margin:0}.lede{color:var(--text-dim);font-size:clamp(.98rem,1.3vw,1.1rem);line-height:1.7;max-width:58ch}.muted{color:var(--text-dim)}.center{text-align:center}.center .lede{margin-inline:auto}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;font-weight:600;border-radius:10px;padding:11px 20px;letter-spacing:.01em;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,filter .15s ease;white-space:nowrap}.btn.gold{color:#1c1508;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 75%);box-shadow:inset 0 1px #ffffff4d}.btn.gold:hover{filter:brightness(1.07)}.btn.outline{color:var(--text);border:1px solid rgba(255,255,255,.16);background:transparent}.btn.outline:hover{border-color:#ffffff57;background:#ffffff08}.btn.ghost{color:var(--text-dim);background:transparent}.btn.ghost:hover{color:var(--text);background:#ffffff0d}.btn.danger{color:#f0b4a8;border:1px solid rgba(217,123,108,.35);background:transparent}.btn.danger:hover{border-color:var(--ruby);background:#d97b6c1a}.btn.sm{padding:7px 14px;font-size:.86rem;border-radius:9px}.btn.lg{padding:14px 22px;font-size:.98rem;border-radius:12px}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:default}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;background:color-mix(in srgb,var(--bg-0) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;gap:18px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.logo .brand-mark{width:38px;height:38px;font-size:22px;border-radius:10px}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-text b{font-family:Playfair Display,Georgia,serif;font-size:21px;font-weight:600;letter-spacing:.015em;line-height:1;color:var(--text);text-transform:none}.logo-text b .accent{color:var(--gold-bright);font-style:italic;font-weight:600}.logo-sub{display:flex;justify-content:space-between;width:100%;font-family:Outfit,system-ui,sans-serif;font-size:8.5px;font-weight:600;letter-spacing:0;text-transform:uppercase;color:var(--gold);margin-top:5px}.logo-sub i{font-style:normal}.main-nav{display:flex;align-items:center;justify-content:center;gap:2px;margin-inline:auto}.main-nav a{padding:8px 13px;border-radius:8px;text-decoration:none;font-size:.92rem;font-weight:500;color:var(--text-dim);transition:color .12s,background .12s;white-space:nowrap}.main-nav a:hover{color:var(--text)}.main-nav a.active{color:var(--text);background:#ffffff0d}.header-actions{display:flex;align-items:center;gap:9px}.nav-group{position:relative}.nav-group>button{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:8px;background:none;border:none;cursor:pointer;font:inherit;font-size:.92rem;font-weight:500;color:var(--text-dim);transition:color .12s,background .12s;white-space:nowrap}.nav-group>button svg{opacity:.6;transition:transform .15s ease}.nav-group:hover>button,.nav-group.open>button{color:var(--text)}.nav-group.active>button{color:var(--text);background:#ffffff0d}.nav-group:hover>button svg,.nav-group.open>button svg{transform:rotate(180deg)}.nav-group:after{content:"";position:absolute;inset-inline:0;top:100%;height:14px;display:none}.nav-group:hover:after{display:block}.nav-drop{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:60;min-width:210px;background:#0c1210;border:1px solid rgba(201,162,92,.18);border-top:2px solid var(--gold);border-radius:2px 2px 14px 14px;padding:8px 6px;box-shadow:0 20px 56px #000000a6,0 4px 16px #0006;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.nav-group:hover .nav-drop,.nav-group.open .nav-drop{opacity:1;visibility:visible;transform:translateY(0)}.nav-drop a{display:block;padding:10px 14px;border-radius:7px;text-decoration:none;color:var(--text-dim);font-size:.88rem;font-weight:500;white-space:nowrap;border-inline-start:2px solid transparent;transition:color .12s,background .12s,border-color .12s,padding-inline-start .12s}.nav-drop a:hover{color:var(--text);background:#c9a25c12;border-inline-start-color:var(--gold);padding-inline-start:18px}.nav-drop a.active{color:var(--gold-bright);background:#c9a25c14;border-inline-start-color:var(--gold);padding-inline-start:18px}.lang-switch{position:relative}.lang-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 11px;border-radius:9px;background:#c9a25c0f;border:1px solid transparent;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.lang-btn>svg:first-child{opacity:.7;flex:none}.lang-btn>svg:last-child{opacity:.5;flex:none}.lang-btn:hover{background:#c9a25c1c}.lang-btn-name{font-size:.9rem;font-weight:500;line-height:1;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:60;width:230px;max-height:340px;overflow-y:auto;padding:8px 6px;background:#0c1210;border:1px solid rgba(201,162,92,.18);border-top:2px solid var(--gold);border-radius:2px 2px 14px 14px;box-shadow:0 20px 56px #000000a6,0 4px 16px #0006}.lang-menu::-webkit-scrollbar{width:5px}.lang-menu::-webkit-scrollbar-track{background:transparent}.lang-menu::-webkit-scrollbar-thumb{background:#c9a25c4d;border-radius:3px}.lang-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 13px;border-radius:7px;background:none;border:none;border-inline-start:2px solid transparent;color:var(--text-dim);cursor:pointer;font:inherit;font-size:.88rem;text-align:start;direction:ltr;transition:color .12s,background .12s,border-color .12s}.lang-menu button:hover{background:#c9a25c12;color:var(--text);border-inline-start-color:#c9a25c80}.lang-menu button.active{color:var(--gold-bright);background:#c9a25c14;border-inline-start-color:var(--gold)}.lang-menu .lang-native{font-size:1rem;line-height:1.1;flex:none;text-align:left}.lang-menu .lang-english{font-size:.74rem;color:var(--text-dim);letter-spacing:.01em;flex:none;margin-left:auto;text-align:right}.lang-menu button.active .lang-english{color:var(--gold)}.user-menu{position:relative}.user-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;background:#c9a25c0f;border:1px solid transparent;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.user-btn:hover{background:#c9a25c1c}.user-btn svg:last-child{opacity:.55}.user-drop{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;min-width:210px;background:#0c1210;border:1px solid rgba(201,162,92,.18);border-top:2px solid var(--gold);border-radius:2px 2px 14px 14px;padding:8px 6px;box-shadow:0 20px 56px #000000a6,0 4px 16px #0006}.user-drop-header{display:flex;align-items:center;gap:10px;padding:8px 12px 10px}.user-drop-name{font-size:.88rem;font-weight:600;color:var(--text)}.user-drop-email{font-size:.74rem;color:var(--text-dim);margin-top:2px}.user-drop-sep{height:1px;background:#c9a25c1f;margin:4px 6px}.user-drop a,.user-drop button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:7px;text-decoration:none;background:none;border:none;border-inline-start:2px solid transparent;color:var(--text-dim);font:inherit;font-size:.88rem;cursor:pointer;text-align:start;transition:color .12s,background .12s,border-color .12s,padding-inline-start .12s}.user-drop a:hover,.user-drop button:hover{color:var(--text);background:#c9a25c12;border-inline-start-color:var(--gold);padding-inline-start:18px}.user-drop button.logout:hover{color:var(--ruby);background:#d97b6c12;border-inline-start-color:var(--ruby)}.icon-btn.mobile-toggle{display:none}.nav-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;visibility:hidden}.nav-drawer .drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0506068c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s ease}.drawer-sheet{position:absolute;top:0;inset-inline-end:0;height:100%;width:min(340px,88vw);display:flex;flex-direction:column;background:var(--bg-1);border-inline-start:1px solid var(--line);transform:translate(102%);transition:transform .24s cubic-bezier(.3,.8,.4,1);padding-bottom:env(safe-area-inset-bottom,0px)}html[dir=rtl] .drawer-sheet{transform:translate(-102%)}.nav-drawer.open{visibility:visible}.nav-drawer.open .drawer-scrim{opacity:1}.nav-drawer.open .drawer-sheet{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line-soft);min-height:var(--header-h)}.drawer-links{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column}.drawer-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 10px;text-decoration:none;color:var(--text);font-size:1.02rem;font-weight:500;border-bottom:1px solid var(--line-soft)}.drawer-links a svg{color:var(--text-dim)}.drawer-links a.active{color:var(--gold-bright)}.drawer-sec{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;padding:20px 10px 4px}.drawer-sec:first-child{padding-top:6px}.drawer-foot{padding:16px 18px 20px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:10px}.site-footer{border-top:1px solid var(--line);background:var(--bg-1);margin-top:clamp(48px,8vw,88px)}.footer-grid{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(6,minmax(96px,1fr));gap:clamp(20px,2.4vw,36px);padding-block:clamp(36px,6vw,60px) 36px}.footer-col h4{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin:0 0 14px;font-weight:600}.footer-col a{display:block;color:var(--text-dim);text-decoration:none;font-size:.9rem;padding:5px 0;transition:color .12s}.footer-col a:hover{color:var(--text)}.footer-about p{color:var(--text-dim);font-size:.9rem;line-height:1.65;margin:16px 0 20px;max-width:34ch}.footer-bottom{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding-block:20px;border-top:1px solid var(--line-soft);color:var(--text-dim);font-size:.84rem}.footer-badges{display:flex;gap:8px;flex-wrap:wrap}.foot-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);font-size:.78rem;color:var(--text-dim)}.footer-social{margin-top:25px;padding-top:20px;border-top:1px solid var(--line-soft);max-width:390px}.footer-social-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.footer-social-heading>span{color:var(--text);font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.footer-social-heading small{color:var(--text-dim);font-size:.72rem}.social-links{display:flex;align-items:center;flex-wrap:nowrap;gap:17px}.social-link{--social-accent: var(--gold);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--text-dim);text-decoration:none;transition:color .18s ease,transform .18s ease,filter .18s ease}.social-link svg{width:19px;height:19px}.social-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.social-link:hover{color:var(--social-accent);transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--social-accent) 35%,transparent))}.social-link:focus-visible{outline:2px solid var(--social-accent);outline-offset:3px;color:var(--social-accent)}.hero{position:relative;padding-block:clamp(48px,9vw,110px) clamp(24px,4vw,48px);overflow:hidden}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 75% 12%,rgba(201,162,92,.07),transparent 70%)}.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,56px);align-items:center}.hero-copy .display{margin:18px 0 20px}.hero-cta{display:flex;flex-wrap:nowrap;gap:12px;margin-top:30px}.hero-stats{display:flex;gap:clamp(20px,3.4vw,40px);margin-top:clamp(28px,4vw,44px);flex-wrap:wrap}.hero-stat b{font-family:var(--font-serif);font-weight:400;font-size:1.9rem;color:var(--text);display:block}.hero-stat span{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.hero-visual{position:relative;aspect-ratio:1 / 1;max-width:520px;justify-self:end;width:100%}.board-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:18px;background:linear-gradient(165deg,#1d1710,#131009);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-soft),inset 0 1px #ffffff0d;display:grid;grid-template-columns:1fr 22px 1fr;gap:0;overflow:hidden}.board-quad{display:grid;grid-template-columns:repeat(6,1fr);align-items:start}.board-quad.bottom{align-items:end}.tri{width:100%;height:60%;clip-path:polygon(50% 100%,2% 0,98% 0)}.board-quad.bottom .tri{clip-path:polygon(50% 0,2% 100%,98% 100%)}.tri.a{background:linear-gradient(180deg,#c9a25cbf,#97743973)}.tri.b{background:linear-gradient(180deg,#ece5d599,#aaa39052)}.board-bar{background:linear-gradient(180deg,#171208,#0e0b06)}.board-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:20px;pointer-events:none}.floating-badge{position:absolute;padding:11px 15px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);box-shadow:var(--shadow-soft);font-size:.82rem;z-index:2;display:flex;align-items:center;gap:10px;color:var(--text-dim)}.floating-badge svg{color:var(--gold)}.floating-badge b{color:var(--text)}.floating-badge.tl{top:7%;inset-inline-start:-5%}.floating-badge.br{bottom:9%;inset-inline-end:-4%}.section{padding-block:clamp(40px,6.5vw,84px);position:relative}.section-head{max-width:620px;margin-bottom:clamp(28px,4.5vw,44px)}.section-head.center{margin-inline:auto}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(20px,2.6vw,26px);transition:border-color .18s ease,background .18s ease}.card.hover:hover{border-color:#ffffff29;background:var(--panel-2)}.card .icon-badge{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;background:#c9a25c1a;color:var(--gold-bright);border:1px solid rgba(201,162,92,.18);font-family:var(--font-serif);font-size:1.3rem}.card h3{margin:0 0 8px;font-size:1.08rem;font-weight:600}.card p{margin:0;color:var(--text-dim);font-size:.93rem;line-height:1.65}.feature-icon-tint.emerald{color:var(--emerald);background:#4db4871a;border-color:#4db48733}.feature-icon-tint.sky{color:var(--sky);background:#7fadd61a;border-color:#7fadd633}.feature-icon-tint.violet{color:var(--violet);background:#a094dd1a;border-color:#a094dd33}.step-row{display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line-soft)}.step-num{font-family:var(--font-serif);font-size:1.8rem;color:var(--gold);width:60px;height:60px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel)}.step-row h3{margin:4px 0 6px;font-size:1.15rem}.step-row p{margin:0;color:var(--text-dim);line-height:1.65}.htp-hero{position:relative;overflow:hidden;padding-block:clamp(46px,8vw,96px) clamp(36px,6vw,74px);background:radial-gradient(55% 46% at 74% 16%,rgba(201,162,92,.14),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 60%)}.htp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:86px 86px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 76%);mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 76%)}.htp-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:clamp(32px,5vw,58px);align-items:center}.htp-hero-copy .display{max-width:780px}.htp-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.htp-quick-facts{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:10px;max-width:560px;margin-top:34px}.htp-quick-facts>div{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#ffffff09}.htp-quick-facts b{display:block;font-family:var(--font-serif);font-size:1.7rem;line-height:1;color:var(--gold-bright)}.htp-quick-facts span{display:block;margin-top:5px;color:var(--text-dim);font-size:.73rem;letter-spacing:.11em;text-transform:uppercase}.htp-board{position:relative;container-type:inline-size;--checker-size: clamp(17px, 5.1cqw, 35px);--checker-overlap: calc(var(--checker-size) * -.38);min-height:clamp(320px,34vw,500px);aspect-ratio:1.82 / 1;display:grid;grid-template-columns:minmax(0,1fr) clamp(26px,2.4vw,42px) minmax(0,1fr);padding:clamp(12px,1.25vw,22px);border:1px solid rgba(255,255,255,.1);border-radius:clamp(14px,1.4vw,22px);background:radial-gradient(70% 65% at 50% 48%,rgba(201,162,92,.1),transparent 64%),linear-gradient(145deg,#3e2815f5,#0e0a07fa 68%),var(--panel);box-shadow:var(--shadow-soft),inset 0 1px #ffffff12;overflow:hidden}.htp-board:before{content:"";position:absolute;inset:clamp(8px,.9vw,14px);border:1px solid rgba(201,162,92,.14);border-radius:clamp(10px,1vw,16px);box-shadow:inset 0 0 0 1px #0000003d;pointer-events:none;z-index:4}.htp-board-half{position:relative;display:grid;grid-template-rows:1fr 1fr;min-width:0;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 12%,transparent 88%,rgba(0,0,0,.18)),#1a120b;border:1px solid rgba(255,255,255,.08);overflow:hidden}.htp-board-half.left{border-radius:10px 0 0 10px;border-inline-end:0}.htp-board-half.right{border-radius:0 10px 10px 0;border-inline-start:0}.htp-point-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:0}.htp-point{position:relative;min-width:0;min-height:0;width:100%;display:flex;justify-content:center;overflow:hidden;isolation:isolate;transition:filter .18s ease,opacity .18s ease}.htp-point.top{align-items:flex-start;padding-top:clamp(9px,2.3cqw,18px)}.htp-point.bottom{align-items:flex-end;padding-bottom:clamp(9px,2.3cqw,18px)}.htp-point:before{content:"";position:absolute;inset-inline:1px;height:84%;opacity:.88;z-index:0;transition:filter .18s ease,opacity .18s ease}.htp-point.top:before{top:0;clip-path:polygon(50% 100%,4% 0,96% 0)}.htp-point.bottom:before{bottom:0;clip-path:polygon(50% 0,4% 100%,96% 100%)}.htp-point-row .htp-point:nth-child(odd):before{background:linear-gradient(180deg,#d8b86e,#806031)}.htp-point-row .htp-point:nth-child(2n):before{background:linear-gradient(180deg,#b94b42,#5d211d)}.htp-point-number{position:absolute;z-index:2;color:#f5efe16b;font-size:clamp(.52rem,1.45cqw,.7rem);font-weight:800;line-height:1;letter-spacing:.03em;pointer-events:none}.htp-point.top .htp-point-number{bottom:clamp(4px,1.2cqw,8px)}.htp-point.bottom .htp-point-number{top:clamp(4px,1.2cqw,8px)}.htp-board-bar{position:relative;display:grid;place-items:center;background:linear-gradient(180deg,#302217,#110d08);border-block:1px solid rgba(255,255,255,.08);color:#f5efe15c;font-size:.64rem;letter-spacing:.22em;writing-mode:vertical-rl;text-orientation:mixed;transition:box-shadow .18s ease,color .18s ease}.htp-bar-chip{position:absolute;width:var(--checker-size);height:var(--checker-size);border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff1cf,#b88b4c);box-shadow:0 8px 16px #00000059,inset 0 2px 2px #ffffff52;opacity:.2;transition:opacity .18s ease,transform .18s ease}.htp-checker-stack{position:relative;z-index:4;width:var(--checker-size);display:flex;flex-direction:column;align-items:center;transition:filter .18s ease,opacity .18s ease,transform .18s ease}.htp-point.bottom .htp-checker-stack{flex-direction:column-reverse}.htp-checker-stack .htp-checker+.htp-checker{margin-top:var(--checker-overlap)}.htp-checker{display:block;width:var(--checker-size);height:var(--checker-size);border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 7px 14px #0000004d,inset 0 2px 2px #ffffff40,inset 0 -5px 9px #00000038}.htp-checker.light{background:radial-gradient(circle at 35% 25%,#fff2cf,#b99053)}.htp-checker.dark{background:radial-gradient(circle at 35% 25%,#d97b6c,#5d1d1a)}.htp-stack-count{position:absolute;z-index:6;min-width:24px;padding:2px 7px;border-radius:999px;background:#050606b8;border:1px solid rgba(201,162,92,.24);color:var(--gold-bright);text-align:center;font-size:.72rem;opacity:.2;transition:opacity .18s ease}.htp-point.top .htp-stack-count{bottom:7%}.htp-point.bottom .htp-stack-count{top:7%}.htp-board-label,.htp-board-player,.htp-setup-label,.htp-finish-zone,.htp-rules-note{position:absolute;z-index:8;padding:8px 11px;border-radius:999px;background:#050606b8;border:1px solid rgba(255,255,255,.12);color:var(--text-dim);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.36;transition:opacity .18s ease,color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.htp-board-label.outer{top:30px;inset-inline-start:34px}.htp-board-label.home{inset-inline-end:34px;bottom:30px}.htp-board-label.opponent-home{top:30px;inset-inline-end:34px;opacity:0}.htp-setup-label{left:50%;bottom:30px;opacity:0;transform:translate(-50%)}.htp-board-player{opacity:0}.htp-board-player.you{bottom:30px;inset-inline-start:34px}.htp-board-player.opponent{top:30px;inset-inline-end:34px}.htp-dice-lab{position:absolute;z-index:9;inset-inline:0;top:50%;display:flex;justify-content:center;gap:10px;opacity:.32;transform:translateY(-50%) scale(.92);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.htp-die{width:56px;height:56px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px;padding:9px;border-radius:13px;background:linear-gradient(145deg,#fff3ce,#c99d53);box-shadow:0 14px 24px #00000057,inset 0 2px 3px #fff6}.htp-die span{width:8px;height:8px;align-self:center;justify-self:center;border-radius:50%;background:#1c1508}.htp-move-path{position:absolute;z-index:9;left:53%;bottom:23%;width:28%;height:44px;border-top:2px dashed rgba(201,162,92,.62);opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.htp-path-chip{position:absolute;top:-20px;left:0;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff2cf,#b99053);box-shadow:0 8px 14px #00000057;animation:htpCheckerMove 2.4s ease-in-out infinite}.htp-move-path i{position:absolute;top:-40px;padding:3px 8px;border-radius:999px;background:#c9a25c29;border:1px solid rgba(201,162,92,.28);color:var(--gold-bright);font-style:normal;font-size:.75rem;font-weight:800}.htp-move-path i:nth-of-type(1){left:36%}.htp-move-path i:nth-of-type(2){left:72%}.htp-cube{position:absolute;z-index:10;left:50%;top:24%;width:58px;height:58px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f2e6c9,#b99755);color:#1c1508;font-family:var(--font-serif);font-size:2rem;box-shadow:0 18px 30px #0000005c,inset 0 2px 3px #ffffff73;opacity:.24;transform:translate(-50%) rotate(-7deg) scale(.92);transition:opacity .18s ease,transform .18s ease}.htp-finish-zone{inset-inline-end:34px;bottom:78px;opacity:0}.htp-rules-note{left:50%;top:64%;opacity:0;transform:translate(-50%)}.htp-board.focus-board .htp-point,.htp-board.focus-idea .htp-point{opacity:1}.htp-board.focus-board .htp-point:before,.htp-board.focus-idea .htp-point:before{opacity:1;filter:brightness(1.12) saturate(1.12)}.htp-board.focus-setup .htp-point.has-checkers .htp-checker-stack{filter:brightness(1.18) saturate(1.18);transform:translateY(-3px)}.htp-board.focus-setup .htp-point.has-checkers .htp-checker{box-shadow:0 0 0 4px #c9a25c1a,0 9px 18px #00000057,inset 0 2px 2px #ffffff40,inset 0 -5px 9px #00000038}.htp-board.focus-setup .htp-stack-count,.htp-board.focus-setup .htp-setup-label{opacity:1}.htp-board.focus-opponents .htp-board-player{opacity:1;color:var(--gold-bright);border-color:#c9a25c5c;background:#c9a25c21}.htp-board.focus-opponents .htp-point.you-home:before,.htp-board.focus-opponents .htp-point.opponent-home:before{filter:brightness(1.18) saturate(1.22)}.htp-board.focus-dice .htp-dice-lab{opacity:1;transform:translateY(-50%) scale(1)}.htp-board.focus-move .htp-move-path{opacity:1;transform:translateY(0)}.htp-board.focus-cube .htp-cube{opacity:1;transform:translate(-50%) rotate(-4deg) scale(1.05)}.htp-board.focus-rules .htp-rules-note{opacity:1;color:var(--gold-bright);border-color:#c9a25c5c;background:#c9a25c21}.htp-board.focus-rules .htp-board-bar{color:var(--gold-bright);box-shadow:inset 0 0 0 2px #c9a25c59}.htp-board.focus-rules .htp-bar-chip{opacity:1;transform:translateY(-8px)}.htp-board.focus-finish .htp-finish-zone,.htp-board.focus-finish .htp-board-label.home{opacity:1;color:var(--gold-bright);border-color:#c9a25c5c;background:#c9a25c21}.htp-board.focus-finish .htp-point.you-home:before{filter:brightness(1.2) saturate(1.25);opacity:1}.htp-board.focus-tips .point-p6 .htp-checker-stack,.htp-board.focus-tips .point-p8 .htp-checker-stack,.htp-board.focus-tips .point-p13 .htp-checker-stack{filter:brightness(1.18) saturate(1.16);transform:translateY(-3px)}.htp-board.focus-tips .point-p6:before,.htp-board.focus-tips .point-p8:before,.htp-board.focus-tips .point-p13:before{filter:brightness(1.18) saturate(1.16)}.htp-section-head{max-width:720px;margin-bottom:clamp(28px,4.5vw,44px)}.htp-lab{display:grid;grid-template-columns:250px minmax(0,1fr) minmax(330px,.9fr);gap:18px;align-items:start}.htp-step-rail{position:sticky;top:calc(var(--header-h) + 18px);display:grid;gap:8px}.htp-step-rail button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:28px 22px 1fr;gap:9px;align-items:center;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text-dim);text-align:start;cursor:pointer;font:inherit;transition:color .14s ease,border-color .14s ease,background .14s ease,transform .14s ease}.htp-step-rail button:hover,.htp-step-rail button.active{color:var(--text);border-color:#c9a25c52;background:var(--panel-2);transform:translate(3px)}html[dir=rtl] .htp-step-rail button:hover,html[dir=rtl] .htp-step-rail button.active{transform:translate(-3px)}.htp-step-rail button span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--gold-bright);background:#c9a25c1a;border:1px solid rgba(201,162,92,.18);font-size:.82rem;font-weight:800}.htp-step-rail button svg{color:var(--gold)}.htp-step-rail button b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.htp-lesson-card,.htp-board-panel,.htp-tip-card,.htp-quiz-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel)}.htp-lesson-card{position:relative;overflow:hidden;padding:clamp(22px,3vw,30px);min-height:100%}.htp-progress{position:absolute;inset-inline:0;top:0;height:4px;background:#ffffff0f}.htp-progress span{display:block;height:100%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright));transition:width .25s ease}.htp-lesson-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;color:var(--text-dim);font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.htp-lesson-top b{color:var(--gold);text-align:end}.htp-lesson-card h3{margin:0;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.12}.htp-kid-copy{margin:18px 0 0;color:var(--text);font-size:1.04rem;line-height:1.72}.htp-coach-box,.htp-action-box{margin-top:18px;padding:16px;border-radius:14px;border:1px solid rgba(201,162,92,.16);background:#c9a25c0e}.htp-coach-box{display:flex;gap:12px;align-items:flex-start}.htp-coach-box svg{color:var(--gold-bright);flex:none;margin-top:2px}.htp-coach-box strong,.htp-action-box span{display:block;color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.htp-coach-box p,.htp-action-box p{margin:6px 0 0;color:var(--text-dim);line-height:1.62}.htp-lesson-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.htp-board-panel{position:sticky;top:calc(var(--header-h) + 18px);padding:12px;background:linear-gradient(180deg,rgba(201,162,92,.06),transparent 42%),var(--panel)}.htp-board-panel .htp-board{min-height:320px;border-radius:14px}.htp-board-panel .htp-die{width:48px;height:48px}.htp-flow-grid,.htp-score-band,.htp-quiz{display:grid;grid-template-columns:minmax(0,.84fr) minmax(320px,1.16fr);gap:clamp(28px,5vw,58px);align-items:start}.htp-flow-grid .callout{margin-top:24px}.htp-flow-list{display:grid;gap:12px}.htp-flow-list article{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.htp-flow-list article>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:var(--gold-bright);background:#c9a25c1a;border:1px solid rgba(201,162,92,.18);font-family:var(--font-serif);font-size:1.28rem}.htp-flow-list h3,.htp-tip-card h3,.htp-score-cards h3{margin:0 0 6px;font-size:1.04rem}.htp-flow-list p,.htp-tip-card p,.htp-score-cards p{margin:0;color:var(--text-dim);line-height:1.62;font-size:.92rem}.htp-score-band{padding:clamp(24px,4vw,34px);border:1px solid rgba(201,162,92,.18);border-radius:var(--radius-lg);background:linear-gradient(135deg,#c9a25c1f,#ffffff06 44%,#7fadd60d),var(--panel)}.htp-score-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.htp-score-cards article{padding:18px;border:1px solid var(--line);border-radius:14px;background:#ffffff09}.htp-score-cards strong{display:block;color:var(--gold-bright);font-family:var(--font-serif);font-size:1.55rem;line-height:1;margin-bottom:12px}.htp-tip-card{padding:clamp(20px,2.6vw,26px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.htp-tip-card:hover{transform:translateY(-3px);border-color:#c9a25c47;background:var(--panel-2)}.htp-tip-card .icon-badge{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;background:#c9a25c1a;color:var(--gold-bright);border:1px solid rgba(201,162,92,.18)}.htp-quiz-card{padding:clamp(18px,3vw,24px);display:grid;gap:10px}.htp-quiz-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#ffffff06;color:var(--text);text-align:start;cursor:pointer;font:inherit;transition:border-color .14s ease,background .14s ease,transform .14s ease}.htp-quiz-option:hover{border-color:#c9a25c42;background:#c9a25c0f}.htp-quiz-option span{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:9px;background:#ffffff0f;color:var(--gold-bright);font-weight:800}.htp-quiz-option.correct{border-color:#4db48773;background:#4db4871a}.htp-quiz-option.wrong{border-color:#d97b6c6b;background:#d97b6c14}.htp-quiz-feedback{margin-top:6px;padding:13px 14px;border-radius:12px;color:#eba99b;background:#d97b6c14;border:1px solid rgba(217,123,108,.22)}.htp-quiz-feedback.correct{color:#a5e2c2;background:#4db48717;border-color:#4db4873d}.htp-next-band{text-align:center;padding:clamp(34px,6vw,64px);border:1px solid rgba(201,162,92,.18);border-radius:var(--radius-lg);background:radial-gradient(60% 80% at 50% -24%,rgba(201,162,92,.16),transparent 72%),var(--panel)}.htp-next-band svg{color:var(--gold-bright)}.htp-next-band h2{margin:14px auto 0;max-width:720px;font-family:var(--font-serif);font-weight:400;font-size:2.25rem;line-height:1.12}.htp-next-band p{max-width:680px;margin:16px auto 0;color:var(--text-dim);line-height:1.7}@keyframes htpCheckerMove{0%,to{transform:translate(0)}50%{transform:translate(150px)}}@media(max-width:1080px){.htp-hero-grid,.htp-lab,.htp-flow-grid,.htp-score-band,.htp-quiz{grid-template-columns:1fr}.htp-board{max-width:760px;width:100%;margin-inline:auto}.htp-step-rail,.htp-board-panel{position:static}.htp-step-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.htp-board-panel .htp-board{min-height:380px}}@media(max-width:760px){.htp-quick-facts,.htp-score-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.htp-step-rail{grid-template-columns:1fr}.htp-lesson-top,.htp-lesson-actions{flex-direction:column;align-items:stretch}.htp-lesson-top b{text-align:start}.htp-board{min-height:340px;padding:14px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);border-radius:14px}.htp-board-label,.htp-board-player,.htp-finish-zone,.htp-rules-note{font-size:.62rem;padding:6px 8px}.htp-board-label.outer,.htp-board-player.you{inset-inline-start:22px}.htp-board-label.home,.htp-board-label.opponent-home,.htp-board-player.opponent,.htp-finish-zone{inset-inline-end:22px}.htp-die{width:46px;height:46px}.htp-move-path{left:20%;width:46%}}@media(max-width:560px){.htp-hero-actions .btn,.htp-next-band .btn{width:100%}.htp-quick-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.htp-board{min-height:300px;aspect-ratio:auto}.htp-board-panel{padding:8px}.htp-board-panel .htp-board{min-height:300px}.htp-board{--checker-overlap: calc(var(--checker-size) * -.42)}.htp-cube{width:48px;height:48px;font-size:1.7rem}.htp-dice-lab{gap:7px}.htp-die,.htp-board-panel .htp-die{width:40px;height:40px;padding:7px}.htp-die span{width:6px;height:6px}.htp-move-path{display:none}.htp-score-cards{grid-template-columns:1fr}.htp-next-band h2{font-size:1.7rem}}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.badge.gold{color:var(--gold-bright);background:#c9a25c1a;border-color:#c9a25c38}.badge.green{color:#86d4ae;background:#4db4871a;border-color:#4db4873d}.badge.red{color:#eba99b;background:#d97b6c1a;border-color:#d97b6c3d}.badge.sky{color:#a9c9e8;background:#7fadd61a;border-color:#7fadd63d}.badge.gray{color:var(--text-dim);background:#ffffff0a;border-color:var(--line)}.badge.violet{color:#c4bbec;background:#a094dd1a;border-color:#a094dd3d}.dot-live{width:6px;height:6px;border-radius:50%;background:currentColor}.price-card{display:flex;flex-direction:column;position:relative}.price-card.featured{border-color:#c9a25c66}.price-card .plan-name{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}.price-card .price{font-family:var(--font-serif);font-weight:400;font-size:2.7rem;margin:14px 0 2px}.price-card .price small{font-size:.9rem;color:var(--text-dim);font-family:Outfit,system-ui,sans-serif}.price-card ul{list-style:none;padding:0;margin:22px 0;display:flex;flex-direction:column;gap:11px;flex:1}.price-card li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--text)}.price-card li svg{color:var(--emerald);flex-shrink:0;margin-top:2px}.price-card li.off{color:var(--text-dim)}.price-card li.off svg{color:var(--text-dim)}.ribbon{position:absolute;top:18px;inset-inline-end:18px}.faq-item{border-bottom:1px solid var(--line-soft)}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:none;color:var(--text);font:inherit;font-size:1rem;font-weight:500;padding:19px 0;cursor:pointer;text-align:start}.faq-q svg{transition:transform .2s ease;color:var(--text-dim);flex-shrink:0}.faq-item.open .faq-q svg{transform:rotate(180deg);color:var(--gold)}.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease}.faq-item.open .faq-a{max-height:340px}.faq-a p{color:var(--text-dim);line-height:1.7;margin:0 0 20px}.cta-band{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:clamp(32px,6vw,60px);text-align:center;background:var(--panel);border:1px solid var(--line)}.cta-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 90% at 50% -20%,rgba(201,162,92,.1),transparent 70%);pointer-events:none}.cta-band>*{position:relative}.cta-band h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.8rem,4vw,2.7rem);margin:0 0 12px}.prose{max-width:740px}.prose h2{font-family:var(--font-serif);font-weight:400;font-size:1.55rem;margin:36px 0 12px}.prose h3{font-size:1.08rem;margin:26px 0 10px}.prose p,.prose li{color:var(--text-dim);line-height:1.75}.prose ul{padding-inline-start:20px}.prose li{margin:6px 0}.legal-toc{position:sticky;top:calc(var(--header-h) + 24px);align-self:start}.legal-toc a{display:block;padding:7px 0;color:var(--text-dim);text-decoration:none;font-size:.9rem;border-inline-start:2px solid transparent;padding-inline-start:14px;transition:color .12s,border-color .12s}.legal-toc a:hover,.legal-toc a.active{color:var(--text);border-color:var(--gold)}.callout{border-radius:12px;padding:16px 18px;display:flex;gap:13px;align-items:flex-start;border:1px solid}.callout svg{flex-shrink:0;margin-top:2px}.callout.warn{background:#d9b25f0f;border-color:#d9b25f3d;color:#e6d2a4}.callout.warn svg{color:var(--amber)}.callout.info{background:#7fadd60d;border-color:#7fadd633;color:#bdd3e8}.callout p{margin:0;line-height:1.6}.callout strong{color:var(--text)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-40{margin-top:40px}.flag{font-size:1.1em;line-height:1}.ltr-value{direction:ltr;unicode-bidi:isolate}.panel-shell{display:grid;grid-template-columns:256px 1fr;height:100vh;height:100dvh;width:100vw;overflow:hidden}.panel-side{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow-y:auto;background:var(--bg-1);border-inline-end:1px solid var(--line)}.panel-side.admin{background:#100f14;border-inline-end-color:#a094dd1f}.side-brand{display:flex;align-items:center;gap:11px;padding:16px 18px;text-decoration:none;border-bottom:1px solid var(--line-soft);position:sticky;top:0;background:inherit;z-index:2}.side-brand .brand-mark{width:34px;height:34px;font-size:19px;border-radius:9px}.side-brand.admin .brand-mark{background:linear-gradient(160deg,#b9a6f0,#6a5bb0);color:#17122a}.side-brand.admin .logo-sub{color:var(--violet)}.side-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px}.side-section{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);padding:16px 12px 6px;opacity:.75}.side-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;text-decoration:none;color:var(--text-dim);font-size:.91rem;font-weight:500;transition:background .12s,color .12s;position:relative}.side-link svg{width:17px;height:17px;flex-shrink:0}.side-link:hover{color:var(--text);background:#ffffff0a}.side-link.active{color:var(--gold-bright);background:#c9a25c17}.panel-side.admin .side-link.active{color:#c4bbec;background:#a094dd1a}.side-link .tag{margin-inline-start:auto}.side-foot{padding:13px;border-top:1px solid var(--line-soft)}.side-user{display:flex;align-items:center;gap:11px;padding:6px;border-radius:10px}.side-user .stack{min-width:0}.side-user b{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user span{font-size:.76rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-main{height:100vh;height:100dvh;overflow-y:auto;display:flex;flex-direction:column;min-width:0}.panel-topbar{position:sticky;top:0;z-index:20;min-height:62px;display:flex;align-items:center;gap:14px;padding-inline:clamp(16px,2.6vw,28px);padding-block:8px;background:color-mix(in srgb,var(--bg-0) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.panel-topbar h1{font-size:1.1rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-topbar .crumbs{font-size:.78rem;color:var(--text-dim)}.panel-topbar>div:not(.topbar-actions){min-width:0}.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:9px;flex-shrink:0}.search-box{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:9px;background:#ffffff0a;border:1px solid transparent;color:var(--text-dim);min-width:210px;transition:border-color .12s,background .12s}.search-box:focus-within{border-color:#ffffff29;background:#0000003d}.search-box input{background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:.88rem;width:100%}.icon-btn{position:relative;width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-dim);cursor:pointer;transition:color .12s,border-color .12s;flex-shrink:0}.icon-btn:hover{color:var(--text);border-color:#ffffff47}.icon-btn .notif-dot{position:absolute;top:8px;inset-inline-end:9px;width:6px;height:6px;border-radius:50%;background:var(--ruby);box-shadow:0 0 0 2px var(--bg-0)}.panel-body{padding:clamp(16px,2.6vw,28px);flex:1}.panel-body .page-intro{margin-bottom:22px}.panel-body .page-intro h2{font-family:var(--font-serif);font-weight:400;font-size:1.6rem;margin:0 0 6px}.panel-body .page-intro p{margin:0;color:var(--text-dim)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:19px}.stat-tile .stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stat-tile .stat-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#c9a25c1a;color:var(--gold-bright)}.stat-tile .stat-val{font-family:var(--font-serif);font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}.stat-tile .stat-label{font-size:.8rem;color:var(--text-dim);margin-top:7px}.stat-delta{font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums}.stat-delta.up{color:var(--emerald)}.stat-delta.down{color:var(--ruby)}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:15px 20px;border-bottom:1px solid var(--line-soft)}.table-head h3{margin:0;font-size:.98rem;display:flex;align-items:center;gap:8px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;border-collapse:collapse;min-width:640px}table.data th{text-align:start;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);font-weight:600;padding:11px 20px;border-bottom:1px solid var(--line-soft);background:#ffffff05}table.data td{padding:13px 20px;border-bottom:1px solid var(--line-soft);font-size:.9rem}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .1s}table.data tbody tr:hover{background:#ffffff05}.cell-user{display:flex;align-items:center;gap:11px}.cell-user>div:not(.avatar-disc){display:flex;flex-direction:column;min-width:0}.cell-user b{font-weight:600;font-size:.9rem}.cell-user span{font-size:.78rem;color:var(--text-dim)}.num{font-variant-numeric:tabular-nums}.tabs{display:flex;gap:3px;padding:3px;background:#ffffff08;border:1px solid var(--line);border-radius:10px;width:fit-content;max-width:100%;overflow-x:auto}.tabs button{padding:8px 15px;border-radius:8px;background:none;border:none;color:var(--text-dim);cursor:pointer;font:inherit;font-size:.87rem;font-weight:500;white-space:nowrap}.tabs button.active{background:#ffffff12;color:var(--text)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.full{grid-column:1 / -1}.form-field label{font-size:.8rem;color:var(--text-dim);letter-spacing:.01em;font-weight:500}.form-field input,.form-field select,.form-field textarea{font:inherit;color:var(--text);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:11px 13px;outline:none;transition:border-color .12s,background .12s,box-shadow .12s}.form-field textarea{resize:vertical;min-height:90px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--gold);background:#0003;box-shadow:0 0 0 3px #c9a25c1f}.form-field .hint{font-size:.76rem;color:var(--text-dim)}.switch{position:relative;width:42px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff1f;transition:.2s;cursor:pointer}.switch .slider:before{content:"";position:absolute;width:18px;height:18px;inset-inline-start:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+.slider{background:var(--gold)}.switch input:checked+.slider:before{transform:translate(18px)}html[dir=rtl] .switch input:checked+.slider:before{transform:translate(-18px)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line-soft)}.setting-row:last-child{border-bottom:none}.setting-row .stack b{font-size:.94rem}.setting-row .stack span{font-size:.82rem;color:var(--text-dim)}.bar{height:6px;border-radius:999px;background:#ffffff12;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:var(--gold)}.bar.green>i{background:var(--emerald)}.list-empty{text-align:center;padding:56px 20px;color:var(--text-dim)}.list-empty svg{color:var(--gold);opacity:.5;margin-bottom:14px}.chat-wrap{display:flex;flex-direction:column;height:calc(100dvh - 114px);max-width:860px;margin-inline:auto}.chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:8px 4px}.chat-msg{max-width:72%;padding:12px 16px;border-radius:14px;line-height:1.55;font-size:.94rem}.chat-msg.bot{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-start-start-radius:4px}.chat-msg.me{align-self:flex-end;background:#c9a25c21;border:1px solid rgba(201,162,92,.2);border-start-end-radius:4px}.chat-input{display:flex;gap:9px;padding-top:13px;border-top:1px solid var(--line-soft)}.chat-input input{flex:1;min-width:0;font:inherit;color:var(--text);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:12px 15px;outline:none;transition:border-color .12s}.chat-input input:focus{border-color:var(--gold)}.suggested{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}.bracket{display:flex;gap:36px;overflow-x:auto;padding:10px 4px;-webkit-overflow-scrolling:touch}.bracket-round{display:flex;flex-direction:column;justify-content:space-around;gap:16px;min-width:200px}.bracket-round h5{margin:0 0 4px;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.match-box{background:var(--panel);border:1px solid var(--line);border-radius:11px;overflow:hidden}.match-box .seat{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;font-size:.86rem}.match-box .seat+.seat{border-top:1px solid var(--line-soft)}.match-box .seat.win{color:var(--gold-bright);font-weight:600}.match-box .seat .score{color:var(--text-dim);font-variant-numeric:tabular-nums}.play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.mode-card{display:flex;flex-direction:column;gap:6px;position:relative}.mode-card .mode-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:12px;background:#c9a25c1a;color:var(--gold-bright);border:1px solid rgba(201,162,92,.18)}.mode-card .mode-foot{margin-top:auto;padding-top:18px}.mode-card.soon{opacity:.62}.mode-card .corner{position:absolute;top:18px;inset-inline-end:18px}.difficulty-row{display:flex;flex-wrap:wrap;gap:8px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-dim);border-radius:999px;padding:7px 14px;font:inherit;font-size:.85rem;cursor:pointer;transition:all .12s ease}.chip:hover{border-color:#ffffff4d;color:var(--text)}.chip.active{color:#1c1508;border-color:transparent;background:linear-gradient(180deg,var(--gold-bright),var(--gold));font-weight:600}.pace-label{display:flex;align-items:center;gap:7px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}.pace-label svg{opacity:.85}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.podium-card{text-align:center;padding-block:30px}.podium-card .place{font-family:var(--font-serif);font-size:1.1rem;color:var(--text-dim)}.podium-card.first{border-color:#c9a25c66}.podium-card.first .place{color:var(--gold-bright)}.podium-card .avatar-disc{margin-inline:auto}.podium-card h3{margin:12px 0 2px}.podium-card .rating{font-family:var(--font-serif);font-size:1.7rem;color:var(--text);margin-top:10px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{padding:0;overflow:hidden;display:flex;flex-direction:column;text-decoration:none}.news-cover{aspect-ratio:16 / 9;display:grid;place-items:center;font-size:44px;background:linear-gradient(150deg,#1b1e1c,#121514);border-bottom:1px solid var(--line-soft)}.news-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.news-meta{display:flex;align-items:center;gap:10px;font-size:.78rem;color:var(--text-dim)}.news-body h3{margin:0;font-size:1.06rem;line-height:1.4}.news-body p{margin:0}.news-body .read-more{margin-top:auto;padding-top:12px;color:var(--gold);font-size:.86rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.contact-channel{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line-soft)}.contact-channel:last-child{border-bottom:none}.contact-channel .mode-ico{width:40px;height:40px;margin:0;flex-shrink:0}.contact-channel b{display:block;font-size:.95rem}.contact-channel span{font-size:.86rem;color:var(--text-dim)}.wb-hero{position:relative;min-height:calc(100dvh - var(--header-h));display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#070807}.wb-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;transform:scale(1.04);animation:wbHeroDrift 18s ease-in-out infinite alternate}.wb-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#050606e6,#050606a3 45%,#05060633),linear-gradient(0deg,#050606b8,#05060614 42%,#05060675)}.wb-hero-content{padding-block:clamp(72px,11vh,132px)}.wb-hero-content .display{max-width:920px;margin:18px 0 20px;text-shadow:0 20px 60px rgba(0,0,0,.65)}.wb-hero-content .display .accent{display:block;max-width:850px}.wb-hero-content .lede{color:#f5efe1db;text-shadow:0 12px 38px rgba(0,0,0,.7)}.wb-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.wb-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:1px;max-width:720px;margin-top:48px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;box-shadow:0 24px 70px #00000059}.wb-hero-stats>div{padding:17px 20px;background:#0a0c0bad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wb-hero-stats b{display:block;font-family:var(--font-serif);font-size:2rem;line-height:1;color:var(--gold-bright)}.wb-hero-stats span{display:block;margin-top:6px;color:#f5efe1b8;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.wb-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:38px;align-items:stretch}.wb-answer-card{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:end;min-height:260px;padding:28px;border:1px solid rgba(201,162,92,.24);border-radius:var(--radius-lg);background:linear-gradient(160deg,#c9a25c21,#ffffff08 44%,#0000002e),var(--panel);overflow:hidden}.wb-answer-card:before{content:"";position:absolute;inset:20px 24px auto auto;width:92px;height:92px;border:1px solid rgba(201,162,92,.25);border-radius:20px;transform:rotate(12deg);background:linear-gradient(145deg,#f5efe121,#c9a25c14)}.wb-answer-card svg{color:var(--gold-bright);margin-bottom:18px}.wb-answer-card h3,.wb-feature-card h3,.wb-strategy-card h3,.wb-source-card h3{margin:0 0 8px;font-size:1.08rem}.wb-answer-card p,.wb-feature-card p,.wb-strategy-card p,.wb-source-card p{margin:0;color:var(--text-dim);font-size:.93rem;line-height:1.65}.wb-feature-card,.wb-strategy-card,.wb-source-card{position:relative;padding:clamp(20px,2.6vw,26px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);transition:transform .18s ease,border-color .18s ease,background .18s ease}.wb-feature-card:hover,.wb-strategy-card:hover,.wb-source-card:hover{transform:translateY(-3px);border-color:#c9a25c47;background:var(--panel-2)}.wb-feature-card .icon-badge,.wb-strategy-card .icon-badge{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;background:#c9a25c1a;color:var(--gold-bright);border:1px solid rgba(201,162,92,.18)}.wb-history-section{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 36%)}.wb-timeline{position:relative;display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:14px;overflow-x:auto;padding:8px 2px 12px;scroll-snap-type:x proximity}.wb-timeline:before{content:"";position:absolute;top:35px;inset-inline:18px;height:1px;background:linear-gradient(90deg,#c9a25cb3,#c9a25c14)}.wb-time-card{position:relative;min-width:170px;padding:56px 18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 92%,transparent);scroll-snap-align:start;animation:wbFadeUp .45s ease both}.wb-time-card:before{content:"";position:absolute;top:21px;inset-inline-start:18px;width:13px;height:13px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 0 7px #c9a25c1f}.wb-time-card span{color:var(--gold);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.wb-time-card h3{margin:9px 0 8px;font-size:1rem}.wb-time-card p{margin:0;color:var(--text-dim);font-size:.88rem;line-height:1.62}.wb-board-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:clamp(28px,5vw,60px);align-items:center}.wb-term-tabs{display:flex;flex-wrap:wrap;gap:9px}.wb-term-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.12);background:#ffffff05;color:var(--text-dim);border-radius:999px;padding:9px 15px;font:inherit;font-size:.86rem;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.wb-term-tabs button:hover{color:var(--text);border-color:#ffffff47}.wb-term-tabs button.active{color:#1c1508;border-color:transparent;background:linear-gradient(180deg,var(--gold-bright),var(--gold));font-weight:700}.wb-term-detail{min-height:132px;padding:22px;border:1px solid rgba(201,162,92,.16);border-radius:var(--radius);background:#c9a25c0e}.wb-term-detail h3{margin:0 0 8px}.wb-term-detail p{margin:0;color:var(--text-dim);line-height:1.68}.wb-board-demo{position:relative;min-height:420px;aspect-ratio:1.55 / 1;display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:0;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,#24170d,#100c08);box-shadow:var(--shadow-soft),inset 0 1px #ffffff0f;overflow:hidden}.wb-board-half{position:relative;display:grid;grid-template-rows:1fr 1fr;background:#19110b;border:1px solid rgba(255,255,255,.08);overflow:hidden}.wb-board-half.left{border-radius:10px 0 0 10px;border-inline-end:0}.wb-board-half.right{border-radius:0 10px 10px 0;border-inline-start:0}.wb-point-row{display:grid;grid-template-columns:repeat(6,1fr)}.wb-point{display:block;width:100%;height:86%;opacity:.88;transition:filter .18s ease,opacity .18s ease}.wb-point-row.top{align-items:start}.wb-point-row.bottom{align-items:end}.wb-point-row.top .wb-point{clip-path:polygon(50% 100%,4% 0,96% 0)}.wb-point-row.bottom .wb-point{clip-path:polygon(50% 0,4% 100%,96% 100%)}.wb-point:nth-child(odd){background:linear-gradient(180deg,#d4b56e,#826130)}.wb-point:nth-child(2n){background:linear-gradient(180deg,#b6463e,#63231f)}.wb-board-bar{position:relative;display:grid;place-items:center;background:linear-gradient(180deg,#2d2115,#110d08);border-block:1px solid rgba(255,255,255,.08);color:#f5efe159;font-size:.64rem;letter-spacing:.22em;writing-mode:vertical-rl;text-orientation:mixed;transition:box-shadow .2s ease,color .2s ease}.wb-bar-checker{position:absolute;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#f8ead0,#b88943);box-shadow:0 8px 16px #00000059,inset 0 2px 2px #ffffff59;animation:wbFloat 4.5s ease-in-out infinite}.wb-checker-stack{position:absolute;display:flex;flex-direction:column;width:clamp(26px,4.2vw,40px);z-index:2}.wb-checker-stack .wb-checker+.wb-checker{margin-top:-10px}.wb-checker{display:block;width:clamp(26px,4.2vw,40px);height:clamp(26px,4.2vw,40px);border-radius:50%;box-shadow:0 7px 14px #0000004d,inset 0 2px 2px #ffffff40}.wb-checker.cream{background:radial-gradient(circle at 35% 25%,#fff1cf,#b78c4f)}.wb-checker.red{background:radial-gradient(circle at 35% 25%,#db8175,#641a18)}.wb-checker-stack.stack-a{top:11%;inset-inline-start:8%}.wb-checker-stack.stack-b{bottom:10%;inset-inline-start:16%}.wb-checker-stack.stack-c{top:11%;inset-inline-end:9%}.wb-checker-stack.stack-d{bottom:9%;inset-inline-end:14%}.wb-demo-blot{position:absolute;bottom:38%;inset-inline-start:21%;width:clamp(26px,4.2vw,40px);height:clamp(26px,4.2vw,40px);border-radius:50%;background:radial-gradient(circle at 35% 25%,#db8175,#641a18);box-shadow:0 8px 14px #00000052,inset 0 2px 2px #ffffff38;transition:transform .18s ease,box-shadow .18s ease}.wb-board-label{position:absolute;padding:8px 11px;border-radius:999px;background:#050606b8;border:1px solid rgba(255,255,255,.12);color:var(--text-dim);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .18s ease,border-color .18s ease,background .18s ease}.wb-board-label.outer{top:32px;inset-inline-start:34px}.wb-board-label.home{right:34px;bottom:32px}.wb-pip-path{position:absolute;top:50%;inset-inline:72px;transform:translateY(-50%);padding:8px 12px;border-radius:999px;text-align:center;background:#05060699;border:1px dashed rgba(255,255,255,.14);color:var(--text-dim);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;transition:color .18s ease,border-color .18s ease,background .18s ease}.wb-board-demo.highlight-points .wb-point{filter:saturate(1.3) brightness(1.15);opacity:1}.wb-board-demo.highlight-home .wb-board-label.home,.wb-board-demo.highlight-pip .wb-pip-path{color:var(--gold-bright);border-color:#c9a25c75;background:#c9a25c21}.wb-board-demo.highlight-bar .wb-board-bar{color:var(--gold-bright);box-shadow:inset 0 0 0 2px #c9a25c59}.wb-board-demo.highlight-blot .wb-demo-blot{transform:translateY(-5px) scale(1.08);box-shadow:0 0 0 8px #c9a25c21,0 12px 20px #00000061}.wb-rules-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:28px;align-items:start}.wb-rule-list{display:grid;gap:12px}.wb-rule-step{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:52px 1fr;gap:16px;width:100%;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:inherit;text-align:start;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.wb-rule-step:hover,.wb-rule-step.active{transform:translate(4px);border-color:#c9a25c52;background:var(--panel-2)}html[dir=rtl] .wb-rule-step:hover,html[dir=rtl] .wb-rule-step.active{transform:translate(-4px)}.wb-rule-step>span{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(201,162,92,.2);color:var(--gold-bright);background:#c9a25c14;font-family:var(--font-serif);font-size:1.45rem}.wb-rule-step h3{margin:0 0 6px;font-size:1rem}.wb-rule-step p{margin:0;color:var(--text-dim);line-height:1.58;font-size:.9rem}.wb-rule-panel{position:sticky;top:calc(var(--header-h) + 18px);border:1px solid rgba(201,162,92,.2);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(201,162,92,.08),transparent 38%),var(--panel);overflow:hidden}.wb-rule-panel-head{padding:24px;border-bottom:1px solid var(--line-soft)}.wb-rule-panel-head>span{color:var(--gold);font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.wb-rule-panel-head h3{margin:10px 0 8px;font-size:1.2rem}.wb-rule-panel-head p{margin:0;color:var(--text-dim);line-height:1.65}.wb-roll-lab{padding:24px;display:grid;gap:16px}.wb-roll-dice{display:flex;gap:12px}.wb-die{width:62px;height:62px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px;padding:10px;border-radius:13px;background:linear-gradient(145deg,#fff3ce,#c99d53);box-shadow:0 14px 24px #00000057,inset 0 2px 3px #fff6;animation:wbDiceSettle .45s ease both}.wb-die span{width:8px;height:8px;align-self:center;justify-self:center;border-radius:50%;background:#1c1508;box-shadow:inset 0 1px 1px #ffffff24}.wb-roll-lab b{display:block;font-size:1rem}.wb-roll-lab p{margin:6px 0 0;color:var(--text-dim);line-height:1.6}.wb-scoring-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,58px);align-items:start}.wb-score-stack{display:grid;gap:12px}.wb-score-row{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.wb-score-row strong{color:var(--gold-bright);font-family:var(--font-serif);font-size:1.45rem;line-height:1.1}.wb-score-row h3{margin:0 0 6px;font-size:1rem}.wb-score-row p{margin:0;color:var(--text-dim);line-height:1.58;font-size:.9rem}.wb-next-band{text-align:center;padding:clamp(34px,6vw,64px);border:1px solid rgba(201,162,92,.18);border-radius:var(--radius-lg);background:linear-gradient(135deg,#c9a25c21,#ffffff06 44%,#7fadd60d),var(--panel)}.wb-next-band h2{margin:16px auto 0;max-width:720px;font-family:var(--font-serif);font-weight:400;font-size:2.25rem;line-height:1.12}.wb-next-band p{max-width:680px;margin:16px auto 0;color:var(--text-dim);line-height:1.7}.wb-source-card{display:block;color:inherit;text-decoration:none}.wb-source-card svg{color:var(--gold);margin-bottom:12px}@keyframes wbHeroDrift{0%{transform:scale(1.04) translate3d(-10px,0,0)}to{transform:scale(1.09) translate3d(10px,-8px,0)}}@keyframes wbFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wbFloat{0%,to{transform:translateY(-14px)}50%{transform:translateY(14px)}}@keyframes wbDiceSettle{0%{opacity:.65;transform:translateY(-6px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.nf-wrap{min-height:calc(100dvh - var(--header-h));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px var(--pad-x) 80px}.nf-code{font-family:var(--font-serif);font-size:clamp(6rem,18vw,11rem);line-height:1;color:var(--gold);opacity:.9}.nf-wrap h1{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.6rem,4vw,2.2rem);margin:10px 0}.nf-wrap p{color:var(--text-dim);max-width:44ch;margin:0 0 26px;line-height:1.7}@media(max-width:1140px){.panel-body .grid{grid-template-columns:1fr!important}}@media(max-width:1080px){.hero .container{grid-template-columns:1fr}.hero-visual{max-width:440px;margin-inline:auto;justify-self:center}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.stat-grid,.grid.cols-4,.podium,.news-grid,.play-grid{grid-template-columns:repeat(2,1fr)}.wb-intro-grid,.wb-board-grid,.wb-rules-layout,.wb-scoring-grid{grid-template-columns:1fr}.wb-board-demo{max-width:760px;width:100%;margin-inline:auto}.wb-rule-panel{position:static}}@media(max-width:920px){.main-nav{display:none}.icon-btn.mobile-toggle{display:grid}.header-actions .hide-mobile{display:none}.grid.cols-3{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:24px}.legal-grid-collapse{grid-template-columns:1fr!important}.legal-toc{position:static}.panel-shell{display:block}.panel-side{position:fixed;inset-inline-start:0;top:0;width:264px;z-index:80;transform:translate(-102%);transition:transform .22s cubic-bezier(.3,.8,.4,1);box-shadow:var(--shadow-soft)}html[dir=rtl] .panel-side{transform:translate(102%)}.panel-side.open{transform:translate(0)}.panel-main{width:100vw}}@media(max-width:760px){.grid.cols-2,.grid.cols-3,.form-grid,.news-grid,.play-grid{grid-template-columns:1fr}.chat-msg{max-width:88%}.step-row{grid-template-columns:48px 1fr;gap:14px}.step-num{width:48px;height:48px;font-size:1.4rem;border-radius:12px}.floating-badge.tl{inset-inline-start:2%}.floating-badge.br{inset-inline-end:2%}.panel-topbar .crumbs{display:none}.wb-hero{min-height:auto}.wb-hero-shade{background:linear-gradient(90deg,#050606ed,#050606b8)}.wb-hero-stats{grid-template-columns:repeat(2,1fr);max-width:420px}.wb-board-demo{min-height:340px;padding:14px;border-radius:14px}.wb-board-label.outer{top:22px;inset-inline-start:24px}.wb-board-label.home{right:24px;bottom:22px}.wb-pip-path{inset-inline:38px}.wb-rule-step{grid-template-columns:44px 1fr;gap:13px;padding:15px}.wb-rule-step>span{width:44px;height:44px;font-size:1.25rem;border-radius:12px}.wb-score-row{grid-template-columns:1fr;gap:8px}}@media(max-width:560px){.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-tile{padding:15px}.stat-tile .stat-val{font-size:1.6rem}.grid.cols-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1 / -1}.footer-social{max-width:none}.hero-stats{gap:18px}.hero-stat b{font-size:1.5rem}.hero-cta{flex-wrap:wrap}.hero-cta .btn{flex:1 1 auto}.search-box{display:none}.podium{grid-template-columns:1fr}.hero-visual{max-width:330px}.floating-badge{font-size:.74rem;padding:8px 11px}.footer-bottom{flex-direction:column;align-items:flex-start}.table-head{padding:13px 16px}table.data th,table.data td{padding-inline:14px}.wb-hero-content{padding-block:58px 68px}.wb-hero-actions .btn{width:100%}.wb-hero-stats{grid-template-columns:1fr 1fr;margin-top:34px}.wb-hero-stats>div{padding:14px}.wb-answer-card{min-height:220px;padding:22px}.wb-board-demo{min-height:300px;aspect-ratio:auto;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}.wb-board-bar{font-size:.55rem}.wb-checker-stack .wb-checker+.wb-checker{margin-top:-8px}.wb-board-label{font-size:.62rem;padding:6px 8px}.wb-pip-path{display:none}.wb-timeline{grid-template-columns:repeat(6,78vw)}.wb-next-band h2{font-size:1.7rem}}@media(max-width:400px){.logo-text span,.lang-btn-name{display:none}}@media(prefers-reduced-motion:reduce){.wb-hero img,.wb-time-card,.wb-bar-checker,.wb-die,.htp-path-chip{animation:none!important}.wb-feature-card,.wb-strategy-card,.wb-source-card,.wb-rule-step,.wb-demo-blot,.htp-point,.htp-checker-stack,.htp-dice-lab,.htp-move-path,.htp-cube,.htp-step-rail button,.htp-tip-card{transition:none!important}}.panel-backdrop{display:none}@media(max-width:920px){.panel-backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0506068c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-menu-btn{display:grid!important}}.mobile-menu-btn{display:none}.lh-launcher{position:fixed;inset-block-end:24px;inset-inline-end:24px;z-index:60;width:54px;height:54px;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;color:#1c1508;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 78%);box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff52;transition:transform .16s ease,filter .16s ease}.lh-launcher:hover{filter:brightness(1.07);transform:translateY(-2px)}.lh-launcher:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.lh-launcher.is-open{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.lh-launcher-dot{position:absolute;inset-block-start:3px;inset-inline-end:3px;width:11px;height:11px;border-radius:50%;background:var(--emerald);border:2px solid #1c1508}.lh-launcher-dot:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid var(--emerald);animation:lh-pulse 2.4s ease-out infinite}@keyframes lh-pulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(2.1);opacity:0}to{transform:scale(2.1);opacity:0}}.lh-panel{position:fixed;inset-block-end:92px;inset-inline-end:24px;z-index:60;width:min(390px,calc(100vw - 32px));max-height:min(620px,calc(100dvh - 132px));display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden;animation:lh-in .18s ease-out}@keyframes lh-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.lh-head{display:flex;align-items:center;gap:11px;padding:13px 14px;border-block-end:1px solid var(--line);background:var(--panel-2)}.lh-avatar{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;color:#1c1508;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 78%)}.lh-head-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.lh-head-text b{font-size:.95rem;font-weight:600}.lh-status{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-dim)}.lh-dot{width:6px;height:6px;border-radius:50%;background:var(--emerald);flex:none}.lh-icon-btn{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:none;cursor:pointer;color:var(--text-dim);background:transparent;text-decoration:none;transition:color .12s,background .12s,opacity .12s}.lh-icon-btn:hover:not(:disabled){color:var(--text);background:#ffffff0f}.lh-icon-btn:disabled{opacity:.3;cursor:default}.lh-icon-btn:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.lh-log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:15px 14px}.lh-log::-webkit-scrollbar{width:8px}.lh-log::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px;border:2px solid transparent;background-clip:padding-box}.lh-msg{position:relative;max-width:85%;padding:10px 13px;border-radius:13px;font-size:.88rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.lh-msg-avatar{position:absolute;inset-block-start:-8px;z-index:1;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:var(--panel);box-shadow:0 3px 9px #0000004d;overflow:hidden}.lh-msg-avatar.assistant{inset-inline-start:-8px;padding:2px}.lh-msg-avatar.user{inset-inline-end:-8px}.lh-msg-avatar img{width:100%;height:100%;display:block;object-fit:contain}.lh-msg-avatar .avatar-disc{border:0;box-shadow:none}.lh-msg.assistant{align-self:flex-start;background:var(--panel-2);border:1px solid var(--line);border-start-start-radius:4px}.lh-msg.user{align-self:flex-end;background:#c9a25c21;border:1px solid rgba(201,162,92,.22);border-start-end-radius:4px}.lh-msg.error{align-self:flex-start;color:#f0b4a8;background:#d97b6c1a;border:1px solid rgba(217,123,108,.3);border-start-start-radius:4px}.lh-link{color:var(--gold-bright);text-decoration:underline;text-underline-offset:2px}.lh-link:hover{color:var(--gold)}.lh-signin{display:inline-flex;align-items:center;gap:4px;vertical-align:baseline;border:0;padding:0;background:none;font:inherit;cursor:pointer}.lh-typing{display:flex;gap:4px;align-items:center;padding:14px 15px}.lh-typing i{width:6px;height:6px;border-radius:50%;background:var(--text-dim);animation:lh-bounce 1.3s infinite ease-in-out}.lh-typing i:nth-child(2){animation-delay:.16s}.lh-typing i:nth-child(3){animation-delay:.32s}@keyframes lh-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.lh-composer{display:flex;align-items:flex-end;gap:8px;padding:11px 12px;border-block-start:1px solid var(--line)}.lh-composer textarea{flex:1;min-width:0;font:inherit;font-size:.88rem;line-height:1.5;color:var(--text);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:10px 13px;resize:none;outline:none;max-height:116px;overflow-y:auto;scrollbar-width:none;transition:border-color .12s}.lh-composer textarea::-webkit-scrollbar{display:none}.lh-composer textarea:focus{border-color:var(--gold)}.lh-composer textarea:disabled{opacity:.6}.lh-foot{margin:0;padding:0 14px 12px;font-size:.7rem;line-height:1.5;color:var(--text-dim);text-align:center}.lh-login-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:18px}.lh-login-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#050606c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:default}.lh-login-card{position:relative;width:100%;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2);box-shadow:0 18px 50px #0000007a;animation:lh-login-in .16s ease-out}@keyframes lh-login-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}.lh-login-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}.lh-login-kicker{color:var(--gold);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.lh-login-head h2{margin:3px 0 0;font-family:var(--font-serif);font-size:1.45rem;font-weight:500}.lh-login-field{display:grid;gap:6px;margin-top:12px;color:var(--text-dim);font-size:.76rem;font-weight:600}.lh-login-field input{width:100%;min-height:42px;padding:9px 11px;color:var(--text);font:inherit;background:#ffffff09;border:1px solid var(--line);border-radius:10px;outline:none}.lh-login-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a25c1a}.lh-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0;color:var(--text-dim);font-size:.72rem}.lh-login-options label{display:flex;align-items:center;gap:6px;cursor:pointer}.lh-login-options input{accent-color:var(--gold)}.lh-login-options a,.lh-login-foot a{color:var(--gold-bright);text-decoration:none}.lh-login-options a:hover,.lh-login-foot a:hover{text-decoration:underline}.lh-login-error{margin:0 0 12px;padding:9px 10px;color:#f0b4a8;background:#d97b6c1a;border:1px solid rgba(217,123,108,.28);border-radius:9px;font-size:.75rem;line-height:1.4}.lh-login-foot{margin:13px 0 0;color:var(--text-dim);font-size:.73rem;text-align:center}@media(max-width:560px){.lh-launcher{inset-block-end:16px;inset-inline-end:16px}.lh-panel{top:0;right:0;bottom:0;left:0;width:100vw;max-height:none;border:none;border-radius:0}}@media(prefers-reduced-motion:reduce){.lh-panel{animation:none}.lh-launcher{transition:none}.lh-launcher:hover{transform:none}.lh-launcher-dot:after{animation:none}.lh-typing i{animation:none;opacity:.6}.lh-login-card{animation:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#06080ca8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.modal-card{width:100%;max-width:460px;background:var(--panel-1, #14171d);border:1px solid var(--line, rgba(255,255,255,.1));border-radius:16px;padding:22px;box-shadow:var(--shadow-soft, 0 24px 60px rgba(0,0,0,.5));max-height:88vh;overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h3{margin:0;font-size:1.12rem}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.wizard-card{max-width:520px}.info-banner{padding:10px 14px;border-radius:10px;background:#5a8cff1a;border:1px solid rgba(90,140,255,.25);color:var(--text);font-size:.9rem}.auth-error{padding:10px 14px;border-radius:10px;background:#d97b6c1f;border:1px solid rgba(217,123,108,.3);color:#f0b4a8;font-size:.9rem}.econ-lines{display:flex;flex-direction:column;gap:8px}.econ-row{display:flex;justify-content:space-between;font-size:.92rem;color:var(--text-dim)}.econ-row.strong{color:var(--text);font-weight:600}.econ-row.accent{color:var(--gold-bright)}.econ-divider{height:1px;background:var(--line, rgba(255,255,255,.1));margin:4px 0}.econ-note{font-size:.8rem;color:var(--text-dim);margin:14px 0 0;line-height:1.5}.econ-insufficient{margin-top:14px;padding:12px;border-radius:10px;background:#d97b6c1a;border:1px solid rgba(217,123,108,.25);display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:.86rem}.btn.xs{padding:5px 11px;font-size:.8rem;border-radius:8px}.mode-foot.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1;min-width:0}.hall-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hall-search{display:flex;align-items:center;gap:8px;margin:4px 0 12px;padding:9px 12px;border:1px solid var(--line, rgba(255,255,255,.12));border-radius:10px;color:var(--text-dim);background:color-mix(in srgb,var(--bg-0) 60%,transparent);max-width:340px}.hall-search:focus-within{border-color:var(--gold, #c9a24a);color:var(--text)}.hall-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:.92rem}.hall-search input::placeholder{color:var(--text-dim)}.hall-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 18px}.hall-filter-sep{width:1px;height:20px;background:var(--line, rgba(255,255,255,.12));margin:0 4px}.hall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.hall-card{display:flex;flex-direction:column;gap:12px}.hall-card-top{display:flex;align-items:center;gap:10px}.hall-card-id{display:flex;flex-direction:column;min-width:0;flex:1}.hall-card-id b{font-size:.96rem}.hall-card-id .muted{font-size:.78rem}.hall-card-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.82rem;color:var(--text-dim)}.hall-card-meta span{display:inline-flex;align-items:center;gap:4px}.hall-card-pot{font-size:.84rem;color:var(--text-dim);padding:6px 10px;border-radius:8px;background:#c9a25c14}.hall-card-pot b{color:var(--gold-bright)}.hall-guest{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hall-tabs{display:flex;gap:4px;margin:14px 0 16px;border-bottom:1px solid var(--line, rgba(255,255,255,.12))}.hall-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font:inherit;font-size:.9rem;color:var(--text-dim);transition:color .15s,border-color .15s}.hall-tab:hover{color:var(--text)}.hall-tab.active{color:var(--gold-bright, #e0bd6b);border-bottom-color:var(--gold, #c9a24a);font-weight:600}.live-dot{width:7px;height:7px;border-radius:50%;background:#48d06a;flex-shrink:0;box-shadow:0 0 #48d06a99;animation:live-pulse 1.8s ease-out infinite}@keyframes live-pulse{70%{box-shadow:0 0 0 6px #48d06a00}to{box-shadow:0 0 #48d06a00}}.hall-live-tag{display:inline-flex;align-items:center;gap:5px;color:#48d06a}.hall-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.hall-seat{display:flex;align-items:center;gap:8px;min-width:0}.hall-seat.end{flex-direction:row-reverse;text-align:right}.hall-seat-id{display:flex;flex-direction:column;min-width:0}.hall-seat-id b{display:inline-flex;align-items:center;gap:4px;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hall-seat-id b svg{color:var(--gold-bright, #e0bd6b);flex-shrink:0}.hall-seat.end .hall-seat-id{align-items:flex-end}.hall-seat-id .muted{font-size:.74rem}.hall-vs-score{text-align:center;flex-shrink:0}.hall-vs-score b{display:block;font-size:1.05rem;font-variant-numeric:tabular-nums}.hall-vs-score b span{color:var(--text-dim);margin:0 3px}.hall-vs-score .muted{font-size:.7rem}.players-hero{max-width:1200px;margin:0 auto;padding:40px 24px 8px}.players-hero h1{font-size:2rem}.players-hero p{color:var(--text-dim);margin-top:6px}.players-wrap{max-width:1200px;margin:0 auto;padding:8px 24px 64px}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:16px}.player-card{display:flex;flex-direction:column;gap:12px}.player-card-id{display:flex;align-items:center;gap:11px;background:none;border:none;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit;min-width:0}.player-card-id:hover .player-card-name b{color:var(--gold-bright, #e0bd6b)}.player-card-avatar{position:relative;flex-shrink:0;display:inline-flex}.player-card-name{display:flex;flex-direction:column;min-width:0}.player-card-name b{font-size:.96rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card-name .muted{font-size:.78rem}.player-card-tags{display:flex;align-items:center;gap:8px}.player-card-offline{font-size:.8rem}.player-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.dm-online-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--gold-bright, #e0bd6b);border:2px solid var(--panel, #12161d)}.dm-online-dot.playing{background:#48d06a}.dm-launcher{position:fixed;right:22px;bottom:22px;z-index:60;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#1c1508;background:linear-gradient(180deg,var(--gold-bright, #e0bd6b),var(--gold, #c9a24a));border:none;box-shadow:0 6px 20px #0006}.dm-launcher.has-unread{animation:dm-nudge 1.6s ease-in-out infinite}@keyframes dm-nudge{0%,88%,to{transform:none}92%{transform:translateY(-3px)}96%{transform:translateY(-1px)}}.dm-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#e5484d;color:#fff;font-size:.68rem;font-weight:700;display:grid;place-items:center}.dm-badge.sm{position:static}.dm-list{position:fixed;right:22px;bottom:80px;z-index:60;width:300px;max-height:60vh;overflow-y:auto;padding:12px}.dm-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dm-list-empty{font-size:.84rem}.dm-threads{list-style:none;margin:0;padding:0}.dm-thread{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:none;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.dm-thread:hover{background:#ffffff0d}.dm-thread-avatar{position:relative;display:inline-flex;flex-shrink:0}.dm-thread-body{display:flex;flex-direction:column;min-width:0;flex:1}.dm-thread-body b{font-size:.88rem}.dm-thread-body .muted{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-room.chat-panel{right:22px;bottom:80px;left:auto;top:auto;width:340px;height:min(460px,calc(100vh - 140px));z-index:61;background:var(--panel, #12161d);border-color:var(--line, rgba(255,255,255,.14));backdrop-filter:none;-webkit-backdrop-filter:none}.dm-room.chat-panel.collapsed{height:auto}.dm-room-title{display:inline-flex;align-items:center;gap:7px}.dm-room-online{color:#48d06a;font-size:.76rem}@media(max-width:560px){.dm-room.chat-panel,.dm-list{right:10px;left:10px;width:auto}}.seat-avatar{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--panel-2, #1c2029);border:1px solid var(--line, rgba(255,255,255,.1));font-weight:600;color:var(--text-dim);flex-shrink:0}.seat-avatar img{width:100%;height:100%;object-fit:cover}.seat-avatar--ai{background:linear-gradient(180deg,#3a2f5c,#2a2140);color:#cbb6ff}.seat-avatar--empty{border-style:dashed}.wizard-group{margin:12px 0}.wizard-group-label{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:7px}.wizard-group-row{display:flex;flex-wrap:wrap;gap:7px}.chip.toggle{display:inline-flex;align-items:center;gap:5px}.wizard-note{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-dim);margin:14px 0 0}.waiting-room{max-width:640px}.waiting-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}.waiting-head h2{margin:0}.waiting-seats{display:flex;align-items:center;justify-content:center;gap:28px;margin:20px 0}.waiting-seat{display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px;border-radius:14px;border:1px solid var(--line, rgba(255,255,255,.1));min-width:160px;transition:border-color .15s}.waiting-seat.is-ready{border-color:#78d2a080;background:#78d2a00d}.waiting-vs{color:var(--text-dim);font-style:italic}.waiting-ready{text-align:center;padding:20px}.waiting-ready .btn{margin:10px auto}.waiting-invite{padding:16px;border-radius:12px;background:var(--panel-1, rgba(255,255,255,.02))}.join-requests h4{margin:0 0 10px}.join-request-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line, rgba(255,255,255,.08))}.share-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line, rgba(255,255,255,.08))}.table-detail{max-width:560px;padding:22px}.table-detail-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.table-detail-head h2{margin:0;font-size:1.2rem}.table-detail-rules{display:flex;flex-wrap:wrap;gap:14px;font-size:.88rem;color:var(--text-dim);margin-bottom:16px}.table-detail-rules span{display:inline-flex;align-items:center;gap:5px}.table-detail-foot{margin-top:8px}.invite-landing{max-width:480px;padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.invite-table-preview{display:flex;align-items:center;gap:12px;text-align:left}.invite-table-preview b{display:block}.match-list,.invite-list{display:flex;flex-direction:column;gap:10px}.match-row{display:flex;align-items:center;gap:12px;padding:12px 16px;text-align:left;cursor:pointer;border:1px solid var(--line, rgba(255,255,255,.1));background:var(--panel-1, transparent);width:100%}.match-row:hover{border-color:#fff3}.match-row b{display:block}.match-score{font-variant-numeric:tabular-nums;font-weight:600}.invite-row{display:flex;align-items:center;gap:12px;padding:12px 16px}.resume-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#c9a25c1a;border:1px solid rgba(201,162,92,.25);margin-bottom:14px}.resume-banner.invite{background:#5a8cff1a;border-color:#5a8cff40}.tourney-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.tourney-card{display:flex;flex-direction:column;gap:10px;text-align:left;cursor:pointer}.tourney-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tourney-card-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.82rem;color:var(--text-dim)}.tourney-card-meta span{display:inline-flex;align-items:center;gap:4px}.tourney-detail{max-width:760px}.tourney-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.tourney-detail-head h2{margin:0}.tourney-stats{display:flex;flex-wrap:wrap;gap:22px;margin:18px 0}.tourney-stat{display:flex;flex-direction:column;gap:2px}.tourney-stat b{font-size:1.05rem}.tourney-prizes{margin:16px 0;padding:14px;border-radius:12px;background:var(--panel-1, rgba(255,255,255,.02))}.tourney-prizes h4{margin:0 0 8px}.prize-row{display:flex;justify-content:space-between;font-size:.9rem;padding:4px 0;color:var(--text-dim)}.tourney-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}.bracket{margin-top:24px}.bracket-empty{padding:20px}.bracket-scroll{display:flex;gap:28px;overflow-x:auto;padding-bottom:10px}.bracket-round{display:flex;flex-direction:column;justify-content:space-around;gap:14px;min-width:170px}.bracket-round-label{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;text-align:center}.bracket-node{border:1px solid var(--line, rgba(255,255,255,.1));border-radius:10px;overflow:hidden;position:relative}.bracket-node.mine{border-color:#c9a25c80}.bracket-seat{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 12px;font-size:.86rem;color:var(--text-dim)}.bracket-seat+.bracket-seat{border-top:1px solid var(--line, rgba(255,255,255,.08))}.bracket-seat.won{color:var(--text);font-weight:600;background:#78d2a00f}.bracket-play{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:3px;font-size:.72rem;padding:3px 8px;border-radius:7px;border:none;background:var(--gold);color:#1c1508;cursor:pointer;font-weight:600}.sm{font-size:.82rem}@media(max-width:640px){.hall-intro,.waiting-seats{flex-direction:column}.modal-card{max-width:100%}}.app{height:100vh;height:100dvh;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mhud,.msheet{-webkit-user-select:none;user-select:none}.mhud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"top" "opp" "stage" "me" "dock";pointer-events:none}.mhud button,.mhud a,.mhud input{pointer-events:auto}.mhud-top{grid-area:top;display:flex;align-items:center;gap:10px;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px));padding-left:calc(12px + env(safe-area-inset-left,0px));padding-right:calc(12px + env(safe-area-inset-right,0px));background:linear-gradient(180deg,#020617e6,#02061700)}.mhud-back,.mhud-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--text-dim);background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:color .15s ease,background .15s ease,border-color .15s ease}.mhud-back{transform:rotate(90deg)}.mhud-back:active,.mhud-icon:active{background:#ffffff1f;color:var(--text)}.mhud-icon{position:relative}.mhud-icon.active{color:var(--gold-bright);border-color:#f59e0b66;background:#f59e0b24}.mhud-badge{position:absolute;top:-2px;inset-inline-end:-2px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#e0654f;border:2px solid var(--bg-0);color:#fff;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.mhud-brand{flex:1;min-width:0;display:flex;align-items:center;gap:9px}.mhud-brand .brand-mark{width:28px;height:28px;border-radius:9px;font-size:18px;flex:0 0 auto}.mhud-brand-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.mhud-brand-text b{font-family:Playfair Display,Georgia,serif;font-size:15px;font-weight:600;color:var(--text);white-space:nowrap}.mhud-brand-text b i{color:var(--gold-bright);font-style:italic}.mhud-brand-text small{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhud-top-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.mseat{position:relative;display:flex;align-items:center;gap:11px;margin:0 12px;margin-inline-start:calc(12px + env(safe-area-inset-left,0px));margin-inline-end:calc(12px + env(safe-area-inset-right,0px));padding:8px 12px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .25s ease,box-shadow .25s ease}.mseat.opp{grid-area:opp}.mseat.me{grid-area:me;margin-top:8px}.mseat.active{border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b33,0 10px 26px #0006}.mseat-face{position:relative;flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px}.mseat-face .avatar-disc,.mseat-face .player-token{grid-area:1 / 1}.mseat-face .player-token{width:40px;height:40px}.mseat-face .checker-chip{position:absolute;bottom:-2px;inset-inline-end:-2px;z-index:1;border-radius:50%;box-shadow:0 0 0 2px var(--bg-1)}.mseat-face .checker-disc{width:15px;height:15px}.mseat-ring{grid-area:1 / 1;width:54px;height:54px;overflow:visible;pointer-events:none}.mseat-ring circle{fill:none;stroke-width:3;stroke-linecap:round}.mring-track{stroke:#ffffff1f}.mring-fill{stroke:var(--gold-bright);transition:stroke-dashoffset .3s linear,stroke .3s ease}.mseat-ring.low .mring-fill{stroke:#f0846f}.mseat-ring.low{animation:mseat-pulse .9s ease-in-out infinite}@keyframes mseat-pulse{0%,to{opacity:1}50%{opacity:.45}}.mseat-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.mseat-name{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:600}.mseat-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.mseat-flag{width:20px;height:14px;border-radius:3px;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 1px #ffffff26}.mseat-track{display:block;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.mseat-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright));transition:width .5s cubic-bezier(.22,1,.36,1),background .4s ease}.mseat-fill.bearing{background:linear-gradient(90deg,#2f9e6d,#57d9a3)}.mseat-stats{flex:0 0 auto;display:flex;align-items:center;gap:12px}.mseat-pips,.mseat-score{display:flex;flex-direction:column;align-items:center;line-height:1.1}.mseat-pips b,.mseat-score b{font-family:Outfit,system-ui,sans-serif;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.mseat-score b{color:var(--gold-bright)}.mseat-pips small,.mseat-score small{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.mseat-secs{min-width:34px;padding:5px 8px;border-radius:10px;text-align:center;background:#f59e0b24;border:1px solid rgba(245,158,11,.3);color:var(--gold-bright);font-family:Outfit,system-ui,sans-serif;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.mseat-secs.low{background:#e0654f29;border-color:#e0654f80;color:#ffb4a2}.mseat-stats .turn-arrow svg{width:22px;height:22px}.mseat-strikes{position:absolute;top:-7px;inset-inline-end:12px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--bg-1);border:1px solid var(--glass-border);color:var(--text-dim);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}.mseat-strikes.critical{border-color:#e0654f99;color:#ffb4a2}.mhud-stage{grid-area:stage;position:relative;min-height:0;pointer-events:none}.mhud-status{grid-area:stage;align-self:start;justify-self:center;margin-top:8px;max-width:min(88%,420px);display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#020617d1;border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text-dim);font-size:12.5px;line-height:1.35;text-align:center}.mhud-status .dot{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--gold)}.mhud-status.waiting .dot{animation:pulse .7s ease-in-out infinite}.mhud-orbit{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;border-radius:999px;background:#020617e6;border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);white-space:nowrap}.mhud-orbit span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.mhud-orbit svg{color:var(--gold-bright)}.mhud-orbit button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;border-radius:999px;padding:8px 18px;font:inherit;font-size:13px;font-weight:700;color:#201605;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 75%)}.mhud-dock{grid-area:dock;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));padding-left:calc(12px + env(safe-area-inset-left,0px));padding-right:calc(12px + env(safe-area-inset-right,0px));background:linear-gradient(0deg,#020617eb 55%,#02061700)}.mhud-dice-slot{flex:0 0 auto;height:58px;display:grid;place-items:center}.mhud-dice{display:flex;gap:9px;padding:8px 12px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mhud-dice .die-face{width:40px;height:40px;padding:7px;border-radius:9px}.mhud-dice .die-face .pip{width:6px;height:6px}.mhud-actions{display:flex;align-items:stretch;gap:10px;width:100%}.mhud-minor{display:flex;align-items:stretch;gap:10px;flex:0 0 auto}.mhud-minor:empty{display:none}.mhud-act{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:56px;min-height:56px;display:grid;place-items:center;border-radius:16px;color:var(--text);background:#ffffff12;border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .12s ease,transform .1s ease}.mhud-act:active:not(:disabled){transform:scale(.95);background:#ffffff26}.mhud-act:disabled{opacity:.4;cursor:default}.mhud-act.cube{color:#10233a;background:linear-gradient(180deg,#eaf2ff,#b9cbe4 70%);border:none}.mhud-act.cube b{font-family:Outfit,system-ui,sans-serif;font-size:17px;font-weight:800}.mhud-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex:1;min-width:0;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;border:none;border-radius:16px;font:inherit;transition:transform .1s ease,filter .15s ease}.mhud-primary:active:not(:disabled){transform:scale(.98);filter:brightness(1.05)}.mhud-primary-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2}.mhud-primary-text b{font-family:Outfit,system-ui,sans-serif;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mhud-primary-text small{font-size:10.5px;font-weight:500;letter-spacing:.02em;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mhud-primary.gold{color:#201605;background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 62%,var(--gold-deep) 130%);box-shadow:inset 0 1px #ffffff73,0 6px 18px #0006}.mhud-primary.muted{color:var(--text-dim);background:#ffffff0f;border:1px solid var(--glass-border);cursor:default}.mhud-primary.urgent{animation:mhud-urgent 1.6s ease-in-out infinite}@keyframes mhud-urgent{0%,to{box-shadow:inset 0 1px #ffffff73,0 6px 18px #0006,0 0 #f59e0b73}50%{box-shadow:inset 0 1px #ffffff73,0 6px 18px #0006,0 0 0 7px #f59e0b00}}.msheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:flex-end;background:#02061799;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:msheet-fade .16s ease;pointer-events:auto}@keyframes msheet-fade{0%{opacity:0}to{opacity:1}}.msheet{width:100%;max-height:88dvh;display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:var(--bg-1);border:1px solid var(--glass-border);border-bottom:none;box-shadow:0 -18px 60px #0009;animation:msheet-up .22s cubic-bezier(.22,1,.36,1);pointer-events:auto}@keyframes msheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.msheet-grab{width:40px;height:4px;margin:9px auto 2px;border-radius:999px;background:#ffffff38;flex:0 0 auto}.msheet-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 10px 18px;border-bottom:1px solid var(--glass-border)}.msheet-title{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.msheet-title svg{color:var(--gold-bright)}.msheet-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--text-dim);background:#ffffff0d;border:1px solid var(--glass-border)}.msheet-close:active{background:#ffffff1f;color:var(--text)}.msheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 16px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.msheet-opp{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:6px;border-radius:14px;background:#ffffff0a;border:1px solid var(--glass-border)}.msheet-opp .player-token{width:38px;height:38px;flex:0 0 auto}.msheet-opp-id{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.msheet-opp-id b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msheet-opp-id span{font-size:11.5px;color:var(--text-dim)}.msheet-opp-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:10px;text-decoration:none;font-size:12.5px;font-weight:600;color:var(--gold-bright);background:#f59e0b1f;border:1px solid rgba(245,158,11,.25)}.msheet-rows{display:flex;flex-direction:column;gap:6px;margin-top:14px}.msheet-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:100%;min-height:52px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:13px;text-align:start;text-decoration:none;font:inherit;font-size:14px;font-weight:500;color:var(--text);background:#ffffff0a;border:1px solid var(--glass-border)}.msheet-row span{flex:1;min-width:0}.msheet-row>svg:first-child{color:var(--gold-bright);flex:0 0 auto}.msheet-row>svg:last-child{color:var(--text-dim);flex:0 0 auto}.msheet-row:active{background:#ffffff17}.msheet-rows.danger .msheet-row{color:#f0b4a8;border-color:#d97b6c47;background:#d97b6c12}.msheet-rows.danger .msheet-row>svg{color:#f0b4a8}.view-editor.in-sheet{position:static;width:auto;max-height:none;overflow:visible;padding:0;background:none;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:auto}.view-editor.in-sheet .ve-toggle{min-height:56px;padding:12px 14px}.view-editor.in-sheet .ve-row{margin-bottom:16px}.view-editor.in-sheet input[type=range]{height:32px}.view-editor.in-sheet .ve-swatch{width:30px;height:30px}.ve-reset-wide{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font:inherit;font-size:13px;font-weight:600;color:var(--text-dim);background:#ffffff0a;border:1px solid var(--glass-border)}.ve-reset-wide:active{background:#ffffff17;color:var(--text)}.msheet.mchat{height:80dvh}.mchat-tabs{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:6px 10px 10px 12px;border-bottom:1px solid var(--glass-border)}.mchat-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex:1;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;font:inherit;font-size:13px;font-weight:600;color:var(--text-dim);background:#ffffff0a;border:1px solid transparent}.mchat-tab.active{color:var(--gold-bright);background:#f59e0b1f;border-color:#f59e0b4d}.mchat-tab i{font-style:normal;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#e0654f;color:#fff;font-size:10px;font-weight:700}.mchat-pane,.mchat-room{flex:1;min-height:0;display:flex;flex-direction:column}.mchat-pane[hidden]{display:none}.mchat-tools{flex:0 0 auto;display:flex;justify-content:flex-end;padding:6px 10px 0}.mchat-room .gc-log{padding:14px 12px}.mchat-room .gc-input{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.mchat-room .gc-input input{height:44px;font-size:16px}.mchat-room .gc-send,.mchat-room .gc-emoji-btn,.mchat-room .gc-mic-btn{width:44px;height:44px}@media(max-width:900px){.modal-overlay{align-items:flex-end;padding:0;z-index:80}.modal-card{width:100%;max-width:none;padding:26px 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;border-bottom:none;animation:msheet-up .24s cubic-bezier(.22,1,.36,1)}.modal-actions{flex-direction:column}.modal-actions>*{width:100%;min-height:52px;justify-content:center}.timeout-toast{bottom:auto;top:calc(72px + env(safe-area-inset-top,0px))}}@media(orientation:landscape)and (max-height:560px){.mhud{grid-template-columns:clamp(156px,calc((100vw - 1.16 * 100dvh) / 2),204px) 1fr clamp(156px,calc((100vw - 1.16 * 100dvh) / 2),204px);grid-template-rows:52px auto minmax(0,1fr) auto;grid-template-areas:".    stage  ." "opp  stage  dock" "msg  stage  dock" "me   stage  dock"}.mhud-top{position:absolute;top:0;inset-inline:0;padding-block:5px;background:none}.mhud-brand-text small{display:none}.mseat{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face  id" "stats stats";gap:8px 10px;align-items:center;margin:0 0 0 calc(10px + env(safe-area-inset-left,0px));padding:9px 11px;min-width:0}.mseat.opp{align-self:start}.mseat.me{align-self:end;margin-top:0;margin-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.mseat-face{grid-area:face}.mseat-id{grid-area:id;gap:5px}.mseat-flag{display:none}.mseat-stats{grid-area:stats;min-width:0;gap:10px}.mseat-secs,.mseat-stats .turn-arrow{margin-inline-start:auto}.mseat-strikes{top:auto;bottom:-7px;inset-inline-end:10px}.mhud-status{grid-area:msg;align-self:center;justify-self:stretch;margin:10px 0 10px calc(10px + env(safe-area-inset-left,0px));max-width:none;padding:7px 11px;font-size:11.5px;text-align:start}.mhud-dock{align-self:center;justify-content:center;gap:12px;padding:0 calc(10px + env(safe-area-inset-right,0px)) 0 0;background:none;min-width:0}.mhud-dice-slot{height:auto}.mhud-dice-slot:empty{display:none}.mhud-dice{flex-direction:column}.mhud-actions{flex-direction:column;align-items:stretch}.mhud-minor{justify-content:center}.mhud-primary{order:-1;padding:10px 12px;gap:8px}.mhud-primary-text{align-items:center;text-align:center}.mhud-primary-text b{font-size:14px;white-space:normal;overflow:visible}.msheet{max-height:92dvh}.msheet.mchat{height:92dvh}}@media(orientation:portrait)and (min-height:800px){.mseat{padding:10px 12px;gap:12px}.mseat-face,.mseat-face .player-token{width:46px;height:46px}.mseat-ring{width:60px;height:60px}.mseat-name{font-size:15px}.mseat-track{height:5px}.mseat-pips b,.mseat-score b{font-size:17px}.mseat-secs{min-width:38px;padding:6px 9px;font-size:16px}.mhud-dice-slot{height:112px}.mhud-dice{flex-direction:column;gap:8px;padding:9px}.mhud-dice .die-face{width:42px;height:42px;padding:7px;border-radius:10px}.mhud-dice .die-face .pip{width:6.5px;height:6.5px}.mhud-act{width:62px;min-height:62px}.mhud-primary{min-height:62px}.mhud-primary-text b{font-size:17px}}@media(prefers-reduced-motion:reduce){.mhud-primary.urgent,.mseat-ring.low{animation:none}}.share-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#040605b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:share-fade .16s ease-out}.share-panel{inline-size:min(520px,100%);max-block-size:min(88vh,780px);overflow-y:auto;padding:22px;border:1px solid var(--glass-border);border-radius:var(--radius-lg, 18px);background:var(--panel, #121514);box-shadow:var(--shadow-soft, 0 12px 40px rgba(0, 0, 0, .4));animation:share-rise .18s cubic-bezier(.2,.8,.2,1)}.share-panel.inline{inline-size:100%;max-block-size:none;animation:none}.share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-block-end:16px}.share-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--amber, #d9b25f)}.share-object-title{margin:4px 0 0;font-size:18px;line-height:1.35;color:var(--text, #f8fafc)}.share-close{display:grid;place-items:center;inline-size:34px;block-size:34px;flex:0 0 auto;border:1px solid var(--line, rgba(255, 255, 255, .07));border-radius:10px;background:transparent;color:var(--text-dim, #94a3b8);cursor:pointer;transition:color .12s ease,border-color .12s ease}.share-close:hover{color:var(--text);border-color:var(--glass-border)}.share-preview{inline-size:100%;aspect-ratio:1200 / 630;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius, 14px);margin-block-end:16px;background:var(--panel-2, #171b19)}.share-link-row{display:flex;gap:8px;margin-block-end:18px}.share-link{flex:1 1 auto;min-inline-size:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2, #171b19);color:var(--text-dim);font-size:13px;direction:ltr;text-align:start;text-overflow:ellipsis}.share-link:focus{outline:1px solid var(--amber);color:var(--text)}.share-copy{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:10px 14px;border:1px solid var(--amber);border-radius:10px;background:color-mix(in srgb,var(--amber) 14%,transparent);color:var(--amber);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease}.share-copy:hover{background:color-mix(in srgb,var(--amber) 24%,transparent)}.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.share-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border:1px solid var(--line);border-radius:var(--radius, 14px);background:var(--panel-2, #171b19);color:var(--text-dim);cursor:pointer;transition:color .13s ease,border-color .13s ease,transform .13s ease}.share-btn:hover:not(:disabled){color:var(--tint);border-color:color-mix(in srgb,var(--tint) 45%,transparent);transform:translateY(-2px)}.share-btn:disabled{opacity:.55;cursor:progress}.share-btn-icon{font-size:22px;line-height:1}.share-btn-label{font-size:11px;font-weight:600;text-align:center;line-height:1.2}.share-note{margin:18px 0 0;font-size:12px;line-height:1.5;color:var(--text-dim);opacity:.8}.share-loading{padding:28px 8px;text-align:center;color:var(--text-dim);font-size:14px}.share-trigger{display:inline-flex;align-items:center;gap:8px}.spin{animation:share-spin .9s linear infinite}@keyframes share-fade{0%{opacity:0}to{opacity:1}}@keyframes share-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes share-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.share-backdrop,.share-panel,.spin{animation:none}.share-btn:hover:not(:disabled){transform:none}}.ch-shell{max-inline-size:var(--maxw, 1160px);margin-inline:auto;padding:32px var(--pad-x, 24px) 64px}.ch-hero{margin-block-end:28px}.ch-hero h1{margin:0 0 8px;font-size:clamp(28px,4vw,40px)}.ch-hero p{margin:0;max-inline-size:62ch;color:var(--text-dim);line-height:1.6}.ch-section{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--amber, #d9b25f)}.ch-more{font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-dim)}.ch-more:hover{color:var(--amber)}.ch-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 280px;gap:24px;align-items:start}.ch-empty,.ch-empty-row{padding:32px 20px;text-align:center;color:var(--text-dim);border:1px dashed var(--line);border-radius:var(--radius, 14px)}.ch-empty-row{padding:14px;text-align:start;border-style:solid;font-size:14px}.ch-room-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ch-room{inline-size:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-dim);cursor:pointer;text-align:start;transition:background .12s ease,color .12s ease}.ch-room:hover{background:var(--panel-2);color:var(--text)}.ch-room.active{background:var(--panel-2);border-color:var(--glass-border);color:var(--text)}.ch-room-icon{font-size:18px;line-height:1}.ch-room-body{display:grid;min-inline-size:0}.ch-room-body b{font-size:14px;font-weight:600}.ch-room-body small{font-size:11px;opacity:.7}.ch-side{display:grid;gap:28px}.ch-club-list,.ch-challenge-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ch-club,.ch-challenge{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text)}.ch-club:hover{border-color:var(--amber)}.ch-club b,.ch-challenge b{font-size:13px;font-weight:600}.ch-club small,.ch-challenge small{font-size:11px;color:var(--text-dim)}.rc-root{display:flex;flex-direction:column;block-size:min(70vh,640px);border:1px solid var(--line);border-radius:var(--radius-lg, 18px);background:var(--panel);overflow:hidden}.rc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-block-end:1px solid var(--line)}.rc-head h2{margin:0;font-size:16px}.rc-head p{margin:2px 0 0;font-size:12px;color:var(--text-dim)}.rc-status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.rc-status.on{color:var(--emerald, #4db487)}.rc-status.off{color:var(--text-dim)}.rc-messages{flex:1 1 auto;overflow-y:auto;padding:16px 18px;display:grid;gap:16px;align-content:start}.rc-empty{text-align:center;color:var(--text-dim);padding:40px 0;font-size:14px}.rc-msg{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}.rc-msg-body{min-inline-size:0}.rc-msg-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.rc-msg-author{font-weight:600;color:var(--text)}.rc-msg-author.system,.rc-msg-author:hover{color:var(--amber)}.rc-flag{border-radius:2px;vertical-align:middle}.rc-msg-text{margin:3px 0 0;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.rc-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-block-start:6px}.rc-reaction{padding:2px 8px;font-size:12px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--text-dim);cursor:pointer}.rc-reaction.mine{border-color:var(--amber);color:var(--amber)}.rc-reaction:disabled{cursor:default}.rc-reaction-add{display:flex;gap:2px;opacity:0;transition:opacity .12s ease}.rc-msg:hover .rc-reaction-add,.rc-msg:focus-within .rc-reaction-add{opacity:1}.rc-reaction-add button{border:none;background:transparent;cursor:pointer;font-size:14px;padding:2px 3px;border-radius:6px;line-height:1}.rc-reaction-add button:hover{background:var(--panel-2)}.rc-rejection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:color-mix(in srgb,var(--ruby, #d97b6c) 16%,transparent);border-block-start:1px solid color-mix(in srgb,var(--ruby) 40%,transparent);color:var(--text);font-size:13px}.rc-rejection button{border:none;background:transparent;color:inherit;cursor:pointer;font-size:14px}.rc-composer{display:flex;gap:8px;padding:12px 18px;border-block-start:1px solid var(--line)}.rc-composer input{flex:1 1 auto;min-inline-size:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font-size:14px}.rc-composer input:focus{outline:none;border-color:var(--amber)}.rc-locked{padding:14px 18px;border-block-start:1px solid var(--line);font-size:13px;color:var(--text-dim);text-align:center}.rc-locked a{color:var(--amber)}.cl-toolbar{display:flex;gap:12px;align-items:center;margin-block-end:20px}.cl-search{flex:1 1 auto;max-inline-size:380px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font-size:14px}.cb-count{flex:1 1 auto;color:var(--text-dim);font-size:14px}.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.cl-card{position:relative;display:grid;gap:8px;align-content:start;padding:18px;border:1px solid var(--line);border-radius:var(--radius, 14px);background:var(--panel);color:var(--text);transition:border-color .13s ease,transform .13s ease}.cl-card:hover{border-color:var(--amber);transform:translateY(-2px)}.cl-card h3{margin:0;font-size:17px}.cl-card p{margin:0;font-size:13px;color:var(--text-dim);line-height:1.5}.cl-card footer{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-dim)}.cl-badge{position:absolute;inset-block-start:12px;inset-inline-end:12px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--amber) 20%,transparent);color:var(--amber);font-size:10px;font-weight:700;text-transform:uppercase}.cl-role{padding:1px 7px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.cl-form{display:grid;gap:14px}.cl-form label{display:grid;gap:6px;font-size:13px;color:var(--text-dim)}.cl-form input,.cl-form textarea,.cl-form select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font-size:14px;font-family:inherit}.cl-form input:focus,.cl-form textarea:focus,.cl-form select:focus{outline:none;border-color:var(--amber)}.cl-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cl-check{display:flex!important;flex-direction:row;align-items:center;gap:8px}.cl-check input{inline-size:auto}.cl-actions{display:flex;justify-content:flex-end;gap:10px;margin-block-start:4px}.cl-error{margin:0;color:var(--ruby, #d97b6c);font-size:13px}.cp-head{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:flex-start;margin-block-end:24px}.cp-id h1{margin:0 0 6px;font-size:clamp(24px,3.4vw,34px)}.cp-id p{margin:0 0 10px;max-inline-size:60ch;color:var(--text-dim);line-height:1.6}.cp-stats{display:flex;gap:16px;font-size:13px;color:var(--text-dim)}.cp-stats b{color:var(--text)}.cp-actions{display:flex;gap:10px;flex-wrap:wrap}.cp-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.cp-members{list-style:none;margin:0;padding:0;display:grid;gap:4px}.cp-members a{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;color:var(--text)}.cp-members a:hover{background:var(--panel-2)}.cp-member-name{flex:1 1 auto;font-size:13px}.cb-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.cb-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius, 14px);background:var(--panel)}.cb-body h3{margin:0 0 4px;font-size:16px}.cb-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-dim)}.cb-meta a{color:var(--amber)}.cb-actions{display:flex;gap:8px;align-items:center}.cb-details{display:grid;gap:10px;margin:20px 0}.cb-details>div{display:flex;justify-content:space-between;gap:12px;padding-block-end:8px;border-block-end:1px solid var(--line-soft)}.cb-details dt{color:var(--text-dim);font-size:13px}.cb-details dd{margin:0;font-size:13px;font-weight:600}.cb-cta{margin-block-start:24px;display:grid;gap:10px;justify-items:start}.cb-cta p{margin:0;color:var(--text-dim)}.rp-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.rp-head{margin-block-end:24px}.rp-head h1{margin:6px 0 4px;font-size:clamp(24px,3.4vw,36px);display:flex;flex-wrap:wrap;align-items:baseline;gap:14px}.rp-head time{font-size:13px;color:var(--text-dim)}.rp-score{padding:2px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--amber) 50%,transparent);background:color-mix(in srgb,var(--amber) 12%,transparent);color:var(--amber);font-size:18px;font-variant-numeric:tabular-nums}.rp-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-block-end:28px}.rp-player{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius, 14px);background:var(--panel)}.rp-player.winner{border-color:color-mix(in srgb,var(--amber) 55%,transparent)}.rp-player>div{flex:1 1 auto;min-inline-size:0;display:grid}.rp-player b{display:flex;align-items:center;gap:6px;font-size:15px}.rp-player small{font-size:11px;color:var(--text-dim);text-transform:capitalize}.rp-player a{color:inherit}.rp-player a:hover{color:var(--amber)}.rp-move-list{list-style:decimal inside;margin:0;padding:0;max-block-size:420px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius, 14px);background:var(--panel)}.rp-move-list li{display:flex;align-items:baseline;gap:12px;padding:8px 14px;font-size:13px;border-block-end:1px solid var(--line-soft)}.rp-move-list li:last-child{border-block-end:none}.rp-move-type{color:var(--text-dim);min-inline-size:128px}.rp-move-list code{color:var(--emerald);font-size:12px;direction:ltr}.rp-side{display:grid;gap:20px;position:sticky;inset-block-start:88px}.rp-visibility{padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg, 18px);background:var(--panel)}.rp-visibility h3{margin:0 0 12px;font-size:14px}.rp-visibility-options{display:flex;gap:8px}.rp-vis-btn{flex:1 1 0;padding:8px 6px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text-dim);font-size:12px;text-transform:capitalize;cursor:pointer}.rp-vis-btn.active{border-color:var(--amber);color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,transparent)}.rp-vis-btn:disabled{cursor:default}@media(max-width:1080px){.ch-grid{grid-template-columns:200px minmax(0,1fr)}.ch-side{grid-column:1 / -1;grid-template-columns:1fr 1fr}.rp-grid,.cp-grid{grid-template-columns:minmax(0,1fr)}.rp-side{position:static}}@media(max-width:720px){.ch-grid{grid-template-columns:minmax(0,1fr)}.ch-side{grid-template-columns:1fr}.cb-card{grid-template-columns:auto minmax(0,1fr)}.cb-actions{grid-column:1 / -1;justify-content:flex-end}.cl-row{grid-template-columns:1fr}}