:root{--bg:#f7f1e6;--fg:#171717;--coral:#f06452;--lime:#d3e85a;--lav:#cbb8ff;--sky:#8ec5ff;--violet:#9b6bff;--yellow:#f7d96b;--peach:#ffc19a;--mint:#9ee8ce;--cream:#fff9ef;--outline:#1d1d1b;--muted:#78716c}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 8%,#ffc19a8c,transparent 32%),radial-gradient(circle at 86% 16%,#cbb8ff8c,transparent 30%),radial-gradient(circle at 54% 100%,#9ee8ce61,transparent 36%),var(--bg);color:var(--fg);font-family:Rubik,sans-serif}button,input,select{font:inherit}.app{min-height:100svh;position:relative;overflow-x:hidden}.grain{pointer-events:none;z-index:9;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.shell{width:min(100%,460px);min-height:100svh;margin:0 auto;padding:18px}.stack{flex-direction:column;gap:16px;padding-bottom:28px;display:flex}.hero{justify-content:space-between;align-items:center;gap:16px;padding-top:8px;display:flex}.hero h1,.target{margin:10px 0 8px;font-family:Cormorant Garamond,serif;font-size:44px;line-height:.94}.hero p,.muted{color:var(--muted);line-height:1.45}.orb{border:2px solid var(--outline);background:conic-gradient(from 210deg,var(--coral),var(--yellow),var(--mint),var(--sky),var(--violet),var(--coral));width:104px;height:104px;box-shadow:8px 8px 0 var(--outline);border-radius:32px 999px 999px;flex:none;place-items:center;font-size:42px;display:grid;transform:rotate(-8deg)}.eyebrow,.label{border:2px solid var(--outline);background:var(--lime);letter-spacing:.1em;text-transform:uppercase;width:max-content;box-shadow:2px 2px 0 var(--outline);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:800;display:inline-flex}.label{box-shadow:none;color:var(--muted);background:0 0;border:0;margin-bottom:10px;padding:0}.card{border:2px solid var(--outline);box-shadow:5px 5px 0 var(--outline);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9efe0;border-radius:30px;padding:18px}.card.soft{background:#ffffffb8}.card.danger{background:#ffc19ab8}.topline,.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.badge{border:2px solid var(--outline);min-width:86px;box-shadow:3px 3px 0 var(--outline);text-align:center;background:#fff;border-radius:22px;padding:10px;font-weight:900}.input,select{border:2px solid var(--outline);background:#fff;border-radius:999px;outline:0;width:100%;padding:15px 16px;font-weight:650}.input:focus,select:focus{box-shadow:0 0 0 4px #9b6bff2e,3px 3px 0 var(--outline)}.btn,.mini{border:2px solid var(--outline);background:linear-gradient(135deg,var(--coral),var(--violet));color:#fff;width:100%;min-height:54px;box-shadow:4px 4px 0 var(--outline);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-radius:999px;margin-top:12px;padding:14px 20px;font-size:13px;font-weight:900}.btn.secondary,.mini{color:var(--fg);box-shadow:3px 3px 0 var(--outline);background:#fff}.btn:disabled,.mini:disabled{opacity:.45;cursor:not-allowed}.mini{width:auto;min-height:34px;margin:0;padding:8px 11px;font-size:10px}.players{flex-direction:column;gap:8px;margin-top:12px;display:flex}.player{background:#fff;border:2px solid #1d1d1b29;border-radius:22px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.player.me{border-color:var(--outline);box-shadow:3px 3px 0 var(--outline);background:#cbb8ff6b}.player span{font-weight:800}.player small{color:var(--muted);font-size:12px}.rating{background:#fff;border:2px solid #1d1d1b24;border-radius:24px;margin-top:10px;padding:12px}.segments{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.segments button{border:2px solid var(--outline);background:#fff;border-radius:16px;min-height:56px;font-weight:900}.segments button.active{background:var(--yellow);box-shadow:3px 3px 0 var(--outline);transform:translateY(-1px)}.segments small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:700;display:block}.tasks{padding-left:22px;line-height:1.5}.tasks li+li{margin-top:10px}.target{font-size:56px}.check{gap:10px;margin:8px 0;font-weight:700;display:flex}.quality,.notice{border:2px solid var(--outline);background:var(--mint);border-radius:22px;margin-top:12px;padding:12px}.warn{color:#8a2a1f}.pair{border-bottom:1px solid #1d1d1b1f;grid-template-columns:1fr 160px;align-items:center;gap:8px;padding:10px 0;display:grid}.spoilers{flex-direction:column;gap:10px;margin-top:14px;display:flex}.spoiler{border:2px solid var(--outline);background:#fff;border-radius:22px;padding:12px}.spoiler small{color:var(--muted);margin:4px 0;display:block}.toast{z-index:10;border:2px solid var(--outline);background:var(--coral);color:#fff;width:min(420px,100% - 28px);box-shadow:4px 4px 0 var(--outline);border-radius:22px;padding:14px;font-weight:800;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.spinner{border:4px solid var(--violet);border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin:10px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=380px){.shell{padding:12px}.hero h1{font-size:36px}.orb{width:84px;height:84px}.segments{grid-template-columns:repeat(2,1fr)}.pair,.player{grid-template-columns:1fr}}