:root{--bg:#07030f;--ink:#fdf4ff;--hot:#f43f5e;--acid:#c4f000;--cyan:#22d3ee;--violet:#a855f7}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overscroll-behavior:none}body:before{inset:-20%;z-index:-2;background:radial-gradient(40% 35% at 15% 20%,rgba(244,63,94,.55),transparent 70%),radial-gradient(45% 40% at 85% 15%,rgba(168,85,247,.5),transparent 70%),radial-gradient(50% 45% at 50% 95%,rgba(34,211,238,.45),transparent 70%);filter:blur(40px) saturate(140%);animation:drift 14s ease-in-out infinite alternate}body:after,body:before{content:"";position:fixed}body:after{inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,.18) 1px,transparent 2px,transparent 4px);mix-blend-mode:overlay;opacity:.5}@keyframes drift{0%{transform:translate3d(-3%,-2%,0) scale(1.05) rotate(-2deg)}to{transform:translate3d(4%,3%,0) scale(1.15) rotate(2deg)}}.wrap{min-height:100dvh;max-width:560px;margin:0 auto;padding:24px 18px 40px;display:flex;flex-direction:column}.kicker{font-weight:800;letter-spacing:.18em;font-size:13px;color:var(--acid);text-shadow:0 0 12px rgba(196,240,0,.6)}.kicker,.title{text-transform:uppercase}.title{font-size:clamp(46px,17vw,84px);line-height:.92;font-weight:900;letter-spacing:-.03em;margin:10px 0 2px;background:linear-gradient(90deg,var(--hot),var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(3px 3px 0 #000)}.title .glitch{display:inline-block;animation:shake 3.5s steps(2) infinite}@keyframes shake{0%,92%,to{transform:translate(0) skew(0)}94%{transform:translate(-3px,1px) skew(-6deg)}96%{transform:translate(3px,-2px) skew(4deg)}}.sub{font-size:17px;opacity:.85;margin:14px 0 28px;line-height:1.35}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #000;border-radius:16px;padding:18px 22px;font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:#07030f;background:var(--acid);box-shadow:5px 5px 0 #000;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease;width:100%}.btn:active{transform:translate(5px,5px);box-shadow:0 0 0 #000}.btn.alt{background:var(--cyan)}.btn.ghost{background:transparent;color:var(--ink);border-color:hsla(0,0%,100%,.35);box-shadow:none}.stat{margin-top:auto;padding-top:28px;font-size:13px;opacity:.6;text-align:center}.progress{height:12px;border:2px solid #000;border-radius:99px;background:hsla(0,0%,100%,.1);overflow:hidden;margin-bottom:8px}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--hot),var(--cyan));transition:width .3s ease}.qcount{font-size:13px;font-weight:800;letter-spacing:.1em;opacity:.7;text-transform:uppercase}.prompt{font-size:clamp(26px,7vw,34px);font-weight:900;line-height:1.05;margin:18px 0 22px;letter-spacing:-.01em}.opts{display:flex;flex-direction:column;gap:12px}.opt{text-align:left;border:3px solid #000;border-radius:14px;padding:16px;font-size:17px;font-weight:700;line-height:1.2;color:var(--ink);background:hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:4px 4px 0 #000;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease,background .1s}.opt.sel,.opt:active{transform:translate(4px,4px);box-shadow:0 0 0 #000;background:var(--violet)}.cardShell{text-align:center}.card{border:4px solid #000;border-radius:22px;padding:26px 20px 30px;box-shadow:8px 8px 0 #000;position:relative;overflow:hidden}.card .label{font-size:13px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;opacity:.85}.card .charEmoji{font-size:clamp(72px,24vw,110px);line-height:1;margin:6px 0 2px;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.35))}.card .charName{font-size:clamp(30px,9vw,46px);font-weight:900;text-transform:uppercase;line-height:.98;color:#fff;filter:drop-shadow(3px 3px 0 #000)}.card .charScore{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.9;margin:8px 0 12px}.card .stats{display:flex;gap:8px;margin-top:14px}.card .statBox{flex:1 1;background:rgba(0,0,0,.28);border-radius:12px;padding:10px 6px 8px}.card .statBar{height:8px;border-radius:99px;background:hsla(0,0%,100%,.25);overflow:hidden;margin-bottom:6px}.card .statBar>i{display:block;height:100%;background:#fff}.card .statNum{font-size:22px;font-weight:900;line-height:1;color:#fff}.card .statLabel{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.card .opp{margin-top:14px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:8px 10px}.card .diag,.card .opp{background:rgba(0,0,0,.32)}.card .diag{font-size:17px;font-weight:700;line-height:1.3;border-radius:12px;padding:12px 14px}.card .brand{margin-top:16px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.9}.actions{display:flex;flex-direction:column;gap:12px;margin-top:22px}.revealWrap{justify-content:center;text-align:center}.fillAnim{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--hot),var(--cyan));animation:fill 2.6s ease forwards}@keyframes fill{to{width:100%}}.revealNote{margin:16px 0 4px;font-weight:700;opacity:.75}.adSlot{display:block;margin:18px 0 4px;min-height:90px}.adPlaceholder{margin:18px 0 4px;border:2px dashed hsla(0,0%,100%,.28);border-radius:12px;padding:22px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.45}.countup{animation:pop .4s ease}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}