@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Noto+Sans+SC:wght@300;400;500&display=swap";:root{font-family:Noto Sans SC,sans-serif;color:#e9f5ff;background:#05070b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#05070b}button,input,select{font:inherit}button{color:inherit}#game{position:fixed;inset:0;width:100%;height:100%;outline:0}.ui{position:fixed;inset:0;pointer-events:none;z-index:2}.hidden{display:none!important}.topbar{position:absolute;top:0;left:0;right:0;padding:28px 34px;display:flex;justify-content:space-between;align-items:center}.brand{font:600 13px Cinzel;letter-spacing:.34em;color:#b9dcf6;text-shadow:0 0 18px #7ed9ff80}.icon-btn{pointer-events:auto;width:42px;height:42px;border:1px solid #afdbed42;border-radius:50%;background:#07111db0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:19px;cursor:pointer;transition:.2s}.icon-btn:hover{border-color:#9ce6ff;box-shadow:0 0 26px #41baff33;transform:rotate(16deg)}.center-message{position:absolute;top:17%;left:50%;transform:translate(-50%);text-align:center;min-width:330px;text-shadow:0 2px 14px #000}.state{font:600 12px Cinzel;letter-spacing:.32em;color:#a9daf3}.analysis{margin-top:14px;color:#d8eeff;font-size:14px;letter-spacing:.12em}.diamonds{margin:12px;color:#86ddff;letter-spacing:1em;animation:pulse 1s infinite}.result-card{margin-top:12px;padding:17px 22px;border:1px solid #a5d7f92e;background:#07101c99;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border-radius:2px}.result-title{font:600 24px Cinzel;letter-spacing:.23em}.result-sub{font:12px Cinzel;letter-spacing:.35em;color:#a9cadd;margin:6px}.stat{display:grid;grid-template-columns:85px 150px 34px;gap:10px;align-items:center;text-align:left;font:10px Cinzel;letter-spacing:.12em;margin-top:7px}.bar{height:3px;background:#bfefff1b}.bar>i{display:block;height:100%;background:#8de2ff;box-shadow:0 0 10px #4ccaff}.bottom{position:absolute;bottom:28px;left:50%;transform:translate(-50%);width:min(660px,92vw);text-align:center}.transcript{min-height:42px;margin-bottom:14px;font-size:20px;font-weight:300;letter-spacing:.08em;text-shadow:0 2px 12px #000}.hint{color:#9db1be;font-size:12px;margin:10px;transition:.3s}.controls{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:12px}.mic{width:82px;height:82px;border-radius:50%;border:1px solid #a8e8ff66;background:radial-gradient(circle,#12314a,#07101a 68%);box-shadow:0 0 0 9px #4ccaff0a,0 0 35px #29b9f02e;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:.2s}.mic span{display:block;font-size:26px}.mic small{display:block;font-size:10px;letter-spacing:.12em;margin-top:2px}.mic.listening{transform:scale(1.09);border-color:#fff;background:radial-gradient(circle,#2879a8,#07101a 70%);box-shadow:0 0 0 12px #70dcff12,0 0 55px #4bd2ff99;animation:breathe 1.2s infinite}.keyboard{border:0;background:transparent;color:#9fc2d4;font-size:12px;cursor:pointer;padding:12px}.text-form{pointer-events:auto;display:flex;margin:12px auto 0;width:min(520px,90vw);border-bottom:1px solid #9edaf45c}.text-form input{flex:1;color:#e9f7ff;background:#07101bcc;border:0;padding:13px;outline:0}.text-form button{background:#a9e5ff;color:#07101b;border:0;padding:0 20px;cursor:pointer}.modal-wrap,.intro{position:fixed;inset:0;z-index:10;background:#020508d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;place-items:center;pointer-events:auto}.modal{width:min(470px,90vw);padding:34px;border:1px solid #b7e5fa35;background:linear-gradient(145deg,#0b1723f5,#060b12f5);box-shadow:0 24px 100px #000}.modal h2{font:600 17px Cinzel;letter-spacing:.23em;margin:0 0 25px}.field{display:block;color:#91a9b6;font-size:11px;letter-spacing:.1em;margin:17px 0 6px}.modal input,.modal select{width:100%;border:1px solid #bce7fa2b;background:#050b12;color:#e8f7ff;padding:12px;outline:0}.row{display:flex;gap:12px;align-items:center;margin-top:20px}.row button,.primary{border:1px solid #9ddaf455;background:#102536;padding:11px 17px;cursor:pointer}.row .primary{margin-left:auto;background:#b7e9ff;color:#06101a}.notice{font-size:11px;line-height:1.7;color:#8197a3;margin-top:16px}.save{font-size:12px;color:#adc3cf}.save input{width:auto}.error{color:#ff9d9d;font-size:12px;min-height:18px;margin-top:10px}.intro{text-align:center;background:radial-gradient(circle at 50% 45%,#102a3b,#020407 65%)}.intro-inner{animation:rise 1.2s ease}.intro h1{font:600 clamp(38px,8vw,74px) Cinzel;letter-spacing:.2em;margin:0;text-shadow:0 0 55px #72d8ff55}.intro .cn{letter-spacing:.8em;color:#a9d8ed;margin:14px}.intro p{margin:55px 0 30px;color:#a5b7c1;font-weight:300;line-height:2}.intro button{padding:13px 34px;border:1px solid #b1e7ff80;background:#08131e99;letter-spacing:.25em;cursor:pointer}.toast{position:absolute;top:85px;left:50%;transform:translate(-50%);padding:10px 16px;background:#1b0b10dd;border:1px solid #ff8b9d55;color:#ffc6ce;font-size:12px;pointer-events:auto}.quality{position:absolute;left:26px;bottom:22px;font:9px Cinzel;color:#78909b;letter-spacing:.15em}@keyframes pulse{50%{opacity:.25}}@keyframes breathe{50%{transform:scale(1.02)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media(max-width:600px){.topbar{padding:18px}.transcript{font-size:16px}.bottom{bottom:18px}.center-message{top:11%}.stat{grid-template-columns:65px 110px 28px}.quality{display:none}}:root{color:#302a24;background:#f4efe4}body{background:#f4efe4}.brand{color:#443c32;text-shadow:0 1px 12px #fff}.icon-btn{color:#443c32;border-color:#756a5c66;background:#fff9edcc;box-shadow:0 6px 24px #715f4330}.icon-btn:hover{border-color:#806b4d;box-shadow:0 7px 28px #715f4350}.center-message{color:#302a24;text-shadow:0 1px 12px #fff}.state{color:#5c5143}.analysis{color:#40382f}.diamonds{color:#826f52}.result-card{border-color:#8d7b6055;background:#fffaf0db;box-shadow:0 12px 42px #62503725}.result-sub{color:#716554}.bar{background:#76644625}.bar>i{background:#715a38;box-shadow:0 0 8px #9a754b55}.transcript{font-weight:400;text-shadow:0 1px 9px #fff}.hint,.keyboard{color:#5d554b}.mic{color:#302a24;border-color:#796b596b;background:radial-gradient(circle,#fffdf8,#e3d5c0 72%);box-shadow:0 0 0 9px #fff7e563,0 10px 35px #594a363d}.mic.listening{border-color:#765a36;background:radial-gradient(circle,#fff,#d8c09e 72%);box-shadow:0 0 0 12px #fff8e69c,0 12px 45px #73593266}.text-form{border-bottom-color:#75664f70}.text-form input{color:#2f2922;background:#fffaf0e8}.text-form button{background:#5c4b35;color:#fffaf0}.modal-wrap,.intro{background:#eee7d9e8}.modal{color:#302a24;border-color:#8c7c6550;background:linear-gradient(145deg,#fffaf1f5,#eee5d7f5);box-shadow:0 24px 100px #56472d35}.field{color:#6d6254}.modal input,.modal select{border-color:#8b7b6355;background:#fffdf8;color:#312a22}.row button,.primary{border-color:#79684e66;background:#e9ddca}.row .primary{background:#5b4a34;color:#fffaf0}.notice{color:#71695e}.save{color:#5c554b}.error{color:#a54242}.intro{color:#302a24;background:radial-gradient(circle at 50% 45%,#fffdf7,#e7dece 68%)}.intro h1{color:#3d342a;text-shadow:0 10px 45px #927d5b45}.intro .cn{color:#786a57}.intro p{color:#685f54}.intro button{border-color:#78684f80;background:#fffaf099}.toast{background:#fff4edee;border-color:#b85d5d66;color:#8d3535}.quality{color:#6f675c}.center-message{top:11%}#result{transition:opacity .2s ease,transform .2s ease}.casting-away{opacity:0;transform:translateY(-12px) scale(.96);pointer-events:none}.result-card{max-width:350px;margin-left:auto;margin-right:auto;padding:12px 18px}.result-title{font-size:19px}.result-sub{font-size:10px}.stat{margin-top:5px}