*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}.game-root{color:#fff;background:#000;font-family:Rajdhani,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.screen{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.screen.active{opacity:1;pointer-events:all}.home-bg{z-index:0;transition:background .6s;position:absolute;inset:0}.home-bg-normal{background:radial-gradient(at 20%,#4faaf71f 0%,#0000 60%),radial-gradient(at 80%,#64c8781a 0%,#0000 55%),linear-gradient(#04070f 0%,#070e1c 45%,#050c18 100%)}.home-bg-mature{background:radial-gradient(at 25% 55%,#a014142e 0%,#0000 60%),radial-gradient(at 75% 45%,#640a3c24 0%,#0000 55%),linear-gradient(#030103 0%,#08020a 45%,#050205 100%)}.home-particles{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{border-radius:50%;animation:linear infinite particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)rotate(0)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translateY(-120px)rotate(720deg)}}.home-content{z-index:10;flex-direction:column;align-items:center;gap:3.5rem;width:100%;max-width:960px;padding:2rem;display:flex;position:relative}.logo-area{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.logo-icon{font-size:3.5rem;line-height:1;animation:3s ease-in-out infinite logoPulse;display:block}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 18px);transform:scale(1)translateY(0)}50%{filter:drop-shadow(0 0 36px);transform:scale(1.08)translateY(-4px)}}.logo-icon-normal{color:#4fc3f7}.logo-icon-mature{color:#ef5350}.game-title{letter-spacing:.06em;text-transform:uppercase;margin:0;font-family:Cinzel,serif;font-size:clamp(2.2rem,5.5vw,4.8rem);font-weight:900;line-height:1.1}.title-line1{color:#ffffffe6;display:block}.title-line2-normal{background:linear-gradient(130deg,#4fc3f7 0%,#81d4fa 40%,#b2ebf2 70%,#80cbc4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.title-line2-mature{background:linear-gradient(130deg,#ef9a9a 0%,#ce93d8 60%,#b39ddb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.game-subtitle{color:#ffffff59;letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:400}.mode-select-label{letter-spacing:.35em;text-transform:uppercase;color:#ffffff4d;text-align:center;margin-bottom:-1rem;font-family:Cinzel,serif;font-size:.75rem}.mode-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.mode-btn{-webkit-backdrop-filter:blur(24px);cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:1.4rem;min-width:290px;padding:1.6rem 2rem;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.mode-btn:after{content:"";opacity:0;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.mode-btn-normal:after{background:linear-gradient(135deg,#4fc3f726,#81c7841f)}.mode-btn-mature:after{background:linear-gradient(135deg,#d32f2f26,#9c27b01f)}.mode-btn:hover{transform:translateY(-5px)}.mode-btn:hover:after{opacity:1}.mode-btn-normal:hover{border-color:#4fc3f773;box-shadow:0 22px 55px #4fc3f72e,0 8px 24px #00000080}.mode-btn-mature:hover{border-color:#d32f2f73;box-shadow:0 22px 55px #d32f2f33,0 8px 24px #00000080}.mode-btn:active{transform:translateY(-2px)}.mode-icon{z-index:1;flex-shrink:0;font-size:2.4rem;position:relative}.mode-info{z-index:1;flex-direction:column;align-items:flex-start;display:flex;position:relative}.mode-name{letter-spacing:.04em;font-family:Cinzel,serif;font-size:1.15rem;font-weight:700}.mode-desc{color:#ffffff80;letter-spacing:.02em;margin-top:.2rem;font-size:.82rem}.mode-detail{color:#ffffff47;letter-spacing:.05em;margin-top:.15rem;font-size:.72rem}.mode-arrow{opacity:.3;z-index:1;margin-left:auto;font-size:1.3rem;transition:opacity .25s,transform .25s;position:relative}.mode-btn:hover .mode-arrow{opacity:1;transform:translate(5px)}.home-footer{color:#fff3;letter-spacing:.25em;text-transform:uppercase;font-size:.72rem}.adventure-select-screen{flex-direction:column;overflow:hidden}.adventure-select-bg{z-index:0;transition:background .6s;position:absolute;inset:0}.adv-bg-normal{background:radial-gradient(at 15% 40%,#1e64b41f 0%,#0000 55%),radial-gradient(at 85% 60%,#148c3c1a 0%,#0000 55%),linear-gradient(#03060e 0%,#060d1c 50%,#040a16 100%)}.adv-bg-mature{background:radial-gradient(at 20%,#8c0a0a26 0%,#0000 55%),radial-gradient(at 80% 40%,#50053c1f 0%,#0000 55%),linear-gradient(#030103 0%,#09020c 50%,#060106 100%)}.adventure-select-layout{z-index:10;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.adv-header{background:linear-gradient(#00000080,#0000);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.2rem 2rem;display:flex}.adv-back-btn{min-width:80px}.adv-header-center{flex-direction:column;align-items:center;gap:.3rem;display:flex}.adv-mode-label{letter-spacing:.28em;color:#ffffff59;text-transform:uppercase;font-size:.72rem}.adv-title{letter-spacing:.08em;text-transform:uppercase;color:#ffffffe6;margin:0;font-family:Cinzel,serif;font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:700}.adventure-grid{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:1.5rem;padding:1rem 2rem 2rem;display:grid;overflow-y:auto}.adventure-grid::-webkit-scrollbar{width:6px}.adventure-grid::-webkit-scrollbar-track{background:0 0}.adventure-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.adv-card{cursor:pointer;text-align:left;color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;padding:0;font-family:Rajdhani,sans-serif;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.adv-card:hover{transform:translateY(-6px)}.adv-card-normal:hover{border-color:#4fc3f766;box-shadow:0 20px 50px #4fc3f726,0 8px 24px #0009}.adv-card-mature:hover{border-color:#c8282866;box-shadow:0 20px 50px #c8282826,0 8px 24px #0009}.adv-card:active{transform:translateY(-2px)}.adv-card-cover{aspect-ratio:16/9;flex-shrink:0;width:100%;position:relative;overflow:hidden}.adv-card-cover-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.adv-card:hover .adv-card-cover-img{transform:scale(1.05)}.adv-card-cover-overlay{background:linear-gradient(#0000 40%,#000000a6 100%);position:absolute;inset:0}.adv-card-level-count{letter-spacing:.18em;text-transform:uppercase;color:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-radius:999px;padding:.2rem .55rem;font-size:.68rem;position:absolute;bottom:.65rem;right:.75rem}.adv-card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.1rem 1.3rem 1.3rem;display:flex}.adv-card-title{letter-spacing:.04em;color:#fff;margin:0;font-family:Cinzel,serif;font-size:1.15rem;font-weight:700}.adv-card-tagline{color:#ffffff73;margin:0;font-size:.78rem;font-style:italic;line-height:1.4}.adv-card-desc{color:#ffffff8c;flex:1;margin:0;font-size:.82rem;line-height:1.6}.adv-card-play{letter-spacing:.18em;text-transform:uppercase;margin-top:.75rem;font-size:.8rem;font-weight:700;transition:color .2s,transform .2s;display:inline-block}.adv-card-play-normal{color:#4fc3f7b3}.adv-card-play-mature{color:#c83c3cb3}.adv-card:hover .adv-card-play{transform:translate(4px)}.adv-card-normal:hover .adv-card-play{color:#4fc3f7}.adv-card-mature:hover .adv-card-play{color:#ef5350}@media (width<=768px){.adventure-grid{grid-template-columns:1fr;gap:1rem;padding:.75rem 1rem 1.5rem}.adv-header{padding:.8rem 1rem}.adv-card-cover{aspect-ratio:16/7}}@media (width>=900px){.adventure-grid{grid-template-columns:repeat(3,1fr)}}.gate-backdrop{z-index:0;background:#000000f2;position:absolute;inset:0}.gate-card{z-index:1;-webkit-backdrop-filter:blur(24px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;gap:1.6rem;width:90%;max-width:500px;padding:3rem 3.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;display:flex;position:relative}.gate-icon{font-size:3rem}.gate-card h2{letter-spacing:.08em;font-family:Cinzel,serif;font-size:1.6rem}.gate-card p{color:#ffffff8c;font-size:.95rem;line-height:1.65}.gate-form{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.gate-input-wrap{width:100%;max-width:260px}.gate-input{color:#fff;letter-spacing:.25em;text-align:center;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;padding:.7rem 1rem;font-size:1.1rem;transition:border-color .2s}.gate-input:focus{background:#ffffff17;border-color:#fff6}.gate-input-error{border-color:#f44336!important}.gate-error{color:#f44336;margin:-.25rem 0 0;font-size:.85rem}.gate-actions{flex-direction:column;gap:.75rem;display:flex}.btn{cursor:pointer;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:10px;padding:.88rem 2.2rem;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:linear-gradient(135deg,#7c4dff,#5c35cc);box-shadow:0 4px 20px #7c4dff66}.btn-primary:hover{box-shadow:0 8px 32px #7c4dff99}.btn-secondary{color:#fff9;background:#ffffff12;border:1px solid #ffffff1f}.btn-secondary:hover{color:#fff;background:#ffffff1f}.btn-confirm{color:#fff;background:linear-gradient(135deg,#b71c1c,#880e4f);box-shadow:0 4px 20px #b71c1c66}.btn-confirm:hover{box-shadow:0 8px 32px #b71c1c99}.btn-ghost{color:#fff6;background:0 0;border:1px solid #ffffff1a}.btn-ghost:hover{color:#fffc}.game-screen{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.game-screen.active{opacity:1;pointer-events:all}.game-bg{z-index:0;transition:background 1.2s;position:absolute;inset:0}.game-bg-image{z-index:1;background-position:50%;background-size:cover;animation:1s both bgImageFadeIn}@keyframes bgImageFadeIn{0%{opacity:0}to{opacity:1}}.game-vignette{z-index:1;background:linear-gradient(#00000073 0%,#0000000d 25% 55%,#000000bf 80%,#000000f5 100%);position:absolute;inset:0}.hud-top{z-index:100;justify-content:space-between;align-items:center;padding:1rem 1.5rem .6rem;display:flex;position:relative}.hud-btn{color:#ffffff80;cursor:pointer;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.4rem;padding:.38rem .75rem;font-family:Rajdhani,sans-serif;font-size:.78rem;transition:color .2s,background .2s;display:flex}.hud-btn:hover{color:#fff;background:#ffffff1f}.level-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1f;border-radius:999px;align-items:baseline;gap:.5rem;padding:.3rem 1rem;display:flex}.level-label{letter-spacing:.35em;color:#fff6;text-transform:uppercase;font-family:Cinzel,serif;font-size:.6rem}.level-num{color:#fff;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;line-height:1}.level-total{color:#fff6;font-size:.75rem}.stats-bar{z-index:100;justify-content:center;gap:1rem;padding:.5rem 1rem;display:flex;position:relative}.stat-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;min-width:68px;padding:.5rem 1.1rem;display:flex;position:relative}.stat-value{font-family:Cinzel,serif;font-size:1.35rem;font-weight:700;line-height:1;transition:color .4s}.stat-label{letter-spacing:.2em;color:#fff6;text-transform:uppercase;margin-top:.18rem;font-size:.58rem}.stat-pill-timer{overflow:visible}.timer-ring-svg{pointer-events:none;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px;transform:rotate(-90deg)}.timer-ring-bg{fill:none;stroke:#ffffff14;stroke-width:1.5px}.timer-ring-fill{fill:none;stroke-width:1.5px;stroke-dasharray:100;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .5s}.color-normal{color:#fff}.color-warn{color:#ffab40}.color-danger{color:#f44}.stroke-normal{stroke:#00e676}.stroke-warn{stroke:#ffab40}.stroke-danger{stroke:#f44}.story-area{z-index:100;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;position:relative}.scene-title{letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 24px #000000e6;font-family:Cinzel,serif;font-size:clamp(1.4rem,3.5vw,2.4rem);font-weight:700;animation:.7s both fadeUp}.scene-chapter{letter-spacing:.25em;color:#ffffff73;text-transform:uppercase;text-shadow:0 2px 12px #000c;margin-top:.5rem;font-size:.8rem;animation:.7s .1s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.typing-zone{z-index:100;flex-direction:column;align-items:center;gap:.9rem;padding:1rem 1.5rem 1.5rem;display:flex;position:relative}.phrase-card{-webkit-backdrop-filter:blur(24px);background:#000000b8;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:820px;padding:1.4rem 2rem;animation:.5s both fadeUp}.phrase-display{letter-spacing:.04em;word-break:break-word;-webkit-user-select:none;user-select:none;font-family:Source Code Pro,Courier New,monospace;font-size:clamp(.95rem,2.2vw,1.25rem);line-height:1.85}.char{transition:color 40ms;display:inline}.char-pending{color:#ffffff6b}.char-correct{color:#4caf50}.char-incorrect{color:#f44336;-webkit-text-decoration:underline wavy #f44336;text-decoration:underline wavy #f44336}.char-line-end{position:relative}.char-line-end:after{content:"-";color:#ffffff4d;pointer-events:none;position:absolute;top:0;right:-.45em}.char-cursor{color:#ffffffe6;position:relative}.char-cursor:after{content:"";background:#fff;border-radius:1px;width:100%;height:2px;animation:.75s ease-in-out infinite blink;position:absolute;bottom:-2px;left:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.progress-row{align-items:center;gap:.9rem;width:100%;max-width:820px;display:flex}.progress-track{background:#ffffff1a;border-radius:3px;flex:1;height:5px;position:relative;overflow:visible}.progress-fill{background:linear-gradient(90deg,#00e676,#00bcd4);border-radius:3px;height:100%;transition:width .1s;position:relative}.progress-glow{pointer-events:none;background:radial-gradient(circle,#00e676e6 0%,#0000 70%);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.progress-pct{color:#fff6;text-align:right;min-width:38px;font-family:Cinzel,serif;font-size:.75rem}.input-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000008c;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:.75rem;width:100%;max-width:820px;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.input-row:focus-within{border-color:#7c4dff80;box-shadow:0 0 22px #7c4dff2e}.input-row.shake{animation:.3s shakeRow}@keyframes shakeRow{0%,to{transform:translate(0)}20%{transform:translate(-6px)}60%{transform:translate(6px)}80%{transform:translate(-3px)}}.input-caret{color:#7c4dffcc;flex-shrink:0;font-size:.9rem}.typing-input{color:#fff;caret-color:#7c4dff;background:0 0;border:none;outline:none;flex:1;font-family:Source Code Pro,monospace;font-size:1rem}.typing-input::placeholder{color:#ffffff2e}.speak-btn{cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;padding:.15rem .25rem;font-size:1.1rem;transition:opacity .2s,transform .2s}.speak-btn:hover{opacity:1;transform:scale(1.1)}.speed-gauge{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .5rem;display:flex;position:fixed;top:50%;right:1.4rem;transform:translateY(-50%)}.gauge-track{background:#ffffff14;border-radius:9px;width:18px;height:100px;position:relative;overflow:hidden}.gauge-level{background:linear-gradient(#4caf50,#ffab40 50%,#f44336);border-radius:9px;width:100%;height:0%;transition:height .5s;position:absolute;bottom:0;left:0}.gauge-label{letter-spacing:.15em;color:#ffffff4d;text-transform:uppercase;writing-mode:vertical-rl;font-size:.46rem}.gauge-wpm{color:#ffffff80;writing-mode:vertical-rl;font-family:Cinzel,serif;font-size:.6rem}.overlay{z-index:500;-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.overlay-success{background:#00190ae0}.overlay-failure{background:#190005e0}.overlay-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:1.5rem;width:90%;min-width:400px;max-width:520px;padding:3rem 3.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.overlay-icon{font-size:3.5rem;line-height:1;animation:.5s cubic-bezier(.34,1.56,.64,1) iconBounce}@keyframes iconBounce{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.overlay-title{letter-spacing:.05em;margin:0;font-family:Cinzel,serif;font-size:1.9rem}.overlay-title-success{color:#4caf50}.overlay-title-failure{color:#f44336}.overlay-stats{justify-content:center;gap:2.5rem;display:flex}.o-stat{flex-direction:column;align-items:center;gap:.2rem;display:flex}.o-stat-val{font-family:Cinzel,serif;font-size:2rem;font-weight:700}.o-stat-label{letter-spacing:.22em;color:#fff6;text-transform:uppercase;font-size:.65rem}.overlay-msg{color:#ffffff80;min-height:1.4em;font-size:.92rem;font-style:italic}.overlay-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.overlay-primary-action{flex-direction:column;align-items:center;gap:.4rem;display:flex}.overlay-enter-hint{letter-spacing:.15em;color:#ffffff47;text-transform:uppercase;font-size:.68rem}.end-bg{z-index:0;background:radial-gradient(#0d0d2a 0%,#000 100%);position:absolute;inset:0}.end-card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(24px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:1.8rem;width:90%;max-width:540px;padding:3.5rem 4rem;animation:.5s cubic-bezier(.34,1.56,.64,1) popIn;display:flex;position:relative}.end-icon{font-size:4.5rem;line-height:1}.end-title{letter-spacing:.06em;margin:0;font-family:Cinzel,serif;font-size:2rem}.end-msg{color:#ffffff80;margin:0;font-size:.95rem;line-height:1.65}.end-stats{justify-content:center;gap:3rem;display:flex}.e-stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.e-val{font-family:Cinzel,serif;font-size:2.2rem;font-weight:700}.e-label{letter-spacing:.22em;color:#ffffff61;text-transform:uppercase;font-size:.62rem}.end-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}@media (width<=768px){.mode-buttons{flex-direction:column;align-items:stretch}.mode-btn{min-width:unset}.stats-bar{gap:.6rem}.stat-pill{min-width:55px;padding:.4rem .75rem}.stat-value{font-size:1.1rem}.speed-gauge{display:none}.phrase-card{padding:1rem 1.2rem}.typing-zone{padding:.75rem 1rem 1rem}.overlay-card{min-width:unset;padding:2rem}.overlay-stats{gap:1.5rem}.game-title{font-size:2.2rem}}@media (width<=480px){.hud-top{padding:.6rem 1rem .4rem}.home-content{gap:2.5rem}.mode-btn{padding:1.2rem 1.4rem}}