.web-game-section{position:relative;z-index:10;width:100%;height:100vh;min-height:600px;overflow:hidden;background:var(--bg-dark);color:#edf0f3;transition:opacity 1s var(--ease-out-expo),transform 1.2s var(--ease-out-expo)}.web-game-section--winning{opacity:0;transform:scale(1.04) translateY(-30px);pointer-events:none}.web-game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.web-game-ui{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:18px;z-index:2}.web-game-topbar{display:flex;justify-content:flex-end;align-items:start;padding-top:72px}.web-game-start-card,.web-game-stats-card,.web-game-word-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 20px 70px rgba(0,0,0,.35);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:24px}.web-game-eyebrow{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:hsla(0,0%,100%,.45);margin-bottom:10px;text-align:center}.web-game-stats-card{min-width:min(420px,100%);padding:14px 16px}.web-game-stats-row{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));grid-gap:10px;gap:10px}.web-game-stat{border-radius:16px;padding:10px 12px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);text-align:center}.web-game-stat-label{color:hsla(0,0%,100%,.45);font-size:9px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:5px}.web-game-stat-value{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.03em}.web-game-bottom{display:flex;justify-content:center;align-items:flex-end;padding-bottom:24px}.web-game-word-card{width:min(760px,100%);padding:20px 24px 18px;text-align:center}.web-game-status-line{font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:hsla(0,0%,100%,.5);margin-bottom:10px;min-height:1em}.web-game-word{font-family:Space Grotesk,sans-serif;font-size:clamp(30px,6vw,70px);line-height:1;font-weight:900;letter-spacing:.1em;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:1.1em;text-transform:uppercase}.web-game-word .done{color:#8fffd0;text-shadow:0 0 16px rgba(143,255,208,.26)}.web-game-word .current{color:#fff;text-shadow:0 0 26px hsla(0,0%,100%,.35)}.web-game-word .todo{color:rgba(237,246,255,.24)}.web-game-helper{margin-top:12px;color:hsla(0,0%,100%,.45);font-size:13px;line-height:1.5}.web-game-timer-wrap{width:100%;margin-top:14px}.web-game-timer-bar{width:100%;height:10px;overflow:hidden;border-radius:999px;background:rgba(255,120,130,.15);border:1px solid rgba(255,150,160,.15)}.web-game-timer-fill{height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,#ff6d7a,#ffaaaf);border-radius:inherit;transition:transform 80ms linear}.web-game-start-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;z-index:5;transition:opacity .26s ease}.web-game-start-overlay.hidden{opacity:0;pointer-events:none}.web-game-start-card{width:min(520px,100%);text-align:center;padding:28px 24px 24px}.web-game-start-title{font-family:Space Grotesk,sans-serif;font-size:clamp(26px,4vw,44px);line-height:1;font-weight:900;letter-spacing:-.04em;margin:0 0 10px}.web-game-start-copy{color:hsla(0,0%,100%,.5);font-size:15px;line-height:1.55;max-width:38ch;margin:0 auto}.web-game-start-tip{margin-top:16px;font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:hsla(0,0%,100%,.55)}.web-game-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.12),transparent 35%);opacity:0;transition:opacity .1s linear;mix-blend-mode:screen;z-index:3}.web-game-flash.show{opacity:1}.win-modal-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none}.win-modal-overlay--visible{opacity:1;pointer-events:auto;animation:winOverlayIn .6s var(--ease-out-expo) forwards}@keyframes winOverlayIn{0%{opacity:0}to{opacity:1}}.win-modal-backdrop{position:absolute;inset:0;background:rgba(5,6,10,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:winBackdropIn .8s ease forwards}@keyframes winBackdropIn{0%{opacity:0}to{opacity:1}}.win-modal-card{position:relative;width:min(480px,100%);text-align:center;padding:48px 36px 40px;background:var(--bg);border:1px solid var(--border);border-radius:28px;box-shadow:0 40px 100px rgba(0,0,0,.4);animation:winCardIn .9s var(--ease-out-expo) .15s both;overflow:hidden}@keyframes winCardIn{0%{opacity:0;transform:scale(.85) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.win-modal-burst{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,0,0,.06) 0,transparent 65%);animation:winBurst 2s ease-in-out infinite;pointer-events:none}@keyframes winBurst{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.win-modal-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900;letter-spacing:-.03em;margin:0 0 16px;line-height:1;animation:winTitleIn .7s var(--ease-out-expo) .35s both}@keyframes winTitleIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.win-modal-copy{font-size:1rem;line-height:1.7;color:var(--text-muted);margin:0 0 32px;animation:winTitleIn .7s var(--ease-out-expo) .5s both}.win-modal-copy strong{color:var(--text)}.win-modal-btn{padding:16px 32px;background:var(--text);color:var(--white);border:none;font-size:.7rem;text-transform:uppercase;letter-spacing:2.5px;cursor:pointer;border-radius:4px;transition:transform .3s var(--ease-out-expo),opacity .3s ease;animation:winTitleIn .7s var(--ease-out-expo) .65s both}.win-modal-btn:hover{transform:translateY(-2px);opacity:.85}@media (max-width:760px){.web-game-ui{padding:12px}.web-game-topbar{padding-top:70px}.web-game-stats-row{grid-template-columns:repeat(2,1fr)}.web-game-word-card{padding:18px 16px 16px}}