:root{--bg:#0e1526;--surface:#172138;--surface-hi:#202d49;--ink:#f5f7fc;--muted:#aeb9d0;--dim:#7685a4;--line:rgba(255,255,255,.11);--lime:#cdfb70;--aqua:#77e6d7;--orange:#ffb97b;--danger:#ff989b;--shadow:0 24px 74px rgba(0,0,0,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}::selection{background:var(--lime);color:#152134}
.ambient{position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(30px)}.ambient-one{top:100px;left:-400px;width:800px;height:800px;background:radial-gradient(circle,rgba(58,84,162,.18),transparent 65%)}.ambient-two{top:-360px;right:-320px;width:860px;height:800px;background:radial-gradient(circle,rgba(99,169,111,.11),transparent 68%)}
.site-header{border-bottom:1px solid var(--line);position:relative;z-index:2}.site-header-inner{max-width:1160px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:inline-flex;align-items:baseline;font-size:26px;font-weight:900;letter-spacing:-1.5px;line-height:1}.brand-o{color:#fff}.brand-dot{color:var(--lime)}.brand-life{font-size:13px;letter-spacing:2px;font-weight:800;margin-left:6px;color:var(--lime)}.header-right{display:flex;align-items:center;gap:30px}.top-pill{border:1px solid var(--line);border-radius:40px;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.02em;padding:8px 14px;display:flex;align-items:center;gap:8px}.green-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px var(--lime)}.header-link{font-size:13px;font-weight:750;text-decoration:none;color:#e6eaf4}.header-link:hover{color:var(--lime)}
.app-main{max-width:1160px;margin:auto;padding:70px 28px 100px;min-height:75vh}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--lime);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:900}.eyebrow::before{content:'';height:8px;width:8px;border-radius:50%;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.09;letter-spacing:-.05em}h1{font-size:clamp(49px,7.5vw,100px);max-width:800px;margin:20px 0 22px;font-weight:920}h2{font-size:clamp(28px,4vw,45px);margin-bottom:12px}h3{font-size:24px;margin-bottom:8px}.hero-accent{color:var(--lime)}.lead{font-size:clamp(16px,2.05vw,20px);line-height:1.7;max-width:650px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}.hero-copy{padding:16px 0 35px}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:15px 22px;border-radius:14px;border:1px solid transparent;font-weight:850;text-decoration:none;line-height:1.2;transition:transform .18s ease,background .18s ease;min-height:54px}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:var(--lime);color:#0d1526}.btn-primary:hover{background:#e1ffab}.btn-secondary{background:var(--surface-hi);color:var(--ink);border-color:var(--line)}.btn-outline{background:transparent;border-color:var(--line);color:var(--ink)}.btn-wide{width:100%}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.micro-copy{font-size:13px;color:var(--dim);margin-top:18px}
.preview-card{padding:24px;background:linear-gradient(160deg,#233657,#121c2e);border:1px solid rgba(255,255,255,.16);border-radius:28px;box-shadow:var(--shadow);transform:rotate(3deg);position:relative}.preview-card::before{content:'✨';font-size:38px;position:absolute;top:-31px;right:20px}.preview-meta{display:flex;justify-content:space-between;gap:10px;color:var(--aqua);font-weight:900;letter-spacing:.09em;font-size:11px;text-transform:uppercase}.preview-emoji{font-size:67px;line-height:1.4;margin:13px 0 3px}.preview-card h3{font-size:35px;letter-spacing:-.045em}.preview-card p{color:var(--muted);font-size:14px}.preview-score{margin-top:25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}.score-big{font-weight:950;font-size:38px;color:var(--lime);letter-spacing:-.06em}.mini-rank{color:var(--muted);font-size:12px}.preview-tag{background:rgba(205,251,112,.13);color:var(--lime);font-size:12px;font-weight:800;border-radius:30px;padding:6px 10px}
.section{margin-top:88px;scroll-margin-top:30px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-top p{margin:0;color:var(--muted)}.section-label{color:var(--aqua);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:13px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.scenario-card{background:linear-gradient(180deg,rgba(35,49,77,.95),rgba(20,29,47,.98));border:1px solid var(--line);border-radius:22px;padding:25px;display:flex;flex-direction:column;position:relative;min-height:300px;overflow:hidden;transition:transform .2s,border-color .2s}.scenario-card:hover{border-color:rgba(205,251,112,.5);transform:translateY(-4px)}.scenario-icon{height:78px;display:flex;align-items:center;font-size:56px}.scenario-pill{color:var(--aqua);font-size:11px;text-transform:uppercase;letter-spacing:.075em;font-weight:900;margin-bottom:10px}.scenario-card h3{font-size:25px}.scenario-card p{font-size:14px;color:var(--muted);line-height:1.65;flex:1}.scenario-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.scenario-bottom small{color:var(--dim);font-weight:700}.text-link{background:transparent;color:var(--lime);border:none;font-size:14px;font-weight:850;padding:4px 0}.text-link:hover{text-decoration:underline}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-step{border:1px solid var(--line);padding:24px;border-radius:18px;background:rgba(255,255,255,.025)}.how-num{color:var(--lime);font-size:32px;font-weight:950;letter-spacing:-.07em}.how-step h3{font-size:19px;margin:12px 0 8px}.how-step p{color:var(--muted);font-size:14px;margin-bottom:0}.banner-note{text-align:center;color:var(--muted);background:rgba(255,255,255,.035);border:1px solid var(--line);padding:18px;border-radius:15px;font-size:14px;margin-top:36px}
.stage{max-width:760px;margin:0 auto}.back-link{display:inline-flex;gap:9px;color:var(--muted);font-size:14px;text-decoration:none;font-weight:700;align-items:center;margin-bottom:36px}.back-link:hover{color:var(--lime)}.stage-head{text-align:center;margin-bottom:28px}.stage-head h1{font-size:clamp(36px,6.5vw,62px);margin:14px auto}.stage-head .lead{margin:0 auto}.stage-icon{font-size:64px;line-height:1.3}.surface{background:linear-gradient(165deg,#1b2a45,#172238);border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:var(--shadow)}.join-info{background:rgba(205,251,112,.08);border:1px solid rgba(205,251,112,.2);border-radius:14px;padding:13px 15px;color:var(--lime);font-size:13px;font-weight:700;margin-bottom:22px}.field-label{font-size:14px;font-weight:800;color:var(--ink);display:block;margin:20px 0 8px}.text-input{width:100%;border-radius:13px;border:1px solid rgba(255,255,255,.19);padding:15px 17px;outline:none;background:#101a2c;color:var(--ink);font-size:17px}.text-input:focus{border-color:var(--lime)}.field-note{font-size:12px;color:var(--dim);margin:8px 0 22px}.privacy-note{font-size:12px;color:var(--dim);text-align:center;margin:13px 0 0}.leaderboard{margin-top:25px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:18px;padding:20px}.leaderboard h3{font-size:18px;margin-bottom:13px}.board-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.board-row:last-child{border-bottom:0}.board-person{display:flex;gap:12px;align-items:center;min-width:0}.board-position{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;background:var(--surface-hi);color:var(--lime);font-weight:900;font-size:12px}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-score{font-weight:900;color:var(--lime)}.empty-board{font-size:13px;color:var(--muted);margin:0}
.game-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.game-title-label{font-size:13px;color:var(--muted);font-weight:800}.step-counter{color:var(--lime);font-size:13px;font-weight:900}.progress-track{height:7px;border-radius:30px;overflow:hidden;background:var(--surface-hi);margin-bottom:22px}.progress-fill{background:linear-gradient(90deg,var(--aqua),var(--lime));height:100%;border-radius:30px;transition:width .35s}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.stat{background:#111b2e;border:1px solid var(--line);border-radius:14px;padding:13px 9px;text-align:center}.stat-name{font-size:11px;color:var(--dim);font-weight:850;text-transform:uppercase;letter-spacing:.04em}.stat-number{font-size:clamp(18px,3.4vw,24px);font-weight:950;margin-top:3px;letter-spacing:-.035em}.stat-number.green{color:var(--lime)}.question-box{background:linear-gradient(165deg,#263b61,#1d2b48);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px;margin-bottom:19px}.question-box .question-eyebrow{color:var(--aqua);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.question-box h2{font-size:clamp(27px,4.8vw,38px);margin:13px 0}.question-box p{color:#d3dcec;line-height:1.7;font-size:16px;margin:0}.choices{display:grid;gap:11px}.choice{border:1px solid rgba(255,255,255,.17);border-radius:15px;padding:19px;text-align:left;color:var(--ink);background:rgba(255,255,255,.04);display:flex;gap:16px;align-items:center;font-weight:750;line-height:1.45;transition:background .15s,border-color .15s}.choice:hover:not(:disabled){background:rgba(205,251,112,.09);border-color:var(--lime)}.choice-key{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:10px;color:var(--lime);font-size:13px}.feedback{padding:15px 17px;border-radius:14px;background:rgba(119,230,215,.1);color:#cbfff5;border:1px solid rgba(119,230,215,.2);margin-top:17px;font-size:14px}.game-footer-note{text-align:center;margin-top:25px;color:var(--dim);font-size:12px}
.result-card{background:linear-gradient(160deg,#294760,#1b2a47 50%,#172238);border:1px solid rgba(205,251,112,.24);border-radius:26px;padding:30px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.result-card::after{content:'✦';position:absolute;right:-10px;top:-45px;font-size:180px;color:rgba(205,251,112,.05)}.result-emoji{font-size:65px;line-height:1.5}.result-score{font-size:clamp(72px,15vw,110px);font-weight:950;color:var(--lime);line-height:1;letter-spacing:-.09em;margin:10px 0}.result-score small{font-size:22px;color:var(--muted);letter-spacing:0}.result-card h2{font-size:clamp(30px,6vw,42px);margin:15px 0 12px}.result-card p{color:var(--muted);margin-bottom:18px}.result-nickname{color:var(--aqua);font-weight:850;font-size:13px;text-transform:uppercase;letter-spacing:.07em}.results-stats{display:flex;justify-content:space-around;gap:10px;padding-top:17px;border-top:1px solid var(--line)}.results-stats span{display:block;font-size:12px;color:var(--dim)}.results-stats strong{font-size:19px;color:var(--ink)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.result-actions .btn:first-child{grid-column:1/-1}.share-help{text-align:center;font-size:12px;color:var(--dim);margin:15px 0 0}.invite-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid rgba(205,251,112,.23);border-radius:18px;background:rgba(205,251,112,.07);padding:16px 20px;margin-top:20px}.invite-banner p{font-size:13px;color:var(--muted);margin:3px 0 0}.invite-banner strong{font-size:14px}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1160px;margin:0 auto;padding:22px 28px 35px;color:var(--dim);font-size:12px}.loading{text-align:center;padding:80px 0;color:var(--muted)}.loader{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,80px);opacity:0;z-index:20;border-radius:12px;padding:13px 21px;background:var(--lime);color:#0d1526;font-size:13px;font-weight:900;box-shadow:var(--shadow);transition:.25s;max-width:90vw;text-align:center;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}.error-box{border:1px solid rgba(255,152,155,.4);color:#ffd9db;background:rgba(255,152,155,.09);padding:14px;border-radius:13px;margin-top:16px;font-size:14px}
@media(max-width:870px){.hero-grid{grid-template-columns:1fr;gap:25px}.hero-copy{padding-bottom:10px}.preview-card{max-width:460px;transform:rotate(1deg);margin:0 auto}.scenario-grid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.site-header-inner{padding:17px 19px}.brand{font-size:24px}.top-pill{padding:7px 9px;font-size:11px}.header-link{display:none}.app-main{padding:42px 18px 65px}.hero-copy h1{font-size:55px}.hero-actions .btn{width:100%}.scenario-grid,.how-grid{grid-template-columns:1fr}.section{margin-top:60px}.section-top{align-items:start;flex-direction:column}.scenario-card{min-height:235px}.scenario-icon{font-size:48px;height:65px}.preview-card{padding:20px}.surface{padding:18px}.stage-head h1{font-size:40px}.stage-icon{font-size:52px}.question-box{padding:20px}.question-box p{font-size:15px}.choice{padding:15px}.stat-number{font-size:18px}.site-footer{padding:20px;flex-direction:column;align-items:start}.result-card{padding:23px 18px}.invite-banner{flex-direction:column;align-items:stretch}.result-actions{grid-template-columns:1fr}.result-actions .btn:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* v2 additions */
.daily-section{margin-top:66px}.daily-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border:1px solid rgba(205,251,112,.38);border-radius:26px;background:linear-gradient(110deg,#234763,#17273c 75%);box-shadow:0 15px 44px rgba(0,0,0,.16)}.daily-card h2{font-size:clamp(28px,4vw,40px);margin:7px 0}.daily-card p{color:#d7e5ec;margin:6px 0 16px}.daily-emoji{font-size:42px}.daily-fine{font-size:12px;color:#b7d5d8;font-weight:700}.daily-actions{display:flex;flex-direction:column;gap:11px;min-width:230px}.daily-actions .btn{justify-content:center}.scenario-card .group-link{background:transparent;border:0;border-top:1px solid var(--line);text-align:left;color:var(--aqua);padding:15px 0 0;margin-top:13px;font-size:13px;font-weight:850}.scenario-card .group-link:hover{color:var(--lime)}.consent{display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-size:13px;line-height:1.5;margin:20px 0}.consent input{accent-color:#cdfb70;flex:0 0 auto;width:19px;height:19px;margin-top:1px}.consent a,.privacy-actions a,.site-footer a{color:var(--aqua)}.btn-tight{margin-bottom:15px}.small-lead{font-size:14px!important}.result-badge{display:inline-flex;background:rgba(205,251,112,.12);border:1px solid rgba(205,251,112,.3);color:var(--lime);font-weight:900;border-radius:99px;padding:8px 15px;font-size:13px;letter-spacing:.03em}.privacy-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 15px}.danger-link{color:#ffbdbe!important}.danger-link:hover{color:#fff!important}.notice-box{background:rgba(119,230,215,.065);padding:18px;border:1px solid rgba(119,230,215,.2);border-radius:16px;color:var(--ink)}.privacy-document{max-width:770px;margin:0 auto}.privacy-document h2{margin-top:36px}.privacy-document p,.privacy-document li{color:var(--muted);line-height:1.75}.privacy-document a{color:var(--aqua)}.site-footer{flex-wrap:wrap}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.result-actions .btn:first-child{grid-column:1/-1}.notice-box p{margin-bottom:0}
@media(max-width:700px){.daily-card{flex-direction:column;align-items:stretch;padding:24px}.daily-actions{min-width:unset}}@media(max-width:560px){.daily-card{padding:20px}.result-actions{grid-template-columns:1fr}.result-actions .btn:first-child{grid-column:auto}.consent{font-size:12px}}
.report-button{background:transparent;color:#b7bfcb;border:1px solid rgba(255,255,255,.13);font-size:11px;border-radius:9px;padding:5px 8px;cursor:pointer}.report-button:hover{color:#fff;border-color:#fff}.report-overlay{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.73);display:grid;place-items:center;padding:18px}.report-modal{width:min(100%,470px);border:1px solid var(--line);background:#18253a;border-radius:20px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.4)}.report-modal p{color:var(--muted);font-size:14px}.report-actions{display:flex;gap:10px;margin-top:18px}.report-actions .btn{flex:1}.report-modal select{cursor:pointer}