@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;600;700;800&display=swap";:root{color:#eef2f7;--bg:#091325;--panel:#101e33;--line:#223653;--muted:#8090a8;--mint:#7de8c3;--lime:#d4f05f;--pink:#ff7890;background:#091325;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,input:focus-visible{outline:2px solid var(--mint)}.app-shell{background:radial-gradient(circle at 70% 0,#192b4a,transparent 28%),var(--bg);min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#091325ee;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.brand{background:0 0;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-mark{color:var(--mint);font-size:25px}.top-actions{align-items:center;gap:10px;display:flex}.coin-pill,.icon-btn,.profile-chip{background:#152640;border-radius:11px;align-items:center;gap:8px;height:39px;padding:0 13px;display:flex}.coin-pill{color:var(--lime);font-weight:800}.icon-btn{color:var(--muted)}.avatar{width:35px;height:35px;color:var(--mint);background:#203b5e;border-radius:11px;place-items:center;font-weight:700;display:grid}.avatar.small{border-radius:8px;width:28px;height:28px}.avatar.tiny{border-radius:7px;width:25px;height:25px;font-size:11px}.layout{grid-template-columns:220px minmax(500px,1fr) 280px;max-width:1500px;min-height:calc(100vh - 76px);margin:auto;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:28px 18px;display:flex}.right-sidebar{border-left:1px solid var(--line);border-right:0;padding:35px 20px}.eyebrow,.page-kicker,.card-tag,.hero-label,.sidebar-label{letter-spacing:1.4px;color:var(--muted);font:10px DM Mono}.nav-btn{color:#aebbd0;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:12px;width:100%;height:45px;padding:0 13px;font-weight:600;display:flex}.nav-btn span{text-align:center;color:#71849f;width:20px;font-size:19px}.nav-btn:hover,.nav-btn.active{color:#fff;background:#172941}.nav-btn.active span{color:var(--mint)}.nav-btn i{background:var(--pink);border-radius:6px;margin-left:auto;padding:2px 6px;font:10px Manrope}.sidebar-label{margin:25px 13px 7px}.side-spacer{flex:1}.mini-profile{border-top:1px solid var(--line);align-items:center;gap:9px;padding:18px 4px 0;display:flex}.mini-profile div{flex-direction:column;display:flex}.mini-profile b{font-size:12px}.mini-profile small{color:var(--muted);font-size:10px}.mini-profile button{color:var(--muted);background:0 0;margin-left:auto}.content{min-width:0;padding:38px 42px}.home,.inner-page,.match-page{max-width:850px;margin:auto}.page-kicker{color:var(--mint);margin-bottom:17px}.hero{background:linear-gradient(112deg,#143e4a,#182e58 70%,#342b60);border:1px solid #275071;border-radius:22px;height:267px;padding:35px 40px;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:320px;position:relative}.hero-label{color:var(--mint)}.hero h1{letter-spacing:-2px;margin:14px 0 10px;font-size:40px;line-height:1.06}.hero h1 em,.welcome h1 em{color:var(--mint);font-style:normal}.hero p,.welcome-copy{color:#bccadd;font-size:13px;line-height:1.6}.hero-graphic{width:48%;height:100%;position:absolute;top:0;right:20px}.ring{border:1px solid #7de8c366;border-radius:50%;width:260px;height:260px;position:absolute;top:4px;right:14px;transform:rotate(25deg)skew(-10deg)}.ring-two{border-color:#d4f05f55;width:180px;height:290px;top:-13px;right:84px}.hero-star{color:var(--lime);font-size:69px;position:absolute;top:90px;right:104px}.float{color:var(--mint);font-size:25px;position:absolute}.f1{top:42px;right:55px}.f2{color:var(--pink);bottom:45px;right:28px}.f3{color:#9b8cff;bottom:30px;left:30px}.section-heading{justify-content:space-between;align-items:end;margin:36px 0 19px;display:flex}.section-heading h2,.page-title h1{letter-spacing:-1px;margin:7px 0 0}.text-btn{color:var(--mint);background:0 0;font-size:12px;font-weight:700}.game-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.game-card{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:15px;padding:0;transition:all .2s;overflow:hidden}.game-card:hover{border-color:var(--accent);transform:translateY(-4px)}.card-art{height:108px;color:var(--accent);background:linear-gradient(135deg,#192c46,#11213a);position:relative;overflow:hidden}.art-grid{background-image:linear-gradient(#fff1 1px,#0000 1px),linear-gradient(90deg,#fff1 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;transform:skewY(-10deg)scale(1.3)}.art-icon{font-size:47px;position:absolute;top:27px;left:22px}.art-scribble{font-size:30px;position:absolute;bottom:15px;right:18px}.card-info{padding:14px 16px 15px;position:relative}.card-tag{color:var(--accent);font-size:9px}.card-info h3{margin:5px 0;font-size:16px}.card-info p{color:var(--muted);margin:0;font-size:10px}.play-arrow{color:var(--accent);position:absolute;bottom:15px;right:15px}.social-strip{border:1px solid var(--line);background:#101e33b8;border-radius:15px;align-items:center;gap:13px;margin-top:20px;padding:13px 17px;display:flex}.social-strip>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.social-strip small{color:var(--muted);font-size:10px}.social-strip .secondary{margin-left:auto}.friend-avatars{display:flex}.friend-avatars span,.friend-avatars b{border:2px solid var(--panel);background:#294663;border-radius:8px;place-items:center;width:27px;height:27px;margin-right:-5px;font-size:11px;display:grid}.friend-avatars b{color:var(--mint);background:#203550}.side-card{border:1px solid var(--line);background:#101e33b8;border-radius:16px;margin-bottom:16px;padding:19px 16px}.side-card-top{justify-content:space-between;display:flex}.quest-icon{color:var(--lime);font-size:20px}.side-card h3{margin:18px 0 5px;font-size:15px}.side-card p{color:var(--muted);margin:0 0 17px;font-size:11px}.progress{background:#233650;border-radius:10px;height:7px;overflow:hidden}.progress span{background:var(--mint);border-radius:10px;height:100%;display:block}.progress-meta{justify-content:space-between;margin:8px 0 14px;font-size:11px;display:flex}.progress-meta span{color:var(--lime)}.side-card>small{color:#5d718f;font:9px DM Mono}.mini-row{text-align:left;background:0 0;border-top:1px solid #1e314b;align-items:center;gap:10px;width:100%;padding:12px 0;display:flex}.mini-row>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.mini-row b{font-size:11px}.mini-row small{color:var(--muted);font-size:9px}.mini-icon{width:30px;height:30px;color:var(--mint);background:#16374a;border-radius:9px;place-items:center;font-weight:800;display:grid}.mini-icon.lime{color:var(--lime);background:#34402c}.mini-icon.amber{color:#ffba5c;background:#47392c}.row-arrow{color:var(--muted);margin-left:auto}.live-dot{background:var(--mint);vertical-align:middle;border-radius:50%;width:6px;height:6px;display:inline-block}.demo-note{color:var(--muted);font-size:10px;line-height:1.7}.demo-note small{color:#506481}.primary,.secondary{border-radius:10px;padding:11px 15px;font-size:12px;font-weight:800}.primary{background:var(--mint);color:#0a1a29}.secondary{color:#dce8f4;background:#203550}.full{width:100%}.page-title{margin:4px 0 29px}.page-title h1{font-size:36px}.panel{border:1px solid var(--line);background:#101e33b8;border-radius:18px;padding:26px}.split-page,.profile-layout{grid-template-columns:1fr 1fr;gap:17px;display:grid}.muted{color:var(--muted);font-size:12px;line-height:1.7}.input-row{gap:8px;margin-top:25px;display:flex}.input-row input,.field-label input,.chat-compose input{color:#fff;background:#0b192d;border:1px solid #2a405e;border-radius:9px;flex:1;min-width:0;padding:12px;font-size:12px}.friend-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:15px 0;display:flex}.friend-row>div{flex-direction:column;flex:1;gap:4px;display:flex}.friend-row small{color:var(--muted);font-size:10px}.groups-grid,.frame-grid{grid-template-columns:repeat(2,1fr);gap:17px;display:grid}.group-card,.frame-card{border:1px solid var(--line);background:linear-gradient(145deg,#162e46,#142139);border-radius:18px;min-height:210px;padding:27px}.group-symbol{color:var(--mint);margin-bottom:28px;font-size:34px;display:block}.group-card h2{margin:9px 0;font-size:21px}.group-card p{color:var(--muted);font-size:12px;line-height:1.6}.create{text-align:center}.ranking-tabs{gap:8px;margin-bottom:17px;display:flex}.ranking-tabs button{color:var(--muted);background:#142640;border-radius:9px;padding:10px 14px;font-size:11px}.ranking-tabs .active{background:var(--mint);color:#0a1a29}.leader-head,.leader-row{grid-template-columns:38px 38px 1fr 100px;align-items:center;gap:10px;display:grid}.leader-head{color:var(--muted);padding-bottom:13px;font:10px DM Mono}.leader-row{border-top:1px solid var(--line);padding:15px 0;font-size:12px}.rating{justify-self:end}.rating i{color:var(--mint);font-size:10px;font-style:normal}.frame-card{text-align:center}.frame-preview{height:140px;color:var(--mint);background:#12243b;border-radius:12px;place-items:center;font-size:70px;display:grid}.frame-card h3{font-size:13px}.frame-card p{color:var(--muted);font-size:10px}.field-label{color:var(--muted);text-align:left;font:10px DM Mono;display:block}.field-label input{width:100%;margin-top:8px;display:block}.setting{border-bottom:1px solid var(--line);justify-content:space-between;padding:19px 0;display:flex}.setting div{flex-direction:column;gap:5px;display:flex}.setting small{color:var(--muted);font-size:10px}.toggle{background:#263b57;border-radius:15px;width:40px;height:23px;padding:3px}.toggle i{background:#72839a;border-radius:50%;width:17px;height:17px;display:block}.toggle.on{background:var(--mint)}.toggle.on i{background:#0b2532;transform:translate(17px)}.empty-state{text-align:center;padding:70px 30px}.empty-icon{color:var(--mint);font-size:46px}.match-head{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.back-btn,.help-btn{color:var(--muted);background:0 0;font-size:12px}.help-btn{border:1px solid var(--line);border-radius:50%;width:28px;height:28px}.match-title{align-items:center;gap:11px;display:flex}.match-title h2{margin:4px 0;font-size:18px}.match-layout{grid-template-columns:minmax(0,1fr) 265px;gap:17px;display:grid}.play-surface,.match-chat{border:1px solid var(--line);background:#101e33b8;border-radius:17px;padding:17px}.scorebar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.scorebar>div:first-child{flex-direction:column;gap:4px;display:flex}.scorebar b{font-size:12px}.scorebar small{color:var(--muted);font-size:10px}.match-score{gap:12px;font:22px DM Mono;display:flex}.match-score .you{color:var(--mint)}.turn-pill{color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:8px;font:10px DM Mono}.turn-pill.is-turn{color:var(--mint);background:#15343b;border-color:#376e67}.game-board{cursor:pointer;background:#11273c;border:1px solid #2b4f66;border-radius:12px;place-items:center;height:480px;display:grid;position:relative;overflow:hidden}.board-glow{background:radial-gradient(circle at 50% 45%,#7de8c326,#0000 37%);position:absolute;inset:0}.board-content{place-items:center;width:80%;height:70%;display:grid;position:relative}.board-hint{color:#66809d;font:10px DM Mono;position:absolute;bottom:-65px}.course-line{border:5px solid #68b69c;border-radius:50% 32% 48% 25%;width:72%;height:68%;position:absolute;transform:rotate(-18deg)}.ball,.hole{border-radius:50%;place-items:center;display:grid;position:absolute}.ball{background:#f7fbfd;width:23px;height:23px;top:48%;left:25%}.hole{width:31px;height:31px;color:var(--lime);background:#0b1729;top:21%;right:15%}.aim-line{color:var(--mint);letter-spacing:12px;position:absolute;top:46%;left:29%;transform:rotate(-25deg)}.pool-rack{flex-wrap:wrap;gap:3px;width:160px;display:flex;transform:rotate(30deg)}.pool-rack i{color:#fff;border:2px solid #fff5;border-radius:50%;place-items:center;width:28px;height:28px;font:10px DM Mono;display:grid}.cue-ball{background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:25%}.target{background:repeating-radial-gradient(circle,#f1d478 0 22px,#d66b87 23px 43px,#f5eed1 44px 65px);border:8px solid #d66b87;border-radius:50%;place-items:center;width:230px;height:230px;display:grid}.target b{color:#fff;font-size:34px}.wind{color:#ffba5c;font:10px DM Mono;position:absolute;top:17%;right:12%}.goal{border:5px solid #ff7890;width:8%;height:30%;position:absolute;top:35%}.goal.left{border-left:0;left:0}.goal.right{border-right:0;right:0}.rod-ball{background:#ffba5c;border-radius:50%;width:27px;height:27px}.rod-lines{justify-content:space-between;display:flex;position:absolute;inset:4% 12%}.rod-lines i{background:#80a0b4;width:3px;height:100%}.dash-track{border:14px solid #63b8ff;border-radius:42%;flex-wrap:wrap;justify-content:space-between;width:75%;height:75%;padding:14px;display:flex;transform:rotate(45deg)}.dash-track i{border:2px solid #162944;width:18px;height:18px}.dash-track i.safe{background:var(--lime)}.dash-home{color:var(--pink);font-size:35px;position:absolute}.tokens{color:var(--mint);font-size:20px;position:absolute;bottom:2%}.card-hand{gap:7px;display:flex;transform:rotate(-5deg)}.playing-card{color:#17233b;background:#ff7890;border:4px solid #f7dfce;border-radius:9px;flex-direction:column;justify-content:space-between;width:83px;height:140px;padding:9px;display:flex}.playing-card.c1{background:#d4f05f}.playing-card.c2{background:#7de8c3}.playing-card.c3{background:#9b8cff}.playing-card.c4{background:#ffba5c}.playing-card b{font-size:28px}.playing-card small{font:8px DM Mono}.discard{color:#17233b;background:#d4f05f;border:4px solid #f7dfce;border-radius:8px;place-items:center;width:68px;height:100px;font-size:33px;display:grid;position:absolute;top:12%;right:18%}.controls{justify-content:center;gap:8px;margin:17px 0;display:flex}.move-log{text-align:center;color:var(--muted);font-size:10px}.chat-head{justify-content:space-between;display:flex}.chat-head h3{margin:8px 0;font-size:13px}.chat-messages{height:390px;padding-top:20px;overflow:auto}.chat-message{gap:8px;margin-bottom:17px;display:flex}.chat-message>div{min-width:0}.chat-message small{color:var(--muted);font-size:9px}.chat-message p{background:#1a2c45;border-radius:3px 10px 10px;margin:4px 0;padding:9px 11px;font-size:11px}.chat-message.mine{text-align:right;flex-direction:row-reverse}.chat-message.mine p{background:#1d4951;border-radius:10px 3px}.chat-compose{border-top:1px solid var(--line);gap:5px;padding-top:13px;display:flex}.chat-compose button{background:var(--mint);color:#08202b;border-radius:8px;width:35px}.modal-backdrop{z-index:30;background:#030a16c4;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tutorial{text-align:center;background:#13243b;border:1px solid #345170;border-radius:20px;width:100%;max-width:450px;padding:32px;position:relative}.modal-close{color:var(--muted);background:0 0;font-size:25px;position:absolute;top:14px;right:17px}.tutorial-icon{margin-bottom:21px;font-size:53px}.tutorial h2{font-size:26px}.tutorial p{color:#aab9cb;font-size:12px;line-height:1.7}.diagram{color:var(--muted);background:#0d1b2e;border-radius:12px;justify-content:center;align-items:center;gap:15px;margin:20px 0;padding:20px;font:10px DM Mono;display:flex}.diagram b{color:var(--mint);font-size:17px}.diagram-target{border:2px solid var(--mint);width:53px;height:53px;color:var(--lime);border-radius:50%;place-items:center;font-size:22px;display:grid}.tutorial-tip{text-align:left;color:#aab9cb;background:#1b3243;border-radius:9px;gap:10px;margin-bottom:19px;padding:11px;font-size:10px;line-height:1.5;display:flex}.tutorial-tip b{color:var(--lime)}.toast{background:var(--lime);color:#0a1a29;z-index:50;border-radius:10px;padding:13px 17px;font-size:12px;font-weight:800;position:fixed;bottom:28px;right:28px}.welcome{background:radial-gradient(circle at 50% 30%,#1b3e50,#0000 45%),#091325;place-items:center;min-height:100vh;padding:25px;display:grid}.welcome-card{text-align:center;width:100%;max-width:470px}.centered{justify-content:center}.welcome-art{place-items:center;width:230px;height:140px;margin:22px auto 24px;display:grid;position:relative}.welcome-art>span{color:var(--lime);font-size:65px}.orb{border:1px solid;border-radius:50%;position:absolute}.orb-a{border-color:#7de8c388;width:142px;height:142px;transform:rotate(30deg)skew(14deg)}.orb-b{border-color:#ff789088;width:215px;height:70px;transform:rotate(30deg)}.orb-c{border-color:#9b8cff88;width:84px;height:185px;transform:rotate(60deg)}.welcome h1{letter-spacing:-2px;font-size:43px;line-height:1.05}.welcome-copy{max-width:300px;margin:0 auto 27px}.welcome .field-label{max-width:310px;margin:0 auto 13px}.avatar-picks{justify-content:center;gap:10px;margin:10px 0 22px;display:flex}.avatar-picks button{color:#9cb0c7;background:#1a304b;border-radius:11px;width:39px;height:39px;font-size:17px}.avatar-picks button.picked{color:var(--mint);outline:2px solid var(--mint);background:#245b59}.privacy{color:#526986;margin-top:14px;font-size:10px;display:block}.mobile-nav{display:none}@media (width<=1100px){.layout{grid-template-columns:190px minmax(0,1fr)}.right-sidebar{display:none}.content{padding:32px 28px}}@media (width<=760px){.topbar{height:64px;padding:0 16px}.hide-mobile{display:none}.layout{min-height:calc(100vh - 125px);display:block}.left-sidebar{display:none}.content{padding:25px 16px 80px}.mobile-nav{border-top:1px solid var(--line);z-index:15;background:#0e1c30;justify-content:space-around;height:62px;padding:5px 8px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-btn{flex-direction:column;justify-content:center;gap:2px;width:auto;padding:0 18px;font-size:9px;display:flex}.mobile-nav .nav-btn span{font-size:17px}.hero{height:330px;padding:27px 24px}.hero h1{font-size:37px}.hero-graphic{opacity:.5;width:100%;top:110px;right:-100px}.game-grid{grid-template-columns:repeat(2,1fr);gap:11px}.card-art{height:90px}.art-icon{font-size:38px;top:22px;left:15px}.card-info{padding:11px}.card-info h3{font-size:13px}.social-strip{flex-wrap:wrap}.social-strip .secondary{width:100%;margin-left:0}.split-page,.profile-layout,.groups-grid{grid-template-columns:1fr}.page-title h1{font-size:29px}.match-layout{grid-template-columns:1fr}.match-chat{min-height:300px}.chat-messages{height:170px}.game-board{height:390px}.controls{flex-wrap:wrap}.controls .primary{order:-1;width:100%}.toast{text-align:center;bottom:78px;left:15px;right:15px}.frame-grid{grid-template-columns:1fr 1fr}.leader-head,.leader-row{grid-template-columns:28px 30px 1fr 82px}.panel{padding:20px}}