:root{--ink:#eef8ff;--muted:#8ea4b8;--line:#96cde829;--cyan:#58daf1;--lime:#b7ed7a;--amber:#f2c86f;--background:#06131f;--font-geist-sans:"Segoe UI", "Yu Gothic UI", "Noto Sans JP", sans-serif;--font-geist-mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 78% 8%, #279eb52b, transparent 25rem), radial-gradient(circle at 13% 26%, #496fbb21, transparent 27rem), var(--background);color:var(--ink);font-family:var(--font-geist-sans);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-shell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:88px;margin:0 auto;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:12px;display:flex}.brand>span:last-child{flex-direction:column;line-height:1;display:flex}.brand b{font-size:15px}.brand small{color:var(--cyan);font:600 9px/1 var(--font-geist-mono);margin-top:5px}.brand-mark{grid-template-columns:repeat(3,1fr);gap:3px;width:36px;height:36px;display:grid;transform:skew(-12deg)}.brand-mark i{background:linear-gradient(180deg, var(--cyan), #197caa);border-radius:2px;display:block}.brand-mark i:first-child{align-self:end;height:55%}.brand-mark i:nth-child(2){align-self:end;height:80%}.brand-mark i:nth-child(3){height:100%}.update-pill{color:#bcd0dd;align-items:center;gap:9px;font-size:12px;display:flex}.pulse{background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #b7ed7a17,0 0 16px #b7ed7a99}.section-kicker{color:var(--cyan);font:650 11px/1.3 var(--font-geist-mono);letter-spacing:.16em;margin:0 0 18px}.content-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#05121db8}.content-panel>*{width:min(1180px,100% - 40px);margin-inline:auto}.panel-heading{justify-content:space-between;align-items:end;padding-top:42px;display:flex}.panel-heading .section-kicker{margin-bottom:9px}.panel-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(25px,3vw,38px)}.result-count{color:var(--muted);font:550 11px/1 var(--font-geist-mono);letter-spacing:.12em}.panel-actions{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.view-switch{border:1px solid var(--line);background:#030f19b3;padding:3px;display:flex}.view-switch button{height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:10px}.view-switch button.active{color:var(--cyan);background:#58daf129}.filters{border:1px solid var(--line);background:#0d2235b8;grid-template-columns:minmax(220px,1fr) 260px auto;gap:12px;margin-top:28px;padding:14px;display:grid}.filters label{min-width:0;color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.filters input,.filters select{width:100%;min-width:0;height:42px;color:var(--ink);border:1px solid var(--line);background:#030f19b3;outline:none;padding:0 13px}.filters input::placeholder{color:#688094}.filters input:focus,.filters select:focus{border-color:#58daf1a6;box-shadow:0 0 0 3px #58daf114}.search-field{position:relative}.search-field>span{z-index:1;color:var(--cyan);font-size:18px;position:absolute;left:14px}.search-field input{padding-left:40px}.filters label:not(.search-field)>span{white-space:nowrap;padding-left:6px}.segment{border:1px solid var(--line);background:#030f19b3;display:flex}.segment button{border:0;border-left:1px solid var(--line);min-width:74px;color:var(--muted);cursor:pointer;background:0 0}.segment button:first-child{border-left:0}.segment button.active{color:#06131f;background:var(--cyan);font-weight:700}.stream-list{padding:20px 0 52px}.stream-row{border-bottom:1px solid var(--line);grid-template-columns:42px 180px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:132px;padding:18px 8px;transition:background .2s,transform .2s;display:grid}.stream-row:hover{background:#19394d45;transform:translate(3px)}.rank{color:#557184;font:500 11px/1 var(--font-geist-mono)}.thumb{aspect-ratio:16/9;background:#0d2537;position:relative;overflow:hidden}.thumb img{object-fit:cover;opacity:.86;width:100%;height:100%;transition:transform .3s,opacity .3s;display:block}.stream-row:hover .thumb img{opacity:1;transform:scale(1.035)}.play{width:30px;height:30px;color:var(--cyan);background:#05131fd9;border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;bottom:10px;left:12px}.stream-body{min-width:0}.badges{align-items:center;gap:7px;margin-bottom:9px;display:flex}.badges span{border:1px solid var(--line);font:600 9px/1 var(--font-geist-mono);letter-spacing:.04em;padding:4px 7px}.series-badge{color:var(--cyan)}.game-badge{text-overflow:ellipsis;white-space:nowrap;color:#abc0ce;max-width:220px;overflow:hidden}.first-badge{color:#081720;background:var(--amber);border-color:var(--amber)!important}.finale-badge{color:#fff3f6;background:#b83e62;border-color:#e06185!important}.recent-badge{color:var(--lime);border-color:#b7ed7a73!important}.live-badge{color:#06131f;background:#ff6d7a;border-color:#ff6d7a!important}.upcoming-badge{color:var(--lime);border-color:#b7ed7a80!important}.stream-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em;font-size:16px;font-weight:680;display:block;overflow:hidden}.stream-title:hover{color:var(--cyan)}.stream-meta{color:var(--muted);flex-wrap:wrap;gap:7px;margin-top:10px;font-size:11px;display:flex}.stream-meta a{color:#c2d7e3}.stream-meta a:hover{color:var(--cyan)}.watch-button{border:1px solid var(--line);color:#c1d3df;white-space:nowrap;align-items:center;gap:14px;padding:11px 14px;font-size:11px;display:inline-flex}.watch-button:hover{border-color:var(--cyan);color:var(--cyan)}.compact-list{overflow-x:auto}.compact-header,.compact-row{grid-template-columns:48px minmax(150px,190px) minmax(340px,1fr) 118px 180px;align-items:center;gap:14px;min-width:920px;display:grid}.compact-header{color:#60798b;border-bottom:1px solid var(--line);min-height:36px;font:600 9px/1 var(--font-geist-mono);letter-spacing:.08em;padding:0 12px}.compact-row{border-bottom:1px solid var(--line);min-height:64px;padding:8px 12px;transition:background .2s}.compact-row:hover{background:#19394d45}.channel-icon{width:40px;height:40px;color:var(--cyan);background:linear-gradient(145deg,#173d53,#0a1d2b);border:1px solid #58daf140;border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;position:relative;overflow:hidden}.channel-icon img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compact-channel,.compact-title,.compact-game{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compact-title-cell{align-items:center;gap:8px;min-width:0;display:flex}.compact-title-cell>.finale-badge{font:600 9px/1 var(--font-geist-mono);border:1px solid #e06185;flex:none;padding:4px 7px}.compact-channel{color:#d6e7f0;font-size:12px;font-weight:650}.compact-title{min-width:0;font-size:13px}.compact-channel:hover,.compact-title:hover{color:var(--cyan)}.compact-row time{color:var(--muted);font:500 10px/1 var(--font-geist-mono);white-space:nowrap}.compact-game{color:#abc0ce;font-size:11px}.pagination{justify-content:center;align-items:center;gap:16px;min-width:0;padding:30px 0 0;display:flex}.pagination>div{gap:6px;display:flex}.pagination button{border:1px solid var(--line);min-width:36px;height:36px;color:var(--muted);cursor:pointer;background:#030f19b3;padding:0 11px;font-size:11px}.pagination button:hover:not(:disabled),.pagination button.active{border-color:var(--cyan);color:var(--cyan)}.pagination button.active{background:#58daf11f}.pagination button:disabled{opacity:.35;cursor:default}.empty-state{text-align:center;color:var(--muted);border-bottom:1px solid var(--line);padding:70px 20px}footer{color:#60798b;justify-content:space-between;gap:20px;width:min(1180px,100% - 40px);margin:0 auto;padding:30px 0 42px;font-size:10px;display:flex}.footer-contact a{color:var(--cyan);text-underline-offset:3px;margin-inline:2px;text-decoration:underline}.footer-contact a:hover{color:var(--ink)}.back-link{color:var(--muted);font-size:11px}.back-link:hover{color:var(--cyan)}.contact-panel{width:min(720px,100% - 40px);min-height:calc(100vh - 190px);margin:0 auto;padding:58px 0 72px}.contact-panel .section-kicker{margin-bottom:10px}.contact-panel h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,42px)}.contact-intro{color:var(--muted);margin:14px 0 32px;font-size:13px;line-height:1.8}.contact-form{border:1px solid var(--line);background:#0d2235b8;padding:24px}.contact-form>label{color:#c2d7e3;gap:9px;margin-bottom:22px;font-size:12px;display:grid;position:relative}.contact-form label>span{font-weight:650}.contact-form label>span small{color:var(--muted);margin-left:6px;font-size:9px;font-weight:500}.contact-form input,.contact-form textarea{width:100%;color:var(--ink);border:1px solid var(--line);resize:vertical;background:#030f19b3;border-radius:0;outline:none;padding:12px 14px}.contact-form input{height:46px}.contact-form input:focus,.contact-form textarea:focus{border-color:#58daf1a6;box-shadow:0 0 0 3px #58daf114}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#688094}.character-count{color:var(--muted);font:500 9px/1 var(--font-geist-mono);justify-self:end}.contact-honeypot{width:1px;height:1px;left:-10000px;overflow:hidden;position:absolute!important}.contact-submit-row{align-items:center;gap:18px;display:flex}.contact-submit-row button{border:1px solid var(--cyan);background:var(--cyan);color:#06131f;cursor:pointer;flex:none;min-width:128px;height:44px;padding:0 18px;font-weight:750}.contact-submit-row button:hover:not(:disabled){background:var(--ink);border-color:var(--ink)}.contact-submit-row button:disabled{opacity:.45;cursor:default}.contact-submit-row p{color:var(--muted);margin:0;font-size:9px;line-height:1.6}.form-notice{border:1px solid var(--line);margin:20px 0 0;padding:12px 14px;font-size:11px}.form-notice.success{color:var(--lime);border-color:#b7ed7a66}.form-notice.error{color:#ff9aa4;border-color:#ff6d7a66}@media (max-width:850px){.filters{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.stream-row{grid-template-columns:34px 150px minmax(0,1fr)}.watch-button{display:none}.panel-heading{align-items:flex-start;gap:24px}}@media (max-width:600px){.topbar{min-height:72px}.update-pill{text-align:right;justify-content:flex-end;max-width:148px;font-size:9px;line-height:1.4}.filters{grid-template-columns:1fr}.search-field{grid-column:auto}.segment{min-height:42px}.segment button{flex:1}.stream-row{grid-template-columns:30px 112px minmax(0,1fr);gap:10px;min-height:108px;padding-inline:0}.badges{gap:4px}.game-badge{max-width:120px}.stream-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box}.stream-meta span:last-child,.stream-meta span:nth-last-child(2){display:none}.panel-heading{flex-direction:column}.panel-actions{align-items:stretch;width:100%}.view-switch button{flex:1}.pagination{gap:8px}.pagination>button{padding:0;font-size:0}.pagination>button:first-child:after{content:"←";font-size:13px}.pagination>button:last-child:after{content:"→";font-size:13px}footer{flex-direction:column}.contact-panel{padding-top:40px}.contact-form{padding:18px}.contact-submit-row{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}