.fog-page{padding:36px 0 60px;max-width:720px;margin:0 auto}.back-link{display:inline-block;margin-bottom:18px;font-size:14px;font-weight:600}.fog-page h1{font-size:36px;line-height:1.15;margin:4px 0 6px}.fog-game{position:relative;margin-top:18px;padding:22px;border:1px solid #3a4048;border-radius:8px;background:var(--dusk);min-height:420px}.fog-steps{display:flex;gap:8px;list-style:none;margin:0 0 18px;padding:0}.fog-steps li{flex:1;padding:6px 0;border-radius:6px;background:#1f2328;color:#78808a;font-size:12px;font-weight:700;text-align:center;letter-spacing:.04em;transition:background .2s,color .2s}.fog-steps li.is-active{background:#e3b55b;color:#1b1608}.fog-steps li.is-done{background:#2a2f36;color:#edc677}.fog-screen{text-align:center}.fog-screen h2{font-size:24px;margin:8px 0 6px}.fog-screen>p{color:#9aa3ad}.fog-start{margin-top:18px;border:0;cursor:pointer;font-size:16px;padding:14px 30px}.fog-best{margin-top:12px;font-size:13px}.fog-cloud{position:relative;height:120px;margin:10px auto 6px;width:220px}.fog-cloud span{position:absolute;height:14px;border-radius:6px;background:linear-gradient(90deg,transparent,#9aa6c9,transparent);opacity:.55;animation:fog-drift 4s ease-in-out infinite alternate}.fog-cloud span:nth-child(1){top:28px;left:10px;width:170px}.fog-cloud span:nth-child(2){top:56px;left:40px;width:150px;animation-delay:-1.3s}.fog-cloud span:nth-child(3){top:84px;left:0;width:190px;animation-delay:-2.6s}@keyframes fog-drift{0%{transform:translate(-14px)}to{transform:translate(20px)}}.fog-round-label{font-size:14px;color:#b9b4a9!important;margin-bottom:14px}.fog-round-label strong{color:#e9e4d8}.fog-round-label span{display:inline-block;margin-left:6px;color:#e3b55b;font-weight:700;font-variant-numeric:tabular-nums}.react-pad{display:grid;place-content:center;gap:6px;width:100%;height:300px;border:0;border-radius:8px;cursor:pointer;font:inherit;color:#16191d;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .12s}.react-pad[data-state=wait]{background:repeating-linear-gradient(170deg,#8d96ad 0 22px,#a3abbf 22px 44px)}.react-pad[data-state=go]{background:#aef0c5}.react-pad[data-state=early]{background:#f4b1a4}.react-pad[data-state=done]{background:#edc677}.react-text{font-size:32px;font-weight:800}.react-sub{font-size:14px;font-weight:600;opacity:.75}.memory-show,.memory-grid{display:grid;gap:10px;justify-content:center}.memory-show{grid-template-columns:repeat(5,minmax(0,72px));margin:30px 0}.memory-grid{grid-template-columns:repeat(5,minmax(0,72px));margin:18px 0}.memory-tile{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;background:#1f2328;border:2px solid #3a4048;font-size:34px;line-height:1}.memory-grid .memory-tile{cursor:pointer;transition:transform .12s,border-color .12s,background .12s;font:inherit;font-size:34px}.memory-grid .memory-tile:hover{transform:translateY(-2px);border-color:#b8913f}.memory-tile.is-picked{border-color:#e3b55b;background:#2a2f36}.memory-tile.is-right{border-color:#7fdca2;background:#2d4a3a}.memory-tile.is-wrong{border-color:#f08a76;background:#4c2f2b}.memory-tile.is-missed{border-style:dashed;border-color:#7fdca2}.stroop-word{margin:34px 0 26px;font-size:54px;font-weight:900;letter-spacing:.04em}.stroop-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:420px;margin:0 auto}.stroop-buttons button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:12px;border:1px solid #3a4048;background:#1f2328;color:#e9e4d8;font:700 15px var(--font);cursor:pointer;touch-action:manipulation}.stroop-buttons button:hover{border-color:#b8913f}.stroop-buttons button i{width:16px;height:16px;border-radius:50%}.stroop-score{margin-top:16px;font-size:14px}.stroop-word.flash-right{animation:flash-right .25s}.stroop-word.flash-wrong{animation:flash-wrong .3s}@keyframes flash-right{50%{transform:scale(1.08)}}@keyframes flash-wrong{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.fog-score-label{font-size:15px;color:var(--mist)}.fog-score{font-size:84px;font-weight:900;line-height:1;margin-top:6px;font-variant-numeric:tabular-nums}.fog-score small{font-size:22px;color:#78808a;font-weight:700}.fog-meter{height:12px;max-width:420px;margin:14px auto 0;border-radius:6px;background:linear-gradient(90deg,#7fdca2,#e3b55b 55%,#f08a76);position:relative}.fog-meter span{position:absolute;top:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:#e9e4d8;border:4px solid #16191d;transform:translateY(-50%);transition:left 1s cubic-bezier(.2,.75,.25,1)}.fog-rank{font-size:26px!important;margin-top:20px!important}.fog-rank-line{margin-bottom:18px}.fog-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:460px;margin:0 auto 22px}.fog-breakdown div{padding:10px;border-radius:12px;background:#1f2328}.fog-breakdown dt{font-size:11px;font-weight:700;color:#78808a}.fog-breakdown dd{margin:2px 0 0;font-weight:700;font-size:15px}.fog-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.fog-actions button{cursor:pointer;border:0;font:600 15px var(--font)}.fog-actions .cta-secondary{border:2px solid #b8913f}.fog-share-note{min-height:1.4em;font-size:13px;margin-top:10px}.fog-disclaimer{font-size:12px;color:#78808a!important;margin-top:8px}.fog-next{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin-top:26px;padding:16px 18px;border-radius:14px;border:1px dashed #3a4048}.fog-next span{font-size:12px;font-weight:700;color:#78808a}.fog-next a{font-weight:600}@media (max-width: 600px){.fog-page{padding-top:22px}.fog-page h1{font-size:28px}.fog-game{padding:16px;min-height:0}.react-pad{height:260px}.memory-show,.memory-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.memory-tile,.memory-grid .memory-tile{font-size:26px;border-radius:11px}.stroop-word{font-size:42px}.fog-score{font-size:68px}.fog-breakdown dd{font-size:13px}}