:root{color-scheme:dark;--bg:#100b14;--ink:#fff6f8;--muted:#b8a5af;--rose:#ff4b73;--line:#ffffff1c;--panel:#211720;--pink:#ffa5ba}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 110% 45% at 50% -5%,#741c3d88,transparent),radial-gradient(ellipse 75% 35% at 110% 80%,#391a37aa,transparent)}.app{position:relative;max-width:500px;min-height:100dvh;margin:auto;padding:calc(22px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.top{display:flex;justify-content:space-between;align-items:center;gap:8px}.brand{font-weight:1000;letter-spacing:2.1px;font-size:13px;border:0;background:none;color:white;padding:8px 0;cursor:pointer}.brand span{color:var(--rose);font-size:10px;margin:0 5px}.badge,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--pink)}.badge{border:1px solid #ff799c62;border-radius:99px;padding:8px 10px}#app{flex:1}.hero{text-align:center;padding:51px 0 8px}.flag{display:grid;place-items:center;width:98px;height:98px;margin:auto;border:1px solid #ff577c5c;border-radius:30px;transform:rotate(-8deg);background:linear-gradient(145deg,#6a203f,#2b1728);font-size:48px;box-shadow:0 0 60px #e72d5d4a}.hero h1{font-size:clamp(44px,12vw,65px);line-height:.92;letter-spacing:-3px;margin:29px 0 17px;font-weight:950}.accent{color:var(--rose)}p{line-height:1.55}.muted{color:var(--muted)}.hero p{font-size:15px;max-width:320px;margin:0 auto}.panel{background:linear-gradient(145deg,#ffffff0e,#ffffff06);border:1px solid var(--line);border-radius:24px;padding:22px;margin:22px 0;box-shadow:0 12px 50px #0002}.panel h2{margin:0 0 9px;font-size:22px;letter-spacing:-.6px}.panel p{margin:9px 0}.mini{font-size:12px;color:var(--muted);line-height:1.5}.button{display:block;width:100%;border:0;border-radius:15px;padding:17px 15px;background:linear-gradient(115deg,#ff527a,#dd2258);color:white;font:800 15px inherit;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 9px 28px #c5224e30;transition:transform .15s,filter .15s;margin-top:12px}.button:active{transform:scale(.98)}.button:disabled{opacity:.55;cursor:wait}.button.secondary{background:#ffffff0b;border:1px solid #ffffff20;box-shadow:none}.button.ghost{background:transparent;color:#bfabb5;box-shadow:none;font-size:12px}.button.danger{background:#522139;border:1px solid #ff537677;box-shadow:none}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chip{border:1px solid #ffffff1c;border-radius:100px;padding:7px 10px;font-size:11px;color:#d7c8ce}input{width:100%;padding:15px 16px;border-radius:14px;border:1px solid #ffffff30;background:#110d14;color:white;font-size:16px;outline:none}input:focus{border-color:var(--rose)}.screen{padding-top:47px;animation:arrive .25s ease both}.screen h1{font-size:38px;line-height:1.05;letter-spacing:-1.7px;margin:13px 0}.screen .sub{font-size:15px}.players{display:flex;align-items:center;gap:10px;margin:22px 0}.avatar{width:47px;height:47px;display:grid;place-items:center;background:#f44770;border-radius:16px;font-weight:900;font-size:18px;flex:none}.avatar.wait{background:#ffffff0c;border:1px dashed #ffffff40;color:#baa7b0}.playerText{flex:1;min-width:0}.playerText strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerText small{color:var(--muted)}.separator{height:1px;background:var(--line)}.waitingIcon{font-size:56px;margin:27px 0 5px}.progressHead{display:flex;justify-content:space-between;font-size:12px;color:#d5bec8;font-weight:700;margin-top:30px}.bar{height:6px;border-radius:10px;background:#ffffff1b;margin:12px 0 34px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#e62959,#ff9ab1);transition:width .3s}.question{font-size:29px;line-height:1.16;letter-spacing:-.8px;font-weight:850;margin:15px 0 28px}.option{width:100%;border:1px solid #ffffff21;border-radius:16px;background:#ffffff09;color:white;text-align:left;padding:17px;display:flex;align-items:center;gap:14px;font:600 15px/1.4 inherit;font-size:15px;line-height:1.4;margin:10px 0;cursor:pointer}.option:active,.option:hover{border-color:#ff5178;background:#792a413f}.option b{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #ff71965e;color:#ff9bb2;border-radius:9px;font-size:12px}.note{text-align:center;font-size:12px;color:#aa98a2;margin-top:25px}.match{font-size:64px;font-weight:950;letter-spacing:-4px;color:var(--rose);line-height:1;margin:15px 0}.resultGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:#ffffff08;border:1px solid var(--line);border-radius:17px;padding:16px;min-width:0}.stat strong{font-size:32px;color:#ff7697;display:block}.stat span{font-size:12px;overflow-wrap:anywhere}.topic{padding:13px 0;border-bottom:1px solid var(--line)}.topic:last-child{border:0}.topic div{display:flex;justify-content:space-between;font-size:13px}.topic .bar{margin:9px 0 0;height:4px}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-size:14px;font-weight:700}details p{font-size:13px;color:#d5c4cc}#notice:not(:empty){position:sticky;top:12px;z-index:10;margin-top:14px;padding:13px;border-radius:13px;background:#722f45;border:1px solid #ff698a;color:white;font-size:13px}.loading{padding:80px 0;text-align:center;color:var(--muted)}footer{text-align:center;color:#786973;letter-spacing:1.2px;font-weight:700;font-size:9px;margin-top:30px}footer span{color:var(--rose)}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}