:root{--sa-bg:#090d0a;--sa-panel:#121712;--sa-panel-2:#20231a;--sa-gold:#f4c653;--sa-gold-dark:#c99518;--sa-white:#f7f8f4;--sa-muted:#bdc5be;--sa-green:#55d38a;--sa-red:#ff6f69}.speed-attack-page{min-height:100vh;background:#f6f3ea}.speed-main{width:min(1050px,calc(100% - 32px));margin:36px auto 54px}.speed-intro,.speed-game,.speed-results{position:relative;overflow:hidden;border:1px solid rgba(244,198,83,.62);border-radius:24px;background:radial-gradient(circle at 88% 8%,rgba(244,198,83,.2),transparent 30%),linear-gradient(145deg,var(--sa-bg),var(--sa-panel-2));box-shadow:0 24px 55px rgba(10,15,11,.18);color:var(--sa-white)}.speed-intro{padding:clamp(38px,7vw,76px);text-align:center}.speed-kicker{display:inline-flex;margin-bottom:14px;padding:7px 12px;border:1px solid var(--sa-gold-dark);border-radius:999px;background:#0e120f;color:var(--sa-gold);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.speed-intro h1{margin:0;color:#fff;font-size:clamp(48px,9vw,94px);line-height:.9;letter-spacing:-.06em}.speed-intro p{margin:24px 0 16px;color:var(--sa-muted);font-size:clamp(17px,2.4vw,23px)}.speed-personal-best{margin-bottom:24px;color:var(--sa-gold);font-weight:800}.speed-primary,.speed-secondary,.speed-quiet{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:12px;font:900 14px/1 'Inter',sans-serif;cursor:pointer;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.speed-primary{border:1px solid var(--sa-gold-dark);background:linear-gradient(135deg,#ffd86f,#e7ad1c);color:#151810;box-shadow:0 10px 24px rgba(217,173,53,.2)}.speed-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(217,173,53,.28)}.speed-secondary,.speed-quiet{border:1px solid rgba(244,198,83,.56);background:#11150f;color:var(--sa-gold)}.speed-game{padding:clamp(22px,4vw,42px)}.speed-game-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.speed-game-head h2{margin:0;color:#fff;font-size:clamp(24px,4vw,40px)}.speed-quiet{min-height:40px;padding:0 16px}.speed-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 12px}.speed-stats>div{padding:16px;border:1px solid rgba(244,198,83,.28);border-radius:13px;background:rgba(255,255,255,.045);text-align:center}.speed-stats strong{display:block;color:#fff;font:900 clamp(24px,4vw,38px)/1 'Sora',sans-serif;font-variant-numeric:tabular-nums}.speed-stats .time strong{color:var(--sa-gold)}.speed-stats span{display:block;margin-top:7px;color:var(--sa-muted);font-size:11px;font-weight:800;text-transform:uppercase}.speed-progress{overflow:hidden;height:5px;border-radius:999px;background:rgba(255,255,255,.1)}.speed-progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--sa-green),var(--sa-gold));will-change:transform}.word-stream{display:flex;min-height:156px;margin:24px 0 18px;padding:25px;align-content:flex-start;flex-wrap:wrap;gap:9px 11px;overflow:hidden;border:1px solid rgba(244,198,83,.3);border-radius:16px;background:#f8f6ef;color:#72776f;font:700 clamp(18px,2.6vw,27px)/1.45 'Sora',sans-serif}.stream-word{display:inline-flex;white-space:pre;border-radius:7px;padding:2px 4px}.stream-word.active{background:#171c15;color:#fff;box-shadow:0 0 0 2px var(--sa-gold)}.stream-word.done{color:#278456}.word-char.correct{color:var(--sa-green)}.word-char.incorrect{border-radius:2px;background:#7c2626;color:#fff}.word-char.pending{color:#fff}.speed-input-label{display:block;margin-bottom:8px;color:var(--sa-gold);font-size:12px;font-weight:800}.speed-input{width:100%;height:62px;padding:0 18px;border:2px solid rgba(244,198,83,.55);border-radius:13px;outline:none;background:#fdfcf8;color:#132019;font:700 24px/1 'Sora',sans-serif;transition:border-color .15s ease,box-shadow .15s ease}.speed-input:focus{border-color:var(--sa-gold);box-shadow:0 0 0 4px rgba(244,198,83,.14)}.speed-input.has-error{border-color:var(--sa-red);box-shadow:0 0 0 4px rgba(255,111,105,.13)}.speed-input:disabled{opacity:.68;cursor:not-allowed}.game-status{min-height:20px;margin:10px 0 0;color:var(--sa-muted);font-size:13px}.speed-results{padding:clamp(32px,6vw,62px);text-align:center}.speed-results h2{margin:0;color:#fff;font-size:clamp(34px,6vw,58px)}.final-score{display:block;margin:10px 0 24px;color:var(--sa-gold);font:900 clamp(62px,10vw,100px)/1 'Sora',sans-serif}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.result-grid>div{padding:16px 10px;border:1px solid rgba(244,198,83,.28);border-radius:13px;background:rgba(255,255,255,.045)}.result-grid strong{display:block;color:#fff;font:800 25px/1 'Sora',sans-serif}.result-grid span{display:block;margin-top:7px;color:var(--sa-muted);font-size:10px;font-weight:800;text-transform:uppercase}.save-status{min-height:22px;margin:18px 0;color:var(--sa-muted)}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.speed-footer{background:#0d120e;color:#bfc7c0}.speed-footer .wrap{display:flex;padding:24px 0;justify-content:space-between}.speed-footer a{color:var(--sa-gold);font-weight:800;text-decoration:none}[hidden]{display:none!important}@media(max-width:680px){.speed-main{width:min(100% - 20px,1050px);margin-top:20px}.speed-stats,.result-grid{grid-template-columns:repeat(2,1fr)}.word-stream{min-height:190px;padding:18px}.speed-game-head{align-items:flex-start}.result-actions>*{width:100%}.speed-footer .wrap{padding-inline:14px}}