@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color-scheme:dark;font-family:IBM Plex Mono,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #ff6b35;--primary-light: #ff8c5a;--navy: #0f3460;--navy-deep: #071525;--gold: #ffd93d;--border: rgba(255, 255, 255, .12);--text: #f5f7fb;--text-soft: rgba(245, 247, 251, .72);--shadow: 0 24px 80px rgba(4, 9, 20, .42)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(255,107,53,.28),transparent 32%),radial-gradient(circle at 85% 12%,rgba(255,217,61,.18),transparent 22%),radial-gradient(circle at 50% 100%,rgba(15,52,96,.8),transparent 55%),linear-gradient(135deg,#071525,#0f2748 48%,#081a31);background-attachment:fixed;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,a{font:inherit}button{cursor:pointer;border:0}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}#root{width:100%}.app-shell{position:relative;min-height:100vh;padding:1.4rem}.ambient-glow{position:fixed;width:26rem;height:26rem;border-radius:999px;filter:blur(90px);opacity:.38;pointer-events:none;z-index:0}.ambient-glow--left{left:-8rem;top:6rem;background:#ff6b357a}.ambient-glow--right{right:-8rem;bottom:2rem;background:#ffd93d2e}.topbar,.workspace{position:relative;z-index:1;max-width:1440px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.topbar-actions,.inline-actions,.game-actions,.overlay-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.95rem;padding:.7rem .95rem;border-radius:1.2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand img{width:2.7rem;height:2.7rem;object-fit:contain}.brand span,.account-pill span,.eyebrow,.status-pill,.option-kicker,.preview-badge span,.hud-item span,.sync-pill span,.result-grid span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.brand strong,.account-pill strong,.section-head h2,.preview-head h2,.game-header h2,.overlay-card h3{font-family:Fraunces,serif}.brand strong{display:block;font-size:1.08rem;color:#fff}.account-pill,.status-pill,.preview-badge,.sync-pill,.mini-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem .9rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.status-pill--good{background:#06d6a02e;border-color:#06d6a03d}.workspace{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:1.2rem;align-items:start}.workspace--play{display:block}.control-column{display:flex;flex-direction:column;gap:1rem}.card,.stage-shell{position:relative;overflow:hidden;border-radius:2rem;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%),linear-gradient(135deg,#0f3460e0,#071525eb);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.card{padding:1.35rem}.setup-shell{position:relative;z-index:1;max-width:860px;margin:3.5rem auto 0}.flow-card{position:relative;overflow:hidden;border-radius:2rem;padding:1.5rem;border:1px solid var(--border);background:linear-gradient(140deg,rgba(255,107,53,.14),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%),linear-gradient(135deg,#0f3460eb,#071525f5);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.flow-card--loading{min-height:16rem;display:grid;place-content:center;text-align:center}.flow-card h1{margin:.3rem 0 0;font-family:Fraunces,serif;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:.95}.flow-copy{margin:.85rem 0 0;max-width:36rem;color:var(--text-soft);line-height:1.6}.flow-header,.launch-row,.setup-block__head,.preview-modal-head,.preview-meta,.meta-strip,.choice-card{display:flex;align-items:center;justify-content:space-between;gap:1rem}.flow-header{align-items:flex-start}.flow-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.flow-date,.mini-stat{min-width:8rem;padding:.9rem 1rem;border-radius:1.2rem;background:#ffffff12;border:1px solid rgba(255,255,255,.08)}.flow-date span,.mini-stat span,.preview-meta span{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.flow-date strong,.mini-stat strong,.preview-meta strong{display:block;margin-top:.35rem;color:#fff}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.choice-card{flex-direction:column;align-items:flex-start;text-align:left;padding:1.25rem;border-radius:1.55rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.choice-card:hover{transform:translateY(-2px);border-color:#ffd93d47;box-shadow:0 20px 40px #0409144d}.choice-card--accent{background:linear-gradient(135deg,rgba(255,107,53,.2),transparent 70%),#ffffff0f}.choice-emoji{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:999px;background:#ffffff1a;font-size:1.35rem}.choice-card strong{display:block;font-size:1.28rem;margin-top:.1rem}.choice-card p{margin:0;color:var(--text-soft);line-height:1.6}.meta-strip{margin-top:1.35rem;gap:.8rem}.meta-strip>*{flex:1 1 0}.setup-block{margin-top:1.25rem;padding:1.15rem;border-radius:1.5rem;background:#040c1770;border:1px solid rgba(255,255,255,.08)}.setup-block__head{margin-bottom:.9rem}.guest-name-row{display:flex;flex-direction:column;gap:.75rem}.logged-in-box--compact{margin-top:1.2rem;padding:1rem 1.05rem;border-radius:1.4rem;background:#040c1770;border:1px solid rgba(255,255,255,.08)}.mode-grid--setup,.option-grid--setup{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid--setup{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-row{margin-top:1.3rem}.tiny-icon-button,.tiny-inline-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.tiny-icon-button{width:2.85rem;height:2.85rem;padding:0}.tiny-inline-button{padding:.6rem .9rem}.hero-card{background:linear-gradient(120deg,rgba(255,107,53,.16),transparent 44%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%),linear-gradient(135deg,#0f3460e0,#071525eb)}.hero-card h1{margin:.45rem 0 .9rem;font-size:clamp(2rem,4vw,3.6rem);line-height:.96}.body-copy,.option-card p,.mode-card p,.subcopy,.muted-copy,.preview-word span,.source-line,.result-scroll,.floating-tip{color:var(--text-soft);line-height:1.6}.hero-stats,.preview-stats,.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.hero-stats{margin-top:1.1rem}.hero-stats div,.preview-stats div,.result-grid div,.hud-item{padding:.95rem 1rem;border-radius:1.2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.hero-stats strong,.preview-stats strong,.result-grid strong,.hud-item strong{display:block;margin-top:.35rem;font-size:.98rem;color:#fff}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:1rem}.section-head--spaced{margin-top:1.15rem}.section-head h2,.preview-head h2,.game-header h2,.overlay-card h3{margin:.3rem 0 0;font-size:clamp(1.35rem,2vw,2rem)}.profile-row,.preview-head,.game-header,.hud-strip,.prompt-card,.preview-footer,.missed-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stack{display:flex;flex-direction:column;gap:.9rem}.logged-in-box{display:flex;flex-direction:column;gap:1rem}.avatar-dot{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:999px;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--gold));color:#081525;font-weight:700}.avatar-dot img{width:100%;height:100%;object-fit:cover}.magic-form{display:flex;flex-direction:column;gap:.55rem}.magic-form label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.magic-row,.answer-form{display:flex;gap:.7rem}.magic-row input,.answer-input{width:100%;min-width:0;padding:.95rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#050e1bc7;color:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.magic-row input:focus,.answer-input:focus{border-color:#ff6b35a8;box-shadow:0 0 0 3px #ff6b3529}.message-line{margin:0;padding:.9rem 1rem;border-radius:1rem;background:#ffffff12}.message-line--error{background:#ef476f29;color:#ffdce5}.primary-button,.ghost-button,.subtle-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.92rem 1.15rem;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.primary-button{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 18px 40px #ff6b3547}.primary-button:hover,.ghost-button:hover,.subtle-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.primary-button--wide{width:100%;margin-top:1rem}.ghost-button,.subtle-button{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.1)}.icon-button{width:3rem;height:3rem;padding:0;background:#ffffff14;color:#fff}.setup-input{width:100%;min-width:0;padding:.95rem 1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:#050e1bc7;color:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.setup-input:focus{border-color:#ff6b35a8;box-shadow:0 0 0 3px #ff6b3529}.option-grid,.mode-grid{display:grid;gap:.8rem}.option-card,.mode-card{text-align:left;padding:1rem;border-radius:1.3rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff}.option-card strong,.mode-card strong,.preview-word strong,.missed-row strong{display:block;font-size:1rem}.option-card--selected,.mode-card--selected,.chip--selected{border-color:#ffd93da6;background:linear-gradient(135deg,#ffd93d2e,#ff6b3514);box-shadow:inset 0 0 0 1px #ffd93d2e}.option-card--locked{opacity:.55}.chip-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.chip{padding:.72rem 1rem;border-radius:999px;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.stage-shell{min-height:52rem;padding:1.25rem;background:linear-gradient(135deg,rgba(255,107,53,.14),transparent 42%),linear-gradient(135deg,#0f3460e6,#071525f5),url(https://fluencyrunner.b-cdn.net/background4.png);background-size:cover;background-position:center}.stage-shell--full{min-height:calc(100vh - 7rem)}.stage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07152538,#0715258f),radial-gradient(circle at 70% 18%,rgba(255,217,61,.12),transparent 26%);pointer-events:none}.preview-panel,.game-root{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;min-height:100%}.preview-badge{align-self:flex-start;flex-direction:column;align-items:flex-start}.preview-word-list,.result-scroll,.missed-list-inline{display:flex;flex-direction:column;gap:.7rem}.leaderboard-card{margin-top:1.25rem;padding:1.1rem;border-radius:1.5rem;background:#040c177a;border:1px solid rgba(255,255,255,.08)}.leaderboard-head,.leaderboard-row{display:flex;align-items:center;gap:.9rem}.leaderboard-head{justify-content:space-between;margin-bottom:.9rem}.leaderboard-head h3{margin:.3rem 0 0;font-family:Fraunces,serif;font-size:1.1rem}.leaderboard-list{display:flex;flex-direction:column;gap:.65rem}.leaderboard-row{padding:.85rem .95rem;border-radius:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.leaderboard-row--mine{border-color:#ffd93d59;background:linear-gradient(135deg,#ffd93d24,#ff6b350f)}.leaderboard-rank{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#ffffff14;color:#fff;font-weight:700;flex-shrink:0}.leaderboard-main{min-width:0;flex:1 1 auto}.leaderboard-main strong,.leaderboard-score strong{display:block;color:#fff}.leaderboard-main span,.leaderboard-score span{color:var(--text-soft);font-size:.82rem}.leaderboard-score{text-align:right}.preview-word,.missed-row{padding:1rem 1.1rem;border-radius:1.1rem;background:#060d198c;border:1px solid rgba(255,255,255,.08)}.preview-word--empty{min-height:7rem;justify-content:center}.preview-word-list--modal{margin-top:1rem;max-height:min(60vh,28rem);overflow:auto}.preview-modal-head{align-items:flex-start}.preview-meta{margin-top:1rem;padding:.9rem 1rem;border-radius:1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.game-root{min-height:calc(100vh - 9.5rem)}.hud-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.play-area{position:relative;flex:1;min-height:25rem;overflow:hidden;border-radius:1.8rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#040c178c}.play-area-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 4.5rem,4.5rem 100%;opacity:.2}.falling-word{position:absolute;transform:translate(-50%);min-width:9rem;padding:.95rem 1.2rem;border-radius:999px;background:linear-gradient(135deg,#ff6b3538,#0b223ff2);border:1px solid rgba(255,217,61,.14);box-shadow:0 18px 30px #ff6b3529;color:#fff;text-align:center;pointer-events:none}.falling-word--highlight{box-shadow:0 0 0 2px #ffd93d4d,0 20px 40px #ffd93d2e;transform:translate(-50%) scale(1.05)}.word-prompt{font-size:clamp(1rem,1.8vw,1.35rem);font-weight:600}.spark{position:absolute;color:var(--gold);text-shadow:0 0 12px rgba(255,217,61,.55);animation:burst .72s ease-out forwards;pointer-events:none}.game-footer{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr) minmax(0,280px);gap:.9rem;align-items:start}.prompt-card,.session-missed{padding:1rem 1.05rem;border-radius:1.25rem;background:#040c1785;border:1px solid rgba(255,255,255,.08)}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.25rem;background:#040a13c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5}.overlay-card{width:min(100%,42rem);padding:1.5rem;border-radius:1.8rem;background:linear-gradient(135deg,rgba(255,107,53,.14),transparent 50%),#09182df5;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.overlay-card--result{width:min(100%,48rem)}.result-grid{margin:1rem 0;grid-template-columns:repeat(4,minmax(0,1fr))}.sync-pill{justify-content:space-between;width:100%;margin-bottom:1rem}.result-missed{padding:1rem;border-radius:1.2rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.result-scroll{max-height:14rem;overflow:auto;margin-top:.8rem}.floating-tip{position:absolute;left:1.2rem;bottom:1.2rem;display:inline-flex;flex-direction:column;gap:.2rem;padding:.9rem 1rem;border-radius:1rem;background:#071525b3;border:1px solid rgba(255,255,255,.08)}.mini-chip{justify-content:flex-start;width:fit-content}.muted-copy{margin:0}@keyframes burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.3)}}@media (max-width: 1200px){.workspace{grid-template-columns:1fr}.setup-shell{margin-top:2.4rem}.stage-shell,.stage-shell--full,.game-root{min-height:44rem}}@media (max-width: 900px){.flow-header,.launch-row,.setup-block__head,.meta-strip{flex-direction:column;align-items:stretch}.choice-grid,.mode-grid--setup,.option-grid--setup{grid-template-columns:1fr}.topbar,.profile-row,.preview-head,.preview-footer,.game-header,.game-footer{flex-direction:column;align-items:stretch}.hero-stats,.preview-stats,.hud-strip,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-footer{grid-template-columns:1fr}.answer-form,.magic-row{flex-direction:column}}@media (max-width: 640px){.app-shell{padding:.9rem}.setup-shell{margin-top:1.2rem}.flow-card{border-radius:1.45rem;padding:1rem}.flow-card h1{font-size:2.25rem}.card,.stage-shell{border-radius:1.45rem;padding:1rem}.brand{width:100%;justify-content:center}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:stretch}.topbar-actions>*{flex:1 1 auto}.hero-card h1{font-size:2.2rem}.hero-stats,.preview-stats,.hud-strip,.result-grid{grid-template-columns:1fr}.play-area{min-height:22rem}.falling-word{min-width:7.2rem;padding:.75rem .95rem}.magic-row input,.answer-input{font-size:16px}}