:root{
  --bg:#071019;--bg2:#0a151f;--panel:rgba(13,27,38,.86);--panel2:#0d1b26;--line:#1e3442;--line2:#294454;
  --text:#eef4f7;--muted:#8da3b1;--gold:#e7bb57;--gold2:#b8842c;--cyan:#58d6c2;--green:#62d18f;--red:#f07878;--violet:#ae86ff;
  --shadow:0 22px 60px rgba(0,0,0,.30);--radius:24px;--radius-sm:16px;--blur:18px;
  --sidebar:260px;--topbar:74px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -20%,#173645 0,transparent 38%),linear-gradient(180deg,#071019 0,#09131c 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}
button,input,select{font:inherit}button{cursor:pointer}.panel{background:linear-gradient(180deg,rgba(15,31,42,.92),rgba(9,20,29,.91));border:1px solid rgba(108,145,163,.18);box-shadow:var(--shadow);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}
.aurora{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.18;z-index:-2}.aurora-a{width:540px;height:540px;background:#1c7891;right:-120px;top:-180px}.aurora-b{width:460px;height:460px;background:#7d5d24;left:-180px;bottom:-160px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);border-radius:0;border-width:0 1px 0 0;padding:18px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:grid;grid-template-columns:46px 1fr;gap:11px;align-items:center;width:100%;background:transparent;border:0;color:var(--text);text-align:left;padding:4px 6px 18px;border-bottom:1px solid var(--line);margin-bottom:14px}.brand img{width:44px;height:44px}.brand span{display:flex;flex-direction:column}.brand b{font-size:14px;letter-spacing:.08em}.brand small{font-size:8px;color:var(--gold);letter-spacing:.17em;margin-top:3px}.nav-label{font-size:9px;letter-spacing:.18em;color:#5f7481;padding:14px 12px 7px;font-weight:800}.nav-stack{display:flex;flex-direction:column;gap:4px}.nav-link{border:0;background:transparent;color:#a8b8c2}.nav-stack .nav-link{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border-radius:13px;text-align:left;transition:.18s ease}.nav-stack .nav-link i{font-style:normal;font-size:16px;color:#718997;text-align:center}.nav-stack .nav-link span{font-size:13px;font-weight:650}.nav-stack .nav-link:hover,.nav-stack .nav-link.active{background:linear-gradient(90deg,rgba(231,187,87,.14),rgba(88,214,194,.04));color:#fff}.nav-stack .nav-link.active i{color:var(--gold)}.count,.pulse-badge{font-size:9px;border-radius:20px;padding:3px 6px}.count{background:#183040;color:#a5c0cf}.pulse-badge{background:rgba(98,209,143,.13);color:#79e2a5;font-style:normal;letter-spacing:.08em}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.profile-chip{position:relative;width:100%;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:14px;padding:8px;text-align:left;color:var(--text)}.profile-chip img{width:38px;height:38px;border-radius:12px}.profile-chip span{display:flex;flex-direction:column;min-width:0}.profile-chip b{font-size:12px}.profile-chip small{font-size:10px;color:var(--muted);margin-top:2px}.presence{position:absolute;width:9px;height:9px;background:#62d18f;border:2px solid #0b1620;border-radius:50%;left:39px;bottom:9px}.side-utilities{display:flex;gap:8px;margin-top:10px}.icon-btn{width:36px;height:34px;border-radius:11px;border:1px solid var(--line);background:#0c1a24;color:#9db0ba}.icon-btn:hover{border-color:#466170;color:#fff}
.main{grid-column:2;min-width:0}.topbar{height:var(--topbar);position:sticky;top:0;z-index:15;border-radius:0;border-width:0 0 1px 0;padding:0 24px;display:grid;grid-template-columns:auto minmax(240px,460px) auto;gap:24px;align-items:center}.page-title{display:flex;gap:10px;align-items:center;min-width:180px}.network-dot,.mini-status{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 0 5px rgba(98,209,143,.08),0 0 18px rgba(98,209,143,.6)}.page-title div{display:flex;flex-direction:column}.page-title small{font-size:8px;letter-spacing:.18em;color:#6e8794}.page-title strong{font-size:14px;margin-top:2px}.topbar-search{height:38px;border:1px solid var(--line);background:rgba(8,18,26,.72);border-radius:12px;display:flex;align-items:center;padding:0 10px;gap:8px}.topbar-search span{color:#71909f}.topbar-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.topbar-search input::placeholder{color:#5f7481}.topbar-search kbd{font-size:9px;color:#657c88;border:1px solid #2a414f;border-radius:6px;padding:3px 6px}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.region-pill,.credit-pill,.notification-btn,.avatar-btn{border:1px solid var(--line);background:#0a1822;color:var(--text)}.region-pill{height:38px;border-radius:12px;padding:0 10px;display:flex;align-items:center;gap:6px}.region-pill b{font-size:11px}.region-pill small{color:#68818e}.credit-pill{height:42px;border-radius:14px;padding:4px 7px 4px 5px;display:flex;align-items:center;gap:7px}.credit-pill>img{width:30px;height:30px}.credit-pill>span{display:flex;flex-direction:column;min-width:64px;text-align:left}.credit-pill b{font-size:12px}.credit-pill small{font-size:8px;color:var(--muted)}.credit-pill>i{font-style:normal;color:#0b1319;background:var(--gold);width:22px;height:22px;border-radius:8px;display:grid;place-items:center;font-weight:900}.notification-btn{position:relative;width:38px;height:38px;border-radius:12px;font-size:18px}.notification-btn span{position:absolute;right:-4px;top:-4px;background:#d85e5e;border:2px solid #0b1720;font-size:8px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center}.avatar-btn{width:40px;height:40px;padding:2px;border-radius:13px;position:relative}.avatar-btn img{width:100%;height:100%;border-radius:10px}.avatar-btn i{position:absolute;right:0;bottom:0;width:9px;height:9px;background:var(--green);border:2px solid #0b1720;border-radius:50%}
.content{padding:24px}.screen{display:none;animation:screenIn .24s ease}.screen.active{display:block}@keyframes screenIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:800;color:#7e98a6}.eyebrow span{display:inline-block;width:16px;height:2px;background:var(--gold);vertical-align:middle;margin-right:7px}.hero{min-height:415px;border-radius:var(--radius);display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,28,39,.1),transparent 60%);pointer-events:none}.hero-copy{padding:50px 54px;position:relative;z-index:2}.hero h1{font-size:clamp(44px,5vw,74px);line-height:.94;margin:16px 0 20px;letter-spacing:-.055em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#f4d279,#c89334);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{max-width:690px;color:#a2b3bc;font-size:14px;line-height:1.75}.hero-actions,.button-pair{display:flex;gap:10px;align-items:center}.hero-actions{margin-top:27px}.btn{border-radius:12px;border:1px solid transparent;padding:10px 16px;font-weight:760;font-size:12px;transition:.16s ease;color:var(--text)}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#f0c75d,#bc862c);color:#10161a;border-color:#ecc85e;box-shadow:0 10px 26px rgba(211,163,54,.18)}.btn.secondary{background:#0c1b26;border-color:#27404f;color:#dbe7ec}.btn.subtle{background:rgba(255,255,255,.035);border-color:#233945;color:#b4c4cc}.btn.danger{background:rgba(240,120,120,.1);border-color:rgba(240,120,120,.28);color:#f09595}.btn.lg{padding:13px 18px}.btn.xl{padding:15px 22px;font-size:13px}.btn.tiny{padding:7px 10px;font-size:10px}.btn.full{width:100%}.hero-proof{display:flex;gap:28px;margin-top:32px;padding-top:20px;border-top:1px solid #213644}.hero-proof div{display:flex;flex-direction:column}.hero-proof b{font-size:17px}.hero-proof small{font-size:9px;color:#728995;margin-top:3px}.hero-art{position:relative;min-height:100%;background:radial-gradient(circle at 45% 50%,rgba(67,129,151,.19),transparent 47%)}.hero-dice{position:absolute;width:82%;max-width:480px;left:8%;top:15%;filter:drop-shadow(0 25px 55px rgba(0,0,0,.42));animation:floatDice 5s ease-in-out infinite}@keyframes floatDice{50%{transform:translateY(-9px) rotate(1deg)}}.orbit{position:absolute;border:1px solid rgba(231,187,87,.13);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-1{width:360px;height:360px}.orbit-2{width:480px;height:480px}.orbit-3{width:600px;height:600px}.floating-card{position:absolute;background:rgba(8,19,27,.88);border:1px solid #29414d;box-shadow:0 16px 32px rgba(0,0,0,.27);border-radius:13px;padding:10px 12px;z-index:3;backdrop-filter:blur(10px);display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center}.floating-card small{font-size:8px;color:#78919d}.floating-card b{font-size:11px}.floating-card em{font-size:9px;color:var(--green);font-style:normal}.fc-a{left:6%;top:18%}.fc-a .mini-status{grid-row:1/3}.fc-b{right:6%;top:36%}.fc-c{left:12%;bottom:13%}.fc-c span{grid-row:1/3;grid-column:2;font-size:18px}.dashboard-grid,.play-grid,.learn-grid,.analysis-grid,.community-grid,.ranking-grid,.profile-grid,.fair-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.span-2{grid-column:span 2}.quick-panel,.live-table{padding:22px;border-radius:var(--radius)}.card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.card-head h2,.card-head h3{margin:4px 0 0}.card-head h2{font-size:20px}.card-head h3{font-size:15px}.link-btn{border:0;background:transparent;color:#91aab6;font-size:10px;padding:6px}.mode-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.game-mode{border:1px solid #203643;background:#0b1923;border-radius:15px;color:var(--text);padding:14px;text-align:left;display:grid;grid-template-columns:38px 1fr;gap:10px;position:relative}.game-mode:hover,.game-mode.active{border-color:#8f713a;background:linear-gradient(180deg,rgba(228,181,75,.12),rgba(12,25,34,.95))}.mode-orb{width:38px;height:38px;border-radius:12px;background:#142b38;display:grid;place-items:center;color:var(--gold)}.game-mode div{display:flex;flex-direction:column}.game-mode small{font-size:7px;letter-spacing:.13em;color:#6c8795}.game-mode b{font-size:13px;margin-top:3px}.game-mode p{font-size:9px;color:#78909c;margin:3px 0 0;line-height:1.4}.game-mode em{position:absolute;right:10px;top:10px;font-size:8px;color:#6f8794;font-style:normal}.season-card,.daily-card,.event-card,.private-card,.scheduled-card{padding:20px;border-radius:var(--radius)}.tier-medal{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid #dcb04a;background:radial-gradient(circle,#4d3c1d,#1a211e);color:#f0cb6f;font-weight:900}.season-score{display:flex;align-items:end;gap:8px;margin:24px 0 10px}.season-score b{font-size:34px;line-height:1}.season-score span{font-size:10px;color:#78919d}.season-score em{margin-left:auto;font-size:9px;color:var(--green);font-style:normal}.rank-progress,.progress{height:7px;border-radius:20px;background:#132633;overflow:hidden}.rank-progress i,.progress i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#bd8830,#f0cb68)}.progress-labels{display:flex;justify-content:space-between;margin-top:7px;color:#748b97}.season-reward{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.season-reward img{width:34px}.season-reward span{display:flex;flex-direction:column}.season-reward b{font-size:10px}.season-reward small{font-size:9px;color:#7b929e;margin-top:2px}.xp-chip,.tag{font-size:8px;font-weight:850;letter-spacing:.08em;border-radius:20px;padding:6px 8px}.xp-chip{color:var(--green);background:rgba(98,209,143,.1)}.daily-card p,.event-card p,.tournament-card p,.training-card p,.security-card p,.private-card p,.scheduled-card p{font-size:11px;line-height:1.6;color:#8198a4}.mission-progress{display:flex;gap:10px;align-items:center;margin:18px 0}.mission-progress span{flex:1;height:7px;border-radius:20px;background:#132633;overflow:hidden}.mission-progress i{display:block;height:100%;background:linear-gradient(90deg,#57bca8,#74e0c7)}.mission-progress b{font-size:10px}.table-list{margin-top:16px}.table-row{display:grid;grid-template-columns:68px minmax(160px,1.6fr) repeat(3,minmax(65px,.4fr)) 70px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #1e323f}.players-stack{display:flex}.players-stack img{width:38px;height:38px;border-radius:12px;border:2px solid #13242f}.players-stack img+img{margin-left:-10px}.table-row>div:nth-child(2){display:flex;flex-direction:column}.table-row b{font-size:11px}.table-row b span{font-weight:500;color:#637d89;margin:0 4px}.table-row small{font-size:8px;color:#6f8793;margin-top:3px}.table-metric{display:flex;flex-direction:column}.table-metric b{margin-top:2px}.event-card{position:relative;overflow:hidden}.event-card .card-head img{width:56px;height:56px}.event-glow{position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(205,158,57,.12);filter:blur(35px);right:-30px;top:-40px}.event-meta{display:flex;gap:18px;margin:15px 0}.event-meta span{display:flex;flex-direction:column}.event-meta b{font-size:12px}.event-meta small{font-size:8px;color:#728995}
.page-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:4px 0 18px}.page-intro h1{font-size:36px;margin:5px 0 6px;letter-spacing:-.04em}.page-intro p{font-size:12px;color:#8197a3;max-width:760px;margin:0;line-height:1.6}.status-card{border-radius:15px;padding:11px 14px;display:flex;gap:10px;align-items:center;min-width:180px}.status-card div{display:grid;grid-template-columns:1fr auto;column-gap:10px}.status-card small{grid-column:1/3;font-size:7px;color:#6e8793}.status-card b{font-size:11px}.status-card em{font-size:10px;color:var(--green);font-style:normal}.matchmaking-card{grid-column:1/5;border-radius:var(--radius);padding:22px}.mode-tabs,.tournament-tabs,.shop-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:12px;overflow:auto}.mode-tabs button,.tournament-tabs button,.shop-tabs button,.filter-chips button{border:1px solid transparent;background:transparent;color:#7f96a1;border-radius:10px;padding:8px 12px;font-size:10px;font-weight:720;white-space:nowrap}.mode-tabs button.active,.tournament-tabs button.active,.shop-tabs button.active,.filter-chips button.active{color:#11191e;background:linear-gradient(135deg,#e9bf5a,#bb862d)}.match-config{display:grid;grid-template-columns:1.7fr .7fr;gap:18px;margin-top:18px}.config-main{min-width:0}.quick-match-box{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:18px;border:1px solid #29414f;border-radius:17px;background:linear-gradient(90deg,rgba(25,52,65,.42),rgba(12,25,34,.6))}.quick-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#e7bd59,#9d6c23);color:#111;font-size:19px}.quick-match-box small{font-size:8px;letter-spacing:.13em;color:#71909e}.quick-match-box h2{font-size:20px;margin:3px 0}.quick-match-box p{font-size:9px;color:#78909c;margin:0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:13px}.form-grid label{display:flex;flex-direction:column;gap:7px}.form-grid label>span{font-size:9px;color:#8095a0}.form-grid select{appearance:none;background:#0b1923;border:1px solid #223844;color:#d9e5ea;border-radius:11px;padding:11px 34px 11px 11px;font-size:10px;outline:none;background-image:linear-gradient(45deg,transparent 50%,#6e8793 50%),linear-gradient(135deg,#6e8793 50%,transparent 50%);background-position:calc(100% - 15px) 48%,calc(100% - 10px) 48%;background-size:5px 5px;background-repeat:no-repeat}.toggle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}.switch-line{border:1px solid #213743;background:#0a1821;border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.switch-line span{display:flex;flex-direction:column}.switch-line b{font-size:9px}.switch-line small{font-size:8px;color:#6d8490;margin-top:2px}.switch-line input{display:none}.switch-line>i{width:32px;height:18px;background:#1b2e39;border-radius:20px;position:relative;transition:.2s}.switch-line>i:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#788e98;transition:.2s}.switch-line input:checked+i{background:#275848}.switch-line input:checked+i:after{left:17px;background:#7ae1af}.match-preview{border:1px solid #243b48;border-radius:18px;padding:13px;background:#091721}.preview-board,.quiz-board{min-height:190px;border-radius:12px;background:linear-gradient(90deg,#8a5b31 0 48.5%,#55351f 48.5% 51.5%,#8a5b31 51.5%);position:relative;overflow:hidden}.preview-board:before,.quiz-board:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,230,194,.2);background:repeating-linear-gradient(90deg,transparent 0 7.7%,rgba(43,24,17,.62) 7.7% 15.4%,transparent 15.4% 23.1%)}.preview-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.preview-meta span{display:flex;flex-direction:column}.preview-meta small{font-size:7px;color:#667f8b}.preview-meta b{font-size:10px}.preview-meta i{font-style:normal;color:#5f7a87;font-size:8px}.pool-card{border-top:1px solid #203540;margin-top:10px;padding-top:10px}.pool-card>span{display:flex;align-items:center;gap:8px}.pool-card img{width:28px}.pool-card div{display:flex;flex-direction:column}.pool-card small{font-size:7px;color:#6e8793}.pool-card b{font-size:10px}.pool-card>em{display:block;font-size:7px;color:#657c87;margin-top:5px;font-style:normal}.legal-note{font-size:8px;color:#5f7782;border-top:1px solid #1f333f;margin-top:15px;padding-top:12px;line-height:1.5}.private-card,.scheduled-card{grid-column:span 2}.round-icon{width:38px;height:38px;border-radius:12px;background:#122a35;border:1px solid #294653;display:grid;place-items:center;color:var(--gold);font-weight:800}.scheduled-opponent{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px solid #213743;border-radius:13px;padding:9px;margin:13px 0}.scheduled-opponent img{width:42px;height:42px;border-radius:12px}.scheduled-opponent div{display:flex;flex-direction:column}.scheduled-opponent b{font-size:10px}.scheduled-opponent small{font-size:8px;color:#718895}.scheduled-opponent time{font-size:13px;font-weight:800;color:#d8b456}
.match-shell{display:flex;flex-direction:column;gap:12px}.match-top{border-radius:18px;padding:12px 16px;display:grid;grid-template-columns:1fr .72fr 1fr;align-items:center}.player-plate{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center}.player-plate.me{grid-template-columns:auto 1fr 48px;text-align:right;position:relative}.player-plate img{width:48px;height:48px;border-radius:14px}.player-plate div{display:flex;flex-direction:column}.player-plate small{font-size:7px;color:#6e8793}.player-plate b{font-size:12px;margin:2px 0}.player-plate b i{font-style:normal;font-size:7px;color:#0d171c;background:var(--gold);padding:2px 4px;border-radius:5px}.player-plate span{font-size:8px;color:#79919d}.player-plate time{font-size:18px;font-weight:800;color:#e4c05f}.match-center{text-align:center;display:flex;flex-direction:column}.match-center small{font-size:7px;color:#708995;letter-spacing:.12em}.match-center strong{font-size:27px;margin:2px 0}.match-center strong i{font-style:normal;color:#526b77;font-weight:400;margin:0 7px}.match-center em{font-size:8px;color:#7a909b;font-style:normal}.match-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px}.board-stage,.match-side{border-radius:18px}.board-stage{padding:12px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 10px}.board-toolbar>div:first-child{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}.board-toolbar .mini-status{grid-row:1/3}.board-toolbar b{font-size:9px}.board-toolbar small{font-size:7px;color:#66808c}.toolbar-actions{display:flex;gap:6px}.toolbar-actions button,.match-actions button{border:1px solid #223a47;background:#0a1822;color:#8fa5b0;border-radius:9px;padding:7px 9px;font-size:8px}.backgammon-board{height:min(58vh,620px);min-height:470px;background:#6e4328;border:8px solid #714626;box-shadow:inset 0 0 0 3px #2c1a12,inset 0 0 35px rgba(0,0,0,.45),0 18px 45px rgba(0,0,0,.28);border-radius:17px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;position:relative;overflow:hidden}.quadrant{display:flex;position:relative}.q1,.q3{padding-right:22px}.q2,.q4{padding-left:22px}.q1,.q2{align-items:flex-start}.q3,.q4{align-items:flex-end}.point{flex:1;height:88%;position:relative;display:flex;justify-content:center}.q1 .point:before,.q2 .point:before{content:"";position:absolute;top:0;border-left:clamp(14px,2vw,28px) solid transparent;border-right:clamp(14px,2vw,28px) solid transparent;border-top:clamp(150px,23vh,250px) solid #2d1c17}.q3 .point:before,.q4 .point:before{content:"";position:absolute;bottom:0;border-left:clamp(14px,2vw,28px) solid transparent;border-right:clamp(14px,2vw,28px) solid transparent;border-bottom:clamp(150px,23vh,250px) solid #2d1c17}.q1 .point.alt:before,.q2 .point.alt:before{border-top-color:#c39a62}.q3 .point.alt:before,.q4 .point.alt:before{border-bottom-color:#c39a62}.checker-stack{position:relative;z-index:3;width:100%;display:flex;flex-direction:column;align-items:center}.q1 .checker-stack,.q2 .checker-stack{padding-top:4px}.q3 .checker-stack,.q4 .checker-stack{padding-bottom:4px;flex-direction:column-reverse}.checker{width:clamp(28px,3.8vw,46px);height:clamp(28px,3.8vw,46px);border-radius:50%;border:2px solid rgba(255,255,255,.28);margin:-2px 0;background:radial-gradient(circle at 35% 25%,#fbefd6,#d9c6a6 54%,#907d60 100%);box-shadow:0 2px 4px rgba(0,0,0,.4),inset 0 0 0 2px rgba(255,255,255,.18);position:relative}.checker.dark{background:radial-gradient(circle at 35% 25%,#40515c,#111b21 55%,#02080c 100%);border-color:#51616b}.checker.selected{outline:3px solid #f0c55d;transform:translateY(-3px)}.center-bar{position:absolute;left:50%;top:0;bottom:0;width:44px;transform:translateX(-50%);background:linear-gradient(90deg,#3a2317,#583522,#3a2317);box-shadow:inset 0 0 12px rgba(0,0,0,.5);z-index:4}.cube{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(4deg);width:34px;height:34px;border-radius:6px;background:linear-gradient(135deg,#f1e5d1,#b9aa93);color:#1a1a1a;display:grid;place-items:center;font-weight:900;font-size:14px;box-shadow:0 6px 12px rgba(0,0,0,.35);cursor:pointer}.bar-count{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;color:#c4a16b}.bar-count.top{top:24%}.bar-count.bottom{bottom:24%}.bearoff{position:absolute;top:8px;bottom:8px;width:18px;z-index:5;display:flex;flex-direction:column;gap:3px}.bearoff.left{left:5px}.bearoff.right{right:5px}.bearoff span{flex:1;border-radius:4px;background:rgba(25,14,10,.35);border:1px solid rgba(255,255,255,.06)}.dice-area{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 4px 5px}.turn-copy{display:flex;flex-direction:column}.turn-copy small{font-size:7px;color:#718995}.turn-copy b{font-size:13px}.turn-copy span{font-size:8px;color:#627b87;margin-top:2px}.dice-cluster{display:flex;gap:7px}.die{width:45px;height:45px;border-radius:10px;background:linear-gradient(145deg,#f3ead9,#bfb3a2);border:0;color:#172027;font-size:17px;font-weight:900;box-shadow:0 7px 12px rgba(0,0,0,.25);transition:.25s}.die.rolling{transform:rotate(180deg) scale(.88)}.roll-btn kbd{font-size:7px;border:1px solid rgba(0,0,0,.24);border-radius:5px;padding:2px 4px;margin-left:6px}.match-actions{display:flex;gap:7px;border-top:1px solid #1f3440;margin-top:8px;padding-top:9px}.match-actions .danger{margin-left:auto;color:#ee9090;border-color:rgba(238,144,144,.25)}.match-side{padding:12px;display:flex;flex-direction:column;min-height:0}.side-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-bottom:1px solid #203541;padding-bottom:8px}.side-tabs button{border:0;border-radius:9px;background:transparent;color:#6d8793;font-size:8px;padding:7px}.side-tabs button.active{background:#142936;color:#dce8ed}.side-pane{display:none;flex:1;min-height:0}.side-pane.active{display:flex;flex-direction:column}.chat-log{flex:1;overflow:auto;padding:12px 2px;max-height:52vh}.chat-system{text-align:center;font-size:7px;color:#627c88;background:#0a1821;border-radius:8px;padding:7px;margin-bottom:12px}.message{display:flex;gap:7px;margin:10px 0}.message.me{justify-content:flex-end;text-align:right}.message img{width:30px;height:30px;border-radius:9px}.message div{max-width:75%}.message b{font-size:8px;display:flex;gap:7px}.message.me b{justify-content:flex-end}.message time{font-weight:500;color:#5d7480}.message p{font-size:9px;line-height:1.5;margin:4px 0 0;background:#10242f;border:1px solid #203a48;padding:7px 9px;border-radius:5px 11px 11px 11px}.message.me p{background:#2b271e;border-color:#554a31;border-radius:11px 5px 11px 11px}.quick-replies{display:flex;gap:5px;overflow:auto;margin-bottom:7px}.quick-replies button{border:1px solid #233b48;background:#0a1821;color:#8199a5;border-radius:20px;padding:6px 8px;font-size:7px;white-space:nowrap}.side-pane form{display:grid;grid-template-columns:1fr 35px;gap:6px}.side-pane form input{background:#0a1821;border:1px solid #233b48;color:#e5eef2;border-radius:10px;padding:9px;font-size:9px;outline:none}.side-pane form button{border:0;border-radius:10px;background:var(--gold);color:#111;width:35px}.move-list{list-style:none;padding:9px 0;margin:0;overflow:auto}.move-list li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:9px 4px;border-bottom:1px solid #1d313c}.move-list li>span{font-size:8px;color:#607986}.move-list div{display:flex;flex-direction:column}.move-list b{font-size:9px}.move-list small{font-size:7px;color:#6e8792}.move-list em{font-size:8px;color:#e0bd5e;font-style:normal}.live-stat{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1d313c;padding:11px 3px}.live-stat span{display:flex;flex-direction:column}.live-stat small{font-size:7px;color:#6e8793}.live-stat b{font-size:14px}.live-stat em{font-size:7px;font-style:normal;color:#8ea3ad}.live-stat em.good{color:#78ddb0}.live-stat em.great{color:#67ddcc}.mini-chart{height:100px;display:flex;align-items:end;gap:5px;padding:14px 2px}.mini-chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#5bcfbc,#1e5f65)}.spectator-strip{display:flex;justify-content:space-between;border-top:1px solid #203541;margin-top:8px;padding-top:8px;font-size:7px;color:#66808c}.spectator-strip button{border:0;background:transparent;color:#b17c7c;font-size:7px}
.tournament-tabs,.shop-tabs{margin-bottom:16px}.tourney-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.featured-tourney{grid-column:1/5;border-radius:var(--radius);padding:24px;display:grid;grid-template-columns:240px 1fr;min-height:290px;overflow:hidden;position:relative}.tourney-visual{position:relative;display:grid;place-items:center}.tourney-visual img{width:150px;z-index:2}.tourney-visual .rings{position:absolute;width:230px;height:230px;border:1px solid rgba(231,187,87,.18);border-radius:50%;box-shadow:0 0 0 30px rgba(231,187,87,.035),0 0 0 60px rgba(231,187,87,.02)}.tourney-copy{padding:15px 10px}.tourney-copy h2{font-size:30px;margin:7px 0}.tourney-copy p{color:#8097a3;font-size:11px;line-height:1.6;max-width:760px}.tourney-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.tourney-meta span{border:1px solid #223844;background:#0a1821;border-radius:11px;padding:9px;display:flex;flex-direction:column}.tourney-meta small{font-size:7px;color:#657e8a}.tourney-meta b{font-size:10px;margin-top:2px}.tournament-card{border-radius:var(--radius);padding:18px}.tag{display:inline-flex}.tag.green{color:#73dca7;background:rgba(98,209,143,.1)}.tag.gold{color:#e9c25e;background:rgba(231,187,87,.1)}.tag.cyan{color:#65d8c6;background:rgba(88,214,194,.1)}.tag.violet{color:#b99af5;background:rgba(174,134,255,.1)}.tournament-card h3{font-size:17px;margin:10px 0 3px}.seat-row{display:flex;gap:10px;align-items:center;margin:14px 0}.seat-row b{font-size:10px}.seat-row span{flex:1;height:6px;background:#132633;border-radius:20px;overflow:hidden}.seat-row i{display:block;height:100%;background:linear-gradient(90deg,#57bca8,#e1b652)}.mini-meta{display:flex;justify-content:space-between;font-size:8px;color:#708995;margin-bottom:12px}
.coach-hero{grid-column:1/5;border-radius:var(--radius);padding:28px;display:grid;grid-template-columns:1fr 190px;align-items:center;overflow:hidden}.coach-hero h2{font-size:26px;margin:6px 0}.coach-hero p{font-size:11px;color:#8098a4;max-width:740px;line-height:1.65}.coach-hero img{width:170px;justify-self:center;filter:drop-shadow(0 18px 32px rgba(0,0,0,.3))}.coach-tags,.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.coach-tags span,.tag-row span{font-size:8px;border:1px solid #294250;background:#0b1a24;border-radius:20px;padding:6px 8px;color:#95aab4}.training-card{grid-column:span 2;border-radius:var(--radius);padding:18px;display:grid;grid-template-columns:45px 1fr;gap:12px;align-items:start}.lesson-icon{width:45px;height:45px;border-radius:13px;background:linear-gradient(145deg,#173240,#0b1922);border:1px solid #294653;display:grid;place-items:center;color:#e4bd58;font-weight:900}.training-card small{font-size:7px;color:#68818d;letter-spacing:.13em}.training-card h3{margin:3px 0;font-size:15px}.lesson-foot{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1f3440;padding-top:10px}.lesson-foot b{font-size:9px;color:#849aa5}.quiz-card{grid-column:1/5;border-radius:var(--radius);padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.quiz-board{min-height:330px}.quiz-content{padding:14px}.quiz-content h2{font-size:24px;margin:7px 0}.quiz-content p{font-size:11px;color:#8299a5;line-height:1.6}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.answer-grid button{border:1px solid #223a47;background:#0b1923;color:#bdcbd1;border-radius:10px;padding:10px;font-size:9px}.answer-grid button.selected{border-color:#c89b3d;background:rgba(231,187,87,.1);color:#f3d67d}.answer-result{display:none;flex-direction:column;border:1px solid rgba(98,209,143,.25);background:rgba(98,209,143,.06);border-radius:12px;padding:10px;margin-top:10px}.answer-result.show{display:flex}.answer-result b{font-size:10px;color:#7ce0af}.answer-result span{font-size:8px;color:#829aa5;margin-top:3px}
.analysis-overview{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:16px}.scorecard,.metric-card{border-radius:var(--radius);padding:18px}.scorecard>small,.metric-card>small{font-size:8px;color:#6e8793;letter-spacing:.12em}.dial{width:115px;height:115px;border-radius:50%;border:11px solid #18313e;border-top-color:#66d3be;border-right-color:#d4a849;margin:13px auto 8px;display:grid;place-items:center;align-content:center;transform:rotate(-15deg)}.dial span,.dial em{transform:rotate(15deg)}.dial span{font-size:28px;font-weight:850}.dial em{font-style:normal;font-size:8px;color:#66d3be}.scorecard p{font-size:8px;color:#738b97;text-align:center}.metric-card{display:flex;flex-direction:column}.metric-card b{font-size:30px;margin:15px 0 6px}.metric-card em{font-size:8px;font-style:normal}.metric-card em.good{color:#71d9a6}.metric-card em.great{color:#65d9c7}.metric-card span{font-size:8px;color:#718995;margin-top:auto}.analysis-grid>.panel{border-radius:var(--radius);padding:20px}.analysis-grid>.span-2{grid-column:span 2}.decision-list{margin-top:14px}.decision-row{width:100%;display:grid;grid-template-columns:34px 1fr 90px 12px;gap:10px;align-items:center;border:0;border-top:1px solid #1e323e;background:transparent;color:#dbe5e9;padding:12px 2px;text-align:left}.decision-row>span{width:30px;height:30px;border-radius:9px;background:#122631;display:grid;place-items:center;font-size:9px;color:#8096a2}.decision-row div{display:flex;flex-direction:column}.decision-row b{font-size:10px}.decision-row small{font-size:8px;color:#6c8591;margin-top:2px}.decision-row em{font-size:7px;font-style:normal;color:#d8a45f;text-align:right}.decision-row.severe em{color:#ee8181}.decision-row .ok{color:#6cdba7}.decision-row i{font-style:normal;color:#55717d}.line-chart{margin-top:14px}.line-chart svg{width:100%;height:160px;overflow:visible}.gridline{stroke:#203643;stroke-width:1}.area{fill:rgba(88,214,194,.08)}.line{fill:none;stroke:#64d5c0;stroke-width:3}.line-chart>div{display:flex;justify-content:space-between;font-size:7px;color:#69828e}.muted{font-size:8px;color:#6d8590}.dice-bars{height:190px;display:flex;align-items:flex-end;gap:9px;margin-top:8px}.dice-bars span{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.dice-bars b{font-size:9px;color:#77909b;margin-bottom:4px}.dice-bars i{width:70%;max-width:26px;background:linear-gradient(180deg,#e2b653,#5e4827);border-radius:5px 5px 0 0}.dice-bars small{font-size:7px;color:#6e8792;margin-top:5px}
.vault-stats,.profile-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.vault-stats{grid-template-columns:repeat(4,1fr)}.vault-stats article,.profile-stats article{border-radius:18px;padding:16px;display:flex;flex-direction:column}.vault-stats small,.profile-stats small{font-size:7px;color:#6d8692;letter-spacing:.1em}.vault-stats b,.profile-stats b{font-size:22px;margin:8px 0 2px}.vault-stats span,.profile-stats span{font-size:8px;color:#78919c}.vault-layout{display:grid;grid-template-columns:230px 1fr;gap:16px;margin-top:16px}.vault-filters{border-radius:var(--radius);padding:15px;display:flex;flex-direction:column;align-self:start}.vault-filters h3{font-size:13px;margin:3px 6px 10px}.vault-filters button{border:0;background:transparent;color:#7f97a2;border-radius:10px;padding:9px 10px;text-align:left;font-size:9px;display:flex;justify-content:space-between}.vault-filters button.active{background:#142a35;color:#dce7eb}.vault-filters button b{font-size:8px;color:#647d88}.vault-list{display:flex;flex-direction:column;gap:10px}.blunder-item{border-radius:18px;padding:14px;display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center}.severity{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:10px;font-weight:800}.severity.high{background:rgba(240,120,120,.11);color:#f28c8c;border:1px solid rgba(240,120,120,.22)}.severity.med{background:rgba(231,187,87,.1);color:#e5bc59;border:1px solid rgba(231,187,87,.2)}.severity.low{background:rgba(88,214,194,.08);color:#6bd7c5;border:1px solid rgba(88,214,194,.18)}.blunder-item small{font-size:7px;color:#667f8b}.blunder-item h3{font-size:13px;margin:4px 0}.blunder-item p{font-size:8px;color:#718995;margin:0}.blunder-item .tag-row{margin:8px 0 0}
.community-grid>.panel{border-radius:var(--radius);padding:18px}.friends-panel{grid-column:1/5}.topbar-search.small{width:220px;height:34px}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.friend-card{border:1px solid #223944;background:#0a1821;border-radius:15px;padding:11px}.friend-top{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center;position:relative}.friend-top img{width:42px;height:42px;border-radius:12px}.friend-top .presence{left:33px;bottom:1px}.friend-top div{display:flex;flex-direction:column}.friend-top b{font-size:10px}.friend-top b i{font-style:normal;font-size:6px;background:var(--gold);color:#111;border-radius:4px;padding:1px 3px}.friend-top small{font-size:8px;color:#708995}.presence.idle{background:#d0a34c}.friend-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.friend-stats span{background:#0d202a;border-radius:8px;padding:7px;display:flex;flex-direction:column}.friend-stats small{font-size:6px;color:#627a86}.friend-stats b{font-size:9px}.club-card,.invites-card{grid-column:span 2}.club-mark{width:42px;height:42px;border:1px solid #9d7734;background:#322a1b;color:#e1bb57;border-radius:12px;display:grid;place-items:center;font-size:9px;font-weight:850}.club-event{border:1px solid #223945;background:#0a1922;border-radius:12px;padding:10px;display:flex;flex-direction:column;margin:12px 0}.club-event small{font-size:7px;color:#6a8390}.club-event b{font-size:10px;margin-top:2px}.club-event span{font-size:8px;color:#78919d;margin-top:2px}.invite-item{display:grid;grid-template-columns:34px 1fr 28px 28px;gap:7px;align-items:center;padding:10px 0;border-top:1px solid #1f333f}.invite-item img{width:34px;height:34px;border-radius:10px}.invite-item div{display:flex;flex-direction:column}.invite-item b{font-size:9px}.invite-item small{font-size:7px;color:#6d8691}.accept-invite,.decline-invite{width:28px;height:28px;border-radius:9px;border:1px solid #29424f;background:#0d202a}.accept-invite{color:#6bdca7}.decline-invite{color:#e68181}.count-bubble{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#19323f;color:#96abb5;font-size:9px}.recent-chat{grid-column:1/5}.conversation{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #1f333f}.conversation img{width:38px;height:38px;border-radius:11px}.conversation div{display:flex;flex-direction:column}.conversation b{font-size:9px}.conversation p{font-size:8px;color:#718a96;margin:2px 0 0}.conversation time{font-size:7px;color:#617985}
.podium{grid-column:1/4;min-height:290px;border-radius:var(--radius);padding:22px;display:flex;align-items:flex-end;justify-content:center;gap:28px}.podium-player{display:flex;flex-direction:column;align-items:center;position:relative}.podium-player img{width:80px;height:80px;border-radius:24px;border:3px solid #435863}.podium-player.first{transform:translateY(-34px)}.podium-player.first img{width:102px;height:102px;border-color:#dab04f;box-shadow:0 0 40px rgba(218,176,79,.15)}.podium-player span{position:absolute;right:-5px;top:58px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#172b35;border:2px solid #0b1821;font-size:9px}.podium-player.first span{top:78px;background:#c99a39;color:#111}.podium-player b{font-size:11px;margin-top:9px}.podium-player small{font-size:9px;color:#e0b958;margin-top:2px}.crown{color:#e0b958;font-size:24px;margin-bottom:5px}.my-rank{border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;justify-content:center}.big-rank{font-size:54px;font-weight:900;letter-spacing:-.06em;margin:10px 0 0}.my-rank p{font-size:9px;color:#718995}.rank-deltas{display:flex;gap:7px;flex-wrap:wrap}.rank-deltas span{font-size:7px;background:#0d202a;border-radius:8px;padding:7px}.rank-deltas b{color:#67dca6;margin-left:4px}.leaderboard-table{border-radius:var(--radius);padding:14px;margin-top:16px}.leader-head,.leader-row{display:grid;grid-template-columns:70px 1.5fr 1fr .7fr .7fr .7fr .6fr;gap:10px;align-items:center}.leader-head{color:#5f7986;font-size:7px;padding:7px 9px}.leader-row{border-top:1px solid #1e333f;padding:9px;border-radius:10px;font-size:9px}.leader-row>span:nth-child(2){display:flex;align-items:center;gap:8px}.leader-row img{width:30px;height:30px;border-radius:9px}.leader-row i{font-style:normal;font-size:6px;background:var(--gold);color:#111;border-radius:4px;padding:2px 3px}.leader-row strong{font-size:11px}.leader-row em{font-style:normal;color:#69d8a5}.leader-row em.down{color:#e28585}.leader-row.me{background:rgba(231,187,87,.07);border-color:rgba(231,187,87,.18)}
.wallet-card{border-radius:16px;padding:8px 10px;display:flex;align-items:center;gap:8px}.wallet-card img{width:38px}.wallet-card div{display:flex;flex-direction:column}.wallet-card small{font-size:7px;color:#6e8793}.wallet-card b{font-size:14px}.wallet-card button{margin-left:12px;border:1px solid #85672f;background:#2a251a;color:#e8c361;border-radius:9px;padding:8px;font-size:8px}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{border-radius:var(--radius);padding:13px}.product-preview{height:190px;border-radius:15px;margin-bottom:12px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07)}.product-preview.walnut{background:linear-gradient(135deg,#3b2416,#855231)}.product-preview.midnight{background:radial-gradient(circle,#17394a,#07111a)}.product-preview.emerald{background:radial-gradient(circle,#255949,#071610)}.product-preview.frame{background:radial-gradient(circle,#3d2f57,#0d0d15)}.mini-board-art{width:72%;height:58%;border:7px solid #5a341d;border-radius:8px;background:repeating-linear-gradient(90deg,#c79b66 0 9%,#4c2f22 9% 18%);box-shadow:0 16px 28px rgba(0,0,0,.3)}.dice-skin{width:70px;height:70px;border-radius:17px;background:linear-gradient(145deg,#1f4254,#061018);border:2px solid #d5a746;display:grid;place-items:center;font-size:34px;color:#e4bb57;box-shadow:0 20px 30px rgba(0,0,0,.35)}.checker-skin{width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#80d5ae,#164631 55%,#081b13);border:4px solid #c9a044;display:grid;place-items:center;font-size:30px;color:#dfb758;font-weight:900}.product-preview.frame img{width:105px;height:105px;border-radius:30px;border:8px double #b483d5;box-shadow:0 0 0 7px rgba(174,134,255,.12)}.product-card h3{font-size:15px;margin:9px 0 3px}.product-card p{font-size:9px;color:#718995;line-height:1.5;min-height:42px}.product-card>div:last-child{display:flex;align-items:center;justify-content:space-between}.product-card>div:last-child>b{display:flex;align-items:center;font-size:10px;color:#e4bd58}.product-card>div:last-child img{width:20px}
.verified-chip{color:#72dba8;background:rgba(98,209,143,.08);border:1px solid rgba(98,209,143,.18);border-radius:20px;padding:8px 10px;font-size:9px}.fair-grid>.panel{border-radius:var(--radius);padding:20px}.fair-hero{grid-column:1/5;display:grid;grid-template-columns:1fr 190px;align-items:center}.fair-hero h2{font-size:27px;margin:7px 0}.fair-hero p{font-size:11px;color:#8198a4;line-height:1.65;max-width:820px}.fair-hero img{width:150px;justify-self:center}.seed-box{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:16px}.seed-box span{background:#091720;border:1px solid #223844;border-radius:11px;padding:10px;display:flex;flex-direction:column}.seed-box small{font-size:7px;color:#637c88}.seed-box b{font-size:10px;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.seed-box button{border:1px solid #85672f;background:#2c271b;color:#e5bd5c;border-radius:11px;padding:0 14px;font-size:9px}.security-card{grid-column:span 2}.security-card h3{font-size:15px;margin:12px 0 3px}.status-ok{display:inline-flex;color:#70dba7;background:rgba(98,209,143,.08);border-radius:20px;padding:6px 8px;font-size:8px}
.profile-hero{border-radius:var(--radius);padding:25px;display:flex;align-items:center;gap:18px}.profile-avatar{position:relative}.profile-avatar img{width:96px;height:96px;border-radius:28px}.profile-avatar span{position:absolute;right:-6px;bottom:-6px;width:31px;height:31px;background:linear-gradient(135deg,#e5ba55,#9f6f25);color:#111;border:4px solid #0b1821;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:900}.profile-main{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;flex:1}.profile-main h1{font-size:28px;margin:0}.profile-main h1 i{font-style:normal;color:#6bd7c5;font-size:14px}.profile-main p{font-size:9px;color:#718995;margin:4px 0}.profile-badges{grid-column:1;display:flex;gap:7px}.profile-badges span{font-size:8px;background:#0c202a;border:1px solid #27414e;border-radius:20px;padding:6px 8px;color:#94aab5}.profile-main>.btn{grid-column:2;grid-row:1/3}.profile-stats{margin-top:12px}.profile-grid>.panel{border-radius:var(--radius);padding:18px}.profile-grid>.span-2{grid-column:1/4}.achievements{grid-column:4}.profile-match{display:grid;grid-template-columns:34px 1fr 50px 45px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #1e333f}.profile-match>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:9px;font-weight:900}.profile-match.win>span{background:rgba(98,209,143,.1);color:#6fdda7}.profile-match.loss>span{background:rgba(240,120,120,.1);color:#ec8989}.profile-match div{display:flex;flex-direction:column}.profile-match b{font-size:10px}.profile-match small{font-size:8px;color:#6e8792}.profile-match strong{font-size:11px}.profile-match em{font-size:9px;color:#6cd9a6;font-style:normal;text-align:right}.profile-match.loss em{color:#e18383}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.badge-grid div{aspect-ratio:1;border-radius:13px;background:linear-gradient(145deg,#152c38,#09161e);border:1px solid #26404d;display:grid;place-items:center;align-content:center;color:#e3ba58;font-size:18px}.badge-grid small{font-size:6px;color:#778e99;margin-top:4px}.badge-grid .locked{color:#455d68;filter:saturate(.2)}
.modal-backdrop{position:fixed;inset:0;background:rgba(2,7,11,.68);display:none;place-items:center;z-index:60;padding:20px}.modal-backdrop.show{display:grid}.modal{width:min(520px,100%);border-radius:22px;padding:24px;position:relative;text-align:center}.modal-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:10px;border:1px solid #29414e;background:#0b1922;color:#8fa4ae;font-size:18px}.modal h2{font-size:24px;margin:7px 0}.modal p{font-size:10px;color:#7f97a3;line-height:1.6}.loader{width:58px;height:58px;border-radius:50%;border:5px solid #17323f;border-top-color:#e3b856;margin:8px auto 18px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-progress{height:6px;background:#132631;border-radius:20px;overflow:hidden;margin:15px 0}.search-progress i{display:block;width:52%;height:100%;background:linear-gradient(90deg,#59d4be,#e3b958);animation:searchbar 1.4s ease-in-out infinite}@keyframes searchbar{50%{transform:translateX(80%);width:25%}}.room-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:28px;letter-spacing:.12em;background:#081721;border:1px dashed #5c6e4c;color:#e9c45f;border-radius:13px;padding:14px;margin:14px 0}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#0b1922;border:1px solid #2a4552;box-shadow:0 16px 40px rgba(0,0,0,.35);color:#dce8ec;padding:10px 15px;border-radius:12px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;z-index:80}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}
body.light{--bg:#edf2f3;--bg2:#f6f9fa;--panel:rgba(255,255,255,.92);--panel2:#fff;--line:#d9e1e4;--line2:#c8d3d8;--text:#15242b;--muted:#697d87;--shadow:0 14px 38px rgba(42,62,71,.10);background:linear-gradient(180deg,#eef3f4,#e7edef)}body.light .panel{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(247,250,251,.94));border-color:#dbe3e6}body.light .sidebar{background:#f8fbfb}body.light .nav-stack .nav-link:hover,body.light .nav-stack .nav-link.active{background:linear-gradient(90deg,rgba(201,151,55,.15),rgba(57,141,130,.05));color:#14242b}body.light .topbar-search,body.light .region-pill,body.light .credit-pill,body.light .notification-btn,body.light .avatar-btn,body.light .icon-btn,body.light .game-mode,body.light .form-grid select,body.light .switch-line,body.light .preview-board+*,body.light .friend-card,body.light .vault-filters button.active,body.light .toolbar-actions button,body.light .match-actions button{background:#f4f8f9;color:#21323a}body.light .page-intro p,body.light .hero p,body.light .muted{color:#60757f}body.light .hero{background:#fff}body.light .board-stage,body.light .match-side{background:#f8fbfb}body.light .modal{background:#fff}
body.compact{--sidebar:215px}.compact .nav-stack .nav-link{padding:8px 10px}.compact .brand span small{display:none}.compact .content{padding:18px}.compact .dashboard-grid,.compact .play-grid,.compact .learn-grid,.compact .analysis-grid,.compact .community-grid{gap:12px}
@media(max-width:1220px){:root{--sidebar:220px}.topbar{grid-template-columns:auto 1fr auto}.topbar-search{display:none}.dashboard-grid,.play-grid,.learn-grid,.analysis-grid,.community-grid,.fair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.quick-panel,.live-table,.matchmaking-card,.coach-hero,.quiz-card,.friends-panel,.recent-chat,.fair-hero{grid-column:1/3}.mode-row{grid-template-columns:1fr 1fr}.match-config{grid-template-columns:1fr}.match-preview{display:grid;grid-template-columns:230px 1fr;gap:13px;align-items:center}.form-grid{grid-template-columns:repeat(2,1fr)}.toggle-row{grid-template-columns:1fr 1fr 1fr}.match-main{grid-template-columns:1fr 280px}.tourney-layout{grid-template-columns:1fr 1fr}.featured-tourney{grid-column:1/3}.shop-grid{grid-template-columns:1fr 1fr}.analysis-overview{grid-template-columns:1fr 1fr}.analysis-grid>.span-2{grid-column:1/3}.fair-hero{grid-column:1/3}.security-card{grid-column:span 1}.profile-grid>.span-2{grid-column:1/3}.achievements{grid-column:1/3}.profile-stats{grid-template-columns:repeat(3,1fr)}.leader-head,.leader-row{grid-template-columns:60px 1.5fr .8fr .7fr .7fr}.leader-head span:nth-child(3),.leader-row span:nth-child(3),.leader-head span:nth-child(6),.leader-row span:nth-child(6){display:none}.podium{grid-column:1/3}.my-rank{grid-column:1/3}}
@media(max-width:860px){:root{--sidebar:0px}.app-shell{display:block}.sidebar{display:none}.main{grid-column:1}.topbar{height:64px;padding:0 12px;grid-template-columns:1fr auto}.page-title small{display:none}.region-pill,.notification-btn{display:none}.credit-pill span{min-width:50px}.content{padding:12px 12px 82px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:30px 24px}.hero h1{font-size:48px}.hero-art{height:320px}.dashboard-grid,.play-grid,.learn-grid,.analysis-grid,.community-grid,.fair-grid,.ranking-grid,.profile-grid{grid-template-columns:1fr}.span-2,.quick-panel,.live-table,.matchmaking-card,.coach-hero,.quiz-card,.friends-panel,.recent-chat,.fair-hero,.security-card,.private-card,.scheduled-card,.analysis-grid>.span-2,.profile-grid>.span-2,.achievements{grid-column:1}.mode-row{grid-template-columns:1fr}.table-row{grid-template-columns:55px 1fr 55px 60px}.table-metric:nth-of-type(3),.table-metric:nth-of-type(4){display:none}.match-config{grid-template-columns:1fr}.match-preview{display:block}.form-grid,.toggle-row{grid-template-columns:1fr}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h1{font-size:30px}.match-top{grid-template-columns:1fr 80px 1fr;padding:8px}.player-plate{grid-template-columns:34px 1fr}.player-plate.me{grid-template-columns:1fr 34px}.player-plate img{width:34px;height:34px}.player-plate time{display:none}.player-plate span{display:none}.match-center strong{font-size:20px}.match-main{grid-template-columns:1fr}.match-side{min-height:320px}.backgammon-board{min-height:360px;height:50vh}.dice-area{grid-template-columns:1fr auto}.roll-btn{grid-column:1/3}.match-actions{overflow:auto}.match-actions button{white-space:nowrap}.tourney-layout,.shop-grid{grid-template-columns:1fr}.featured-tourney{grid-column:1;grid-template-columns:1fr}.tourney-visual{height:170px}.tourney-meta{grid-template-columns:1fr 1fr}.coach-hero{grid-template-columns:1fr}.coach-hero img{grid-row:1;max-width:130px}.training-card{grid-column:1}.quiz-card{grid-template-columns:1fr}.analysis-overview{grid-template-columns:1fr 1fr}.vault-stats{grid-template-columns:1fr 1fr}.vault-layout{grid-template-columns:1fr}.vault-filters{display:grid;grid-template-columns:1fr 1fr}.friend-grid{grid-template-columns:1fr}.club-card,.invites-card{grid-column:1}.podium{grid-column:1;gap:12px}.podium-player img{width:65px;height:65px}.podium-player.first img{width:84px;height:84px}.my-rank{grid-column:1}.leader-head,.leader-row{grid-template-columns:45px 1.5fr .7fr .6fr}.leader-head span:nth-child(3),.leader-row span:nth-child(3),.leader-head span:nth-child(5),.leader-row span:nth-child(5),.leader-head span:nth-child(6),.leader-row span:nth-child(6){display:none}.seed-box{grid-template-columns:1fr}.fair-hero{grid-template-columns:1fr}.fair-hero img{grid-row:1;width:110px}.profile-hero{align-items:flex-start}.profile-main{grid-template-columns:1fr}.profile-main>.btn{grid-column:1;grid-row:auto}.profile-stats{grid-template-columns:1fr 1fr}.mobile-nav{position:fixed;left:8px;right:8px;bottom:8px;height:60px;border-radius:17px;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);padding:5px}.mobile-nav button{border:0;background:transparent;color:#718995;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px}.mobile-nav button small{font-size:7px;margin-top:2px}.mobile-nav button.active{background:rgba(231,187,87,.12);color:#e6be5b}}
@media(max-width:520px){.hero-copy{padding:26px 20px}.hero h1{font-size:42px}.hero-proof{gap:12px}.hero-proof b{font-size:14px}.hero-art{height:260px}.hero-dice{width:95%;left:2%}.floating-card{transform:scale(.86)}.fc-b{right:2%}.fc-c{left:3%}.analysis-overview{grid-template-columns:1fr}.profile-stats{grid-template-columns:1fr 1fr}.table-row{grid-template-columns:48px 1fr 54px}.table-metric:nth-of-type(2){display:none}.watch-btn{display:none}.quick-match-box{grid-template-columns:42px 1fr}.quick-match-box .btn{grid-column:1/3;width:100%}.tourney-meta{grid-template-columns:1fr}.seed-box span{overflow:hidden}.leader-head,.leader-row{grid-template-columns:38px 1.4fr .6fr}.leader-head span:nth-child(7),.leader-row em{display:none}.vault-filters{grid-template-columns:1fr}.blunder-item{grid-template-columns:52px 1fr}.blunder-item>.btn{grid-column:1/3}.profile-hero{flex-direction:column}.profile-main{width:100%}}