*{box-sizing:border-box}body{margin:0;background:#14131c;color:#f5f1fa;font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #c5b3ff;outline-offset:3px}button{color:inherit;background:#292633;border:1px solid #423b50;border-radius:18px;padding:13px 18px}a{color:#c7b1ff}h1,h2,h3,p{margin:0}h1{font-size:clamp(36px,7vw,64px);line-height:1.07;letter-spacing:-2px}h2{font-size:27px;line-height:1.2;letter-spacing:-.6px}h3{font-size:19px}p{color:#b6afc3}.wrap{max-width:1000px;margin:auto;padding:24px 22px 120px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{color:#bea7fa}.tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#bba4f2}.primary{background:#c4adff;color:#20182e;border-color:transparent;font-weight:700}.block{width:100%;margin-top:12px}.muted{color:#aca3bd;font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:18px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:center;padding:25px 0 35px}.hero p{margin:20px 0;max-width:420px}.art{aspect-ratio:1;border-radius:36px;overflow:hidden;background:#231f32;transform:rotate(4deg);border:1px solid #5c496c}.art img{width:100%;height:100%;object-fit:cover}.section{margin-top:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.folder{text-align:left;padding:0;background:transparent;border:0;border-radius:20px;overflow:hidden}.cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1.25;padding:20px;color:#231b2c;background:var(--c);border-radius:14px 30px 14px 14px}.cover:before{content:'';width:40%;height:8px;position:absolute;left:0;top:0;border-radius:9px 9px 0 0;background:var(--c)}.symbol{font-size:70px;font-weight:800;line-height:1;text-align:center}.folder strong{display:block;font-size:17px;padding:10px 0 0}.folder small{color:#b2a7bf}.panel{background:#201d29;border:1px solid #393242;border-radius:25px;padding:22px}.field{display:grid;gap:8px;margin:16px 0}.field input,input.search{width:100%;border:1px solid #4a4158;background:#211d2b;color:white;padding:15px;border-radius:15px}.avatar{height:48px;width:48px;border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;background:#b4d8b2;font-size:24px;color:#253627;flex-shrink:0}.avatar.large{height:120px;width:120px;font-size:50px}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:6px;padding:12px 12px max(14px,env(safe-area-inset-bottom));background:#17141fed;border-top:1px solid #38313f;backdrop-filter:blur(16px);z-index:4}.nav button{border:0;border-radius:17px;background:transparent;font-size:12px;width:110px;padding:9px 4px;color:#a99fb8}.nav button b{display:block;font-size:21px;margin-bottom:3px}.nav button.active{background:#332841;color:#d1bcff}.chips{display:flex;gap:9px;overflow:auto;margin:20px 0}.chips button{white-space:nowrap;border-radius:24px;padding:9px 17px}.chips button.active{color:#1c1429;background:#c9b8ee}.welcome{max-width:490px;margin:20px auto}.welcome .art{width:220px;margin:25px auto}.welcome h1{text-align:center;font-size:44px}.welcome p{text-align:center;margin:16px 0}.profiles{display:flex;gap:12px;margin:18px 0}.profiles button{padding:5px;border-radius:50%;border:2px solid transparent}.profiles button.selected{border-color:#c5aaff}.gamecard{background:var(--c,#d3c2fb);color:#221b2b;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-radius:30px;margin:24px 0;box-shadow:0 12px 0 #ffffff08;animation:appear .3s ease}.gamecard h2{font-size:clamp(26px,4vw,40px);line-height:1.25}.gamecard p{color:#493952}.progress{height:5px;background:#37303f;border-radius:6px;overflow:hidden}.progress div{height:100%;background:#c4adff}.score{font-size:62px;font-weight:750;color:#c4adff}.player{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #3b3245}.player button{padding:7px 12px}.upload{display:block;text-align:center;border:1px dashed #88749c;padding:20px;border-radius:18px;margin:14px 0;cursor:pointer}.upload input{display:block;max-width:100%;margin-top:12px;font-size:12px}dialog{background:#211c2c;color:white;border:1px solid #5e4a70;border-radius:26px;width:min(92%,470px);padding:25px}dialog::backdrop{background:#07050ac4;backdrop-filter:blur(5px)}dialog p{margin:15px 0}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:16px;background:#eee5ff;color:#251731;z-index:10;display:none;max-width:90%;text-align:center}header .avatar{border:0;padding:0}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:12px}.statgrid strong{display:block;font-size:25px;color:#d2bafa}.empty{text-align:center;padding:35px 20px}.warning{background:#342b25;color:#d9c4ad;padding:12px 16px;border-radius:15px;font-size:13px;margin:14px 0}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.wrap{padding:20px 18px 115px}.grid{grid-template-columns:1fr 1fr;gap:15px}.hero{grid-template-columns:1.25fr .9fr;gap:14px}.hero h1{font-size:40px}.hero p{font-size:14px}.hero .art{border-radius:24px}.symbol{font-size:55px}.cover{padding:16px}.hero button{padding:12px;font-size:14px}.gamecard{min-height:360px}.top{margin-bottom:16px}.welcome h1{font-size:38px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}