@font-face{font-family:Game;src:url('/assets/fonts/RaviFaNum-Regular.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#101223;color:#f4f3ff;font-family:Game,Tahoma,sans-serif;line-height:1.8}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #67dfcf;outline-offset:4px}[hidden]{display:none!important}.ambient{position:absolute;inset:0 0 auto;height:750px;background:radial-gradient(ellipse at 80% 0,#44317b55,transparent 60%);pointer-events:none}.shell{position:relative;max-width:1160px;margin:auto;padding:0 28px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0e}.brand{font-size:25px;font-weight:bold;display:flex;gap:12px;align-items:center}.brand small{font-size:11px;font-weight:normal;color:#9b9bb4;border-right:1px solid #44435b;padding-right:12px}.crown{color:#ffce77;font-size:36px}.back{font-size:14px;color:#b8b6cf}.back span{color:#8a77ff}.account,.tag{border:1px solid #ffffff18;border-radius:12px;padding:8px 15px;font-size:12px}.intro{text-align:center;padding:35px 0 23px}.eyebrow{font-size:11px;letter-spacing:.3px;color:#aaa6c7}.intro .eyebrow{color:#b8a9ff}.intro h1{font-size:46px;margin:2px 0 0;line-height:1.5}.intro p{color:#b9b6ce;font-size:14px;margin:6px 0}.hero{position:relative;border-radius:24px;overflow:hidden;border:1px solid #ffffff18;aspect-ratio:21/9;background:#19182e}.hero img{width:100%;height:100%;object-fit:cover;display:block}.hero-label{position:absolute;bottom:18px;right:20px;font-size:11px;background:#101223bb;border:1px solid #ffffff20;padding:6px 13px;border-radius:30px;backdrop-filter:blur(12px)}.hero-label i{display:inline-block;background:#69ddbb;width:6px;height:6px;border-radius:50%;margin-left:7px}.panel{background:linear-gradient(130deg,#222337,#1a1c2e);border:1px solid #ffffff10;border-radius:22px;padding:27px}.feature-grid{display:grid;grid-template-columns: .9fr 1.1fr;gap:20px;margin-top:22px}.prize{background:radial-gradient(ellipse at top left,#85602933,transparent 80%),#202132}.prize-value{font-size:35px;font-weight:bold;color:#ffda92;margin-top:13px;white-space:nowrap}.prize-value small{font-size:12px}.prize-value>span{float:left}.prize p{color:#c5bba8;font-size:12px;margin:0}.divider{height:1px;background:#ffffff12;margin:22px 0}.season-line{display:flex;justify-content:space-between;font-size:13px}.live{color:#73dfc0;font-size:11px;font-weight:normal}.countdown{font:24px;letter-spacing:.5px;white-space:nowrap;margin:18px 0 10px;text-align:center;color:#f8edda}.prize>small{font-size:10px;color:#aaa5b7;display:block;text-align:center}h2{font-size:20px;margin:3px 0 15px}.step{display:flex;align-items:center;gap:12px;margin:10px 0}.step b{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:9px;background:#a48aff18;color:#c2aeff;font-size:12px}.step p{font-size:12px;color:#c0bcd2;margin:0}.primary{border:0;border-radius:13px;padding:13px 20px;color:white;background:linear-gradient(110deg,#8872f4,#6850d9);box-shadow:0 6px 25px #7660e525;font-weight:bold}.how>.primary{width:100%;margin-top:16px;display:flex;justify-content:space-between}.primary:disabled{opacity:.5;cursor:wait}.muted{color:#9b97b3;font-size:10px;text-align:center;margin:10px 0 0}.tables{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.table-heading{display:flex;align-items:center;justify-content:space-between}.table-heading h2 span{color:#bc9efa;margin-right:8px}.tag{font-size:10px;color:#b6b2cb;padding:4px 10px;white-space:nowrap}.rank-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff09;font-size:12px}.rank-row:last-child{border:0}.rank-number{color:#8c88a4;width:20px}.rank-row:first-child .rank-number{color:#ffda92}.avatar{display:grid;place-items:center;background:#9c83f522;border-radius:12px;color:#d4c4ff;width:34px;height:34px}.rank-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-value{color:#d1c2ff}.empty{color:#9691b0;text-align:center;font-size:12px;padding:30px 5px}.rules-note{color:#8b87a1;font-size:11px;text-align:center;padding:15px 10px}footer{padding:27px 0 35px;display:flex;justify-content:space-between;color:#8b87a1;font-size:11px}footer b{color:#c1a071;padding:0 8px}.arena-heading{display:flex;justify-content:space-between;padding:20px 0}.text-button{background:none;border:0;color:#c5b6ff;padding:9px;font-size:12px}.game-layout{display:grid;grid-template-columns:minmax(0,560px) 1fr;gap:24px;align-items:start;max-width:960px;margin:auto}.game-panel{position:relative;padding:22px}.scorebar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.scorebar small{color:#a9a3c2;display:block;font-size:11px}.scorebar strong{font-size:26px;line-height:1.5}.scorebar>div:nth-child(2) strong{color:#b2a4db;font-size:19px}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;background:#101323;border:1px solid #ffffff08;padding:9px;border-radius:15px;touch-action:none}.cell{border:0;background:#24273d;aspect-ratio:1;border-radius:5px;min-width:0;padding:0;position:relative}.cell.filled,.mini-cell{background:var(--tile);box-shadow:inset 0 2px 0 #ffffff35,inset 0 -3px 0 #00000025}.cell.preview{background:#9381c477;outline:1px solid #c7adff}.cell.invalid{background:#d46a6a77}.game-hint{text-align:center;color:#bcb2d2;font-size:11px;min-height:22px;margin:14px 0}.tray{display:flex;gap:12px;align-items:center;justify-content:space-around;min-height:100px}.piece{touch-action:none;display:grid;gap:3px;padding:12px;border:1px solid transparent;background:transparent;border-radius:12px;min-height:75px;align-content:center}.piece.selected{background:#a58bff15;border-color:#ad91ff}.piece.used{opacity:.2;color:#b8aacd;display:block;width:80px}.mini-cell{width:19px;height:19px;border-radius:3px}.mini-cell.blank{visibility:hidden}.game-aside p{font-size:12px;color:#aaa3be}.game-aside h2{font-size:23px;margin:10px 0}.tip{display:flex;gap:15px;color:#ffda92;align-items:center;border-block:1px solid #ffffff10;margin:20px 0;padding:10px 0}.tip p{color:#d6c9ab}.game-over{text-align:center;padding:24px;background:#17192c;border:1px solid #9a81e333;border-radius:15px;margin-top:20px}.game-over>span{color:#ffdb8e;font-size:30px}.game-over p{font-size:12px;color:#b7adc9}#toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#39324f;border:1px solid #a187d9;padding:12px 20px;border-radius:13px;font-size:12px;z-index:10;max-width:90vw;min-width:240px;text-align:center}dialog{background:#222239;color:#eee;border:1px solid #8872bc;border-radius:20px;max-width:90vw;width:400px;padding:25px;font:inherit}dialog p{font-size:13px;color:#bcb4cd}dialog::backdrop{background:#060915bb}dialog>div{display:flex;justify-content:space-between;gap:10px}.cleared{animation:flash .45s ease}@keyframes flash{50%{box-shadow:0 0 35px #9d81ff80}}@media(max-width:700px){.shell{padding:0 16px}header{height:76px}.brand{font-size:21px;gap:6px}.brand small{display:none}.account{font-size:10px;padding:7px 10px}.back{font-size:12px}.intro{padding:25px 0 20px}.intro h1{font-size:38px}.intro p{font-size:11px}.hero{border-radius:17px}.hero-label{bottom:9px;right:9px;font-size:9px;padding:3px 9px}.feature-grid,.tables,.game-layout{grid-template-columns:1fr;gap:15px}.panel{padding:21px;border-radius:18px}.prize-value{font-size:34px}.prize .divider{margin:15px 0}.countdown{margin:13px 0;font-size:24px}.feature-grid{margin-top:15px}.tables{margin-top:15px}.game-panel{padding:14px}.board{gap:4px;padding:7px}.game-aside{margin-top:0}.mini-cell{width:17px;height:17px}.piece{padding:8px}.rules-note{font-size:10px}.game-layout{gap:16px}.game-aside h2{font-size:19px}footer{font-size:10px}.game-hint{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}



/* Put playing and the live competition before the introduction. */
header{height:76px}
.lobby-dashboard{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}
.quick-play{display:flex;flex-direction:column;justify-content:center;padding:24px}
.quick-play-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quick-play h1{font-size:25px;margin:4px 0 15px;line-height:1.6}
.play-symbol{font-size:42px;color:#c2a2ff;line-height:1}
.quick-play>.primary{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:52px;font-size:17px}
.quick-help{font-size:11px;color:#b9a8ed;text-align:center;margin-top:9px;align-self:center}
.compact-season{padding:20px 24px}
.season-prize{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.season-prize>span{font-size:12px;color:#c8c0af}
.season-prize strong{font-size:25px;color:#ffda92;white-space:nowrap}
.season-prize small{font-size:11px}
.compact-season>p{font-size:10px;text-align:left}
.compact-season .countdown{margin:12px 0 8px}
.tables{margin-top:18px;align-items:start}
.ranking{max-height:375px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#665384 transparent}
.tables .panel{padding:20px 24px}
.tables .empty{padding:20px 5px;margin:0}
.learn-section{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;margin-top:28px;scroll-margin-top:18px}
.learn-section .hero{border-radius:18px}
.learn-section .how{padding:22px}
@media(max-width:700px){
 header{height:64px}
 .lobby-dashboard{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}
 .quick-play{padding:17px 18px}
 .quick-play h1{font-size:21px;margin:2px 0 10px}
 .quick-play>.primary{min-height:50px;font-size:16px;padding:10px 17px}
 .quick-play .muted{margin-top:7px}
 .quick-help{margin-top:5px;font-size:10px}
 .play-symbol{font-size:32px}
 .compact-season{padding:15px 18px}
 .season-prize{margin-top:4px}
 .season-prize strong{font-size:23px}
 .compact-season .countdown{margin:9px 0 6px;font-size:22px}
 .tables{margin-top:12px;gap:12px}
 .tables .panel{padding:17px 18px}
 .table-heading h2{font-size:18px;margin-bottom:8px}
 .ranking{max-height:300px}
 .learn-section{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}
 .learn-section .how{padding:18px}
}

.seo-about{margin-top:20px}.seo-about h2{font-size:19px}.seo-about p{font-size:12px;color:#c0bcd2;line-height:2.1}.seo-about details{border-top:1px solid #ffffff12;padding:12px 0}.seo-about summary{cursor:pointer;font-size:13px;color:#d4c4ff}.seo-about details:last-child{padding-bottom:0}

.player-avatar-link{display:block;width:40px;height:40px;flex-shrink:0;margin-inline-start:auto;margin-inline-end:12px;border-radius:13px;overflow:hidden;border:1px solid #b59be866}.player-avatar-link img,.arena-avatar-link img,.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.arena-avatar-link{display:block;width:48px;height:48px;border-radius:15px;overflow:hidden;border:1px solid #b59be866}.avatar{flex-shrink:0;overflow:hidden}header{gap:12px}.player-avatar-link{margin-inline-start:0}.brand{margin-inline-end:auto}@media(max-width:700px){header{gap:8px}.player-avatar-link{width:34px;height:34px;margin-inline-end:0;border-radius:11px}.brand{font-size:19px}.account{padding:7px 8px}.brand .crown{font-size:28px}}