:root{--bg:#070a13;--bg-elevated:#0e1424;--surface:#141b2d;--surface-hover:#1b243d;--line:#26334f;--line-light:#ffffff1f;--text:#f1f5f9;--text-muted:#94a3b8;--brand-yellow:#facc15;--brand-red:#ef4444;--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--ad-fill:#1e293bb3;--ad-rect-w:300px;--ad-rect-h:250px;--ad-lb-w:728px;--ad-lb-h:90px;--header-h:106px;--footer-h:106px;--gap:14px;--radius:12px;--shadow-lg:0 16px 40px -8px #0009;--shadow-glow:0 0 25px #06b6d426;--page-min-width:1620px;--col-wing:300px;--col-sidebar:300px;--game-min-w:260px}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;min-width:var(--page-min-width);overscroll-behavior:none;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 50% at 50% -20%,#3b82f61f,#0000),radial-gradient(60% 40% at 50% 120%,#06b6d414,#0000);margin:0;padding:0;font-family:Outfit,Noto Sans SC,system-ui,-apple-system,sans-serif;overflow:auto hidden}a{color:inherit;text-decoration:none}.page{width:100%;min-width:var(--page-min-width);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.header-bar{background:var(--bg-elevated);border-bottom:1px solid var(--line);z-index:50;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:12px;padding:6px 20px;display:grid;box-shadow:0 4px 20px #00000059}.header-brand{flex-direction:column;justify-content:center;gap:2px;display:flex}.brand-title{align-items:center;gap:6px;display:flex}.brand-icon{filter:drop-shadow(0 0 6px #facc1580);font-size:1.25rem;line-height:1}.brand-name{color:var(--brand-yellow);letter-spacing:-.01em;white-space:nowrap;font-size:1.15rem;font-weight:700}.brand-slogan{color:var(--brand-red);white-space:nowrap;font-size:.78rem;font-weight:600}.header-ad{flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-action{justify-content:flex-end;align-items:center;display:flex}.header-link{color:var(--brand-yellow);white-space:nowrap;background:#facc151a;border:1px solid #facc1559;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.header-link:hover{border-color:var(--brand-yellow);background:#facc1533;transform:translateY(-1px);box-shadow:0 0 12px #facc154d}.header-link .external-icon{opacity:.85}.footer-bar{background:var(--bg-elevated);border-top:1px solid var(--line);z-index:40;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 24px;display:flex;box-shadow:0 -4px 20px #00000059}.footer-copy{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.footer-links{color:var(--text-muted);white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;font-size:.82rem;display:flex}.footer-sep{color:var(--line-light);font-size:.7rem}.footer-link{transition:color .15s}.footer-link:hover{color:var(--brand-yellow);text-decoration:underline}.layout{width:100%;min-width:var(--page-min-width);justify-content:space-around;align-items:stretch;gap:var(--gap);box-sizing:border-box;max-width:2400px;height:100%;min-height:0;margin:0 auto;padding:8px clamp(10px,1.5vw,28px);display:flex;overflow:hidden}.outer-wing{width:var(--col-wing);min-width:var(--ad-rect-w);gap:var(--gap);scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex-shrink:0;height:100%;min-height:0;display:flex;overflow:visible auto}.wing-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.wing-card--intro{flex:1;min-height:160px}.wing-card--sog{flex:1;min-height:0}.sog-media{border:1px solid var(--line);background:#000;border-radius:8px;flex-shrink:0;margin:8px 8px 0;overflow:hidden;box-shadow:0 4px 14px #0006}.sog-animation-img{aspect-ratio:375/200;object-fit:cover;width:100%;height:auto;display:block}.sog-details{scrollbar-width:thin;scrollbar-color:var(--line) transparent;text-align:left;background:#020617;border:1px solid #ffffff0d;border-radius:8px;flex:1;min-height:0;margin:8px;padding:8px 10px;overflow-y:auto}.sog-details .intro-desc{color:#cbd5e1;font-size:.78rem;line-height:1.5}.sog-details .intro-desc:last-child{margin-bottom:0}.wing-card--ad{width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;overflow:visible}.wing-ad-label{letter-spacing:.08em;color:var(--text-muted);text-align:center;opacity:.6;margin-bottom:2px;font-size:.65rem}.wing-card-header{border-bottom:1px solid var(--line);background:#ffffff08;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.wing-card-title{color:var(--brand-yellow);letter-spacing:.02em;margin:0;font-size:.95rem;font-weight:700}.wing-card-sub{color:var(--text-muted);font-size:.72rem}.wing-card-tag{color:var(--accent-cyan);background:#06b6d426;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.wing-card-body{color:#cbd5e1;scrollbar-width:thin;padding:12px 14px;font-size:.82rem;line-height:1.55;overflow-y:auto}.intro-section-title{color:var(--brand-yellow);letter-spacing:.02em;border-left:3px solid var(--accent-cyan);margin:12px 0 6px;padding-left:6px;font-size:.85rem;font-weight:700}.intro-section-title:first-child{margin-top:0}.intro-desc{text-align:justify;margin:0 0 10px}.intro-features{color:var(--text-muted);flex-direction:column;gap:6px;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.intro-features li{align-items:center;gap:6px;display:flex}.bullet-dot{color:var(--accent-cyan);font-size:.7rem}.sidebar{width:var(--col-sidebar);min-width:var(--ad-rect-w);gap:var(--gap);scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex-shrink:0;height:100%;min-height:0;display:flex;overflow:visible auto}.sidebar .ad-slot--rectangle{flex-shrink:0;margin:0 auto}.sidebar-videos{gap:var(--gap);flex-direction:column;flex:1;min-height:0;display:flex}.sidebar-video{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);min-height:90px;box-shadow:var(--shadow-lg);cursor:pointer;background:#000;flex:1;margin:0;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.sidebar-video:hover{border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 0 16px #06b6d459}.sidebar-video video,.sidebar-video img{object-fit:cover;background:#000;width:100%;height:100%;display:block}.sidebar-video video{pointer-events:none}.sidebar-video video::-webkit-media-controls,.sidebar-video video::-webkit-media-controls-enclosure{display:none!important}.game-column{min-width:var(--game-min-w);flex-direction:column;flex:auto;justify-content:center;align-items:center;height:100%;min-height:0;margin:0 clamp(4px,.6vw,16px);display:flex;position:relative}.game-stage-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:6px;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex}.game-stage{aspect-ratio:9/16;width:auto;max-width:100%;height:100%;max-height:100%;box-shadow:var(--shadow-lg), var(--shadow-glow);background:#000;border:2px solid #334155;border-radius:16px;flex-shrink:1;position:relative;overflow:hidden}.game-stage iframe{background:#000;border:0;width:100%;height:100%;display:block}.game-hint-text{color:#e2e8f0;text-shadow:0 1px 4px #000c;white-space:nowrap;letter-spacing:.02em;opacity:.9;flex-shrink:0;margin:0;font-size:.78rem;font-weight:500}.ad-slot{background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;overflow:visible}.ad-slot .ad-unit{border:none;margin:0;padding:0;overflow:visible}@media (width>=2560px){:root{--col-wing:340px;--col-sidebar:340px;--gap:24px;--game-min-w:360px;--page-min-width:1920px}.layout{max-width:2800px;padding:12px clamp(20px,2vw,40px)}.brand-name{font-size:1.4rem}.brand-slogan{font-size:.9rem}.game-stage{border-radius:20px}}@media (width>=2100px) and (width<=2559px){:root{--col-wing:320px;--col-sidebar:320px;--gap:20px;--game-min-w:320px;--page-min-width:1760px}.layout{max-width:2400px}.brand-name{font-size:1.3rem}.brand-slogan{font-size:.86rem}}@media (width>=1600px) and (width<=2099px){:root{--col-wing:300px;--col-sidebar:300px;--gap:14px;--game-min-w:280px;--page-min-width:1620px}}@media (width<=1599px){:root{--gap:8px;--game-min-w:220px;--page-min-width:1520px}.layout{justify-content:flex-start;padding:6px 8px}.game-column{margin:0 4px}.header-bar{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);gap:8px;padding:4px 10px}.footer-bar{padding:4px 12px}.brand-name{font-size:1rem}.brand-slogan{font-size:.7rem}.sidebar-video{min-height:64px}.header-link{padding:4px 10px;font-size:.78rem}}@media (height<=800px){.header-bar,.footer-bar{padding-top:2px;padding-bottom:2px}.layout{padding-top:4px;padding-bottom:4px}.sidebar-video{min-height:52px}.game-hint-text{font-size:.68rem}.wing-card-header{padding:6px 10px}.sog-media{margin:4px 4px 0}.sog-details{margin:4px;padding:6px 8px}}@media (height<=720px){.sidebar-video{min-height:44px}.game-stage{border-width:1px;border-radius:12px}}@media (width<=1023px){:root{--page-min-width:0px;--gap:12px;--game-min-w:0px}html{overscroll-behavior:auto;-webkit-overflow-scrolling:touch;width:100%;min-height:100%;min-width:0!important;height:auto!important;overflow:hidden scroll!important}body{overscroll-behavior:auto;width:100%;min-height:100%;position:static;min-width:0!important;height:auto!important;overflow:visible!important}.page{width:100%;min-height:100dvh;display:block;min-width:0!important;height:auto!important;overflow:visible!important}.header-bar{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:flex}.header-brand{align-items:center}.header-ad,.header-action{display:none!important}.brand-name{font-size:1.05rem}.brand-slogan{white-space:normal;font-size:.68rem}.layout{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;width:100%;max-width:none;min-height:0;padding:8px 12px 88px;display:flex;min-width:0!important;height:auto!important;overflow:visible!important}.game-column{flex:none;order:1;width:100%;min-width:0;margin:0;height:auto!important}.game-stage-wrapper{gap:8px;width:min(100%,32.625dvh - 13.5px);max-height:none;height:auto!important}.game-stage{aspect-ratio:9/16;border-radius:12px;flex-shrink:0;width:100%;max-height:calc(58dvh - 24px);height:auto!important}.game-hint-text{white-space:nowrap;text-align:center;text-overflow:ellipsis;max-width:100%;padding:0 8px;font-size:.72rem;overflow:hidden}.sidebar--left{flex:none;order:2;align-items:center;width:100%;min-width:0;margin-top:-10px;height:auto!important;overflow:visible!important}.sidebar--left .sidebar-videos{display:none!important}.sidebar--left .ad-slot--rectangle{margin:0 auto}.sidebar--right{display:none!important}.outer-wing--left{flex:none;order:3;width:100%;min-width:0;max-width:480px;height:auto!important;overflow:visible!important}.outer-wing--right{flex:none;order:4;width:100%;min-width:0;max-width:480px;height:auto!important;overflow:visible!important}.outer-wing .wing-card--ad{display:none!important}.wing-card--intro,.wing-card--sog{flex:none;max-height:none}.wing-card--intro .wing-card-body,.sog-details{max-height:none;overflow:visible}.footer-bar{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:10px 12px 20px;display:flex}.footer-copy,.footer-links{white-space:normal;flex-wrap:wrap;justify-content:center}}