html,body,#root{height:100%;overflow:hidden;margin:0;padding:0}:root{--ww-blue-900: #061f4f;--ww-blue-800: #0b3d91;--ww-blue-700: #1648a8;--ww-blue-600: #2057c4;--ww-blue-500: #3a6fd8;--ww-blue-100: #dbe5f8;--ww-blue-50: #eef3fc;--ww-yellow-600: #e6b800;--ww-yellow-500: #ffd400;--ww-yellow-400: #ffdd33;--ww-yellow-200: #fff1a8;--ww-yellow-100: #fff8d6;--ww-cream: #faf7f0;--ww-paper: #f3eee2;--ww-line: #e6dfcd;--ww-ink-900: #14110a;--ww-ink-700: #3a352a;--ww-ink-500: #6e6655;--ww-ink-400: #95907f;--ww-good: #2f9e6a;--ww-warn: #ef9b3b;--ww-bad: #d84a3b;--ww-yellow-ink: #6b5300;--ww-bad-bg: #fde8e6;--ww-good-bg: #e7f5ee;--ww-good-ink: #1f7a4e;--ww-good-border: #c8e8d6;--ww-warn-bg: #fdeed8;--ww-warn-ink: #9a5d10;--ww-warn-border: #fadcab;--ww-r-sm: 8px;--ww-r-md: 14px;--ww-r-lg: 20px;--ww-r-xl: 28px;--ww-r-pill: 999px;--ww-shadow-sm: 0 1px 2px rgba(20,17,10,.06), 0 1px 0 rgba(20,17,10,.04);--ww-shadow-md: 0 4px 14px rgba(20,17,10,.08), 0 1px 2px rgba(20,17,10,.04);--ww-shadow-lg: 0 14px 40px rgba(11,61,145,.12), 0 2px 6px rgba(20,17,10,.06);--ww-font-sans: "HarmonyOS Sans SC", "PingFang SC", "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--ww-font-display: "Space Grotesk", "HarmonyOS Sans SC", system-ui, sans-serif;--ww-font-mono: "JetBrains Mono", "SFMono-Regular", "Cascadia Code", Menlo, monospace}[data-theme=dark]{--ww-cream: #14110a;--ww-paper: #1b1810;--ww-line: #2a2618;--ww-ink-900: #faf7f0;--ww-ink-700: #d6cfb9;--ww-ink-500: #9b9580;--ww-ink-400: #6f6a58;--ww-blue-50: #102451;--ww-blue-100: #18316a}.ww-root{font-family:var(--ww-font-sans);color:var(--ww-ink-900);background:var(--ww-cream);font-feature-settings:"ss01","cv11";line-height:1.45;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ww-root *,.ww-root *:before,.ww-root *:after{box-sizing:border-box}.ww-root button{font-family:inherit;cursor:pointer}.ww-root input,.ww-root textarea{font-family:inherit;color:inherit}.ww-display{font-family:var(--ww-font-display);font-weight:700;letter-spacing:-.025em}.ww-mono{font-family:var(--ww-font-mono)}.ww-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--ww-r-pill);font-size:12px;font-weight:500;line-height:1;background:var(--ww-paper);color:var(--ww-ink-700);border:1px solid var(--ww-line)}.ww-pill.is-blue{background:var(--ww-blue-50);color:var(--ww-blue-800);border-color:var(--ww-blue-100)}.ww-pill.is-yellow{background:var(--ww-yellow-100);color:var(--ww-yellow-ink);border-color:var(--ww-yellow-200)}.ww-pill.is-solid-blue{background:var(--ww-blue-800);color:#fff;border-color:var(--ww-blue-800)}.ww-pill.is-solid-yellow{background:var(--ww-yellow-500);color:#14110a;border-color:var(--ww-yellow-500)}.ww-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--ww-r-pill);font-weight:600;font-size:14px;border:1px solid transparent;transition:transform .1s ease,box-shadow .15s ease}.ww-btn:active{transform:translateY(1px)}.ww-btn-primary{background:var(--ww-blue-800);color:#fff}.ww-btn-primary:hover{background:var(--ww-blue-700)}.ww-btn-accent{background:var(--ww-yellow-500);color:#14110a}.ww-btn-accent:hover{background:var(--ww-yellow-400)}.ww-btn-ghost{background:transparent;color:var(--ww-ink-700);border-color:var(--ww-line)}.ww-btn-ghost:hover{background:var(--ww-paper)}.ww-card{background:var(--ww-paper);border:1px solid var(--ww-line);border-radius:var(--ww-r-lg)}.ww-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;-webkit-user-select:none;user-select:none}.ww-app-layout{display:flex;flex-direction:column;height:100vh;height:100dvh}.ww-app-nav{flex-shrink:0;display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid var(--ww-line);background:var(--ww-paper)}.ww-app-content{flex:1;overflow:auto}.ww-nav-desktop{display:inline-flex;align-items:center;gap:4px}.ww-nav-mobile{display:none}@media (max-width: 767px){.ww-nav-desktop{display:none}.ww-app-nav{order:2;border-bottom:none;border-top:1px solid var(--ww-line);padding:0;padding-bottom:env(safe-area-inset-bottom,0px)}.ww-app-content{order:1}.ww-nav-mobile{display:flex;width:100%;justify-content:space-around;align-items:center}}.ww-scroll::-webkit-scrollbar{display:none}.ww-scroll{scrollbar-width:none}.ww-field-line{stroke:var(--ww-blue-800)}[data-theme=dark] .ww-field-line{stroke:var(--ww-yellow-500)}.ww-placeholder{background-image:repeating-linear-gradient(-45deg,var(--ww-paper),var(--ww-paper) 8px,var(--ww-cream) 8px,var(--ww-cream) 16px);border:1px dashed var(--ww-line);display:flex;align-items:center;justify-content:center;color:var(--ww-ink-500);font-family:var(--ww-font-mono);font-size:11px;border-radius:var(--ww-r-md)}.ww-frame-panel{width:118px;flex-shrink:0;display:flex;flex-direction:column;background:var(--ww-paper);border-left:1px solid var(--ww-line);overflow:hidden}.ww-frame-list{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.ww-frame-list::-webkit-scrollbar{display:none}.ww-tactics-layout{display:flex;flex-direction:row;height:100%;overflow:hidden;background:var(--ww-cream)}.ww-tactics-canvas-area{overflow:hidden}@media (max-width: 767px){.ww-tactics-canvas-area{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}@media (max-width: 767px){.ww-tactics-layout{flex-direction:column}.ww-frame-panel{width:100%;height:60px;flex-direction:row;border-left:none;border-top:1px solid var(--ww-line);flex-shrink:0}.ww-frame-list{flex:1;overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:row;align-items:center;gap:4px;padding:0 8px}.ww-frame-play-btn{height:100%;border-right:1px solid var(--ww-line);padding:0 10px;flex-shrink:0}.ww-frame-add-btn{height:100%;border-left:1px solid var(--ww-line);padding:0 10px;flex-shrink:0}.ww-tactics-toolbar{padding:6px 8px;gap:4px}.ww-tactics-toolbar button{font-size:11px;padding:4px 8px}.ww-tactics-toolbar-desktop{display:none}.ww-tactics-toolbar-mobile{display:flex;align-items:center;gap:4px}.ww-tactics-toolbar-mobile-expand{display:flex;flex-basis:100%;gap:4px;align-items:center;flex-wrap:wrap;padding-top:4px}.ww-step-indicator{padding:4px 8px;font-size:11px}}.ww-tactics-toolbar-desktop{display:inline-flex;gap:7px;align-items:center;flex-wrap:wrap}.ww-tactics-toolbar-mobile,.ww-tactics-toolbar-mobile-expand,.ww-tags-drawer-toggle{display:none}@media (max-width: 767px){.ww-tags-drawer-toggle{display:flex}}.ww-upload-layout{display:grid;grid-template-columns:1fr}@media (max-width: 767px){.ww-upload-result-grid{grid-template-columns:1fr!important}.ww-upload-input{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}.ww-upload-btn{min-height:44px;min-width:44px}}.ww-qa-layout{display:grid;grid-template-columns:220px 1fr 280px}.ww-qa-sidebar{display:flex;flex-direction:column}.ww-qa-mobile-sources{display:none}.ww-qa-mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));flex-shrink:0;background:var(--ww-paper);border-bottom:1px solid var(--ww-line)}.ww-qa-sidebar-toggle,.ww-qa-sidebar-backdrop,.ww-qa-sources-backdrop{display:none}.ww-qa-header-desktop{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}@media (max-width: 767px){.ww-qa-header-desktop{display:none}}@media (max-width: 767px){.ww-qa-layout{grid-template-columns:1fr}.ww-qa-sidebar{display:none}.ww-qa-sidebar.is-open{display:flex;position:fixed;top:0;left:0;bottom:0;padding-top:env(safe-area-inset-top,0px);width:280px;max-width:85vw;z-index:100;box-shadow:var(--ww-shadow-lg)}.ww-qa-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.ww-qa-sidebar-toggle{display:flex}.ww-qa-sources{display:none}.ww-qa-sources.is-open{display:flex;position:fixed;top:0;right:0;bottom:0;padding-top:env(safe-area-inset-top,0px);width:300px;max-width:85vw;z-index:100;box-shadow:var(--ww-shadow-lg)}.ww-qa-sources-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.ww-qa-mobile-sources{display:none}.ww-qa-composer{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}}.ww-mobile-only{display:none}.ww-desktop-only{display:revert}.ww-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@media (max-width: 767px){.ww-mobile-only{display:revert}.ww-desktop-only{display:none}}.ww-rotate-prompt{display:none}@media (max-width: 767px){.ww-tactic-preview-body{flex-direction:column!important}.ww-tactic-preview-body>div:first-child{width:100%!important;max-width:100%!important}}@media (max-width: 767px) and (orientation: portrait){.ww-rotate-prompt{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#0a0805e0;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:15;font-family:var(--ww-font-sans)}.ww-rotate-prompt-icon{font-size:48px}}@keyframes ww-blink{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes ww-terms-pulse{0%,to{border-color:var(--ww-line);box-shadow:0 0 #d84a3b00}25%{border-color:var(--ww-bad);box-shadow:0 0 0 6px #d84a3b38,0 0 14px #d84a3b1a}50%{border-color:var(--ww-line);box-shadow:0 0 #d84a3b00}75%{border-color:var(--ww-bad);box-shadow:0 0 0 6px #d84a3b38,0 0 14px #d84a3b1a}}.ww-permission-deny{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:48px 24px;text-align:center}.ww-permission-deny-icon{font-size:48px;margin-bottom:16px;opacity:.6}.ww-permission-deny h3{font-size:16px;font-weight:700;color:var(--ww-ink-900);margin:0 0 8px}.ww-permission-deny p{font-size:13px;color:var(--ww-ink-500);margin:0;max-width:320px;line-height:1.6}.ww-citation-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;border-radius:var(--ww-r-pill);font-family:var(--ww-font-sans);line-height:1.4;white-space:nowrap}.ww-citation-badge .ww-badge-num{font-family:var(--ww-font-mono);font-weight:500}.ww-citation-badge.-bronze{background:linear-gradient(135deg,sienna,#b87045 15%,#d49e78,#b87045 35%,sienna,#b87045 65%,#d49e78,#b87045 85%,sienna);background-size:200% 100%;color:#fff;animation:metal-sweep 9s linear infinite}.ww-citation-badge.-silver{background:linear-gradient(135deg,#7b8493,#9da5b0 15%,#d1d5db,#9da5b0 35%,#7b8493,#9da5b0 65%,#d1d5db,#9da5b0 85%,#7b8493);background-size:200% 100%;color:var(--ww-ink-900);box-shadow:0 1px 3px #0000001f;animation:metal-sweep 9s linear infinite}.ww-citation-badge.-gold{background:linear-gradient(135deg,#996515,#c49d20 15%,#f0d660,#c49d20 35%,#996515,#c49d20 65%,#f0d660,#c49d20 85%,#996515);background-size:200% 100%;color:#5c3d00;box-shadow:0 0 10px #c49d2059;animation:metal-sweep 9s linear infinite}.ww-citation-badge.-prismatic{background:linear-gradient(135deg,#ff6b6b,#ff8157 3.6%,#ff9a45 7.1%,#ffb238,#ffc832,#f0d73e 17.9%,#cde04d 21.4%,#9dde62,#6bcb77 28.6%,#4dcb92 32.1%,#4cc5c1,#4d96ff,#7177e2 42.9%,#9b59b6 46.4%,#c85a86,#ff6b6b 50%,#ff8157 53.6%,#ff9a45 57.1%,#ffb238,#ffc832,#f0d73e 67.9%,#cde04d 71.4%,#9dde62,#6bcb77 78.6%,#4dcb92 82.1%,#4cc5c1,#4d96ff,#7177e2 92.9%,#9b59b6 96.4%,#c85a86,#ff6b6b);background-size:200% 100%;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.4);box-shadow:0 0 12px #9b59b666;animation:prismatic-shimmer 9s linear infinite}@keyframes metal-sweep{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes prismatic-shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.ww-rank-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;border-radius:var(--ww-r-pill);font-family:var(--ww-font-sans);line-height:1.4;white-space:nowrap}.ww-rank-badge .ww-rank-num{font-family:var(--ww-font-mono);font-weight:500}.ww-rank-badge.-alltime{background:var(--ww-blue-50);color:var(--ww-blue-800);border:1px solid var(--ww-blue-100)}.ww-rank-badge.-alltime .ww-rank-dot{width:4px;height:4px;border-radius:50%;background:var(--ww-yellow-500);display:inline-block;flex-shrink:0}.ww-rank-badge.-alltime.-champion{background:linear-gradient(135deg,var(--ww-yellow-100),var(--ww-paper));color:var(--ww-yellow-ink);border:1px solid var(--ww-yellow-200)}.ww-rank-badge.-alltime.-champion .ww-rank-dot{width:6px;height:6px;background:none;position:relative}.ww-rank-badge.-alltime.-champion .ww-rank-dot:before{content:"★";font-size:10px;color:var(--ww-yellow-500);line-height:1}.ww-rank-badge.-weekly{background:var(--ww-yellow-100);color:var(--ww-yellow-ink);border:1px solid var(--ww-yellow-200)}.ww-rank-badge.-weekly .ww-weekly-dot{width:5px;height:5px;border-radius:50%;background:var(--ww-good);display:inline-block;flex-shrink:0}.ww-rank-badge.-weekly.-star{animation:weekly-glow 2.2s ease-in-out infinite}@keyframes weekly-glow{0%,to{box-shadow:0 0 #2f9e6a00;border-color:var(--ww-yellow-200)}50%{box-shadow:0 0 0 4px #2f9e6a2e,0 0 12px #2f9e6a1a;border-color:var(--ww-good)}}.ww-leaderboard-page{height:100%;display:flex;flex-direction:row;overflow:hidden}.ww-lb-sidebar{width:160px;flex-shrink:0;padding:24px 16px;background:var(--ww-paper);border-right:1px solid var(--ww-line);display:flex;flex-direction:column;gap:20px;overflow-y:auto}.ww-lb-sidebar-section{display:flex;flex-direction:column;gap:4px}.ww-lb-sidebar-label{font-size:10px;font-weight:700;color:var(--ww-ink-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;padding:0 4px}.ww-lb-sidebar-btn{display:block;width:100%;padding:8px 12px;border-radius:var(--ww-r-sm);font-size:13px;font-weight:600;border:none;background:transparent;color:var(--ww-ink-700);cursor:pointer;font-family:inherit;text-align:left;transition:background .15s,color .15s}.ww-lb-sidebar-btn:hover{background:var(--ww-cream)}.ww-lb-sidebar-btn.active{background:var(--ww-blue-800);color:#fff}.ww-lb-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.ww-leaderboard-container{flex:1;overflow:auto;max-width:700px;width:100%;margin:0 auto;padding:24px 20px 48px}.ww-lb-tabs{display:flex;gap:4px;margin-bottom:20px}.ww-lb-tab{padding:8px 20px;border-radius:var(--ww-r-pill);font-size:14px;font-weight:600;border:1px solid var(--ww-line);background:transparent;color:var(--ww-ink-700);cursor:pointer;font-family:inherit;transition:all .2s}.ww-lb-tab.active{background:var(--ww-blue-800);color:#fff;border-color:var(--ww-blue-800)}.ww-lb-hero{background:var(--ww-paper);border:1px solid var(--ww-line);border-radius:var(--ww-r-lg);padding:24px 20px 16px;margin-bottom:20px}.ww-lb-hero-top3{display:flex;gap:16px;justify-content:center;align-items:flex-end;margin-bottom:20px}.ww-lb-hero-card{display:flex;flex-direction:column;align-items:center;padding:16px 14px;border-radius:var(--ww-r-md);background:var(--ww-cream);border:1px solid var(--ww-line);text-align:center;transition:transform .15s,box-shadow .15s}.ww-lb-hero-card:hover{transform:translateY(-2px);box-shadow:var(--ww-shadow-md)}.ww-lb-hero-card.-gold{border-color:var(--ww-yellow-500);box-shadow:0 0 16px #e4b6002e;padding:24px 20px 20px}.ww-lb-hero-card.-silver{border-color:#9da5b0;box-shadow:0 0 10px #7b84931f}.ww-lb-hero-card.-bronze{border-color:#b87045;box-shadow:0 0 10px #a0522d1a}.ww-lb-hero-top10{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.ww-lb-list{background:var(--ww-paper);border:1px solid var(--ww-line);border-radius:var(--ww-r-lg);overflow:hidden;margin-bottom:20px}.ww-lb-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--ww-line);transition:background .12s}.ww-lb-row:last-child{border-bottom:none}.ww-lb-row:hover{background:var(--ww-cream)}.ww-lb-rank-num{font-family:var(--ww-font-mono);font-size:16px;font-weight:700;color:var(--ww-ink-500);width:32px;text-align:center;flex-shrink:0}.ww-lb-my-rank{flex-shrink:0;z-index:10;max-width:700px;width:100%;margin:0 auto;background:var(--ww-blue-50);border:1px solid var(--ww-blue-100);border-radius:var(--ww-r-lg);padding:12px 16px;display:flex;align-items:center;gap:12px}@media (max-width: 767px){.ww-leaderboard-page{flex-direction:column}.ww-lb-sidebar{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;padding:10px 12px;gap:8px;border-right:none;border-bottom:1px solid var(--ww-line);overflow-y:visible;flex-shrink:0}.ww-lb-sidebar-section{flex-direction:row;align-items:center;gap:4px}.ww-lb-sidebar-label{display:none}.ww-lb-sidebar-btn{width:auto;padding:5px 12px;font-size:12px;border-radius:var(--ww-r-pill);border:1px solid var(--ww-line);background:transparent}.ww-lb-sidebar-btn.active{background:var(--ww-blue-800);color:#fff;border-color:var(--ww-blue-800)}.ww-lb-hero{display:none}.ww-lb-hero-top3{flex-direction:column;align-items:center}.ww-lb-hero-top10{display:grid;grid-template-columns:1fr 1fr}.ww-lb-row{padding:8px 12px;gap:8px}.ww-lb-my-rank{flex-wrap:wrap;gap:8px;max-width:none;margin:0;border-radius:0;border-left:none;border-right:none}}.ww-guide-page{height:100%;overflow-y:auto}.ww-guide-section{background:var(--ww-paper);border:1px solid var(--ww-line);border-radius:var(--ww-r-lg);padding:20px;margin-bottom:16px}.ww-guide-section h3{font-size:16px;font-weight:700;color:var(--ww-ink-900);margin:0 0 8px;font-family:var(--ww-font-sans)}.ww-guide-section p{font-size:13px;line-height:1.7;color:var(--ww-ink-700);margin:0 0 8px}.ww-guide-section ul{font-size:13px;line-height:1.7;color:var(--ww-ink-700);margin:4px 0 8px;padding-left:20px}.ww-guide-section ul li{margin-bottom:4px}.ww-onboarding-tooltip{position:fixed;z-index:10000;background:var(--ww-paper);border:1px solid var(--ww-line);border-radius:var(--ww-r-lg);padding:20px 24px;box-shadow:var(--ww-shadow-lg);max-width:320px;min-width:220px}.ww-onboarding-tooltip h4{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--ww-ink-900);font-family:var(--ww-font-display)}.ww-onboarding-tooltip p{margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--ww-ink-700)}.ww-onboarding-tooltip-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.ww-onboarding-tooltip-counter{font-size:11px;color:var(--ww-ink-400);font-family:var(--ww-font-mono)}