.game-frame,.game-frame *{box-sizing:border-box}.game-frame{position:relative;max-width:1100px;height:460px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #00000040}.solar-frame{background:#070b1f;border:1px solid rgba(255,255,255,.12)}.game-placeholder{display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;font-size:1.1rem;opacity:.8}.game-hud{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;pointer-events:none;z-index:10}.game-hud-top{top:0}.game-hud button{pointer-events:auto}.game-pill{background:#ffffffe6;color:#254231;padding:.35rem .85rem;border-radius:999px;font-weight:600;font-size:.9rem;white-space:nowrap}.game-pill-muted{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2)}.game-question{flex:1;text-align:center;font-size:1.3rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.game-card{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);width:min(520px,calc(100% - 2rem));background:#fffffff5;color:#254231;border-radius:16px;padding:1rem 1.25rem;box-shadow:0 10px 30px #00000059;border-left:6px solid #22c55e;z-index:10;animation:gameCardIn .3s ease-out}.game-card.is-wrong{border-left-color:#ef4444}.game-card p{margin:.4rem 0 .75rem;font-size:.95rem}.game-card strong{display:block;font-size:1.1rem;margin-bottom:.5rem}.game-button{background:linear-gradient(135deg,#a4e390,#5bccee);color:#254231;border:none;border-radius:999px;padding:.55rem 1.4rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s}.game-button:hover{transform:translateY(-2px)}.game-hint{position:absolute;left:0;right:0;bottom:.75rem;text-align:center;font-size:.85rem;color:#ffffffbf;pointer-events:none}.globe-frame{background:radial-gradient(circle at center,#0f3550,#061a29 75%);border:1px solid rgba(255,255,255,.12)}.globe-info{display:flex;align-items:center;gap:1rem;border-left-color:#facc15;padding-right:2.5rem}.globe-info-flag{font-size:2.75rem;line-height:1}.globe-info strong{margin-bottom:.15rem}.globe-info p{margin:0}.globe-info-close{position:absolute;top:.4rem;right:.6rem;background:none;border:none;font-size:1.5rem;line-height:1;color:#6b7c72;cursor:pointer}.globe-frame .float-tooltip-kap{background:#061a29e6;color:#fff;padding:.25rem .6rem;border-radius:8px;font:600 .85rem -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:1px solid rgba(255,255,255,.2)}.runner-frame{background:#f3fbef;border:1px solid rgba(37,66,49,.1);box-shadow:0 15px 40px #2542311f;outline:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}.runner-frame:focus-visible{box-shadow:inset 0 0 0 3px #5bccee}.runner-frame.is-shake-a{animation:runnerShakeA .35s}.runner-frame.is-shake-b{animation:runnerShakeB .35s}.runner-canvas{display:block}.runner-frame .game-pill{box-shadow:0 2px 8px #2542311f}.runner-hearts{letter-spacing:.1em}.runner-word{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem}.runner-emoji{font-size:2rem;margin-right:.4rem}.runner-slot{width:2.1rem;height:2.4rem;border-radius:8px;background:#ffffffd9;border:2px dashed rgba(37,66,49,.35);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;color:#2542314d}.runner-slot.is-next{border-color:#5bccee;border-style:solid}.runner-slot.is-next{color:#1d8fb5}.runner-slot.is-filled{background:#a4e390;border:2px solid #4caf9b;color:#254231}.runner-toast,.runner-paused{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#fffffff2;color:#254231;padding:.6rem 1.2rem;border-radius:999px;font-weight:800;font-size:1.2rem;box-shadow:0 8px 24px #25423133;white-space:nowrap;pointer-events:none;z-index:10}.runner-paused{font-size:.95rem;font-weight:600;white-space:normal;text-align:center;max-width:calc(100% - 2rem)}.runner-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;color:#254231;background:radial-gradient(ellipse 45% 40% at center,rgba(255,255,255,.6),transparent);pointer-events:none;z-index:10;animation:runnerOverIn .45s cubic-bezier(.34,1.56,.64,1)}.runner-over-title{font-size:clamp(2.4rem,8vw,4.5rem);font-weight:900;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#ef4444;-webkit-text-stroke:2px #fff;paint-order:stroke fill;text-shadow:0 6px 0 rgba(37,66,49,.18),0 10px 24px rgba(37,66,49,.25)}.runner-over-score{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;text-shadow:0 0 6px #fff,0 0 12px #fff}.runner-over-score b{font-size:1.4em;color:#1d8fb5}.runner-over-hint{margin-top:.6rem;padding:.35rem .9rem;border-radius:999px;background:#ffffffd9;font-size:.9rem;font-weight:600;animation:runnerHintPulse 1.6s ease-in-out infinite}@keyframes runnerOverIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes runnerHintPulse{50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.runner-over,.runner-over-hint{animation:none}}@keyframes runnerShakeA{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes runnerShakeB{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.solar-label{background:#070b1fd9;color:#fff;padding:.2rem .6rem;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,.25)}.solar-label-sun{background:#fbbf2433;border-color:#fbbf2480}@keyframes gameCardIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 768px){.game-frame{height:380px}.game-hud{flex-wrap:wrap;padding:.75rem}.runner-word{order:3;flex-basis:100%}.runner-slot{width:1.8rem;height:2.1rem;font-size:1.1rem}.game-question{order:3;flex-basis:100%;font-size:1.05rem}}