@charset "UTF-8";
:root{color-scheme:dark;--bg:#111127;--panel:#1a1a33;--panel-light:#22213d;--text:#f8f3ea;--muted:#a9a6bd;--line:#ffffff12;--gold:#f7d394;--mint:#9be0c8;--violet:#b4a3ed;--pink:#eea6c8;--radius:22px;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;top:0;right:0;width:65%;height:900px;z-index:-1;background:radial-gradient(ellipse at 65% 30%,#5c45651c,transparent 65%);pointer-events:none}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:5px}input:focus{outline:2px solid var(--violet);outline-offset:2px}button{color:inherit}button:not(.btn){font-family:inherit}img{max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(42px,4.6vw,68px)}h2{font-size:clamp(30px,3vw,43px)}h3{font-size:19px;letter-spacing:-.025em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--gold)}p{color:var(--muted)}.container{width:min(1180px,calc(100% - 88px));margin-inline:auto}.narrow{max-width:790px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--muted);line-height:1.5}.site-header{border-bottom:1px solid var(--line);height:92px}.header-inner{height:100%;display:flex;align-items:center;gap:50px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand>span{font-size:24px;font-weight:800;line-height:1.12;letter-spacing:-1px}.brand-accent{color:var(--gold)}.brand small{display:block;font-size:6px;font-weight:500;letter-spacing:1.9px;margin-top:6px;color:#aaa3bd}.desktop-links{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:12px;color:var(--muted)}.desktop-links a:hover,.text-link:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:24px;font-size:12px}.mode-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #a8dbc41f;border-radius:6px;font-size:8px;letter-spacing:.09em;color:#b1d7c9;white-space:nowrap;font-weight:700}.mode-pill i,.floating-chip>i:first-child{width:5px;height:5px;background:var(--mint);border-radius:100%;box-shadow:0 0 8px #9be0c822}.btn{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--gold);color:#272037;border:1px solid transparent;border-radius:9px;padding:14px 23px;font-weight:700;font-size:13px;line-height:1.3;transition:background .18s,transform .18s,box-shadow .18s;text-decoration:none}.btn:hover{background:#ffe3b5;transform:translateY(-1px);box-shadow:0 6px 25px #f7d39416}.btn>span{font-size:20px;line-height:.8;font-weight:400}.btn-small{padding:11px 17px;font-size:11px;gap:19px}.btn-large{padding:18px 23px;min-width:205px}.btn-full{width:100%;justify-content:space-between}.text-link{border:0;padding:0;background:none;color:var(--text);font-size:12px;font-weight:600}.hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:18px;min-height:635px;padding-block:65px 50px}.hero-copy{position:relative;z-index:1}.hero-copy .eyebrow{font-size:9px;display:flex;align-items:center;gap:10px;margin-bottom:25px}.tiny-star{font-size:15px;color:var(--gold)}.hero h1{font-size:clamp(40px,4.6vw,65px);line-height:1.12;letter-spacing:-.055em}.hero h1 em{white-space:nowrap}.hero-copy>p{font-size:14px;max-width:375px;line-height:1.9;margin-top:23px}.hero-cta{display:flex;align-items:center;gap:25px;margin-top:32px}.secondary-link{font-size:12px;display:inline-flex;align-items:center;gap:10px;border:0;background:none;padding:0;color:var(--text)}.round-play{border:1px solid #fff2;border-radius:100%;width:32px;height:32px;display:inline-grid;place-items:center}.hero-proof{display:flex;gap:22px;margin-top:27px;font-size:10px;color:#a4a1b6}.hero-proof span:first-letter{color:var(--mint)}.hero-universe{position:relative;min-height:450px;isolation:isolate}.hero-universe:before{content:"";position:absolute;inset:5%;border-radius:100%;background:radial-gradient(ellipse,#af8acc15,transparent 65%);filter:blur(12px)}.orbit{position:absolute;border:1px solid #dccce60e;border-radius:50%;left:10%;top:2%;width:80%;height:96%;transform:rotate(-35deg)}.orbit-two{left:2%;top:22%;width:100%;height:52%;transform:rotate(-28deg);border-color:#dfcbda12}.big-orb{position:absolute;border-radius:50%;display:grid;place-items:center;box-shadow:inset -16px -21px 25px #1b164555,inset 6px 10px 18px #fff4,0 24px 65px #0003;border:1px solid #ffffff30}.big-orb:before{content:"";position:absolute;top:10%;left:19%;width:30%;height:14%;border-radius:100%;background:linear-gradient(135deg,#fff7,transparent);transform:rotate(-35deg);filter:blur(2px)}.big-orb span{font-size:75px;font-family:Georgia,serif;text-shadow:0 2px 12px #fff5;line-height:1;color:#ffffffc2}.orb-lilac{width:192px;height:192px;background:radial-gradient(circle at 28% 23%,#d4c6ef,#aa92d1 48%,#7662a7);left:16%;top:14%;transform:rotate(-12deg);z-index:2}.orb-lilac span{font-size:90px}.orb-peach{width:164px;height:164px;background:radial-gradient(circle at 25% 20%,#fff0c7,#ecc295 45%,#b97869);right:0;top:41%;z-index:3;transform:rotate(12deg)}.orb-mint{width:124px;height:124px;background:radial-gradient(circle at 22% 21%,#d1f3d4,#8bcbb0 45%,#4e958c);left:25%;bottom:4%;transform:rotate(15deg);z-index:3}.orb-mint span{font-size:64px}.orb-pink{width:90px;height:90px;right:10%;top:3%;background:radial-gradient(circle at 20% 20%,#f9d4df,#d593b2 48%,#8b577a);transform:rotate(-13deg)}.orb-pink span{font-size:44px}.small-orb{position:absolute;border-radius:50%;box-shadow:inset -5px -6px 9px #1115,inset 3px 3px 5px #fff5;border:1px solid #fff2}.orb-blue{width:46px;height:46px;left:3%;top:61%;background:#8fb5cf}.orb-gold{width:24px;height:24px;right:14%;bottom:8%;background:#e0b37e}.little-star{position:absolute;color:#f4cf9b;font-size:24px}.star-a{top:4%;left:12%}.star-b{right:5%;top:27%;font-size:37px;color:#b1a3ca}.star-c{bottom:22%;left:10%;font-size:19px}.floating-chip{position:absolute;border:1px solid #fff1;background:#242239e6;backdrop-filter:blur(14px);padding:11px 14px;border-radius:11px;display:flex;align-items:center;gap:10px;font-size:10px;z-index:4;box-shadow:0 15px 30px #0002;white-space:nowrap}.chip-top{left:27%;top:2%;transform:rotate(-5deg)}.chip-bottom{left:2%;bottom:19%;transform:rotate(-7deg);gap:13px}.chip-bottom b{color:var(--gold);font-size:23px;font-weight:500}.chip-bottom span{font-size:6px;letter-spacing:1.2px;width:47px;white-space:normal}.chip-bottom i{font-style:normal;color:var(--gold);font-size:25px}.universe-caption{position:absolute;bottom:-20px;right:17%;letter-spacing:2.5px;font-size:7px;color:#76748f}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr) 1.05fr;border-block:1px solid var(--line);padding:24px 0;gap:25px}.feature-strip>div:not(:last-child){position:relative;padding-left:31px}.feature-strip>div>span:first-child{position:absolute;left:0;top:2px;font-size:9px;color:#6e6c87}.feature-strip b{display:block;font-size:12px;font-weight:500}.feature-strip small{display:block;font-size:10px;color:#797791;margin-top:3px}.strip-badge{border-left:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:14px}.strip-badge i{font-style:normal;color:var(--gold);font-size:30px}.strip-badge span{font-size:8px;letter-spacing:.12em;color:#b1adbd;line-height:1.8}.how-section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.section-heading h2{margin-top:12px}.section-heading>p{font-size:12px;line-height:1.8}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.how-card{padding:23px 27px 29px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#22203766,#1b1a30)}.how-card>small{font-size:8px;letter-spacing:.16em;color:#b1a9c8}.how-card h3{margin:12px 0;font-size:18px}.how-card>p{font-size:12px;line-height:1.85;max-width:255px}.how-visual{height:130px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:18px}.aim-art>span{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#dfd0fc,#a38ec5 65%,#66508f);box-shadow:0 20px 35px #aa91db15;position:relative;margin-right:28px;margin-top:37px}.aim-art>span:before{content:"";position:absolute;left:25px;bottom:40px;width:74px;height:90px;border-right:2px dashed #d0bdd76b;transform:rotate(40deg);transform-origin:bottom left}.aim-art>i{position:absolute;color:var(--gold);font-size:22px;right:28%;top:0;font-style:normal}.match-art i{width:49px;height:49px;border-radius:100%;background:radial-gradient(circle at 26% 20%,#ffdcdf,#d18dac 65%,#875b84);box-shadow:inset -3px -4px 9px #713b5955;position:relative}.match-art i:nth-child(2){margin-top:-55px;margin-inline:-11px}.match-art b{position:absolute;color:var(--gold);font-size:25px;right:15%;top:15%;font-weight:400}.record-art>span{width:67px;height:67px;border:1px solid #e1c59d39;border-radius:100%;color:var(--gold);display:grid;place-items:center;font-size:35px;background:#b1916e13;margin-right:17px}.record-art b{font-size:27px;font-weight:500;letter-spacing:-1px}.record-art small{display:block;font-size:7px;letter-spacing:2px;font-weight:400;color:#b7a892;margin-top:6px}.universe-section{position:relative;display:grid;grid-template-columns:140px 1fr 230px;gap:40px;align-items:center;padding:43px 54px;background:linear-gradient(120deg,#252139,#1c1b33);border:1px solid #b9a1d617;border-radius:23px;margin-bottom:80px;overflow:hidden}.universe-symbol{font-size:150px;line-height:1;color:#f1d2a2;transform:rotate(15deg)}.universe-section h2{margin:16px 0}.universe-section p{font-size:12px;max-width:350px;margin-bottom:23px;line-height:1.8}.mini-stat{border-left:1px solid var(--line);padding-left:40px}.mini-stat>span{font-size:35px;color:var(--violet);display:block;margin-bottom:16px}.mini-stat strong{font-size:23px;line-height:1.35;font-weight:400;letter-spacing:-1px;display:block}.mini-stat small{display:block;font-size:6px;letter-spacing:1.3px;color:var(--muted);margin-top:18px}.site-footer{display:flex;justify-content:space-between;align-items:center;padding-block:30px 45px;border-top:1px solid var(--line)}.site-footer .brand{transform:scale(.8);transform-origin:left}.site-footer p{font-size:10px;margin-top:6px}.footer-links{display:flex;gap:25px;font-size:9px;color:#8e8aa3}.footer-links a:hover{color:var(--gold)}.auth-layout{display:grid;grid-template-columns:1fr 450px;gap:110px;align-items:center;min-height:calc(100vh - 240px);padding-block:65px}.auth-copy h1{margin-block:23px}.auth-copy>p{max-width:345px;font-size:14px}.auth-orbs{display:flex;align-items:center;gap:0;height:155px}.auth-orbs i{border-radius:100%;display:grid;place-items:center;width:75px;height:75px;background:radial-gradient(circle at 30% 20%,#dcd0f0,#9582ba);box-shadow:inset -9px -10px 12px #331a4e40;font-style:normal;font-size:34px;color:#ffffffe0}.auth-orbs i:nth-child(2){background:radial-gradient(circle at 30% 20%,#ffefc9,#d2a883);margin-left:-12px;margin-top:45px;width:61px;height:61px;z-index:1}.auth-orbs i:nth-child(3){background:radial-gradient(circle at 30% 20%,#cdf2d8,#7ec2a9);margin-left:-8px;margin-top:-30px;width:43px;height:43px;font-size:23px}.form-card{padding:34px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(135deg,#222139,#19182e);box-shadow:0 20px 60px #0002}.back-link{font-size:10px;color:#aca4bc;display:inline-block;margin-bottom:27px}.form-card h2{font-size:28px;letter-spacing:-1px}.form-card>p{font-size:12px;margin-top:12px}.form-card form{margin-top:27px}label{display:block;font-size:11px;color:#d8d2e3;font-weight:500;margin-bottom:18px}input{background:#121227;border:1px solid #fff1;color:var(--text);width:100%;border-radius:8px;min-height:48px;padding:13px 14px;margin-top:8px;font-size:13px;line-height:1.3}input::placeholder{color:#76718e}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{position:absolute;right:5px;top:14px;min-width:35px;min-height:35px;background:none;border:0;color:#aaa1ba}.check-label{display:flex;gap:10px;font-weight:400;align-items:flex-start;line-height:1.6;font-size:10px;color:var(--muted)}.check-label input{width:15px;height:15px;min-height:15px;margin:2px 0 0;accent-color:var(--gold)}.form-legal,.form-help{font-size:10px;line-height:1.7;margin-bottom:20px}.form-legal a{color:var(--gold);text-decoration:underline}.form-error{color:#ffb3ba;background:#bd405019;border:1px solid #ed6b7a25;border-radius:8px;padding:11px 13px;font-size:12px;margin-bottom:16px}.form-card .form-switch{font-size:11px;text-align:center;margin-top:24px}.form-switch a{color:var(--gold);margin-left:5px}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:100%;background:#b5a0e521;color:#d8c9f9;border:1px solid #bcace033;font-weight:700}.logged-in{padding-bottom:80px}.logged-in .site-header{height:85px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#17162aed;border-top:1px solid #fff1;backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;gap:45px;padding:10px 20px max(10px,env(safe-area-inset-bottom));min-height:72px}.bottom-nav a{display:flex;align-items:center;flex-direction:column;font-size:9px;color:#8d88a7;gap:2px;min-width:62px;transition:color .2s}.bottom-nav a>span{font-family:Arial,sans-serif;font-size:23px;line-height:1.2}.bottom-nav a.active{color:var(--gold)}.bottom-nav .main-nav-action>span{margin-top:-23px;background:var(--gold);color:#29213c;border:6px solid #17162a;border-radius:100%;width:56px;height:56px;display:grid;place-items:center}.dashboard{padding-block:45px 65px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.page-heading h1{font-size:39px;margin:11px 0}.page-heading p{font-size:12px}.hello-star{display:inline-block;color:var(--gold);font-size:28px;margin-left:17px}.dashboard-grid{display:grid;grid-template-columns:1.32fr 1fr;gap:25px}.play-card{position:relative;padding:37px;border-radius:23px;background:radial-gradient(ellipse at 100% 20%,#7664873d,transparent 60%),linear-gradient(120deg,#29233e,#211d35);border:1px solid #d4bdf61c;overflow:hidden}.play-card h2{font-size:43px;margin:17px 0;position:relative;z-index:2}.play-card>p{max-width:275px;font-size:12px;position:relative;z-index:2}.play-card-art{position:absolute;top:30px;right:20px;width:180px;height:220px;opacity:.9;pointer-events:none}.play-card-art i{position:absolute;right:3px;top:0;width:100px;height:100px;border-radius:100%;background:radial-gradient(circle at 20% 20%,#dcc7fa,#9a84bf 70%,#604575);box-shadow:inset -8px -10px 13px #291b4555,0 20px 50px #0002;display:grid;place-items:center;font-style:normal;font-size:48px;color:#fff9}.play-card-art i:nth-child(2){right:50px;top:92px;background:radial-gradient(circle at 20% 20%,#f4e4c0,#d3a282 70%,#956c63);width:88px;height:88px;font-size:40px}.play-card-art i:nth-child(3){right:0;top:170px;background:radial-gradient(circle at 20% 20%,#c8f1d3,#86bba1 70%,#567a74);width:55px;height:55px;font-size:30px}.play-specs{display:grid;grid-template-columns:1fr 1fr 1.3fr;margin:33px 0 22px;border-top:1px solid #fff1;padding-top:21px;gap:10px}.play-specs small{display:block;font-size:7px;letter-spacing:1px;color:#a599b4}.play-specs b{font-size:15px;font-weight:500;display:block;margin-top:4px}.card-text-link{display:block;text-align:center;margin-top:17px;background:none;border:0;font-size:10px;color:#c2b6cd;width:100%;padding:3px}.dashboard-aside{display:flex;flex-direction:column;gap:20px}.score-card{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:22px;flex:1}.score-card .eyebrow{display:flex;justify-content:space-between;align-items:center}.score-card .eyebrow span{font-size:27px;color:var(--gold)}.score-card>strong{font-size:58px;letter-spacing:-2px;font-weight:400;display:block;line-height:1.1;margin:16px 0}.score-card>strong small{font-size:12px;letter-spacing:0;margin-left:10px;color:var(--muted)}.score-card>p{font-size:11px}.two-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:25px;padding-top:19px}.two-stats>span{font-size:10px;color:var(--muted)}.two-stats b{display:block;color:var(--text);font-weight:500;font-size:20px;margin-bottom:4px}.notice-card{padding:23px;display:flex;gap:17px;border:1px solid #92cfb11a;border-radius:18px;background:#9bdeb906}.notice-card>span{font-size:26px;color:var(--mint);line-height:1.2}.notice-card h3{font-size:16px}.notice-card p{font-size:11px;margin:10px 0 13px}.notice-card .text-link{font-size:10px;color:var(--mint)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:23px}.quick-grid>a,.quick-grid>button{display:flex;align-items:center;text-align:left;gap:15px;background:#1a1930;border:1px solid var(--line);padding:21px;border-radius:14px}.quick-grid>*>span{color:var(--violet);font-size:24px}.quick-grid h3{font-size:13px;letter-spacing:-.3px}.quick-grid p{font-size:9px;margin-top:6px}.quick-grid b{margin-left:auto;font-size:17px;color:var(--muted);font-weight:400}.page-section{padding-block:60px 75px;min-height:65vh}.page-section>.eyebrow{margin-bottom:20px}.page-section h1{font-size:52px}.page-description{font-size:13px;max-width:510px;margin-top:20px}.empty-state{text-align:center;padding:60px 25px;background:var(--panel);border:1px solid var(--line);border-radius:22px;margin-block:35px}.empty-state>span{display:block;font-size:48px;color:var(--violet);margin-bottom:15px}.empty-state h2{font-size:27px}.empty-state p{max-width:390px;margin:16px auto 24px;font-size:13px}.history-list{margin-top:35px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.history-item{display:flex;align-items:center;gap:18px;padding:23px;background:var(--panel);border-bottom:1px solid var(--line)}.history-item:last-child{border-bottom:0}.history-icon{width:42px;height:42px;display:grid;place-items:center;background:#b4a3ed13;color:var(--violet);border-radius:11px;font-size:25px}.history-icon.won{background:#f7d39415;color:var(--gold)}.history-item h3{font-size:14px;letter-spacing:0}.history-item p{font-size:10px;margin-top:7px}.history-item strong{margin-left:auto;text-align:right;font-size:24px;font-weight:500}.history-item strong small{display:block;font-size:8px;color:var(--muted);letter-spacing:.5px}.profile-overview{display:flex;align-items:center;gap:22px;margin:35px 0;padding:27px;background:var(--panel);border-radius:18px;border:1px solid var(--line)}.avatar-large{width:70px;height:70px;font-size:30px;flex-shrink:0}.profile-overview h2{font-size:26px}.profile-overview p{font-size:12px;margin:7px 0}.profile-overview small{color:#827e96;font-size:9px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:35px}.profile-stats div{padding:20px;text-align:center;border-right:1px solid var(--line)}.profile-stats div:last-child{border:0}.profile-stats strong{display:block;font-size:28px;font-weight:400}.profile-stats span{font-size:10px;color:var(--muted)}.settings-card{border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:20px 24px}.settings-card summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between}.settings-card summary span{color:var(--gold)}.settings-card form{padding-top:25px}.settings-links{margin-top:20px;display:grid;gap:1px}.settings-links>a,.settings-links>button{display:flex;justify-content:space-between;text-align:left;padding:19px 2px;background:none;border:0;border-bottom:1px solid var(--line);font-size:12px}.settings-links .danger-link{color:#dfa5b5}.invite-card{margin-top:35px;border:1px solid var(--line);border-radius:23px;background:radial-gradient(ellipse at top,#9485b219,transparent 70%),var(--panel);padding:35px;text-align:center}.invite-art{font-size:67px;color:var(--mint);line-height:1.2;display:block;margin:5px 0 20px}.invite-card h2{font-size:27px;margin-bottom:28px}.invite-card label{text-align:left}.invite-card input{font-size:12px}.invite-count{display:flex;align-items:center;justify-content:center;gap:17px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.invite-count strong{font-size:31px;font-weight:400}.invite-count span{font-size:11px;color:var(--muted)}.prose h1{margin-bottom:35px}.prose p{margin-block:18px;font-size:14px;line-height:1.9}.prose h2{font-size:24px;margin-top:35px}.prose .btn{margin-top:20px}.tutorial-intro{max-width:960px;text-align:center;padding-block:65px}.tutorial-intro h1{margin:22px 0}.tutorial-intro>p{max-width:480px;margin-inline:auto;font-size:13px}.tutorial-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;margin:38px 0}.tutorial-steps>div{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.tutorial-steps span{font-size:25px;color:var(--gold);display:block;margin-bottom:25px;font-family:Georgia,serif}.tutorial-steps h3{font-size:17px;margin-bottom:13px}.tutorial-steps p{font-size:12px;line-height:1.8}.tutorial-intro .keyboard-note{font-size:10px;margin-top:20px;color:#7d7893}.toast{position:fixed;z-index:1000;bottom:100px;left:50%;transform:translateX(-50%);padding:14px 20px;border:1px solid #f4ddae36;background:#2b263b;box-shadow:0 10px 50px #0006;color:var(--text);border-radius:12px;font-size:12px;max-width:calc(100% - 32px);width:max-content}.boot{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.boot-orb{display:block;width:55px;height:55px;border-radius:100%;background:radial-gradient(circle at 30% 20%,#fff1d8,#e8c191 60%,#b08066);animation:breathe 1.5s ease-in-out infinite}.boot p{font-size:13px}.boot .btn{margin-top:16px}@keyframes breathe{50%{transform:translateY(-10px);opacity:.6}}dialog{color:var(--text);background:linear-gradient(145deg,#27213c,#1a1930);border:1px solid #bba3de30;border-radius:23px;padding:35px;max-width:460px;width:calc(100% - 32px);box-shadow:0 30px 150px #0007}dialog::backdrop{background:#0b0a1bc9;backdrop-filter:blur(5px)}dialog h2{font-size:29px;margin:18px 0 20px}dialog p{font-size:13px;line-height:1.9;margin-bottom:22px}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#b9afc8;font-size:27px;min-width:35px;min-height:35px}.rules-list{padding-left:19px;font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:22px}.rules-list li{padding-left:4px;margin-bottom:10px}.rules-list b{color:var(--text);font-weight:500}.wallet-empty{font-size:45px;color:var(--mint);line-height:1.3;margin-bottom:10px}.demo-note{padding:14px;border:1px solid #f5d0961c;background:#f5d09608;border-radius:9px;color:#d6c5a7;font-size:11px;margin-bottom:25px}.muted{color:var(--muted)}.in-game{padding:0;background:radial-gradient(ellipse at 50% 20%,#302546,#111127 75%)}.game-screen{min-height:100dvh}.game-top{max-width:1180px;margin:auto;height:88px;display:flex;align-items:center;justify-content:space-between;padding:15px 25px}.icon-button{border:1px solid var(--line);border-radius:100%;width:38px;height:38px;background:#211d36;font-size:20px}.game-mode{font-size:8px;color:var(--mint);letter-spacing:.1em}.game-layout{display:grid;grid-template-columns:1fr minmax(260px,370px) 1fr;gap:55px;max-width:1130px;margin:15px auto 30px;padding-inline:25px;align-items:center}.game-guide h2{font-size:46px;margin:22px 0}.game-guide p{font-size:12px;line-height:1.9}.game-guide .secondary-link{margin-top:28px;color:var(--gold);font-size:11px}.game-guide-note{font-size:9px;color:#79718f;margin-top:50px;line-height:1.9}.game-board{position:relative;padding:15px 15px 9px;border:1px solid #c0a5e026;background:#1b1a31;border-radius:23px;box-shadow:0 25px 70px #0003;overflow:hidden}.game-hud{display:flex;align-items:center;justify-content:space-between;padding:1px 9px 10px}.game-hud small{font-size:7px;letter-spacing:1.5px;color:#aaa1ba;display:block}.game-hud strong{font-size:30px;line-height:1.15;color:var(--gold);font-weight:500}.game-hud b{font-size:19px;font-weight:400;line-height:1.6}.game-hud>div:last-child{text-align:right}.hud-star{font-size:25px;color:#bba4db}progress{width:100%;height:4px;display:block;border:none;border-radius:5px;overflow:hidden;background:#393044;margin-bottom:12px;accent-color:var(--gold)}progress::-webkit-progress-bar{background:#393044}progress::-webkit-progress-value{background:var(--gold);border-radius:5px}progress::-moz-progress-bar{background:var(--gold)}canvas{display:block;width:100%;height:auto;border-radius:15px;touch-action:none;user-select:none}.game-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 4px 0;color:#9690a9;font-size:9px}.game-toolbar b{color:#c3b7cd;font-weight:400}.game-toolbar button{border:0;background:none;color:#d3c4dc;font-size:10px;padding:5px 7px}.game-side-detail{align-self:center;text-align:center}.game-side-detail>span{font-size:80px;color:#a78eb22b}.game-side-detail p{font-family:Georgia,serif;font-size:17px;color:#a395b1;font-style:italic;line-height:1.7}.game-result{position:absolute;inset:0;z-index:5;background:#1c1833f5;backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 24px;justify-content:center}.result-star{font-size:55px;color:var(--gold);margin-bottom:14px;line-height:1.3}.game-result>small{font-size:7px;letter-spacing:1.7px;color:var(--muted)}.game-result h2{font-size:27px;margin:17px 0}.game-result>strong{font-size:49px;font-weight:400;line-height:1.1;color:var(--gold)}.game-result>strong small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin:9px 0 20px}.game-result>p{font-size:11px;line-height:1.7;margin-bottom:12px}.game-result .save-status{font-size:9px;margin-bottom:24px}.game-result .text-link{margin-bottom:18px;font-size:10px}
@media(min-width:1500px){.hero{min-height:690px}.hero-universe{transform:scale(1.05)}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.desktop-links{gap:17px}.desktop-links .mode-pill{display:none}.header-inner{gap:25px}.hero{min-height:570px}.hero h1{font-size:49px}.hero-universe{min-height:410px}.orb-lilac{width:162px;height:162px}.orb-peach{width:140px;height:140px}.orb-mint{width:106px;height:106px}.hero-cta{gap:16px}.auth-layout{gap:60px;grid-template-columns:1fr 410px}.feature-strip{gap:12px}.feature-strip b{font-size:11px}.universe-section{grid-template-columns:100px 1fr 200px;gap:25px;padding:35px}.universe-symbol{font-size:110px}.quick-grid{gap:10px}.quick-grid>button,.quick-grid>a{padding:17px 13px;gap:10px}.play-card-art{right:-10px;opacity:.6}.game-layout{gap:20px}.game-guide h2{font-size:36px}}
@media(max-width:800px){.site-header{height:78px}.brand>span{font-size:22px}.brand img{width:34px;height:34px}.brand small{font-size:5px;letter-spacing:1.5px}.desktop-links{display:none}.hero{grid-template-columns:1fr 1fr;gap:5px;min-height:505px;padding-block:45px}.hero h1{font-size:40px}.hero-copy>p{font-size:12px}.hero-cta{align-items:flex-start;flex-direction:column;gap:18px}.hero-proof{gap:10px;font-size:8px}.hero-universe{min-height:360px}.orb-lilac{width:137px;height:137px;left:5%;top:17%}.orb-lilac span{font-size:65px}.orb-peach{width:116px;height:116px;right:-2%;top:41%}.orb-peach span{font-size:60px}.orb-mint{width:88px;height:88px;left:20%;bottom:6%}.orb-mint span{font-size:48px}.orb-pink{width:68px;height:68px;right:9%;top:6%}.orb-pink span{font-size:33px}.chip-top{font-size:7px;left:2%;top:6%;padding:8px 10px}.chip-bottom{left:-8%;bottom:22%;padding:7px 10px}.chip-bottom b{font-size:17px}.feature-strip{grid-template-columns:repeat(3,1fr)}.strip-badge{display:none}.how-section{padding-block:65px}.how-grid{gap:12px}.how-card{padding:15px 18px 24px}.how-card h3{font-size:16px}.how-card>p{font-size:11px}.how-visual{height:107px}.match-art i{width:37px;height:37px}.match-art i:nth-child(2){margin-top:-41px}.record-art>span{width:48px;height:48px;margin-right:10px;font-size:25px}.record-art b{font-size:21px}.universe-section{grid-template-columns:90px 1fr;margin-bottom:60px}.mini-stat{display:none}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;max-width:220px}.auth-layout{gap:30px;grid-template-columns:1fr 1.1fr;padding-block:45px}.auth-copy h1{font-size:39px}.form-card{padding:26px}.auth-copy>p{font-size:12px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:15px}.play-card{padding:26px}.play-card h2{font-size:35px}.play-card-art{width:110px;top:10px;right:-40px;opacity:.25}.play-specs{gap:7px}.play-specs small{font-size:6px}.play-specs b{font-size:12px}.score-card{padding:24px}.quick-grid{grid-template-columns:1fr}.quick-grid p{font-size:11px}.quick-grid>*>span{width:35px}.quick-grid h3{font-size:14px}.game-layout{grid-template-columns:1fr minmax(260px,350px);max-width:700px}.game-side-detail{display:none}.game-guide h2{font-size:33px}.page-section h1{font-size:44px}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.header-inner{gap:10px}.site-header{height:76px}.header-actions{gap:14px;font-size:11px}.btn-small{padding:10px 12px;font-size:10px;gap:9px}.header-actions .text-link{font-size:11px}.brand>span{font-size:20px}.brand img{width:32px;height:32px}.brand small{font-size:4.6px;letter-spacing:1.2px}.hero{grid-template-columns:1fr;padding:41px 0 27px;gap:12px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:20px;gap:7px}.hero h1{font-size:clamp(37px,9.5vw,53px);letter-spacing:-.06em;line-height:1.12}.hero-copy>p{max-width:330px;font-size:12px;line-height:1.9;margin-top:21px}.hero-cta{flex-direction:row;align-items:center;gap:19px;margin-top:26px}.hero .btn-large{min-width:0;padding:16px 18px;font-size:11px;gap:24px}.secondary-link{font-size:10px;gap:7px}.round-play{width:27px;height:27px}.hero-proof{font-size:9px;gap:18px;margin-top:21px}.hero-universe{min-height:330px;max-width:380px;width:100%;margin:auto}.orb-lilac{width:142px;height:142px;left:16%;top:15%}.orb-peach{width:118px;height:118px;right:4%;top:42%}.orb-mint{width:90px;height:90px;left:32%;bottom:1%}.orb-pink{width:66px;height:66px;right:15%;top:6%}.orb-blue{width:31px;height:31px;left:9%;top:62%}.orb-gold{width:18px;height:18px;bottom:4%;right:14%}.chip-top{left:21%;top:1%;font-size:8px}.chip-bottom{left:6%;bottom:15%}.star-a{left:8%;top:6%;font-size:16px}.star-b{right:0;top:22%;font-size:30px}.universe-caption{display:none}.feature-strip{padding-block:18px;gap:10px}.feature-strip>div:not(:last-child){padding-left:0;padding-top:15px}.feature-strip>div>span:first-child{top:0;font-size:7px}.feature-strip b{font-size:9px}.feature-strip small{font-size:8px;line-height:1.8;max-width:90px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{display:none}.section-heading h2{font-size:33px}.eyebrow{font-size:8px;letter-spacing:.17em}.how-section{padding-block:48px}.how-grid{grid-template-columns:1fr;gap:14px}.how-card{display:grid;grid-template-columns:100px 1fr;column-gap:22px;padding:24px 22px}.how-visual{grid-row:1/4;height:110px;margin:0;align-self:center}.how-card>small{font-size:7px;align-self:end}.how-card h3{font-size:18px;margin:9px 0 10px}.how-card p{font-size:11px}.aim-art>span{width:43px;height:43px;margin-right:12px}.aim-art>span:before{height:75px;width:32px;bottom:27px;left:8px}.aim-art>i{right:0;top:2px}.match-art i{width:32px;height:32px;flex-shrink:0}.match-art i:nth-child(2){margin-inline:-10px;margin-top:-37px}.match-art b{right:0;font-size:18px;top:10px}.record-art{flex-direction:column;gap:8px}.record-art>span{width:40px;height:40px;margin:0;font-size:24px}.record-art b{font-size:19px;text-align:center}.record-art small{font-size:5px;margin-top:2px}.universe-section{display:block;padding:30px;margin-bottom:45px}.universe-section h2{font-size:37px}.universe-section p{font-size:12px;max-width:270px}.universe-symbol{position:absolute;right:20px;top:50px;font-size:85px;opacity:.13;pointer-events:none}.universe-section .btn{font-size:11px}.site-footer{display:block;padding-block:24px 30px}.site-footer .brand{transform:scale(.9)}.site-footer p{font-size:9px}.footer-links{justify-content:flex-start;max-width:none;margin-top:25px;font-size:9px;gap:18px}.auth-layout{display:block;padding-block:30px 45px}.auth-copy{display:none}.form-card{padding:25px 23px;border-radius:18px}.form-card h2{font-size:27px}.form-card>p{font-size:11px}.back-link{margin-bottom:23px}.form-card form{margin-top:25px}input{font-size:16px}.form-help,.form-legal{font-size:10px}.check-label{font-size:11px;line-height:1.65}.form-card .form-switch{font-size:11px}.logged-in .site-header{height:76px}.logged-in .header-actions .avatar{width:34px;height:34px;font-size:13px}.bottom-nav{gap:0;justify-content:space-around;padding-inline:6px;min-height:69px}.bottom-nav a{min-width:54px;font-size:9px}.bottom-nav a>span{font-size:23px}.bottom-nav .main-nav-action>span{width:53px;height:53px}.dashboard{padding-block:29px 35px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:25px}.page-heading>.mode-pill{font-size:6px;padding:5px;white-space:normal;max-width:90px;line-height:1.6;margin-top:4px}.page-heading h1{font-size:33px;margin:10px 0}.hello-star{font-size:22px;margin-left:10px}.page-heading p{font-size:11px;max-width:240px}.dashboard-grid{grid-template-columns:1fr;gap:18px}.play-card{padding:27px}.play-card h2{font-size:38px;line-height:1.15;max-width:250px}.play-card>p{max-width:215px}.play-card-art{width:150px;right:-13px;top:17px;opacity:.48}.play-card-art i{width:79px;height:79px;font-size:37px}.play-card-art i:nth-child(2){width:71px;height:71px;top:84px;right:38px;font-size:33px}.play-card-art i:nth-child(3){top:148px;width:42px;height:42px;font-size:22px}.play-specs{margin-top:25px;gap:15px;position:relative;z-index:2}.play-specs small{font-size:6px}.play-specs b{font-size:13px}.play-card .btn{font-size:12px;padding:15px 18px}.score-card{padding:25px}.score-card>strong{font-size:47px;margin:12px 0}.two-stats{padding-top:17px;margin-top:20px}.notice-card{padding:20px}.quick-grid{margin-top:17px}.quick-grid>a,.quick-grid>button{padding:19px}.page-section{padding-block:34px 45px}.page-section h1{font-size:42px}.page-description{font-size:12px}.history-item{padding:18px 14px;gap:11px}.history-icon{width:35px;height:35px;font-size:20px;flex-shrink:0}.history-item h3{font-size:12px}.history-item p{font-size:9px}.history-item strong{font-size:21px}.history-item strong small{font-size:7px}.profile-overview{padding:21px;gap:15px}.profile-overview h2{font-size:23px}.avatar-large{width:55px;height:55px;font-size:25px}.profile-stats{gap:0}.profile-stats div{padding:10px 4px}.profile-stats strong{font-size:25px}.profile-stats span{font-size:9px}.settings-card{padding:20px}.invite-card{padding:25px}.invite-card h2{font-size:23px}.invite-card input{font-size:12px}.invite-count span{font-size:10px}.prose h1{font-size:39px}.prose p{font-size:12px}.prose h2{font-size:22px}.tutorial-intro{padding-block:38px}.tutorial-intro h1{font-size:42px}.tutorial-steps{grid-template-columns:1fr;gap:12px;margin-block:27px}.tutorial-steps>div{position:relative;padding:22px 22px 22px 70px}.tutorial-steps span{position:absolute;left:22px;top:20px;font-size:24px}.tutorial-steps h3{font-size:16px;margin-bottom:8px}.tutorial-steps p{font-size:11px}.tutorial-intro>.btn{width:100%;justify-content:space-between}.game-top{height:62px;padding:10px 15px;gap:7px}.game-top .brand>span{font-size:17px}.game-top .brand small{display:none}.game-top .brand img{width:27px;height:27px}.game-top .brand{gap:5px}.game-mode{font-size:6px;letter-spacing:.05em}.icon-button{width:31px;height:31px;font-size:18px}.game-layout{display:block;max-width:405px;margin:0 auto;padding-inline:12px}.game-guide,.game-side-detail{display:none}.game-board{border-radius:19px;padding:11px 11px 7px}.game-hud strong{font-size:28px}.game-hud small{font-size:7px}.game-hud b{font-size:18px}.game-result{padding:25px 22px}.game-result h2{font-size:25px}.result-star{font-size:40px;margin-bottom:12px}.game-result>strong{font-size:43px}.game-result .btn{font-size:11px;padding:13px 16px}.game-result>p{font-size:10px}.game-toolbar{font-size:9px}.in-game .toast{bottom:20px}dialog{padding:28px 24px}dialog h2{font-size:27px}dialog p{font-size:12px}}
@media(max-height:720px) and (max-width:600px){.game-layout{max-width:335px}.game-top{height:54px}.game-result{padding:18px}.result-star{font-size:32px;margin-bottom:7px}.game-result h2{margin-block:10px;font-size:23px}.game-result>strong{font-size:36px}.game-result>strong small{margin-bottom:12px}.game-result .save-status{margin-bottom:14px}.game-result>p{font-size:9px}}
@media(max-width:600px){.hero-universe{overflow:clip}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}