*{box-sizing:border-box}body{margin:0;background:#fff8ed;color:#25133d;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer}main{max-width:480px;margin:auto;min-height:100dvh;background:radial-gradient(circle at 95% 0%,#ffe0f0 0,transparent 35%),#fff8ed}.hero{width:100%;display:block}.home{position:relative}.home .actions{padding:0 24px 38px;margin-top:-2px}.btn{border:3px solid #25133d;border-radius:24px;background:#dcff61;box-shadow:5px 6px 0 #a16fe8;padding:17px 18px;font-weight:900;font-size:20px;color:#25133d;width:100%}.btn:disabled{opacity:.45;cursor:default}.link{border:0;background:none;color:#5943a2;text-decoration:underline;font-weight:700;padding:22px}.panel{padding:22px 20px 38px;min-height:100dvh}.back{border:0;background:none;color:#5c4195;font-weight:700;margin-bottom:18px;padding:4px}.tag{display:inline-block;background:#8765df;color:white;padding:8px 15px;border-radius:16px;font-weight:900;transform:rotate(-2deg)}h1{font-size:32px;line-height:1.22;margin:18px 0 10px;letter-spacing:-1px}h2{font-size:24px;line-height:1.4}.muted{color:#766a85;line-height:1.7}.card{background:white;border:2px solid #35234e;border-radius:24px;padding:20px;box-shadow:5px 6px 0 #ead7ff;margin:20px 0}.field{width:100%;border:2px solid #c6b2e9;border-radius:15px;padding:16px;background:#fff;font-size:17px;margin:8px 0 15px;outline-color:#8262e8}.option{display:block;width:100%;text-align:left;background:white;border:2px solid #e2d5f1;border-radius:17px;padding:15px;margin:10px 0;color:#25133d;font-size:15px;line-height:1.5}.option.selected{border-color:#8262e8;background:#f0e9ff;box-shadow:3px 3px 0 #bfa4fb;font-weight:700}.progress{height:10px;background:#e9dff5;border-radius:20px;overflow:hidden;margin:20px 0}.progress span{display:block;height:100%;background:#b5e849;transition:width .2s}.mini{font-size:13px;color:#756886}.step{font-weight:800;color:#8262e8;margin-top:20px}.error{color:#b42c54;margin:12px 0}.score{text-align:center;background:#e9ff9b;border:3px solid #25133d;border-radius:28px;padding:22px;margin:22px 0;transform:rotate(-1deg)}.score strong{display:block;font-size:68px;line-height:1.3}.bar{height:12px;background:#e8e0f1;border-radius:20px;overflow:hidden}.bar>div{height:100%;background:#a16fe8}.result{padding:14px;background:#fff;border-radius:18px;margin:12px 0;border:1px solid #e5d7f4}.result p{margin:7px 0}.badge{font-size:12px;font-weight:800;color:#6545ae}.center{text-align:center}.sticky{position:sticky;bottom:0;padding:14px 0 20px;background:linear-gradient(transparent,#fff8ed 15%)}.pill{background:#f3e5ff;border-radius:100px;padding:8px 12px;display:inline-block;margin:4px;font-size:13px}.wait{font-size:70px;text-align:center;padding:25px}.copy{font-size:15px}.smallbtn{background:#f3e5ff;border:1px solid #a88bd5;border-radius:14px;padding:11px 16px;color:#3b2762;font-weight:700}button:focus-visible{outline:3px solid #ec719c;outline-offset:3px}@media(min-width:600px){main{box-shadow:0 0 60px #e5d9db}}

:root{--purple:#8660db;--lime:#dcff61;--ink:#25133d}body{background:#efe8dd}main{max-width:560px}.panel{padding:28px 24px 40px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px}.modehead{display:flex;align-items:center;justify-content:space-between;gap:12px}.modeicon{font-size:32px}.quiz-self{background:radial-gradient(ellipse at top right,#e8daff,transparent 65%),#fff8ed}.quiz-guess{background:radial-gradient(ellipse at top right,#e5ff9c,transparent 65%),#fff8ed}.quiz-guess .tag{background:var(--lime);color:var(--ink);border:2px solid var(--ink)}.mode-title{font-size:30px;margin-bottom:8px}.quiz-guess .option.selected{background:#eeffb5;border-color:#54681c;box-shadow:3px 3px 0 #bdde53}.quiz-self .btn{background:var(--purple);color:white;box-shadow:5px 6px 0 #ccb5fa}.quiz-self .progress span{background:var(--purple)}.question-card h2{margin-top:0}.option{display:flex;align-items:center;gap:12px;min-height:66px}.letter{display:grid;place-items:center;min-width:29px;height:29px;border-radius:50%;background:#f0e9ff;font-weight:900}.quiz-guess .letter{background:#eaffac}.mode-note{padding:12px 16px;border:2px dashed #90a847;border-radius:16px;background:#f5ffda;animation:mode-in .45s ease-out}.question-card{margin-top:18px}.mode-caption:empty{display:none}.mode-caption:not(:empty){margin-top:16px}.report-head{text-align:center}.duo{display:flex;justify-content:center;align-items:center;gap:16px;margin:20px 0}.character{width:82px;height:88px;overflow:visible}.score{position:relative;background:#ddff77}.score:after{content:'本场限定';position:absolute;right:-8px;top:-12px;background:#ffbdd9;border:2px solid var(--ink);padding:7px 12px;transform:rotate(9deg);font-size:13px;font-weight:900}.score strong{font-size:84px;letter-spacing:-5px}.score h2{margin:2px 0 10px}.directions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.direction{border:2px solid var(--ink);border-radius:20px;padding:16px;background:#ece1ff;min-width:0;overflow-wrap:anywhere}.direction:nth-child(2){background:#edffb3}.direction strong{font-size:32px;display:block;margin:10px 0}.direction p{font-size:13px;margin:8px 0}.sync{background:#fff0f6}.sync b{font-size:24px}.sticker{display:inline-block;padding:7px 12px;background:#ffbdd9;border:2px solid var(--ink);border-radius:10px;transform:rotate(-2deg);font-weight:900}.scene{border:2px solid var(--ink);border-radius:24px;background:white;margin:24px 0;padding:20px;box-shadow:5px 5px 0 #ffcee2}.scene.sync-scene{box-shadow:5px 5px 0 #d5f481}.scene h3{font-size:19px;line-height:1.5}.bubble{padding:12px 14px;border-radius:16px;background:#f1e9ff;margin:10px 0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.bubble.actual{background:#efffc1}.verdict{font-size:19px;font-weight:800;line-height:1.8;background:#8760da;color:white;box-shadow:5px 6px 0 #d5c2f3}.verdict small{display:block;font-size:12px;opacity:.85;margin-top:14px}.result{border:2px solid var(--ink);padding:0;overflow:hidden}.flip{width:100%;border:0;background:#f5edff;padding:17px;text-align:left;color:var(--ink);font-weight:800;line-height:1.5;display:flex;gap:12px;align-items:center}.flip span:first-child{font-size:24px}.flip[aria-expanded=true]{background:#ebffb5}.reveal{padding:4px 16px 14px;animation:mode-in .3s}.outcome{font-size:12px;font-weight:900}.report-actions{display:grid;gap:14px;margin:25px 0}.share-preview{width:min(100%,420px);display:block;margin:16px auto;border-radius:20px}.share-text{width:100%;min-height:130px;border:2px solid #c6b2e9;border-radius:14px;padding:12px;color:var(--ink);font:inherit}.notice{font-size:13px;color:#645371;line-height:1.7}.names{overflow-wrap:anywhere}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;border-radius:16px;z-index:10;max-width:90vw}.btn,.smallbtn{min-height:48px}.option:hover{border-color:#8b6cbb}button:active{transform:translateY(1px)}@keyframes mode-in{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:360px){.panel{padding:22px 16px}.direction{padding:12px}.mode-title{font-size:26px}}@media print{.report-actions,.back,.link,.smallbtn{display:none}main{max-width:100%;box-shadow:none}.scene,.card,.direction{break-inside:avoid}}
.sticky{padding:8px 0 12px}.quiz-guess .sticky{background:linear-gradient(transparent,#f1ffd0 18%)}.share-preview{border:2px solid #25133d}.modehead .mini{overflow-wrap:anywhere;text-align:right;max-width:52%}#activation-dialog{width:calc(100% - 40px);max-width:400px;border:3px solid #25133d;border-radius:26px;padding:30px 24px 26px;background:#fff8ed;color:#25133d;box-shadow:7px 8px 0 #bda0ef;max-height:calc(100dvh - 48px);overflow-y:auto}#activation-dialog::backdrop{background:rgba(37,19,61,.48);backdrop-filter:blur(3px)}#activation-dialog form{position:relative}#activation-dialog h2{margin:24px 0 12px}#activation-dialog .field{font-size:16px;letter-spacing:1px}#activation-dialog .error:empty{display:none}#activation-dialog .error{font-size:14px;margin:0 0 18px}#activation-dialog .btn{font-size:18px}.dialog-close{position:absolute;right:-13px;top:-18px;border:0;background:none;color:#25133d;width:44px;height:44px;font-size:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.back{min-height:44px;min-width:44px}.invite-banner{padding:18px 24px;background:#eadbff;font-weight:800;text-align:center;overflow-wrap:anywhere}.invite-url{font-size:13px;margin-top:20px}.panel{padding-bottom:max(40px,env(safe-area-inset-bottom))}@media(max-width:360px),(max-height:650px){.sticky{position:static}}