:root{--bg:#07111d;--panel:rgba(12,27,42,.82);--line:rgba(116,220,255,.25);--cyan:#63e6ff;--text:#e7f3fa;--muted:#90a7b8;--danger:#ff6b78}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0,#193e57 0,#091522 38%,#03080e 100%);color:var(--text);font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif}body{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.screen{position:fixed;inset:0;display:none;overflow:auto}.screen.active{display:flex}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 50px #0008;backdrop-filter:blur(18px)}.auth-screen,.centered-screen{align-items:center;justify-content:center;padding:24px}.auth-card,.form-card{width:min(440px,100%);padding:34px 26px;text-align:center;border-radius:18px}.eyebrow{color:var(--cyan);font:12px/1.5 ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase}.auth-card h1{font:700 44px/1.2 Georgia,serif;margin:16px 0 8px}.muted{color:var(--muted)}.tracking{letter-spacing:5px}.clock{font:22px ui-monospace,monospace;color:#c5d8e4;margin:26px 0}.hint{color:var(--cyan)}.text-input{width:100%;padding:13px 14px;margin-top:8px;border:1px solid #8ab0c655;border-radius:10px;background:#071522;color:var(--text);outline:none}.text-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #63e6ff22}.center{text-align:center}.primary-btn{width:100%;padding:13px 18px;margin-top:22px;border:1px solid var(--cyan);border-radius:10px;background:#63e6ff18;color:var(--cyan);font-weight:700;letter-spacing:2px}.primary-btn:hover{background:#63e6ff32}.cyan{margin-top:10px}.home-card{width:min(540px,calc(100% - 32px));margin:auto;padding:38px 28px;border-radius:6px;text-align:center}.home-card h2{font:700 38px Georgia,serif;margin:18px 0;color:#fff}.tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tags span{padding:5px 10px;border:1px solid #63e6ff77;color:var(--cyan);font:12px ui-monospace,monospace}.tech-details{text-align:left;margin:28px 0;padding:16px;border-left:3px solid var(--cyan);background:#02070b99;line-height:2}.tech-details b{color:var(--cyan);margin-right:8px}.home-quote{font:18px/2 Georgia,serif;color:#b7cbd7;margin:28px 0}footer{position:fixed;bottom:20px;width:100%;text-align:center;color:#637887;font:12px ui-monospace,monospace;line-height:1.7}.form-card{text-align:left}.form-card h2{margin-top:10px}.form-card label{display:block;margin:18px 0;color:var(--muted)}.top-bar{position:fixed;z-index:5;top:0;left:0;right:0;min-height:68px;padding:10px 14px;display:flex;align-items:center;gap:12px;border-width:0 0 1px}.icon-btn,.close-btn{background:none;border:0;font-size:22px}.player-meta{display:grid;gap:2px;flex:1}.player-meta span,.status small{color:var(--muted);font-size:12px}.player-meta b{color:var(--cyan)}.status{text-align:right;font-size:12px}.san-bg{display:inline-block;width:75px;height:7px;margin-left:5px;background:#0008;border-radius:9px;vertical-align:middle;overflow:hidden}.san-bg i{display:block;height:100%;width:100%;background:var(--cyan);transition:width .3s}.game-content{width:min(720px,100%);margin:auto;padding:94px 20px 100px;overflow:auto}.game-content h1{font:700 28px Georgia,serif;margin:8px 0 24px}.story-text{font:17px/2.05 Georgia,"Microsoft YaHei",serif;white-space:pre-wrap;color:#e3edf2}.story-text p{margin:0 0 1em}.story-text .water-drop{color:var(--cyan);text-align:center;font-size:26px}.story-text .embedded-tech{display:block;padding:16px;margin:18px 0;border-left:3px solid var(--cyan);background:#020b12aa;color:#aeefff;font:14px/1.8 ui-monospace,monospace}.red-circle-effect{color:#ff8290;font-weight:700}.choices{display:grid;gap:12px;margin-top:28px}.choice-item{width:100%;padding:16px 18px;text-align:left;border:1px solid #b9eaff55;border-radius:12px;background:#c7eaff0d;color:#e7f3fa}.choice-item:hover{border-color:var(--cyan);background:#63e6ff18}.choice-item:before{content:"○";color:var(--cyan);margin-right:10px}.bottom-bar{position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;padding:5px;gap:4px;border-width:1px 0 0}.bottom-bar button,.drawer>button{flex:1;padding:13px 5px;background:none;border:0;color:#c5d9e4}.bottom-bar button:hover,.drawer>button:hover{background:#63e6ff15}.overlay{display:none;position:fixed;inset:0;background:#0009;z-index:10}.drawer{position:fixed;z-index:11;top:0;bottom:0;width:min(330px,86vw);padding:22px;transition:transform .3s}.drawer.left{left:0;transform:translateX(-102%)}.drawer.right{right:0;transform:translateX(102%)}.drawer.open{transform:translateX(0)}.drawer h3{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.drawer>button{display:block;width:100%;text-align:left;border-bottom:1px solid #ffffff13}.dm-msg{padding:10px 12px;margin:8px 0;border-radius:9px;background:#ffffff0d;font-size:13px;line-height:1.5}.dm-name{color:var(--cyan);font-weight:700}.modal{display:none;position:fixed;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:min(450px,calc(100% - 32px));max-height:75vh;overflow:auto;padding:22px;border-radius:15px}.modal.open{display:block}.modal h3{margin-top:0;border-bottom:1px solid var(--line);padding-bottom:12px}.modal-row{padding:11px 0;border-bottom:1px dashed #ffffff24}.modal-empty{text-align:center;color:var(--muted);padding:24px}.toast{position:fixed;z-index:20;top:82px;left:50%;transform:translateX(-50%);display:none;padding:12px 18px;border:1px solid var(--cyan);border-radius:9px;background:#071522ee;color:var(--cyan)}.toast.show{display:block}.teleport{display:none;position:fixed;z-index:30;inset:0;background:#02060cee;align-items:center;justify-content:center;flex-direction:column;color:var(--cyan);gap:25px}.teleport.show{display:flex}.magic-circle{width:180px;height:180px;border:2px dashed var(--cyan);border-radius:50%;box-shadow:0 0 25px var(--cyan),inset 0 0 25px var(--cyan);animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.teammate-panel{display:grid;gap:14px;margin:24px 0}.teammate-card{padding:18px;border:1px solid #b9eaff44;border-radius:14px;background:#c7eaff0a}.teammate-head{display:flex;justify-content:space-between;gap:12px;color:var(--cyan);font-size:17px}.teammate-card p{line-height:1.8;margin:12px 0}.teammate-tags{display:flex;gap:6px;flex-wrap:wrap}.teammate-tags span{padding:4px 8px;border:1px solid #63e6ff55;border-radius:999px;color:var(--cyan);font-size:12px}.teammate-reviews{margin:12px 0 0;padding:10px 10px 10px 28px;border-left:2px solid #63e6ff55;color:#b7cbd7;font-size:13px;line-height:1.8}.speaker{color:var(--cyan)}.story-divider{border:0;border-top:1px dashed #63e6ff55;margin:24px 0}.save-slot{display:flex;width:100%;flex-direction:column;gap:5px;text-align:left;padding:14px;margin:8px 0;border:1px solid #b9eaff44;border-radius:10px;background:#c7eaff0a}.save-slot:hover{border-color:var(--cyan);background:#63e6ff18}.save-slot span{color:var(--muted);font-size:12px}.secondary-btn,.text-btn{width:100%;padding:12px;margin-top:10px;border-radius:10px;background:none;border:1px solid #b9eaff44;color:#c5d9e4}.secondary-btn:hover,.text-btn:hover{border-color:var(--cyan);color:var(--cyan)}code{color:var(--cyan)}@media(max-width:520px){.home-card h2{font-size:31px}.game-content{padding-left:16px;padding-right:16px}.story-text{font-size:16px}.bottom-bar button{font-size:12px}}