@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";:root{--wf-bg:#1e525f;--wf-bg-deep:#163f49;--wf-nav:#14505c;--wf-panel:#246575;--wf-card:#0f3a44;--wf-yellow:#fff238;--wf-hot:#ff3b5c;--wf-search:#0d3640;--wf-text:#fff;--wf-muted:#b7d7df;--wf-radius:14px;color:var(--wf-text);background:var(--wf-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Nunito,PingFang SC,Segoe UI,sans-serif;line-height:1.35}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(180deg, #1f5866 0%, var(--wf-bg) 40%, #174853 100%);min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.wf-header{z-index:30;background:linear-gradient(180deg, #1a6170 0%, var(--wf-nav) 100%);border-bottom:2px solid #ffffff14;position:sticky;top:0;box-shadow:0 6px 18px #0000002e}.wf-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:1280px;margin:0 auto;padding:8px 14px 10px;display:grid}.wf-logo{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.wf-logo-mark{background:linear-gradient(135deg,#5ad1ff,#3da9ff 45%,#ffd84d 100%);border-radius:10px;width:34px;height:34px;box-shadow:0 0 0 2px #fff23840}.wf-logo-text{letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.wf-nav{scrollbar-width:thin;gap:2px;padding-bottom:2px;display:flex;overflow-x:auto}.wf-nav-item{border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:2px;min-width:68px;padding:4px 8px;transition:background .15s;display:flex}.wf-nav-item:hover,.wf-nav-item.active{background:#ffffff1a}.wf-nav-icon{place-items:center;width:42px;height:42px;display:grid;position:relative}.wf-nav-icon svg{filter:drop-shadow(0 2px 2px #00000040);width:40px;height:40px}.wf-badge{background:var(--wf-yellow);color:#1a1a1a;border-radius:4px;padding:1px 4px;font-size:.58rem;font-weight:800;line-height:1.2;position:absolute;top:-2px;right:-6px}.wf-nav-label{white-space:nowrap;color:#fff;font-size:.72rem;font-weight:700}.wf-nav-item.highlight .wf-nav-label{color:var(--wf-yellow)}.wf-search{background:var(--wf-search);border:1px solid #ffffff1f;border-radius:8px;align-items:center;min-width:160px;display:flex;overflow:hidden}.wf-search input{color:#fff;background:0 0;border:0;outline:none;width:140px;padding:8px 10px}.wf-search input::placeholder{color:#ffffff73}.wf-search button{color:#fff;cursor:pointer;background:#2f8aa0;border:0;place-items:center;width:38px;height:34px;display:grid}.wf-search button:hover{background:#3aa0b8}.wf-main{flex:1;width:min(1280px,100%);margin:0 auto;padding:14px 14px 28px}.wf-board{background:#0f3a4459;border:1px solid #ffffff0f;border-radius:18px;padding:14px}.wf-board-head{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.wf-board-head h1{margin:0;font-size:1.25rem;font-weight:800}.wf-board-head p{color:var(--wf-muted);margin:0;font-size:.9rem}.wf-clear{color:var(--wf-yellow);margin-left:auto;font-size:.9rem;font-weight:700}.wf-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px 10px;display:grid}.wf-card{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.wf-card-art{aspect-ratio:1;border-radius:var(--wf-radius);background:var(--wf-card);width:100%;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 8px 16px #00000038}.wf-card:hover .wf-card-art{transform:translateY(-3px)scale(1.03);box-shadow:0 12px 22px #0000004d}.wf-card-art img{object-fit:cover;width:100%;height:100%;display:block}.wf-card-fallback{color:#7ec8ff;background:#124652;place-items:center;width:100%;height:100%;font-size:2rem;font-weight:800;display:grid}.wf-hot{background:var(--wf-hot);color:#fff;letter-spacing:.03em;border-radius:4px;padding:2px 5px;font-size:.62rem;font-weight:800;position:absolute;top:6px;left:6px}.wf-card-name{text-align:center;-webkit-line-clamp:2;color:#eef8fb;-webkit-box-orient:vertical;width:100%;font-size:.78rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.wf-empty{text-align:center;color:var(--wf-muted);padding:48px 16px}.wf-about{color:var(--wf-muted);margin-top:28px;padding:8px 6px 0}.wf-about h2{color:#fff;letter-spacing:.04em;margin:0 0 8px;font-size:.95rem}.wf-about h3{color:#fff;margin:14px 0 8px;font-size:1.15rem}.wf-about p{max-width:920px;margin:0 0 8px;font-size:.92rem}.wf-about-links{flex-wrap:wrap;gap:8px 14px;margin-top:8px;display:flex}.wf-about-links a{color:#9be7ff;font-size:.9rem;font-weight:700}.wf-about-links a:hover{color:var(--wf-yellow)}.wf-footer{color:#ffffffb3;border-top:1px solid #ffffff14;justify-content:center;gap:22px;margin-top:24px;padding:14px 8px;font-size:.88rem;display:flex}.play-layout{flex-direction:column;gap:14px;display:flex}.wf-play-bar{background:#0f3a4473;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;display:flex}.wf-back,.wf-exit{color:var(--wf-yellow);white-space:nowrap;font-weight:800}.wf-exit{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;padding:8px 14px}.wf-play-title{flex:1;min-width:0}.wf-play-title h1{margin:0;font-size:1.15rem}.wf-play-title p{color:var(--wf-muted);margin:2px 0 0;font-size:.85rem}.wf-stage{aspect-ratio:16/10;background:#000;border:1px solid #ffffff14;border-radius:18px;width:100%;min-height:420px;max-height:min(78vh,820px);overflow:hidden;box-shadow:0 18px 40px #00000059}.wf-stage iframe{border:0;width:100%;height:100%;display:block}.wf-cover{text-align:center;background:radial-gradient(500px 260px at 50% 20%,#5ad1ff33,#0000 70%),#0b3038;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:24px;display:flex}.wf-cover img{border-radius:18px;box-shadow:0 12px 28px #00000059}.wf-cover h2{margin:4px 0 0;font-size:clamp(1.3rem,3vw,1.8rem)}.wf-cover p{max-width:640px;color:var(--wf-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.wf-play-btn{cursor:pointer;letter-spacing:.04em;color:#142028;background:linear-gradient(#fff56a,#ffd000);border:0;border-radius:999px;margin-top:8px;padding:12px 34px;font-size:1.05rem;font-weight:800;box-shadow:0 8px #c9a000}.wf-play-btn:active{transform:translateY(2px);box-shadow:0 4px #c9a000}.wf-related h2{margin:8px 0 12px;font-size:1.1rem}@media (width<=900px){.wf-header-inner{grid-template-columns:1fr}.wf-search,.wf-search input{width:100%}}@media (width<=720px){.wf-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px 8px}.wf-stage{aspect-ratio:9/12;max-height:none}.wf-nav-item{min-width:60px}}html.is-game-fullscreen .wf-header{display:none!important}.play-layout.is-playing .wf-play-bar{display:none}.wf-stage.is-playing{z-index:1000;aspect-ratio:auto;width:100vw;height:100dvh;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;position:fixed;inset:0}.wf-fs-exit{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff47;border-radius:999px;padding:8px 14px;font-weight:800;position:absolute;top:12px;right:12px}.wf-fs-exit:hover{background:#000000b8}