:root{color-scheme:only light;--bg:#070b14;--bg-soft:#0e1424;--panel:#111a2d;--panel-2:#162238;--text:#f6f7fb;--muted:#aeb8c8;--line:rgba(255,255,255,.11);--gold:#f8c35b;--gold-2:#ffdf8a;--teal:#1bc7a6;--red:#ff6363;--green:#6dec9d;--shadow:0 24px 80px rgba(0,0,0,.35);--radius:24px;--radius-sm:16px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:only light}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(27,199,166,.22),transparent 33rem),radial-gradient(circle at top right,rgba(248,195,91,.18),transparent 31rem),linear-gradient(180deg,#070b14,#0a1020 45%,#070b14);min-height:100vh;color-scheme:only light}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.page-shell{position:relative;overflow:hidden;min-height:100vh}.checker-bg:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(255,255,255,.028) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.028) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.028) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.028) 75%);background-size:56px 56px;background-position:0 0,0 28px,28px -28px,-28px 0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 70%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 70%);z-index:-1}.topbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b14c7;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.logo{display:flex;align-items:center;gap:12px;min-width:max-content}.logo-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--teal));display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:7px;box-shadow:0 12px 28px #f8c35b29}.logo-mark span{border-radius:4px;background:#0e1424}.logo-mark span:nth-child(2),.logo-mark span:nth-child(3){background:#ffffffe6}.logo-text strong{display:block;font-size:18px;letter-spacing:.2px}.logo-text small{display:block;color:var(--gold);font-weight:700;margin-top:1px}.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.nav-links a{font-size:14px;color:var(--muted);padding:10px 12px;border-radius:999px;transition:.2s ease}.nav-links a:hover,.nav-links a.active{color:#fff;background:#ffffff14}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:12px 18px;font-weight:800;font-size:14px;transition:.2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--gold),#ffe09a);color:#14100a;box-shadow:0 14px 30px #f8c35b38}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px #f8c35b47}.btn-outline{border-color:var(--line);background:#ffffff0a;color:#fff}.btn-outline:hover{background:#ffffff14}.btn-teal{background:linear-gradient(135deg,var(--teal),#73f3da);color:#06100e}.btn-danger{background:#ff63631f;border-color:#ff636347;color:#ffd6d6}.menu-toggle{display:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#ffffff0a;color:#fff;font-size:22px}.hero{padding:76px 0 54px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(248,195,91,.32);background:#f8c35b14;color:var(--gold-2);border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px;margin-bottom:20px}h1{font-size:clamp(38px,5.8vw,72px);line-height:.96;margin:0 0 22px;letter-spacing:-2.3px}h2{font-size:clamp(27px,4vw,42px);line-height:1.05;margin:0 0 14px;letter-spacing:-1px}h3{font-size:22px;margin:0 0 10px}p{color:var(--muted);line-height:1.72;margin:0}.lead{font-size:18px;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.stat-card,.card{background:linear-gradient(180deg,#ffffff13,#ffffff09);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.stat-card{padding:18px}.stat-card strong{display:block;font-size:26px;color:#fff}.stat-card span{color:var(--muted);font-size:13px}.board-showcase{position:relative}.board-glow{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:radial-gradient(circle,rgba(248,195,91,.24),transparent 63%);filter:blur(18px)}.mock-panel{position:relative;background:#111a2dd1;border:1px solid var(--line);border-radius:32px;padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.match-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.live-badge{background:#6dec9d1f;color:var(--green);font-size:12px;font-weight:900;border:1px solid rgba(109,236,157,.25);padding:7px 10px;border-radius:999px}.timer{font-weight:900;color:var(--gold)}.checker-board{display:grid;grid-template-columns:repeat(10,1fr);aspect-ratio:1;border-radius:22px;overflow:hidden;border:8px solid #101827;box-shadow:inset 0 0 0 1px #ffffff14,0 18px 50px #00000061}.checker-board.compact{max-width:420px}.square{position:relative;display:flex;align-items:center;justify-content:center;border:0;padding:0}.square.light{background:#e9d5a3}.square.dark{background:#563720}.square.selected{outline:4px solid var(--gold);outline-offset:-4px}.piece{width:72%;height:72%;border-radius:50%;box-shadow:inset 0 -8px 14px #00000040,inset 0 7px 8px #ffffff38,0 4px 8px #00000052;border:3px solid rgba(255,255,255,.22)}.piece.white{background:linear-gradient(180deg,#fff,#cfd6e2)}.piece.black{background:linear-gradient(180deg,#2b3346,#090c14)}.piece.king:after{content:"★";position:absolute;font-size:18px;color:var(--gold)}.match-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:16px}.player{display:flex;align-items:center;gap:10px;background:#ffffff0e;border:1px solid var(--line);border-radius:16px;padding:10px;margin-top:8px}.avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--teal),var(--gold));display:grid;place-items:center;color:#080d18;font-weight:900}.avatar.large{width:54px;height:54px;font-size:22px}.player b{display:block}.player small{color:var(--muted)}.vs{color:var(--gold);font-weight:900}.section{padding:66px 0}.compact-section{padding-top:20px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}.section-head p{max-width:650px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{padding:24px}.feature-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#f8c35b1f;border:1px solid rgba(248,195,91,.25);color:var(--gold);font-size:24px;margin-bottom:18px}.card:hover{border-color:#f8c35b4d;transition:.2s ease}.tag{display:inline-flex;align-items:center;border:1px solid var(--line);background:#ffffff0d;color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.page-hero{padding:52px 0 28px}.page-hero-card{background:linear-gradient(135deg,#f8c35b1f,#1bc7a61a);border:1px solid var(--line);border-radius:32px;padding:36px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.breadcrumb{color:var(--gold);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.layout{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:start}.content-stack{display:grid;gap:18px}.side-panel{position:sticky;top:92px}.side-panel .card{padding:18px}.side-menu{display:grid;gap:8px;margin-top:12px}.side-menu a{padding:12px 14px;border-radius:14px;color:var(--muted);background:#ffffff09;border:1px solid transparent}.side-menu a:hover,.side-menu a.active{color:#fff;border-color:#f8c35b4d;background:#f8c35b14}.lobby-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.table th{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.table b{color:#fff}.status{font-weight:900;padding:7px 10px;border-radius:999px;font-size:12px;text-transform:capitalize}.status.open,.status.active,.status.paid{color:var(--green);background:#6dec9d1f}.status.live,.status.failed,.status.suspended{color:var(--red);background:#ff63631f}.status.done,.status.draft,.status.pending,.status.running{color:#b7c1d2;background:#ffffff14}.game-room{display:grid;grid-template-columns:minmax(300px,680px) minmax(260px,1fr);gap:24px;align-items:start}.game-controls{display:grid;gap:14px}.move-list{max-height:320px;overflow:auto}.move{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0;color:var(--muted)}.move b{color:#fff}.chat-box{display:grid;gap:10px}.chat-line{background:#ffffff0e;border:1px solid var(--line);border-radius:14px;padding:10px;color:var(--muted);font-size:14px;margin-top:10px}.input{width:100%;border:1px solid var(--line);background:#ffffff0d;color:#fff;border-radius:14px;padding:13px 14px;outline:none}.input::placeholder{color:#aeb8c89e}.input:focus{border-color:#f8c35b80}select.input option{background:#101827;color:#fff}.tournament-card{display:flex;flex-direction:column;gap:16px}.card-headline{display:flex;align-items:center;justify-content:space-between;gap:10px}.progress{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));border-radius:999px}.meta-grid,.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.meta-grid span,.details-grid span,.wallet-stats span{display:block;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff0a}.meta-grid b,.details-grid b,.wallet-stats b{display:block;color:#fff}.meta-grid small,.details-grid small,.wallet-stats small{color:var(--muted);font-size:12px}.card-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dashboard-stats{margin-top:0}.form-grid{display:grid;gap:14px;margin-top:22px}.form-grid.two-cols{grid-template-columns:repeat(2,1fr)}.field{display:grid;gap:8px;color:var(--muted);font-weight:800}.field span{font-size:13px}.inline-check{display:flex;align-items:center;gap:10px;color:var(--muted)}.auth-wrap{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:70px 16px}.auth-card{width:min(520px,100%);background:linear-gradient(180deg,#ffffff17,#ffffff0a);border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:var(--shadow)}.auth-card.wide{width:min(780px,100%)}.small-note{font-size:13px;margin-top:18px}.profile-card{display:flex;align-items:center;gap:22px}.profile-avatar{width:110px;height:110px;border-radius:34px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--teal));color:#09101d;font-size:42px;font-weight:900}.wallet-card h2{font-size:44px}.wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.invite-code{font-size:24px;font-weight:900;letter-spacing:.1em;border:1px dashed rgba(248,195,91,.45);border-radius:18px;padding:18px;text-align:center;color:var(--gold);background:#f8c35b14}.price{display:block;font-size:32px;color:var(--gold);margin:16px 0}.pricing-card{display:grid;gap:14px}.player-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.notification-card.unread{border-color:#f8c35b73}.notification-card.read{opacity:.78}.bracket{display:grid;gap:14px}.bracket-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#ffffff0a}.bracket-row.final{border-color:#f8c35b57;background:#f8c35b14}.text-page{display:grid;gap:14px;max-width:900px}.footer{border-top:1px solid var(--line);padding:28px 0;background:#070b149e}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-grid span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.footer-links{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:14px}.check-list{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:28px;color:var(--muted);line-height:1.6}.check-list li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--gold))}@media (max-width:1050px){.nav-actions{display:none}.menu-toggle{display:block}.nav{flex-wrap:wrap}.nav-links{display:none;order:3;width:100%;justify-content:flex-start;padding-top:12px}.nav-links.open{display:flex}.hero-grid,.game-room,.lobby-grid,.layout,.page-hero-card{grid-template-columns:1fr}.side-panel{position:relative;top:auto}.admin-kpis,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){h1{font-size:38px}.hero{padding-top:42px}.hero-stats,.grid-2,.grid-3,.admin-kpis,.form-grid.two-cols,.meta-grid,.details-grid,.wallet-stats,.match-footer{grid-template-columns:1fr}.vs{text-align:center}.page-hero-card{padding:24px;border-radius:24px}.card,.auth-card{padding:20px}.table{display:block;overflow:auto}.footer-grid,.profile-card{align-items:flex-start;flex-direction:column}.checker-board{border-width:5px}.piece{border-width:2px}.btn{width:100%}.card-actions{display:grid}.page-hero-action{width:100%}}.nav{gap:16px}.nav-links{flex:1;justify-content:center;gap:4px;flex-wrap:nowrap;min-width:0}.nav-actions{flex-shrink:0;gap:8px}.language-switch{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:800;white-space:nowrap}.nav-actions .language-switch span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.language-switch select{border:1px solid var(--line);border-radius:999px;background:#ffffff0f;color:var(--text);min-width:64px;padding:9px 10px;outline:none;font-weight:900}.language-switch select:focus{border-color:#f8c35b80}.language-switch option{background:#101827;color:#fff}.mobile-auth-actions{display:none}.menu-toggle-lines{display:grid;gap:5px;width:18px}.menu-toggle-lines span{display:block;height:2px;border-radius:999px;background:currentColor}@media (max-width: 1050px){.menu-toggle{display:inline-grid;place-items:center}.mobile-auth-actions{display:grid;width:100%;gap:10px;padding-top:10px}}.nav-dropdown{position:relative}.nav-dropdown summary{display:inline-flex;align-items:center;gap:6px;list-style:none;cursor:pointer;color:var(--muted);padding:12px 15px;border-radius:999px;font-size:14px;transition:.2s ease}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:"";display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;margin-left:8px;vertical-align:middle}.nav-dropdown[open] summary,.nav-dropdown summary:hover{color:var(--text);background:#ffffff14}.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:220px;padding:10px;border-radius:18px;background:#090e19fa;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px #00000073;z-index:50}.nav-dropdown-menu a{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:12px;color:var(--muted);white-space:nowrap}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{color:var(--text);background:#ffffff14}.account-menu{position:relative}.account-menu summary{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:6px 12px 6px 7px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#ffffff0b;color:var(--text);list-style:none;cursor:pointer;box-shadow:0 10px 24px #0000002e;transition:border-color .2s ease,background .2s ease,transform .2s ease}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:after{content:"";display:inline-block;width:0;height:0;margin-left:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;color:var(--muted)}.account-menu[open] summary,.account-menu summary:hover{border-color:#f8c35b57;background:#ffffff14}.account-avatar{display:grid;width:34px;height:34px;place-items:center;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,var(--teal),var(--gold));color:#07101b;font-size:14px;font-weight:1000}.account-avatar img{width:100%;height:100%;display:block;object-fit:cover}.account-token-pill{display:inline-flex;align-items:center;gap:6px;color:var(--gold-2);font-size:14px;font-weight:1000}.account-token-pill strong{line-height:1}.account-token-icon{display:grid;width:18px;height:18px;place-items:center;border:1px solid rgba(248,195,91,.75);border-radius:50%;background:#f8c35b1f;color:var(--gold);font-size:10px;font-weight:1000;line-height:1}.account-dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:55;display:grid;min-width:250px;gap:6px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#090e19fa;box-shadow:0 24px 70px #00000073}.account-dropdown-head{display:grid;gap:4px;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.account-dropdown-head strong{color:#fff;overflow-wrap:anywhere}.account-dropdown-head span{color:var(--gold);font-size:13px;font-weight:900}.account-dropdown-menu a,.account-dropdown-menu button{display:flex;width:100%;align-items:center;justify-content:flex-start;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:var(--muted);text-align:left;font-weight:800}.account-dropdown-menu a:hover,.account-dropdown-menu a.active,.account-dropdown-menu button:hover{color:var(--text);background:#ffffff14}.mobile-account-menu{width:100%}.mobile-account-menu summary{width:100%;justify-content:space-between}.mobile-account-menu .account-dropdown-menu{position:static;min-width:0;margin-top:8px;box-shadow:none}@media (max-width: 1100px){.nav{flex-wrap:wrap;gap:14px}.nav-links{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap;padding-top:12px}.nav-dropdown-menu{position:static;margin-top:8px;box-shadow:none}}@media (max-width: 760px){.topbar{background:#070b14f5}.nav{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding-block:12px}.mobile-online-indicator{display:inline-flex;align-items:center;justify-self:end;gap:6px;min-height:38px;padding:8px 10px;border:1px solid rgba(109,236,157,.32);border-radius:999px;background:#6dec9d17;color:#fff;box-shadow:0 10px 22px #0003}.mobile-online-indicator .online-dot{width:9px;height:9px;box-shadow:0 0 0 4px #6dec9d1f}.mobile-online-indicator strong{color:var(--green);font-size:15px;line-height:1}.mobile-online-indicator small{color:var(--muted);font-size:11px;font-weight:900;line-height:1;white-space:nowrap}.logo{min-width:0}.logo-mark{width:42px;height:42px;border-radius:12px;padding:6px}.logo-text{min-width:0}.logo-text strong,.logo-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-text strong{font-size:17px}.logo-text small{font-size:12px}.menu-toggle{justify-self:end;width:44px;height:44px}.nav-links{display:none;grid-column:1 / -1;width:100%;padding:12px 0 4px;margin-top:4px}.nav-links.open{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;justify-content:stretch}.nav-links>a,.nav-dropdown summary{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.nav-links>a.active{background:#f8c35b1f;border-color:#f8c35b47}.nav-actions{display:none}.nav-dropdown,.nav-dropdown-menu{width:100%}.nav-dropdown-menu{display:grid;gap:6px;margin-top:8px;padding:8px;border-radius:14px;background:#ffffff09}.nav-dropdown-menu a{white-space:normal;padding:11px 12px}.mobile-auth-actions{padding-top:6px}.mobile-auth-actions .language-switch{width:100%;justify-content:space-between;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0a}.mobile-auth-actions .btn{width:100%}.mobile-auth-actions .btn-primary{color:#14100a}.mobile-auth-actions .btn-outline{color:#fff}}.timer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.timer-box{border:1px solid var(--line);background:#ffffff0b;border-radius:16px;padding:12px}.timer-box span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:4px}.timer-box b{display:block;color:#fff;font-size:26px;letter-spacing:.04em}.timer-box.active{border-color:#f8c35b8c;background:#f8c35b1a}.timer-box.active b{color:var(--gold)}.timer-box.urgent{border-color:#ff63639e;background:#ff63631f}.timer-box.urgent b{color:#ffd6d6}.board-play-area{display:grid;gap:14px}.board-main{min-width:0;order:1;position:relative}.board-timer-grid{order:0}.board-side-panel{order:3;display:grid;gap:10px}.spectator-count-card{border:1px solid rgba(109,236,157,.28);background:#6dec9d14;border-radius:16px;padding:12px}.spectator-count-card span,.spectator-count-card small{display:block;color:var(--muted);font-size:12px;font-weight:800}.spectator-count-card b{display:block;color:var(--green);font-size:28px;line-height:1.1;margin:3px 0}.invite-code-row{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch}.invite-code-row .invite-code{width:100%;min-width:0;box-sizing:border-box;font-size:clamp(18px,3.4vw,24px);letter-spacing:.08em;overflow-wrap:anywhere}.invite-copy-button{width:100%;min-width:0;padding-inline:14px}.invite-copy-button span{font-size:16px}.game-chat-panel{position:fixed;right:22px;bottom:22px;z-index:35;width:min(380px,calc(100vw - 32px));border:1px solid rgba(248,195,91,.28);border-radius:18px;background:#0c121ff5;box-shadow:0 22px 55px #0000006b;overflow:hidden}.game-chat-panel.collapsed{width:min(230px,calc(100vw - 32px))}.game-chat-toggle{width:100%;min-height:54px;border:0;background:linear-gradient(135deg,#f8c35b29,#1bc7a61a);color:#fff;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:12px 14px;text-align:left}.game-chat-toggle span{font-weight:900}.game-chat-toggle small{color:var(--muted);font-size:12px}.game-chat-toggle b{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:var(--gold);color:#130f08;font-size:12px}.game-chat-body{display:grid;gap:12px;padding:14px}.game-chat-head{display:grid;gap:3px}.game-chat-head strong{color:#fff}.game-chat-head small,.game-chat-messages p{color:var(--muted);font-size:12px}.game-chat-messages{display:grid;align-content:start;gap:8px;height:230px;overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:14px;background:#ffffff09}.game-chat-message{max-width:86%;justify-self:start;display:grid;gap:3px}.game-chat-message.mine{justify-self:end;text-align:right}.game-chat-message small{color:var(--muted);font-size:11px;font-weight:800}.game-chat-message span{display:block;padding:9px 11px;border-radius:14px 14px 14px 4px;background:#ffffff13;color:#fff;line-height:1.45;overflow-wrap:anywhere}.game-chat-message.mine span{border-radius:14px 14px 4px;background:#f8c35b29}.game-chat-emojis{display:flex;gap:6px;flex-wrap:wrap}.game-chat-emojis button{width:34px;height:34px;border:1px solid var(--line);border-radius:999px;background:#ffffff0d;display:grid;place-items:center}.game-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.game-chat-form .btn{min-width:92px;padding-inline:14px}.board-reaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;overflow:hidden;border-radius:inherit}.reaction-burst{position:absolute;top:0;right:0;bottom:0;left:0}.reaction-burst span{position:absolute;left:var(--burst-x, 50%);top:var(--burst-y, 52%);filter:drop-shadow(0 8px 14px rgba(0,0,0,.36));font-size:clamp(24px,5vw,54px);line-height:1;opacity:0;transform:translate(-50%,-50%) scale(.65);animation:reaction-float 2.2s ease-out forwards;animation-delay:calc(var(--i) * 45ms)}.reaction-burst:not(.capture) span:nth-child(1){left:50%;top:58%}.reaction-burst:not(.capture) span:nth-child(2){left:42%;top:56%}.reaction-burst:not(.capture) span:nth-child(3){left:58%;top:55%}.reaction-burst:not(.capture) span:nth-child(4){left:50%;top:48%}.reaction-burst:not(.capture) span:nth-child(5){left:36%;top:61%}.reaction-burst:not(.capture) span:nth-child(6){left:64%;top:60%}.reaction-burst.applause span{color:#ffe7a8}.reaction-burst.sad span{color:#b8c5da}.reaction-burst.capture span{color:#ffe8a7;font-size:clamp(18px,3.8vw,42px);animation:capture-flower-burst 1.8s cubic-bezier(.18,.72,.18,1) forwards;animation-delay:calc(var(--i) * 34ms)}.reaction-burst.capture span:nth-child(1){--flower-x: -46px;--flower-y: -72px;--flower-r: -24deg}.reaction-burst.capture span:nth-child(2){--flower-x: 42px;--flower-y: -78px;--flower-r: 22deg}.reaction-burst.capture span:nth-child(3){--flower-x: -78px;--flower-y: -24px;--flower-r: -34deg}.reaction-burst.capture span:nth-child(4){--flower-x: 78px;--flower-y: -28px;--flower-r: 32deg}.reaction-burst.capture span:nth-child(5){--flower-x: -36px;--flower-y: 46px;--flower-r: 18deg}.reaction-burst.capture span:nth-child(6){--flower-x: 34px;--flower-y: 42px;--flower-r: -18deg}.reaction-burst.capture span:nth-child(7){--flower-x: -10px;--flower-y: -100px;--flower-r: 12deg}.reaction-burst.capture span:nth-child(8){--flower-x: 8px;--flower-y: 64px;--flower-r: -12deg}.reaction-burst.capture span:nth-child(9){--flower-x: 0px;--flower-y: -42px;--flower-r: 0deg}.reaction-actions,.board-reaction-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.board-reaction-actions{display:grid;margin:0}.board-reaction-actions .btn{width:100%;padding-inline:12px}.reaction-button span{font-size:18px}@keyframes reaction-float{0%{opacity:0;transform:translate(-50%,-20%) scale(.55) rotate(-8deg)}14%{opacity:1}to{opacity:0;transform:translate(calc(-50% + ((var(--i) - 2.5) * 18px)),-210%) scale(1.35) rotate(18deg)}}@keyframes capture-flower-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(0)}16%{opacity:1}72%{opacity:1;transform:translate(calc(-50% + var(--flower-x)),calc(-50% + var(--flower-y))) scale(1.18) rotate(var(--flower-r))}to{opacity:0;transform:translate(calc(-50% + var(--flower-x)),calc(-50% + var(--flower-y) - 24px)) scale(.92) rotate(var(--flower-r))}}.game-room{grid-template-columns:minmax(620px,920px) minmax(300px,1fr);gap:20px}.game-room>.mock-panel{padding:16px;border-radius:26px}.game-room .checker-board{border-width:6px;border-radius:18px}@media (min-width: 1121px){.board-play-area{grid-template-columns:minmax(0,1fr) 150px;align-items:start}.board-main{order:1;grid-column:1;grid-row:1 / span 2}.board-timer-grid{order:2;grid-column:2;grid-row:1;grid-template-columns:1fr;margin-bottom:0}.board-side-panel{order:3;grid-column:2;grid-row:2}.board-timer-grid .timer-box{padding:14px 12px}.board-timer-grid .timer-box b{font-size:24px}}@media (max-width: 1120px){.container.game-room{width:min(100% - 18px,var(--container))}.game-room{grid-template-columns:minmax(0,1fr);gap:16px}.game-room>.mock-panel{max-width:min(760px,100%);margin-inline:auto;width:100%}}@media (max-width: 720px){.container.game-room{width:calc(100% - 10px)}.game-room>.mock-panel{padding:8px;border-radius:18px}.game-room .checker-board{border-width:4px;border-radius:14px}.game-room .timer-grid,.game-room .piece-counter{gap:8px}}.play-launch-layout{display:grid;grid-template-columns:minmax(320px,520px) minmax(0,1fr);gap:24px;align-items:start}.play-preview-card{display:grid;gap:18px;position:sticky;top:96px;scroll-margin-top:96px}.play-preview-card h2{margin-top:14px}.play-preview-card .checker-board{border-width:6px;border-radius:20px}.play-launch-stack{display:grid;gap:16px}.play-settings-card .card-headline{margin-bottom:18px}.play-settings-card .form-grid+.inline-check,.play-settings-card .small-note+.inline-check{margin-top:14px}.play-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.play-mode-card{display:flex;flex-direction:column;gap:16px;min-height:100%}.play-mode-card h2{font-size:clamp(25px,3vw,34px);margin-bottom:0}.play-mode-card .btn,.play-mode-card .card-actions{margin-top:auto}.play-mode-card-featured{grid-row:span 2;border-color:#f8c35b57;background:linear-gradient(180deg,#f8c35b1a,#ffffff09),#111a2dc7}.quick-room-list,.quick-waiting-panel{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff0a}.quick-room-list h3{margin:0;font-size:18px}.quick-room-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#070b1457}.quick-room-row b,.quick-room-row small{display:block}.quick-room-row small{color:var(--muted);font-size:12px;margin-top:3px}.quick-waiting-panel{border-color:#f8c35b4d;background:#f8c35b14}.quick-waiting-panel strong{color:var(--gold);font-size:42px;line-height:1}.quick-waiting-panel-mobile{display:none}.quick-waiting-panel-desktop{margin-bottom:2px}.play-mode-card-quick{min-height:auto}.play-mode-card-quick>.card-actions{margin-top:0}.quick-table-hall{display:grid;gap:16px;padding:18px;border:1px solid rgba(248,195,91,.24);border-radius:20px;background:linear-gradient(180deg,#f8c35b14,#1bc7a60b),#070b1452}.quick-table-hall-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.quick-table-hall-head h3{margin:0 0 4px}.quick-table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quick-table-card{position:relative;display:grid;justify-items:center;gap:9px;min-height:210px;padding:14px 12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0a101d94;box-shadow:inset 0 1px #ffffff0d}.quick-table-card.occupied{border-color:#1bc7a661;background:#12222ba3}.quick-table-card.mine{border-color:#f8c35b9e;background:#f8c35b1a}.quick-table-card.active{border-color:#6dec9d75;background:#142f27a3}.quick-table-card.empty{opacity:.44;filter:grayscale(.45)}.quick-table-number{justify-self:start;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.quick-table-players{display:grid;justify-items:center;gap:7px;width:100%}.quick-table-player{display:inline-flex;align-items:center;justify-content:center;width:min(150px,100%);min-height:30px;padding:5px 12px;border-radius:8px;background:linear-gradient(135deg,#1ca20f,#2ac41f);color:#fff;font-size:14px;line-height:1.15;text-align:center;overflow-wrap:anywhere}.quick-table-player.opponent{background:linear-gradient(135deg,#0f624f,#1bc7a6)}.quick-table-player.muted{background:#ffffff14;color:var(--muted)}.quick-mini-board{display:grid;grid-template-columns:repeat(10,1fr);width:min(112px,100%);aspect-ratio:1;border:3px solid rgba(255,255,255,.22);border-radius:6px;overflow:hidden;box-shadow:0 12px 28px #00000047}.quick-mini-board span{position:relative}.quick-mini-board .light{background:#f0edc9}.quick-mini-board .dark{background:#2c7770}.quick-mini-board i{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:999px;border:1px solid rgba(0,0,0,.28)}.quick-mini-board i.white{background:#f7f7ee}.quick-mini-board i.black{background:#101317}.quick-join-link{border:0;background:transparent;color:var(--gold);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:4px 6px}.quick-join-link:disabled{opacity:.62}.quick-table-actions{display:grid;justify-items:center;gap:8px}.quick-table-actions .btn{margin-top:0}.quick-table-state,.quick-table-countdown{color:var(--gold);font-size:26px;font-weight:900;line-height:1}.quick-table-state{font-size:13px;letter-spacing:.06em;text-transform:uppercase}.quick-table-disabled{color:var(--muted);font-size:12px;font-weight:800}.difficulty-grid{display:grid;gap:10px}.difficulty-option{width:100%;text-align:left;border:1px solid var(--line);background:#ffffff0b;color:#fff;border-radius:16px;padding:14px;transition:.2s ease}.difficulty-option b,.difficulty-option small{display:block}.difficulty-option small{color:var(--muted);margin-top:3px}.difficulty-option.active{border-color:#f8c35b9e;background:#f8c35b1f;box-shadow:inset 0 0 0 1px #f8c35b2e}@media (max-width: 1120px){.play-launch-layout{grid-template-columns:1fr}.play-preview-card{position:relative;top:auto;max-width:620px;margin-inline:auto}.quick-waiting-panel-desktop{display:none}.quick-waiting-panel-mobile{display:grid}}@media (max-width: 760px){.play-mode-grid,.quick-room-row{grid-template-columns:1fr}.quick-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-mode-card-featured{grid-row:auto}.play-preview-card{padding:14px}}@media (max-width: 520px){.quick-table-grid{grid-template-columns:1fr}.quick-table-card{min-height:190px}}.square:disabled{cursor:not-allowed}.checker-board{display:block;position:relative}.board-squares{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,minmax(0,1fr))}.board-squares .square{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.board-squares .square.dark{--square-bg: #654025;background:#654025}.checker-board.theme-arena_nature{border-color:#5f7553;box-shadow:inset 0 0 0 1px #ffffff29,0 18px 50px #1422125c}.checker-board.theme-arena_nature .square.light{background:#f8f4d2}.checker-board.theme-arena_nature .square.dark{--square-bg: #83a566;background:#83a566}.checker-board.theme-arena_nature .square.selected{outline-color:#46aa9a}.checker-board.theme-arena_nature .square.destination{background:radial-gradient(circle at center,rgba(70,170,154,.38) 0 36%,transparent 37%),var(--square-bg)}.checker-board.theme-arena_nature .square.playable .piece{filter:drop-shadow(0 0 5px rgba(109,236,157,.74)) drop-shadow(0 5px 4px rgba(0,0,0,.44))}.square.last-move-trace:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:1;border:2px solid rgba(102,235,255,.72);border-radius:14px;background:radial-gradient(circle at center,rgba(102,235,255,.24) 0 42%,transparent 43%),#66ebff14;box-shadow:inset 0 0 0 2px #ffffff1f,0 0 16px #66ebff57;pointer-events:none}.square.last-move-start:after{border-color:#f8c35bad;background:radial-gradient(circle at center,rgba(248,195,91,.22) 0 42%,transparent 43%),#f8c35b14;box-shadow:inset 0 0 0 2px #ffffff1a,0 0 14px #f8c35b4d}.square.last-move-end:after{border-width:3px;border-color:#66ebfff5;background:radial-gradient(circle at center,rgba(102,235,255,.34) 0 46%,transparent 47%),#66ebff1f;box-shadow:inset 0 0 0 2px #ffffff2e,0 0 22px #66ebff7a}.square-number{position:absolute;top:2px;left:3px;z-index:0;color:#ffffffdb;font-size:clamp(7px,.92vw,11px);line-height:1;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.88);pointer-events:none;-webkit-user-select:none;user-select:none}.board-squares .piece,.moving-piece{display:block;flex:0 0 auto;z-index:2}.board-squares .piece{width:90%;height:72%}.piece{position:relative;isolation:isolate;overflow:visible;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 5px 4px rgba(0,0,0,.42));transform:translateY(2%)}.piece:before{content:none}.piece:after{content:none}.piece.white{background:transparent;--piece-top-light: #fff8e8;--piece-top-mid: #f2d8ad;--piece-top-dark: #c58a55;--piece-side-light: #f1d0a3;--piece-side-mid: #cb9360;--piece-side-dark: #865533;--piece-side-rim: rgba(104, 62, 31, .42);--piece-rim: rgba(116, 70, 34, .48);--piece-shine: rgba(255, 253, 242, .42);--piece-ring: rgba(149, 95, 48, .44);--piece-ring-highlight: rgba(255, 243, 219, .55);--piece-soft-line: rgba(138, 91, 48, .24)}.piece.black{background:transparent;--piece-top-light: #3b4144;--piece-top-mid: #171d20;--piece-top-dark: #07090b;--piece-side-light: rgba(255, 255, 255, .72);--piece-side-mid: #11171a;--piece-side-dark: #050708;--piece-side-rim: rgba(255, 255, 255, .28);--piece-rim: rgba(255, 255, 255, .24);--piece-shine: rgba(255, 255, 255, .14);--piece-ring: rgba(220, 230, 232, .24);--piece-ring-highlight: rgba(255, 255, 255, .16);--piece-soft-line: rgba(230, 238, 240, .12);filter:drop-shadow(0 5px 4px rgba(0,0,0,.5)) drop-shadow(0 0 1px rgba(255,255,255,.18))}.piece.black .piece-svg-side-light,.piece.black .piece-svg-front-rim{stroke:#ffffffc7}.piece.black .piece-svg-side-light{stroke-width:2.8;opacity:.84}.piece.black .piece-svg-front-rim{stroke:#ffffff57;stroke-width:.9;opacity:.34}.checker-board.theme-arena_nature .piece.white{--piece-top-light: #ffffff;--piece-top-mid: #f4f4ef;--piece-top-dark: #c8c9c2;--piece-side-light: rgba(255, 255, 255, .74);--piece-side-mid: #e7e8e0;--piece-side-dark: #aeb0aa;--piece-side-rim: rgba(83, 86, 80, .38);--piece-rim: rgba(82, 84, 78, .46);--piece-shine: rgba(255, 255, 255, .58);--piece-ring: rgba(96, 99, 90, .42);--piece-ring-highlight: rgba(255, 255, 255, .65);--piece-soft-line: rgba(100, 103, 94, .22)}.checker-board.theme-arena_nature .piece.black{--piece-top-light: #262b2d;--piece-top-mid: #070809;--piece-top-dark: #000000;--piece-side-light: rgba(255, 255, 255, .82);--piece-side-mid: #090b0c;--piece-side-dark: #000000;--piece-side-rim: rgba(255, 255, 255, .32);--piece-rim: rgba(255, 255, 255, .28);--piece-shine: rgba(255, 255, 255, .12);--piece-ring: rgba(215, 224, 222, .26);--piece-ring-highlight: rgba(255, 255, 255, .18);--piece-soft-line: rgba(230, 238, 236, .13)}@media (max-width: 720px){.piece.black .piece-svg-side-light{stroke-width:3.8;opacity:.92}.piece.black .piece-svg-front-rim{stroke-width:1.15;opacity:.42}}.piece-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;overflow:visible}.piece-svg-shadow{fill:transparent}.piece-svg-side{fill:var(--piece-side-mid);stroke:var(--piece-side-rim);stroke-width:1.2;stroke-linejoin:round}.piece-svg-side-light{fill:none;stroke:var(--piece-side-light);stroke-width:1.2;stroke-linecap:round;opacity:.36}.piece-svg-side-dark{fill:none;stroke:var(--piece-side-dark);stroke-width:1.2;stroke-linecap:round;opacity:.12}.piece-svg-top{fill:var(--piece-top-mid);stroke:var(--piece-rim);stroke-width:1.2}.piece-svg-ring{fill:none;stroke:var(--piece-ring);stroke-width:1.45;stroke-linecap:round;opacity:.78}.ring-outer{stroke-width:1.35}.ring-mid-outer,.ring-mid{stroke-width:1.55}.ring-inner{stroke-width:1.7}.piece-svg-front-rim{fill:none;stroke:var(--piece-top-dark);stroke-width:1.2;stroke-linecap:round;opacity:.3}.piece-svg-shine{fill:var(--piece-shine);opacity:.48;filter:blur(.4px)}.piece-svg-top-soft{fill:none;stroke:var(--piece-ring-highlight);stroke-width:1.3;stroke-linecap:round;opacity:.52}.piece-svg-grain{fill:none;stroke:var(--piece-soft-line);stroke-width:.9;stroke-linecap:round;opacity:.42}.grain-two{opacity:.36}.piece.king{filter:drop-shadow(0 7px 5px rgba(0,0,0,.44)) drop-shadow(0 0 7px rgba(248,195,91,.3))}.piece.king:before{box-shadow:inset 0 1px #f8c35b4d,inset 0 3px 3px #ffffff29,inset 0 -5px 6px #0006,0 0 10px #f8c35b33}.piece.king:after{border-color:#f8c35be0;box-shadow:inset 0 0 0 2px #f8c35b2e,inset 0 3px 4px #ffffff2e,inset 0 -3px 5px #0000003d,0 0 0 1px #f8c35b5c}.piece.black.king{filter:drop-shadow(0 7px 5px rgba(0,0,0,.48)) drop-shadow(0 0 7px rgba(248,195,91,.26))}.piece.black.king:before{box-shadow:inset 0 1px #f8c35b29,inset 0 3px 3px #ffffff14,inset 0 -5px 6px #0000007a}.piece.black.king:after{border-color:#f8c35bc7;box-shadow:inset 0 0 0 2px #f8c35b21,inset 0 3px 4px #ffffff1a,inset 0 -3px 5px #00000057,0 0 0 1px #f8c35b4d}.moving-piece{position:absolute;width:9%;height:7.2%;z-index:5;pointer-events:none;transform:translateZ(0) scale(1);transition:none;will-change:transform;contain:layout paint;backface-visibility:hidden;filter:drop-shadow(0 4px 3px rgba(0,0,0,.28))}.moving-piece.is-moving{transition:transform var(--move-duration, 90ms) linear;transform:translate3d(var(--move-x),var(--move-y),0) scale(1)}.moving-piece.black,.moving-piece.king,.moving-piece.black.king{filter:drop-shadow(0 4px 3px rgba(0,0,0,.3))}@media (max-width: 720px){.checker-board.is-animating{contain:layout paint style}.checker-board.is-animating .square.last-move-trace:after,.checker-board.is-animating .square.last-move-start:after,.checker-board.is-animating .square.last-move-end:after{box-shadow:none}.moving-piece,.moving-piece.black,.moving-piece.king,.moving-piece.black.king{filter:none;will-change:transform}.moving-piece .piece-svg-shine{filter:none;opacity:.3}.moving-piece .piece-svg-grain,.moving-piece .piece-svg-top-soft{display:none}.moving-piece .piece-svg-side,.moving-piece .piece-svg-top,.moving-piece .piece-svg-ring,.moving-piece .piece-svg-front-rim,.moving-piece .piece-svg-side-light,.moving-piece .piece-svg-side-dark{vector-effect:non-scaling-stroke}}.piece-counter{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0}.piece-counter span{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);background:#ffffff0b;border-radius:999px;padding:10px 14px;color:var(--text);font-weight:900}.piece-counter b{color:var(--muted);font-size:13px}.king-mark{position:absolute;left:50%;top:31%;width:47%;aspect-ratio:64 / 34;z-index:5;transform:translate(-50%,-50%) rotateX(18deg);pointer-events:none}.king-crown{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 1px rgba(0,0,0,.44)) drop-shadow(0 0 4px rgba(248,195,91,.28))}.king-crown-body{fill:#f8c35b;stroke:#5c3408ad;stroke-width:2.8;stroke-linejoin:round}.king-crown-base{fill:#d99625;stroke:#5c340894;stroke-width:2.2;stroke-linejoin:round}.king-crown-shine{fill:none;stroke:#fff5c3bf;stroke-width:2;stroke-linecap:round}.piece.white.king .king-crown{filter:drop-shadow(0 2px 1px rgba(255,255,255,.36)) drop-shadow(0 0 4px rgba(0,0,0,.3))}.piece.white.king .king-crown-body{fill:#15191b;stroke:#ffffffbd;stroke-width:2.8}.piece.white.king .king-crown-base{fill:#050708;stroke:#ffffff9e;stroke-width:2.2}.piece.white.king .king-crown-shine{stroke:#ffffff80;stroke-width:1.8}.square.playable .piece{filter:drop-shadow(0 7px 5px rgba(0,0,0,.42)) drop-shadow(0 0 7px rgba(109,236,157,.78))}.square.playable .piece-svg-top{stroke:#6dec9df2;stroke-width:2.4}.square.playable .piece-svg-side{stroke:#6dec9dad}.square.selected{outline:3px solid rgba(248,195,91,.9);outline-offset:-3px}.square.destination{position:relative;background:radial-gradient(circle at center,rgba(77,226,144,.22),transparent 58%),var(--square-bg, transparent)}.move-dot{width:22%;height:22%;border-radius:999px;background:#4de290f2;box-shadow:0 0 0 6px #4de29033}.square.destination:hover{outline:3px solid rgba(77,226,144,.9);outline-offset:-3px}.draw-offer-card{border-color:#f8c35b73;background:linear-gradient(135deg,#f8c35b1f,#ffffff09)}.draw-offer-card h2{color:var(--gold)}.draw-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:62;display:grid;place-items:center;padding:24px;background:#02060eb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.draw-modal{width:min(480px,100%);border:1px solid rgba(248,195,91,.42);border-radius:22px;padding:30px;text-align:center;background:radial-gradient(circle at top,rgba(248,195,91,.18),transparent 46%),linear-gradient(180deg,#111a2dfa,#080d18fa);box-shadow:0 28px 90px #0000008c;animation:result-pop .22s ease-out}.draw-modal h2{margin-top:16px;color:#fff}.draw-modal p{margin-top:8px}.result-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#02060ec7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.result-modal{position:relative;width:min(520px,100%);overflow:hidden;border:1px solid rgba(248,195,91,.38);border-radius:22px;padding:34px;text-align:center;background:radial-gradient(circle at top,rgba(248,195,91,.2),transparent 42%),linear-gradient(180deg,#111a2dfa,#080d18fa);box-shadow:0 28px 90px #0000008c;animation:result-pop .24s ease-out}.result-modal h2{margin-top:18px;color:#fff}.winner-name{display:grid;gap:6px;margin:20px auto;padding:18px;border:1px solid rgba(248,195,91,.32);border-radius:18px;background:#f8c35b14}.winner-name small,.winner-name span{color:var(--muted);font-weight:800}.winner-name strong{color:var(--gold);font-size:30px;line-height:1.1}.winner-burst{position:relative;width:180px;height:120px;margin:0 auto 4px}.winner-pot{position:absolute;left:50%;bottom:14px;width:76px;height:48px;transform:translate(-50%);border-radius:12px 12px 24px 24px;background:linear-gradient(135deg,#6b3f19,#d29335 48%,#5a3315);box-shadow:inset 0 8px 10px #ffffff3d,0 16px 24px #00000047}.winner-pot:before{content:"";position:absolute;left:-10px;right:-10px;top:-9px;height:18px;border-radius:999px;background:linear-gradient(135deg,#f8c35b,#fff0b7)}.winner-coin{position:absolute;left:50%;bottom:48px;width:13px;height:13px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#fff7c8,#f8c35b 52%,#b87319);box-shadow:0 0 14px #f8c35b73;animation:coin-burst .95s cubic-bezier(.18,.84,.2,1) both}.coin-1{--coin-x: -78px;--coin-y: -62px;animation-delay:20ms}.coin-2{--coin-x: -58px;--coin-y: -86px;animation-delay:70ms}.coin-3{--coin-x: -32px;--coin-y: -74px;animation-delay:10ms}.coin-4{--coin-x: -12px;--coin-y: -102px;animation-delay:80ms}.coin-5{--coin-x: 16px;--coin-y: -88px;animation-delay:30ms}.coin-6{--coin-x: 42px;--coin-y: -104px;animation-delay:90ms}.coin-7{--coin-x: 66px;--coin-y: -70px;animation-delay:40ms}.coin-8{--coin-x: 82px;--coin-y: -44px;animation-delay:.12s}.coin-9{--coin-x: -88px;--coin-y: -34px;animation-delay:.1s}.coin-10{--coin-x: -48px;--coin-y: -42px;animation-delay:.14s}.coin-11{--coin-x: -22px;--coin-y: -118px;animation-delay:.16s}.coin-12{--coin-x: 8px;--coin-y: -56px;animation-delay:.11s}.coin-13{--coin-x: 30px;--coin-y: -66px;animation-delay:.15s}.coin-14{--coin-x: 58px;--coin-y: -40px;animation-delay:60ms}.coin-15{--coin-x: 92px;--coin-y: -88px;animation-delay:.17s}.coin-16{--coin-x: -96px;--coin-y: -88px;animation-delay:.13s}.coin-17{--coin-x: -6px;--coin-y: -34px;animation-delay:.18s}.coin-18{--coin-x: 74px;--coin-y: -114px;animation-delay:.2s}.result-actions{justify-content:center;margin-top:24px}.rematch-status,.rematch-request{margin-top:16px;padding:12px 14px;border:1px solid rgba(248,195,91,.28);border-radius:14px;background:#f8c35b14}.rematch-request p{color:var(--text);font-weight:800}.congratulations-note{margin-top:16px;padding:12px 14px;border:1px solid rgba(109,236,157,.28);border-radius:14px;background:#6dec9d14;color:var(--green);font-weight:900}.match-start-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:58;display:grid;place-items:center;padding:24px;background:#02060ea3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.match-start-modal{width:min(460px,100%);border:1px solid rgba(27,199,166,.36);border-radius:22px;padding:30px;text-align:center;background:radial-gradient(circle at top,rgba(27,199,166,.18),transparent 46%),linear-gradient(180deg,#111a2dfa,#080d18fa);box-shadow:0 28px 90px #00000085;animation:result-pop .22s ease-out}.match-start-modal h2{margin-top:16px}.match-start-modal small{display:block;color:var(--muted);font-weight:800}.start-countdown{width:92px;height:92px;display:grid;place-items:center;margin:22px auto 14px;border:1px solid rgba(248,195,91,.38);border-radius:999px;background:#f8c35b1a;color:var(--gold);font-size:44px;font-weight:1000;box-shadow:inset 0 0 0 8px #f8c35b0f,0 0 34px #f8c35b38}@keyframes result-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes coin-burst{0%{opacity:0;transform:translate(-50%) scale(.45)}16%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--coin-x)),var(--coin-y)) scale(1.1) rotate(210deg)}}@media (prefers-reduced-motion: reduce){.result-modal,.winner-coin{animation:none}}.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-input{min-height:38px;padding:8px 10px;font-size:13px}.admin-users-table small{display:block;margin-top:5px;color:var(--muted)}@media (max-width: 900px){.three-cols{grid-template-columns:1fr}}.log-payload{max-width:360px;max-height:220px;overflow:auto;white-space:pre-wrap;font-size:12px;background:#00000047;border:1px solid var(--line);padding:12px;border-radius:12px;color:var(--muted)}.bracket-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:start}.bracket-round{display:grid;gap:14px}.bracket-match-list{display:grid;gap:12px}.bracket-match{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff0a}.tournament-rules-note{margin-top:18px;padding:18px;border:1px solid rgba(248,195,91,.28);border-radius:16px;background:#f8c35b12}.bracket-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffff0b}.bracket-player span{min-width:0;color:var(--text);font-weight:900;overflow-wrap:anywhere}.bracket-player.winner{border-color:#6dec9d6b;background:#6dec9d1a}.bracket-player.winner span:after{content:" gagnant";color:var(--green);font-size:12px;font-weight:900;margin-left:8px}.layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.layout>*,.content-stack,.side-panel,.card,.grid-2,.grid-3,.admin-kpis,.meta-grid,.details-grid{min-width:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card-headline,.section-head{flex-wrap:wrap}.move{min-width:0}.move span{min-width:0;overflow-wrap:anywhere}.card:has(.table){overflow-x:auto}.table{min-width:720px}.side-menu-mobile{display:none}.side-menu-card{overflow:hidden}@media (max-width: 1050px){.layout{grid-template-columns:minmax(0,1fr)}.side-panel{width:100%}}@media (max-width: 760px){.side-menu-desktop{display:none}.side-menu-mobile{display:block;margin-top:12px}.side-menu-mobile summary{min-height:46px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;color:var(--text);background:#ffffff0e;border:1px solid var(--line);font-weight:900}.side-menu-mobile summary::-webkit-details-marker{display:none}.side-menu-mobile summary:after{content:"";flex:0 0 auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.side-menu-mobile[open] summary:after{transform:rotate(225deg) translateY(-2px)}.side-menu-mobile-list{display:grid;gap:8px;max-height:min(55vh,420px);overflow:auto;margin-top:10px;padding-right:2px}.side-menu-mobile-list a{padding:12px 14px;border-radius:14px;color:var(--muted);background:#ffffff09;border:1px solid transparent}.side-menu-mobile-list a:hover,.side-menu-mobile-list a.active{color:var(--text);border-color:#f8c35b4d;background:#f8c35b14}.table{min-width:640px}.grid-2,.grid-3,.admin-kpis,.form-grid.two-cols,.meta-grid,.details-grid,.wallet-stats{grid-template-columns:minmax(0,1fr)}}@media (max-width: 720px){.bracket-player{grid-template-columns:1fr}}.toast-region{position:fixed;top:92px;right:18px;z-index:1000;width:min(390px,calc(100vw - 32px));display:grid;gap:12px;pointer-events:none}.tag-open{color:var(--green);border-color:#6dec9d47;background:#6dec9d1a}.tag-closed{color:#ffd6d6;border-color:#ff636347;background:#ff63631a}.tournament-schedule-field{width:min(100%,260px);flex:1 1 220px}.tournament-schedule-field .input{min-height:46px}.tournament-section-list{display:grid;gap:28px}.tournament-section{display:grid;gap:16px}.tournament-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}.tournament-section-head h2{margin-bottom:6px}.tournament-section-head p{max-width:720px}.tournament-section-closed{padding-top:8px}.toast{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px;border-radius:16px;color:#fff;border:1px solid var(--line);background:#0e1424f5;box-shadow:0 18px 48px #0000005c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:toast-in .22s ease-out both}.toast-success{border-color:#6dec9d6b;background:linear-gradient(135deg,#155436fa,#0e1424f5)}.toast-error{border-color:#ff636375;background:linear-gradient(135deg,#6f1f28fa,#0e1424f5)}.toast-info{border-color:#f8c35b61}.toast-icon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-weight:900;background:#ffffff1f}.toast-body{min-width:0}.toast-body strong{display:block;margin-bottom:3px;font-size:14px}.toast-body p{color:#ffffffd1;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.toast-close{width:28px;height:28px;border:0;border-radius:999px;color:#ffffffc7;background:#ffffff14;display:grid;place-items:center;font-size:18px;line-height:1}.toast-close:hover{color:#fff;background:#ffffff29}.toast-action{width:fit-content;margin-top:10px;border:1px solid rgba(248,195,91,.35);border-radius:999px;background:#f8c35b24;color:var(--gold-2);padding:8px 12px;font-weight:900;font-size:12px}.toast-action:hover{background:#f8c35b38}@keyframes toast-in{0%{opacity:0;transform:translate3d(18px,-8px,0)}to{opacity:1;transform:translateZ(0)}}@media (max-width: 720px){.toast-region{top:78px;right:12px;left:12px;width:auto}}.bracket-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:980;background:#03060cc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:24px;overflow:hidden}.admin-game-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:980;display:grid;place-items:center;padding:24px;background:#03060cc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-game-modal{width:min(980px,100%);max-height:min(86vh,820px);overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#111a2dfa,#070b14fa),var(--bg-soft);box-shadow:0 32px 90px #0000008c;padding:24px}.admin-game-modal-section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.admin-game-moves{min-height:0;max-height:430px;overflow:auto;border:1px solid var(--line);border-radius:16px}.admin-game-moves .table{min-width:720px}.bracket-modal{width:min(1120px,100%);max-height:min(86vh,820px);min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#111a2dfa,#070b14fa),var(--bg-soft);box-shadow:0 32px 90px #0000008c;padding:24px}.bracket-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0}.bracket-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}.bracket-modal-head h2{margin-bottom:0;overflow-wrap:anywhere}.synoptic-modal-content{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.synoptic-empty{min-height:220px;display:grid;align-content:center;justify-items:center;text-align:center;gap:8px;border:1px dashed var(--line);border-radius:18px;background:#ffffff09}.synoptic-legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:800}.synoptic-legend span{display:inline-flex;align-items:center;gap:7px}.synoptic-legend i{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-current{background:var(--gold);box-shadow:0 0 0 5px #f8c35b24}.legend-winner{background:var(--green)}.synoptic-scroll{min-height:0;overflow:auto;padding:4px 4px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.synoptic-export-surface{width:max-content;display:grid;gap:12px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#0a152bfa,#050b18fa),var(--bg);box-shadow:inset 0 0 0 1px #ffffff14}.synoptic-export-head{display:grid;gap:4px;color:#fff;text-align:center}.synoptic-export-head span{color:var(--gold-2);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.synoptic-export-head strong{max-width:920px;margin-inline:auto;font-size:24px;line-height:1.15;overflow-wrap:anywhere}.synoptic-export-error{color:#ff9aa9}.synoptic-bracket{min-width:max(920px,calc(var(--round-count) * 250px));display:grid;grid-template-columns:repeat(var(--round-count),minmax(220px,1fr));gap:34px;align-items:stretch}.synoptic-round{display:grid;grid-template-rows:auto 1fr;gap:14px}.synoptic-round-title{min-height:64px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.synoptic-round-title h3{font-size:18px}.synoptic-match-stack{display:grid;align-content:space-around;gap:22px;min-height:420px}.synoptic-match{position:relative;display:grid;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0b;min-height:124px}.synoptic-match:not(.final-node):after{content:"";position:absolute;top:50%;right:-35px;width:35px;height:2px;background:#ffffff57}.synoptic-match.active{border-color:#f8c35bf2;box-shadow:0 0 0 2px #f8c35b3b,0 18px 36px #f8c35b1f;background:linear-gradient(180deg,#f8c35b1c,#ffffff0b)}.synoptic-match.finished{border-color:#6dec9d47}.synoptic-match-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.synoptic-match-head b{color:#fff}.synoptic-series{margin:-2px 0 0;color:var(--gold-2);font-size:12px;font-weight:800;line-height:1.35}.synoptic-player{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:7px 9px;border-radius:10px;color:var(--muted);background:#ffffff0b}.synoptic-player.winner{color:#07100c;background:linear-gradient(135deg,var(--green),var(--gold-2));font-weight:900}.synoptic-result{color:var(--green);font-size:12px;font-weight:800;line-height:1.4}.synoptic-live-link{justify-self:start;color:var(--gold-2);font-size:12px;font-weight:900}.arena-bracket-stage{--bracket-blue: #123f88;--bracket-blue-2: #0b2c67;--bracket-orange: #f2aa24;--bracket-green: #28c562;position:relative;min-width:max(1120px,calc((var(--side-round-count) * 190px * 2) + 330px));min-height:560px;display:grid;grid-template-columns:minmax(340px,1fr) 300px minmax(340px,1fr);gap:26px;align-items:stretch;padding:48px 28px 30px;overflow:hidden;border:1px solid rgba(130,190,255,.28);border-radius:22px;background:linear-gradient(115deg,transparent 0 8%,rgba(255,255,255,.05) 8% 14%,transparent 14% 27%,rgba(255,255,255,.045) 27% 35%,transparent 35% 100%),linear-gradient(245deg,transparent 0 9%,rgba(255,255,255,.05) 9% 16%,transparent 16% 31%,rgba(255,255,255,.04) 31% 40%,transparent 40% 100%),radial-gradient(circle at 50% 12%,rgba(255,216,88,.17),transparent 27%),linear-gradient(180deg,var(--bracket-blue),var(--bracket-blue-2));box-shadow:inset 0 0 0 1px #ffffff0d}.arena-bracket-stage:before,.arena-bracket-stage:after{content:"";position:absolute;inset-block:42px 26px;width:1px;background:linear-gradient(180deg,transparent,rgba(255,186,49,.45),transparent);pointer-events:none}.arena-bracket-stage:before{left:calc(50% - 178px)}.arena-bracket-stage:after{right:calc(50% - 178px)}.arena-bracket-badge{position:absolute;top:28px;z-index:2;display:inline-flex;align-items:center;gap:0;color:#081019;font-weight:900;text-transform:uppercase;letter-spacing:0}.arena-bracket-badge.left{left:28px}.arena-bracket-badge.right{right:28px}.arena-bracket-badge span,.arena-bracket-badge b{display:inline-grid;min-height:28px;place-items:center;padding:4px 10px}.arena-bracket-badge span{background:var(--bracket-orange)}.arena-bracket-badge b{min-width:34px;color:#fff;background:#24a653}.arena-bracket-side{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--side-round-count),minmax(150px,1fr));gap:22px;align-items:stretch}.arena-bracket-column{display:grid;grid-template-rows:auto 1fr;gap:10px;min-width:0}.arena-bracket-round-label{min-height:26px;display:flex;align-items:center;color:#ffffffb8;font-size:11px;font-weight:900;text-transform:uppercase}.arena-bracket-side.right .arena-bracket-round-label{justify-content:flex-end}.arena-bracket-stack{display:grid;align-content:space-around;gap:18px;min-height:430px}.arena-bracket-match{position:relative;display:grid;gap:7px;min-height:112px;padding:9px 10px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#091d4bdb;box-shadow:0 16px 28px #03091c4d}.arena-bracket-match.left:after,.arena-bracket-match.right:before{content:"";position:absolute;top:50%;width:24px;height:2px;background:var(--bracket-orange)}.arena-bracket-match.left:after{right:-24px}.arena-bracket-match.right:before{left:-24px}.arena-bracket-match.left:before,.arena-bracket-match.right:after{content:"";position:absolute;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--bracket-orange);box-shadow:0 0 0 4px #f2aa242e}.arena-bracket-match.left:before{right:-30px}.arena-bracket-match.right:after{left:-30px}.arena-bracket-match.active{border-color:#ffc44df2;box-shadow:0 0 0 2px #ffc44d3b,0 18px 34px #ffb53124}.arena-bracket-match.finished{border-color:#39dd758c}.arena-bracket-match.final{width:100%;min-height:156px;border-color:#ffffff4d;background:#051439eb}.arena-bracket-match.final:before,.arena-bracket-match.final:after,.arena-bracket-match.center:before,.arena-bracket-match.center:after{display:none}.arena-bracket-match-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#ffffffb3;font-size:10px;font-weight:900;text-transform:uppercase}.arena-bracket-match-head b{color:#fff}.arena-bracket-series{margin:-2px 0 0;color:#ffd05f;font-size:11px;font-weight:900;line-height:1.25}.arena-bracket-player{position:relative;min-height:28px;display:flex;align-items:center;padding:5px 12px 5px 10px;color:#fff;font-size:12px;font-weight:900;background:linear-gradient(110deg,rgba(255,255,255,.95) 0 14px,transparent 14px),linear-gradient(90deg,#153770fa,#0c224ffa 72%,#ffffffed 72%,#ffffffed);clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,5% 50%);overflow:hidden}.arena-bracket-side.right .arena-bracket-player,.arena-bracket-match.right .arena-bracket-player{padding:5px 10px 5px 12px;background:linear-gradient(250deg,rgba(255,255,255,.95) 0 14px,transparent 14px),linear-gradient(270deg,#153770fa,#0c224ffa 72%,#ffffffed 72%,#ffffffed);clip-path:polygon(8% 0,100% 0,95% 50%,100% 100%,8% 100%,0 50%)}.arena-bracket-player span{display:block;max-width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-bracket-player.winner{color:#06110a;background:linear-gradient(90deg,var(--bracket-green),#e9ff8c 70%,rgba(255,255,255,.96) 70% 100%)}.arena-bracket-result,.arena-bracket-live-link{margin:0;color:#ffe37d;font-size:11px;font-weight:900;line-height:1.25}.arena-bracket-live-link{justify-self:start}.arena-bracket-center{position:relative;z-index:2;display:grid;align-content:center;gap:14px;min-width:0}.arena-bracket-title{display:grid;justify-items:center;text-align:center;gap:0}.arena-bracket-title span{min-width:190px;padding:7px 18px;color:#fff;font-size:26px;font-weight:900;line-height:1;text-transform:uppercase;background:#0d2c65f2;border-inline:7px solid var(--bracket-green);box-shadow:0 0 0 1px #ffffff38}.arena-bracket-title strong{max-width:260px;padding:7px 22px;color:#07121f;font-size:13px;line-height:1.2;background:var(--bracket-orange);text-transform:uppercase}.arena-bracket-vs{justify-self:center;min-width:72px;padding:10px 16px;color:#07121f;text-align:center;font-size:18px;font-weight:900;background:var(--bracket-orange);transform:skew(-8deg)}.arena-bracket-champion,.arena-bracket-final-placeholder{display:grid;gap:4px;padding:13px 18px;color:#fff;text-align:center;border-inline:7px solid var(--bracket-green);background:#0d2c65f0;box-shadow:0 14px 30px #00000040}.arena-bracket-champion span,.arena-bracket-final-placeholder span{color:#ffd05f;font-size:11px;font-weight:900;text-transform:uppercase}.arena-bracket-champion strong,.arena-bracket-final-placeholder b{overflow-wrap:anywhere;font-size:20px}.tournament-map{--map-blue: #133f8b;--map-blue-dark: #08265d;--map-orange: #f2ab2e;--map-green: #29c76b;position:relative;overflow:hidden;border:1px solid rgba(144,192,255,.28);border-radius:18px;background:linear-gradient(112deg,transparent 0 7%,rgba(255,255,255,.055) 7% 13%,transparent 13% 25%,rgba(255,255,255,.045) 25% 33%,transparent 33% 100%),linear-gradient(248deg,transparent 0 8%,rgba(255,255,255,.05) 8% 15%,transparent 15% 28%,rgba(255,255,255,.038) 28% 38%,transparent 38% 100%),radial-gradient(circle at 50% 8%,rgba(255,208,95,.18),transparent 25%),linear-gradient(180deg,var(--map-blue),var(--map-blue-dark));box-shadow:inset 0 0 0 1px #ffffff0e,0 24px 60px #0000005c}.map-title{position:absolute;top:22px;left:50%;z-index:5;display:grid;justify-items:center;transform:translate(-50%);text-align:center}.map-title span{min-width:178px;padding:7px 18px;color:#fff;font-size:24px;line-height:1;font-weight:900;text-transform:uppercase;background:#0b2b63f5;border-inline:7px solid var(--map-green);box-shadow:0 0 0 1px #fff3}.map-title strong{max-width:260px;padding:6px 22px;color:#07121f;background:var(--map-orange);font-size:13px;line-height:1.2;text-transform:uppercase}.map-group-badge{position:absolute;top:38px;z-index:4;display:inline-flex;align-items:center;color:#07121f;font-weight:900;text-transform:uppercase}.map-group-left{left:28px}.map-group-right{right:28px}.map-group-badge span,.map-group-badge b{min-height:26px;display:inline-grid;place-items:center;padding:4px 10px}.map-group-badge span{background:var(--map-orange)}.map-group-badge b{min-width:32px;color:#fff;background:var(--map-green)}.map-connectors{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.map-connector{fill:none;stroke:#f2ab2ee0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.map-connector.active{stroke:#ffd267;stroke-width:3;filter:drop-shadow(0 0 5px rgba(255,210,103,.45))}.map-connector.finished{stroke:#39dd75e6}.map-match{position:absolute;z-index:3;display:grid;gap:7px;padding:9px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#061a43eb;box-shadow:0 16px 30px #00000047}.map-match.active{border-color:#ffd367fa;box-shadow:0 0 0 2px #ffd3673d,0 18px 34px #f2ab2e2e}.map-match.finished{border-color:#39dd759e}.map-match.final{padding:11px;border-color:#ffffff57;background:#041336f5}.map-final-placeholder{position:absolute;z-index:3;display:grid;align-content:center;justify-items:center;gap:7px;padding:18px;color:#fff;text-align:center;border:1px dashed rgba(255,255,255,.36);border-radius:10px;background:#041336c2;box-shadow:0 16px 30px #00000042}.map-final-placeholder span{color:#ffd267;font-size:12px;font-weight:900;text-transform:uppercase}.map-final-placeholder strong{font-size:22px;text-transform:uppercase}.map-final-placeholder small{color:#ffffffb8;font-size:11px;font-weight:800}.map-match-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#ffffffb8;font-size:10px;font-weight:900;line-height:1.15;text-transform:uppercase}.map-match-head b{color:#fff}.map-series{margin:-2px 0 0;color:#ffd267;font-size:11px;font-weight:900;line-height:1.25}.map-player{min-height:28px;display:flex;align-items:center;padding:5px 12px 5px 10px;color:#fff;font-size:12px;font-weight:900;background:linear-gradient(110deg,rgba(255,255,255,.96) 0 14px,transparent 14px),linear-gradient(90deg,#1a3e7cfa,#0c2352fa 72%,#fffffff0 72%,#fffffff0);clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,5% 50%);overflow:hidden}.map-match.right .map-player{padding:5px 12px 5px 10px;background:linear-gradient(110deg,rgba(255,255,255,.96) 0 14px,transparent 14px),linear-gradient(90deg,#1a3e7cfa,#0c2352fa 72%,#fffffff0 72%,#fffffff0);clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,5% 50%)}.map-player span{display:block;max-width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-player.winner,.map-match.right .map-player.winner{color:#06120b;background:linear-gradient(90deg,var(--map-green),#e9ff94 70%,rgba(255,255,255,.96) 70% 100%)}.map-result,.map-live-link{margin:0;color:#ffe27a;font-size:11px;font-weight:900;line-height:1.25}.map-result{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-live-link{justify-self:start}.map-vs{position:absolute;z-index:4;min-width:76px;padding:9px 14px;color:#07121f;text-align:center;font-size:18px;font-weight:900;background:var(--map-orange);transform:skew(-8deg)}.map-champion{position:absolute;z-index:4;display:grid;gap:4px;padding:12px 16px;color:#fff;text-align:center;background:#0a275ef2;border-inline:7px solid var(--map-green);box-shadow:0 14px 28px #00000047}.map-champion span{color:#ffd267;font-size:11px;font-weight:900;text-transform:uppercase}.map-champion strong{font-size:19px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-podium{position:absolute;z-index:4;display:grid;gap:5px;padding:10px 14px;color:#fff;text-align:center;background:#05122de0;border:1px solid rgba(255,210,103,.44);border-radius:10px;box-shadow:0 14px 28px #0000003d}.map-podium span{color:#ffd267;font-size:11px;font-weight:900;text-transform:uppercase}.map-podium strong,.map-podium small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-podium strong{font-size:12px}.map-podium small{color:#d5dded;font-size:11px;font-weight:800}.champion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.champion-card{position:relative;display:grid;gap:18px;overflow:hidden}.champion-rank{position:absolute;top:16px;right:16px;color:var(--gold-2);font-size:22px;font-weight:900}.champion-profile{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding-right:58px}.champion-profile h2{font-size:28px;margin-bottom:4px;overflow-wrap:anywhere}.champion-avatar-wrap{position:relative;width:76px;height:76px}.champion-avatar{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;object-fit:cover;background:linear-gradient(135deg,var(--teal),var(--gold));color:#081019;font-size:30px;font-weight:900;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 38px #00000052}.champion-crown{position:absolute;right:-8px;top:-10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffce63,#fff1ad);color:#5a3600;font-size:18px;font-weight:900;border:2px solid rgba(255,255,255,.65);box-shadow:0 12px 24px #f8c35b3d}.champion-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.champion-stats span{padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff0a}.champion-stats b,.champion-stats small{display:block}.champion-stats b{color:#fff;font-size:20px}.champion-stats small{color:var(--muted);font-size:12px}.champion-challenge-panel{display:grid;gap:22px}.challenge-list{display:grid;gap:10px;margin-top:14px}.challenge-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff0a}.challenge-row b,.challenge-row span{display:block}.challenge-row b{color:#fff}.challenge-row span{color:var(--muted);font-size:13px;margin-top:2px}.challenge-row p{margin-top:8px;font-size:14px}.challenge-modal{width:min(640px,100%);display:grid;gap:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#111a2dfa,#070b14fa),var(--bg-soft);box-shadow:0 32px 90px #0000008c;padding:24px}@media (max-width: 720px){.bracket-modal-backdrop{padding:8px;align-items:stretch;place-items:stretch}.bracket-modal{width:100%;height:calc(100dvh - 16px);max-height:none;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px;border-radius:18px}.bracket-modal-head{align-items:center;gap:10px}.bracket-modal-actions{align-items:flex-end;flex-direction:column-reverse;gap:8px}.bracket-modal-actions .btn{padding:9px 12px;font-size:12px}.bracket-modal-head .breadcrumb{font-size:11px;margin-bottom:6px}.bracket-modal-head h2{font-size:22px;line-height:1.1}.bracket-modal-head .toast-close{flex:0 0 auto}.synoptic-empty{min-height:0;align-content:start;padding:18px;overflow:auto}.synoptic-legend{gap:8px;font-size:12px}.synoptic-modal-content{min-height:0;grid-template-rows:auto minmax(0,1fr);gap:10px}.synoptic-scroll{margin-inline:-4px;padding:2px 4px 12px;overflow:auto}.synoptic-export-surface{padding:12px;border-radius:18px}.synoptic-export-head strong{max-width:680px;font-size:18px}.synoptic-bracket{width:100%;min-width:0;grid-template-columns:1fr;gap:16px;align-items:start}.synoptic-round{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff09}.synoptic-round-title{min-height:48px;display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.synoptic-round-title h3{font-size:15px;margin-bottom:0}.synoptic-match-stack{min-height:0;align-content:start;gap:10px}.synoptic-match{min-height:0;padding:10px}.synoptic-match:not(.final-node):after{display:none}.arena-bracket-stage{min-width:980px;min-height:540px;grid-template-columns:minmax(300px,1fr) 250px minmax(300px,1fr);gap:18px;padding:42px 18px 24px;border-radius:18px}.arena-bracket-badge{top:18px;font-size:12px}.arena-bracket-badge.left{left:18px}.arena-bracket-badge.right{right:18px}.arena-bracket-side{gap:14px}.arena-bracket-round-label{font-size:10px}.arena-bracket-stack{min-height:400px;gap:12px}.arena-bracket-match{min-height:104px;padding:8px}.arena-bracket-match.left:after,.arena-bracket-match.right:before{width:16px}.arena-bracket-match.left:after{right:-16px}.arena-bracket-match.right:before{left:-16px}.arena-bracket-match.left:before{right:-21px}.arena-bracket-match.right:after{left:-21px}.arena-bracket-player{min-height:26px;font-size:11px}.arena-bracket-title span{min-width:150px;font-size:20px}.arena-bracket-title strong{max-width:220px;font-size:11px}.arena-bracket-champion strong,.arena-bracket-final-placeholder b{font-size:17px}.tournament-map{transform-origin:top left;border-radius:16px}.map-title{top:18px}.map-title span{min-width:148px;font-size:18px;padding:6px 14px}.map-title strong{max-width:210px;font-size:11px}.map-group-badge{top:30px;font-size:11px}.map-group-left{left:18px}.map-group-right{right:18px}.map-match{padding:8px}.map-match-head,.map-series,.map-result,.map-live-link{font-size:10px}.map-player{min-height:26px;font-size:11px}.map-vs{min-width:66px;font-size:15px;padding:8px 12px}.map-champion strong{font-size:16px}.synoptic-player{font-size:12px;min-height:30px;padding:6px 8px}.champion-grid,.champion-profile,.challenge-row{grid-template-columns:1fr}.champion-profile{padding-right:46px}.champion-stats{grid-template-columns:1fr}.challenge-modal{max-height:calc(100vh - 20px);overflow:auto;padding:18px;border-radius:18px}}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.table-actions .btn{padding:9px 13px;font-size:13px}.review-layout{display:grid;grid-template-columns:minmax(320px,720px) minmax(280px,1fr);gap:22px;align-items:start}.review-board-card{display:grid;gap:16px}.review-scoreline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.review-scoreline span{min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff0b}.review-scoreline small,.review-move-row small{display:block;color:var(--muted);font-size:12px}.review-scoreline b{display:block;overflow-wrap:anywhere}.review-scoreline strong{color:var(--gold);font-weight:900}.review-panel{display:grid;gap:18px}.review-control-card{display:grid;gap:16px}.review-range{width:100%;accent-color:var(--gold)}.review-details{grid-template-columns:1fr;margin-top:14px}.review-move-list{display:grid;gap:8px;max-height:430px;overflow:auto;padding-right:4px}.review-move-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;text-align:left;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:#ffffff0a}.review-move-row span{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;color:#0a101c;background:var(--gold);font-weight:900}.review-move-row b{min-width:0;overflow-wrap:anywhere}.review-move-row small{grid-column:2}.review-move-row.active{border-color:#f8c35b8c;background:#f8c35b1f}.export-video-modal-backdrop{z-index:80}.export-video-modal{max-width:520px}.export-progress-bar{width:100%;height:14px;margin-top:20px;overflow:hidden;border:1px solid rgba(248,195,91,.26);border-radius:999px;background:#ffffff14}.export-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .2s ease}.export-progress-percent{display:block;margin-top:12px;color:var(--gold);font-size:28px}.iconic-duel-card h3{overflow-wrap:anywhere}.profile-avatar{overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.footer-credit{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center}.footer-credit a{color:var(--gold);font-weight:900}.footer-credit a:hover{color:#ffe09a}.footer-link-groups{display:grid;gap:10px;justify-items:end}.footer-management-links{align-items:center;justify-content:flex-end;gap:10px}.footer-links-title{color:var(--gold);font-weight:900}@media (max-width: 1050px){.review-layout{grid-template-columns:1fr}}@media (max-width: 720px){.review-scoreline{grid-template-columns:1fr}.review-scoreline strong{text-align:center}.table-actions{display:grid}.footer-link-groups{justify-items:start}.footer-management-links{justify-content:flex-start}}@media (min-width: 721px) and (max-width: 1100px){.champion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.btn.btn-sm{min-height:38px;padding:0 16px;font-size:13px}.ranking-player-cell{display:flex;align-items:center;gap:12px;min-width:190px}.ranking-avatar{width:42px;height:42px;flex:0 0 42px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#ffffff14;box-shadow:0 12px 28px #00000042}.ranking-avatar img{width:100%;height:100%;display:block;object-fit:cover}.ranking-avatar.fallback{display:grid;place-items:center;color:#07101d;font-weight:900;background:linear-gradient(135deg,#6ff0a3,#ffcf67)}.ranking-avatar.large{width:82px;height:82px;flex-basis:82px;border-radius:24px;font-size:30px}.game-player-avatar{flex:0 0 38px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 24px #0000003d}.game-player-avatar.has-photo{background:#ffffff14}.game-player-avatar img{width:100%;height:100%;display:block;object-fit:cover}.simulation-layout{display:grid;grid-template-columns:minmax(320px,680px) minmax(280px,1fr);gap:22px;align-items:start}.simulation-board-card{display:grid;gap:18px}.simulation-board-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.simulation-board{width:min(100%,680px);margin-inline:auto}.simulation-board .square{min-width:0}.simulation-board .square.simulation-clickable{cursor:pointer}.simulation-board .square.simulation-clickable:hover{box-shadow:inset 0 0 0 3px #f8c35b80}.simulation-board .piece{pointer-events:none}.simulation-panel{display:grid;gap:18px}.simulation-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.simulation-actions{margin-top:18px}.simulation-check{align-items:flex-start;line-height:1.5}.simulation-move-list{max-height:360px;overflow:auto}.simulation-message-card{border-color:#6dec9d47}.simulation-error-card{border-color:#ff636357}@media (max-width: 1050px){.simulation-layout{grid-template-columns:1fr}.simulation-board{width:min(100%,620px)}}@media (max-width: 720px){.simulation-board-head{display:grid}.simulation-tools{grid-template-columns:1fr}}.ranking-player-meta{min-width:0}.ranking-player-meta small{display:block;margin-top:3px;color:var(--muted)}.ranking-table-actions{text-align:right}.ranking-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}.ranking-pagination-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ranking-detail-modal{grid-template-rows:auto auto minmax(0,1fr);max-width:720px}.ranking-modal-profile{display:flex;align-items:center;gap:16px}.ranking-modal-profile strong{display:block;margin-bottom:4px;color:var(--gold);font-size:18px}.ranking-modal-profile p{color:var(--muted)}.ranking-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;overflow:auto}.ranking-detail-grid span{display:grid;gap:8px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff0b}.ranking-detail-grid small{color:var(--muted);font-size:12px}.ranking-detail-grid b{color:#fff;font-size:20px}@media (max-width: 720px){.ranking-pagination,.ranking-pagination-actions{align-items:stretch;flex-direction:column}.ranking-pagination-actions .btn,.ranking-pagination-actions .tag{width:100%;justify-content:center}.ranking-detail-grid{grid-template-columns:1fr}.ranking-modal-profile{align-items:flex-start}}@media (max-width: 720px){.game-chat-panel,.game-chat-panel.collapsed{right:12px;bottom:12px;width:calc(100vw - 24px)}.game-chat-messages{height:190px}.game-chat-form,.invite-code-row{grid-template-columns:1fr}.game-chat-form .btn,.invite-copy-button{width:100%}}.checker-board.analysis-enabled{touch-action:auto}.checker-board.analysis-enabled .square:disabled{pointer-events:none}.board-analysis-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;overflow:visible;pointer-events:none}.board-analysis-arrow{fill:none;stroke:#f8c35be0;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.board-analysis-arrow.is-draft{opacity:.62;stroke-dasharray:10 7}.board-analysis-arrow-head{fill:#f8c35beb;stroke:#402b1361;stroke-width:.35}.game-chat-panel.has-attention{border-color:#f8c35bb8;box-shadow:0 22px 55px #0000006b,0 0 0 3px #f8c35b1f}.game-chat-panel.has-attention .game-chat-toggle{animation:game-chat-attention .9s ease-in-out 2}.game-chat-title{display:inline-flex;align-items:center;gap:8px;min-width:0}.game-chat-title i{font-style:normal;font-size:16px;line-height:1}.my-tournament-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.my-tournament-match-card{display:grid;gap:16px;align-content:start}.my-tournament-match-card h2{margin:10px 0 0}.my-match-details{grid-template-columns:repeat(3,minmax(0,1fr))}.my-match-schedule-notice{display:grid;gap:12px;padding:14px;border:1px solid rgba(248,195,91,.28);border-radius:16px;background:#f8c35b14}.my-match-schedule-notice strong{color:var(--text)}.my-match-schedule-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.live-section+.live-section{margin-top:28px}.compact-head{margin-bottom:8px}.live-scheduled-card{border-color:#f8c35b38}.live-scheduled-card .meta-grid{grid-template-columns:repeat(auto-fit,minmax(124px,1fr))}.live-scheduled-card .meta-grid>span{min-width:0;overflow:hidden}.schedule-tag{color:var(--gold);border-color:#f8c35b61;background:#f8c35b1a}.countdown-cell b{display:block;color:var(--gold);font-size:clamp(16px,4vw,20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-series-grid{grid-template-columns:repeat(2,minmax(124px,1fr))}@keyframes game-chat-attention{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}@media (max-width: 920px){.my-tournament-match-grid,.my-match-details,.my-match-schedule-form,.live-series-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.game-chat-panel.has-attention .game-chat-toggle{animation:none}}.training-admin-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1fr);gap:24px;align-items:start}.training-editor-panel,.training-form-panel{display:grid;gap:16px;min-width:0}.training-board-editor{width:min(100%,560px);margin-inline:auto}.training-board-editor .square{aspect-ratio:1}.training-board-editor .training-editable{cursor:pointer}.training-tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.training-admin-list{display:grid;gap:12px}.training-admin-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff0a}.training-admin-row small{display:block;color:var(--muted);margin-top:4px}.training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.training-card{display:grid;gap:16px}.training-card.completed{border-color:#57e69c57}.training-card-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.training-card .training-board-editor{width:min(100%,420px)}.training-search-card{display:grid;gap:18px}.training-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.training-list-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.training-pagination{margin-top:4px}.training-solution-modal{max-width:620px}.training-solution-list{display:grid;gap:10px;margin:0;padding-left:24px;color:#fff;font-weight:800}.training-notice{border-color:#57e69c47}.training-error{border-color:#ff5c7a61}.floating-private-join{position:fixed;right:22px;bottom:22px;z-index:19;display:grid;gap:10px;width:62px;min-height:62px;padding:10px;border:1px solid rgba(248,195,91,.32);border-radius:999px;background:#0c121feb;box-shadow:0 18px 45px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .2s ease,border-radius .2s ease}.floating-private-join.expanded{width:min(420px,calc(100vw - 32px));border-radius:24px}.floating-private-join-toggle{width:42px;height:42px;border:0;border-radius:999px;padding:0;background:linear-gradient(135deg,var(--gold),#ffe09a);color:#14100a;font-weight:900;font-size:24px;line-height:1}.floating-private-join-toggle small{display:none}.floating-private-join.expanded .floating-private-join-toggle{width:100%;height:auto;border-radius:18px;padding:12px 16px;font-size:14px}.floating-private-join.expanded .floating-private-join-toggle>span{display:none}.floating-private-join.expanded .floating-private-join-toggle small{display:inline}.floating-private-join-fields{display:none;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.floating-private-join.expanded .floating-private-join-fields{display:grid}.floating-private-join .input{min-height:46px;text-transform:uppercase}.floating-private-join .btn{min-height:46px;padding-inline:18px}@media (max-width: 980px){.training-admin-layout,.training-grid{grid-template-columns:1fr}.training-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-admin-row{align-items:stretch;flex-direction:column}.training-search-row{grid-template-columns:1fr}}@media (max-width: 720px){.floating-private-join{right:12px;bottom:12px}.floating-private-join.expanded{width:calc(100vw - 24px)}.floating-private-join.expanded .floating-private-join-fields{grid-template-columns:1fr}}.online-nav-count{display:inline-grid;min-width:20px;height:20px;margin-left:6px;place-items:center;border:1px solid rgba(109,236,157,.35);border-radius:999px;background:#6dec9d29;color:var(--green);font-size:11px;font-weight:900;line-height:1}.nav-menu-badge{display:inline-grid;min-width:20px;height:20px;margin-left:6px;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--gold),#ffe09a);color:#14100a;font-size:11px;font-weight:1000;line-height:1;box-shadow:0 8px 18px #f8c35b2e}.nav-dropdown-menu a .nav-menu-badge{margin-left:auto}.mobile-online-indicator{display:none}.online-presence-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.online-presence-stats .card{padding:18px}.online-presence-stats span{display:block;color:var(--muted);font-size:13px;font-weight:800}.online-presence-stats b{display:block;margin-top:6px;color:#fff;font-size:34px;line-height:1.1}.online-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.online-player-card{display:grid;min-height:260px;align-content:start;gap:16px;border-color:#ffffff1f}.online-player-card.status-available,.online-player-card.status-quick_lobby,.online-player-card.status-tournament_lobby{border-color:#6dec9d47}.online-player-card.status-quick_waiting{border-color:#f8c35b66;background:linear-gradient(180deg,#f8c35b18,#ffffff09)}.online-player-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.online-player-avatar{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,var(--teal),var(--gold));box-shadow:0 12px 24px #0000003d;color:#07101b;font-weight:1000}.online-player-avatar img{width:100%;height:100%;object-fit:cover}.online-player-name{display:flex;min-width:0;align-items:center;gap:8px}.online-player-name h2{margin:0;overflow:hidden;font-size:24px;text-overflow:ellipsis;white-space:nowrap}.online-player-main p{margin-top:3px;font-size:13px}.online-player-status{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 9px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0b}.online-player-status small{grid-column:2;color:var(--muted)}.online-dot{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #6dec9d1f}.online-game-preview{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0b122061}.online-game-preview span{overflow:hidden;color:#fff;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.online-game-preview b{color:var(--gold);font-size:12px}.online-player-actions{margin-top:auto}.online-info-card{border-color:#f8c35b47}.online-error-card{border-color:#ff636347}@media (max-width: 1180px){.online-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.mobile-online-indicator{display:inline-flex}.online-presence-stats,.online-player-grid{grid-template-columns:1fr}.online-player-card{min-height:auto}.online-player-name h2{font-size:22px}}@media (max-width: 420px){.mobile-online-indicator small{display:none}.mobile-online-indicator{min-width:46px;justify-content:center;padding-inline:9px}}