:root{--paper:#f8f5ec;--ink:#24232a;--muted:#77716b;--orange:#ff643d;--purple:#a994ef;--acid:#d9ee9e}*{box-sizing:border-box}html{background:#1d1e25}body{margin:0;color:var(--ink);background:#1d1e25;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;color:inherit}.shell{min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:0}#app{width:min(100%,430px);min-height:100dvh;background:var(--paper);box-shadow:0 20px 80px #0005;overflow:hidden}.boot{padding:30px}.topbar{height:68px;padding:15px 22px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{display:flex;gap:9px;align-items:center;font-weight:800;font-size:14px;white-space:nowrap;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;color:var(--ink);font-size:20px;width:25px;height:25px;background:var(--orange);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transform:rotate(-5deg)}.mode-tag{white-space:nowrap;border:1px solid var(--ink);border-radius:30px;padding:5px 8px;background:var(--acid);font-size:9px;font-weight:700}.back{width:27px;height:27px;background:none;border:0;font-size:31px;line-height:22px;padding:0}.page{padding:0 22px 30px}.eyebrow,.event{display:flex;gap:7px;align-items:center;color:#716c64;font-size:10px;font-weight:700;letter-spacing:1.1px;margin-top:27px}.square{width:6px;height:6px;background:var(--orange);display:inline-block;flex:none}.home h1{font-size:clamp(30px,8.2vw,35px);line-height:1.28;letter-spacing:-1.5px;margin:12px 0 8px;font-weight:900}.highlight{position:relative;z-index:0}.highlight:after{content:'';height:10px;position:absolute;left:0;right:0;bottom:2px;z-index:-1;background:var(--acid);transform:rotate(-1deg)}.lead{font-size:13px;line-height:1.6;color:#736f68;margin:0 0 16px}.hero-scene{position:relative;height:225px;background:#c8b8ec;border:2px solid var(--ink);overflow:hidden;background-image:linear-gradient(#8f7cb31c 1px,transparent 1px),linear-gradient(90deg,#8f7cb31c 1px,transparent 1px);background-size:24px 24px;background-color:#c8b8ec;box-shadow:5px 5px 0 var(--ink)}.hero-scene:before{content:'';position:absolute;bottom:23px;left:0;right:0;height:35px;background:#a98de0;border-top:2px solid #625094}.hero-scene:after{content:'';position:absolute;bottom:0;left:0;right:0;height:23px;background:#66509c}.scene-label{position:absolute;left:14px;top:13px;font:700 9px monospace;color:#49396a;letter-spacing:1px}.hero-student{position:absolute;height:190px;width:170px;object-fit:contain;bottom:17px;left:50%;transform:translateX(-50%);filter:drop-shadow(4px 5px 0 #28243733)}.hero-comic{position:absolute;right:18px;top:36px;background:var(--acid);border:2px solid var(--ink);transform:rotate(9deg);padding:9px 12px;text-align:center;font-weight:900;font-size:15px;box-shadow:3px 3px 0 var(--ink);z-index:2}.hero-ghost{position:absolute;bottom:43px;left:16px;font:700 13px/1.3 monospace;color:#352745;background:#e7d9ff;border:1px solid #352745;padding:5px 9px}.hero-bottom{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#fff;font:700 9px monospace;letter-spacing:1px;z-index:2}.pixel-spark{position:absolute;color:#fbf5be;font-size:29px}.spark-1{left:43px;top:55px}.spark-2{right:47px;top:118px}.facts{display:flex;justify-content:space-between;margin:21px 4px 16px;font-size:11px;font-weight:700}.primary{width:100%;height:51px;background:var(--orange);color:#fff;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:800;font-size:15px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;transition:transform .15s,box-shadow .15s}.primary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.primary:disabled{opacity:.48;cursor:not-allowed;box-shadow:2px 2px 0 var(--ink)}.primary span{font-size:23px;font-weight:400}.microcopy,.footnote{font-size:11px;color:#928b81;text-align:center;margin:15px 0 18px}.drops{border-top:1px solid #dcd7ca;padding-top:18px}.drops-heading{display:flex;justify-content:space-between;font-size:12px}.drops-heading span{font:700 10px monospace;color:#8a8176}.chips{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.chips span{border:1px solid var(--ink);background:#fff;padding:7px 9px;font-size:10px;font-weight:700;box-shadow:2px 2px 0 var(--ink)}.chips span:nth-child(2){background:#d9ee9e}.chips span:nth-child(3){background:#e5dcff}.disclaimer{text-align:center;color:#958d84;font-size:10px;line-height:1.7;margin:23px 0 0}.progress{display:flex;gap:5px;margin:20px 0 25px}.progress i{height:5px;flex:1;background:#e1dbd0;transform-origin:left}.progress .done{background:var(--ink)}.progress .current{background:var(--orange)}.event{margin:0 0 13px;color:var(--orange)}.event-name{font-weight:500;letter-spacing:0;color:#938a7e}.question h1{font-size:clamp(27px,7vw,32px);line-height:1.35;letter-spacing:-1.2px;margin:0 0 17px;font-weight:900}.story-scene{background:#e9e3f8;border:1.5px solid var(--ink);min-height:105px;display:flex;align-items:center;gap:17px;padding:15px;margin-bottom:20px;box-shadow:3px 3px 0 var(--ink)}.story-icon{font-size:46px;width:70px;height:70px;background:#cbb8ef;display:grid;place-items:center;border:2px solid #7b66ae}.story-scene div:last-child{display:flex;flex-direction:column;gap:4px}.story-scene small{font-size:10px;color:#786794}.story-scene strong{font-size:13px}.story-scene div span{color:#776e83;font-size:11px}.answer-list{display:grid;gap:10px}.answer{width:100%;min-height:71px;padding:10px 12px;display:flex;align-items:center;gap:11px;text-align:left;background:#fffdf8;border:1.5px solid #bdb7ad;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.answer:hover{transform:translateY(-2px);border-color:var(--ink)}.answer.selected{background:#e1efb4;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.letter{flex:none;width:30px;height:30px;border:1.5px solid var(--ink);display:grid;place-items:center;font:800 14px monospace;background:#fff}.selected .letter{background:var(--ink);color:#fff}.answer-text{flex:1;display:flex;flex-direction:column;gap:4px}.answer-text b{font-size:12px;line-height:1.35}.answer-text small{font-size:10px;color:#898178}.tick{visibility:hidden;font-size:20px}.selected .tick{visibility:visible}.answer-note{text-align:center;color:#928b81;font-size:10px;margin:19px 0 15px}.footnote{margin-top:16px}.loading{min-height:calc(100dvh - 68px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:80px}.loading-orb{height:145px;width:145px;border:3px solid var(--ink);background:var(--purple);box-shadow:8px 8px 0 var(--ink);display:grid;place-items:center;font-size:80px;margin-bottom:32px;animation:orb 1.7s ease-in-out infinite alternate}.loading h1{font-size:29px;line-height:1.35}.loading p{font-size:13px;color:var(--muted);line-height:1.6}.loading-bars{display:flex;gap:8px;margin-top:20px}.loading-bars i{width:12px;height:12px;background:var(--orange);animation:bounce .8s ease-in-out infinite alternate}.loading-bars i:nth-child(2){animation-delay:.12s}.loading-bars i:nth-child(3){animation-delay:.24s}.loading-bars i:nth-child(4){animation-delay:.36s}.loading-bars i:nth-child(5){animation-delay:.48s}.loading .primary{margin-top:28px}.error-orb{animation:none;background:var(--orange)}.quiet{border:0;background:transparent;color:var(--ink);font-size:13px;font-weight:700;text-decoration:underline;padding:17px;margin:7px auto;display:block}.result-kicker{text-align:center;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:1px;margin:23px 0 8px}.result h1{text-align:center;font-size:clamp(29px,8vw,36px);line-height:1.15;margin:0;font-weight:900;letter-spacing:-1px}.result-sub{text-align:center;font-size:12px;color:#746d66;margin:10px 0 17px}.result-scene{height:253px;background:var(--role-color);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);position:relative;overflow:hidden;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:25px 25px;background-color:var(--role-color)}.result-scene:before{content:'';width:240px;height:240px;position:absolute;left:50%;top:36px;transform:translateX(-50%);background:#f7edcd88;border-radius:50%}.result-scene img{position:absolute;height:225px;width:192px;left:50%;bottom:-2px;transform:translateX(-50%)}.rarity{position:absolute;z-index:2;top:13px;left:13px;background:var(--acid);border:1.5px solid var(--ink);font-size:10px;font-weight:800;padding:6px 9px}.class-label{position:absolute;z-index:2;right:12px;top:15px;max-width:115px;text-align:right;font:800 11px/1.1 monospace;overflow-wrap:anywhere}.comic{position:absolute;z-index:3;left:13px;top:85px;transform:rotate(-10deg);background:#fff;border:2px solid var(--ink);padding:9px;font-size:14px;font-weight:900;box-shadow:3px 3px 0 var(--ink)}.crit{position:absolute;z-index:2;right:12px;bottom:14px;font:900 13px monospace;color:#fff;text-shadow:2px 2px #27232b}.result-spark{position:absolute;color:#fff9bc;font-size:26px;z-index:2}.s1{left:37px;bottom:26px}.s2{right:35px;top:83px}.stats-card{background:#fffdf8;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:13px;margin-top:17px}.stats-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.stats-heading small{font-size:9px;color:#8b8378}.stat-row{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:10px}.stat-row span{width:64px;flex:none}.stat-row b{width:20px;text-align:right;font:800 11px monospace}.stat-track{height:12px;flex:1;background:#ebe6db;padding:2px}.stat-fill{display:block;height:8px;background:var(--orange);transform-origin:left}.f1{background:var(--purple)}.f2{background:#adc876}.skill-card{display:flex;align-items:center;gap:13px;background:#e5dcf9;border:1.5px solid var(--ink);padding:12px 13px;margin-top:13px}.skill-symbol{font-size:27px;background:var(--ink);color:#fff;width:40px;height:40px;display:grid;place-items:center}.skill-card div{display:flex;flex-direction:column;gap:3px}.skill-card small{font-size:9px;color:#75658d}.skill-card b{font-size:13px}.skill-card div span{font-size:10px;color:#756d78}.result-mode{text-align:center;font-size:10px;color:#8d8177;margin:15px 0 13px}.result .quiet{margin-bottom:0}.result .disclaimer{margin:5px 0 0}@keyframes orb{to{transform:translateY(-14px) rotate(7deg)}}@keyframes bounce{to{transform:translateY(-15px);opacity:.3}}@media(min-width:600px){.shell{padding:28px}#app{min-height:844px;border-radius:26px;box-shadow:0 20px 60px #0008}.page{padding-bottom:32px}}@media(max-height:740px){.hero-scene{height:205px}.home .eyebrow{margin-top:15px}.question .progress{margin:12px 0 16px}.story-scene{min-height:90px;margin-bottom:14px}.answer{min-height:62px}.answer-list{gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Long quiz + model evidence: keep answers lightweight and the Jev output unmistakable. */
.question .progress{height:9px;display:block;background:#e5ded1;border:1px solid var(--ink);overflow:hidden}
.question .progress i{display:block;height:100%;background:var(--orange);transition:width .3s ease}
.drops .chips{display:flex;flex-wrap:wrap;gap:7px}
.drops .chips span{max-width:100%;white-space:normal}
.jev-panel{margin-top:18px;border:2px solid var(--ink);background:#292631;color:#fff;padding:18px 15px 14px;box-shadow:5px 5px 0 var(--purple)}
.jev-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font:800 10px monospace;letter-spacing:.4px}
.jev-live{color:#c9fb6c;display:flex;align-items:center;gap:7px}.jev-live i{width:7px;height:7px;border-radius:50%;background:#c9fb6c;box-shadow:0 0 10px #c9fb6c;animation:pulse 1.5s ease-in-out infinite}
.jev-model{color:#a9a3b4}.jev-panel h2{font-size:24px;line-height:1.1;margin:17px 0 7px}.jev-lead{font-size:11px;color:#d7d0df;line-height:1.6;margin:0 0 18px}
.jev-ranking{background:#393643;padding:13px}.ranking-title{font-size:10px;color:#c6bfce;margin-bottom:12px}.ranking-row{display:flex;align-items:center;gap:10px;margin:12px 0}.rank-index{font:800 12px monospace;color:#c9fb6c}.rank-detail{min-width:0;flex:1}.rank-detail>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:5px;font-size:11px}.rank-detail strong{font:800 13px monospace;color:#c9fb6c}.rank-track{height:8px;background:#5c5668}.rank-track i{display:block;height:100%;background:#c9fb6c;transform-origin:left}
.jev-confidence{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #7a7183;margin-top:16px;padding-top:14px;font-size:12px}.jev-confidence b{font:900 22px monospace;color:#c9fb6c}.jev-note{font-size:10px;color:#bdb5c9;line-height:1.55;margin:13px 0 0}
.demo-panel{margin-top:18px;border:1.5px solid var(--ink);background:#fff3d4;padding:14px;font-size:12px}.demo-panel p{font-size:10px;color:#73685e;line-height:1.5;margin:5px 0 0}
@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}
@media(prefers-reduced-motion:reduce){.jev-live i{animation:none}.question .progress i{transition:none}}