:root{--bg: #0b1220;--panel: rgba(17, 24, 39, .92);--border: #1f2937;--text: #e5e7eb;--muted: #94a3b8;--accent: #22c55e;--accent-dark: #052e16;--warn: #f59e0b;--danger: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}#map{position:absolute;inset:0}.hud{position:absolute;top:16px;left:16px;display:flex;gap:8px;z-index:10;pointer-events:none}.hud-item{display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:var(--panel);border:1px solid var(--border);border-radius:10px;backdrop-filter:blur(8px);min-width:72px}.hud-item .label{font-size:11px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.hud-item .value{font-size:20px;font-weight:700;line-height:1.2}.hud-item.combo .value{color:var(--warn)}.guess-box{position:absolute;left:50%;bottom:32px;transform:translate(-50%);display:flex;gap:8px;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #00000080;backdrop-filter:blur(8px);z-index:10;width:min(560px,calc(100vw - 32px))}.guess-box input{flex:1;padding:12px 16px;font-size:16px;color:var(--text);background:#0f172a;border:1px solid var(--border);border-radius:10px;outline:none;transition:border-color .15s}.guess-box input:focus{border-color:var(--accent)}.guess-box button{padding:12px 22px;font-size:15px;font-weight:700;color:var(--accent-dark);background:var(--accent);border:none;border-radius:10px;cursor:pointer;transition:transform .1s,background .15s}.guess-box button:hover{background:#16a34a}.guess-box button:active{transform:scale(.97)}.toast-container{position:absolute;top:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:20;pointer-events:none}.toast{padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;background:var(--panel);border:1px solid var(--border);box-shadow:0 8px 24px #0006;animation:toast-in .2s ease-out}.toast.success{border-color:var(--accent);color:#86efac}.toast.error{border-color:var(--danger);color:#fca5a5}.toast.info{border-color:var(--warn);color:#fcd34d}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:var(--bg);z-index:100}.loading-overlay .spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-overlay .text{color:var(--muted);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes particle-fly{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(0);opacity:0}}@keyframes particle-glow{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(8);opacity:0}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-70%) scale(1.2)}to{opacity:0;transform:translate(-50%,-180%) scale(1)}}@keyframes flag-wave{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-2px)}}.flag-wave{animation:flag-wave 3s ease-in-out infinite;transform-origin:center top}@keyframes achievement-in{0%{opacity:0;transform:translate(-50%,-60px) scale(.8)}60%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-width: 768px){.utw-hud{top:6px!important;left:50%!important;transform:translate(-50%)!important;font-size:9px!important;gap:4px!important;padding:4px 8px!important;max-width:96vw!important;flex-wrap:nowrap!important;overflow-x:auto!important;white-space:nowrap!important;line-height:1.2!important;z-index:15!important;scrollbar-width:none;-ms-overflow-style:none}.utw-hud::-webkit-scrollbar{display:none}.utw-daily-challenge{top:46px!important;left:6px!important;font-size:11px!important;padding:4px 8px!important;height:30px!important;z-index:12!important}.utw-hint-panel{top:46px!important;left:108px!important;right:auto!important;font-size:11px!important;padding:4px 8px!important;height:30px!important;z-index:12!important}.utw-control-panel{top:46px!important;right:6px!important;left:auto!important;max-width:62vw!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:3px!important;z-index:12!important}.utw-control-panel button,.utw-control-panel>div{font-size:10px!important;padding:3px 6px!important;height:28px!important;line-height:1!important;white-space:nowrap!important}.utw-guess-form{width:94vw!important;top:92px!important;gap:6px!important;z-index:11!important}.utw-guess-form input{font-size:14px!important;padding:10px 12px!important}.utw-guess-form button{padding:0 14px!important;font-size:14px!important}.utw-continent-filter{max-width:96vw!important;overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important;scrollbar-width:none;-ms-overflow-style:none;padding:6px 8px!important;gap:4px!important;bottom:16px!important;z-index:12!important}.utw-continent-filter::-webkit-scrollbar{display:none}.utw-continent-filter button{font-size:12px!important;padding:5px 10px!important;flex-shrink:0}.utw-ad-banner{font-size:11px!important;height:48px!important;padding:0 12px!important}.utw-ad-banner button{font-size:11px!important;padding:4px 10px!important}}