@import"https://fonts.googleapis.com/css2?family=Creepster&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#050508;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;font-family:Courier New,monospace}canvas{display:block}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:999}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.screen{display:none;flex-direction:column;align-items:center;gap:18px;pointer-events:all}.screen.active{display:flex}.panel{background:#04040cdb;border:1px solid rgba(160,0,0,.45);box-shadow:0 0 60px #8c00002e,0 0 120px #64000014,inset 0 0 30px #0006;padding:36px 48px;text-align:center;max-width:720px;width:92vw;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes titlePulse{0%,to{text-shadow:0 0 20px #cc000088,0 0 50px #aa000044,0 0 100px #88000022}50%{text-shadow:0 0 35px #ff0000bb,0 0 80px #cc000066,0 0 160px #aa000033}}@keyframes flicker{0%,89%,91%,93%,to{opacity:1}90%{opacity:.75}92%{opacity:.9}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.menu-title{font-family:Creepster,Courier New,monospace;color:#ff1a1a;font-size:78px;letter-spacing:10px;line-height:1;animation:titlePulse 2.8s ease-in-out infinite,flicker 8s linear infinite;text-transform:uppercase}.menu-subtitle{font-family:Creepster,Courier New,monospace;color:#c33;font-size:32px;letter-spacing:18px;margin-top:-8px;animation:titlePulse 2.8s ease-in-out infinite .4s;opacity:.9}.menu-tagline{color:#544;font-size:12px;letter-spacing:3px;margin-top:6px;text-transform:uppercase;animation:fadeUp 1s ease .5s both}h1{color:#f0c040;font-size:50px;text-shadow:0 0 30px #f0c04099;letter-spacing:4px}h2{color:#c33;font-size:24px;margin-bottom:4px;letter-spacing:2px}.sub{color:#533;font-size:12px;margin-top:-8px;letter-spacing:2px}.hint{color:#a99;font-size:13px;line-height:1.9}.hint b{color:#cbb}button{background:transparent;color:#f33;border:1px solid #cc2222;padding:13px 42px;font-size:14px;cursor:pointer;font-family:Courier New,monospace;letter-spacing:4px;text-transform:uppercase;transition:all .2s;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(200,0,0,.08),transparent);transform:translate(-100%);transition:transform .3s}button:hover{background:#b4000040;border-color:#f33;color:#f66;box-shadow:0 0 25px #c800004d;letter-spacing:6px}button:hover:before{transform:translate(100%)}button.btn-back{color:#544;border-color:#322;font-size:12px;padding:8px 24px}button.btn-back:hover{background:#50000033;color:#866;border-color:#644;letter-spacing:4px}.choices{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}.card{background:#080404e6;border:1px solid #2a1a1a;padding:18px 16px;width:180px;cursor:pointer;transition:all .18s;text-align:center}.card:hover{border-color:#c22;transform:translateY(-3px);box-shadow:0 6px 24px #b4000040;background:#140404f2}.card .icon{font-size:36px;margin-bottom:8px;display:block}.card h3{color:#f55;font-size:13px;margin-bottom:6px}.card p{color:#a99;font-size:11px;line-height:1.5}.card .badge{color:#60c0ff;font-size:10px;margin-top:4px}.stat-table{color:#866;font-size:14px;border-collapse:collapse;margin:8px 0}.stat-table td{padding:5px 20px}.stat-table td:first-child{color:#544;text-align:right}.stat-table td:last-child{color:#f44;font-weight:700;text-align:left}.char-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:12px}.char-card{background:#080404e6;border:1px solid #2a1a1a;padding:22px 18px;width:190px;cursor:pointer;transition:all .18s;text-align:center}.char-card .char-icon{font-size:46px;margin-bottom:10px;display:block}.char-card h3{font-size:15px;margin-bottom:8px;letter-spacing:2px}.char-card .char-stat{color:#a99;font-size:11px;line-height:1.8}.char-card .char-weapon{font-size:11px;margin-top:8px;font-weight:700}.char-card.wizard{border-color:#2a1a40}.char-card.wizard h3{color:#9040ff}.char-card.wizard .char-weapon{color:#b060ff}.char-card.wizard:hover{border-color:#7030dd;transform:translateY(-4px);box-shadow:0 8px 30px #641edc59;background:#12061cf2}.char-card.knight{border-color:#2a200a}.char-card.knight h3{color:#f0c040}.char-card.knight .char-weapon{color:#d4aa30}.char-card.knight:hover{border-color:#c09020;transform:translateY(-4px);box-shadow:0 8px 30px #b48c0052;background:#120e04f2}.char-card.ranger{border-color:#0a2a10}.char-card.ranger h3{color:#40cc60}.char-card.ranger .char-weapon{color:#30aa50}.char-card.ranger:hover{border-color:#30aa50;transform:translateY(-4px);box-shadow:0 8px 30px #1ea03c52;background:#041208f2}.warn{color:#c42;font-size:11px;border:1px solid #441a0a;padding:8px 18px;margin-top:4px;background:#3c0a004d;letter-spacing:1px}@keyframes goReveal{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.go-stats{margin:16px 0;width:100%}.go-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(100,20,20,.2);animation:goReveal .4s ease both}.go-row:last-child{border-bottom:none}.go-label{color:#544;font-size:11px;letter-spacing:2px;text-transform:uppercase}.go-value{color:#f44;font-size:14px;font-weight:700;letter-spacing:1px}.go-time{color:#f66;font-size:22px;font-weight:700;letter-spacing:3px}.go-weapons{font-size:20px}