:root{--brand: #ff0033;--brand-2: #ff415f;--brand-dark: #5f0014;--aqua: #38e8ff;--success: #18f59a;--panel: rgba(255, 255, 255, .075);color-scheme:dark;font-family:Inter,Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#090a0f;color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 14% 20%,rgba(255,0,51,.28),transparent 32%),radial-gradient(circle at 92% 14%,rgba(56,232,255,.18),transparent 30%),linear-gradient(135deg,#08090d,#11131b 48%,#19070c)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{position:relative;isolation:isolate;min-height:100vh;padding:clamp(18px,3vw,28px) clamp(16px,4vw,42px) 56px}.home-shell{display:flex;flex-direction:column}.home-shell>.site-footer{margin-top:auto}.game-shell,.loading-shell{height:100vh;min-height:640px;overflow:hidden;padding-bottom:14px}.speed-lines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.22;background-image:repeating-linear-gradient(112deg,transparent 0,transparent 34px,rgba(255,255,255,.16) 35px,transparent 37px);animation:rush 1.1s linear infinite;pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;width:min(1280px,100%);margin:0 auto 42px}.topbar.compact{margin-bottom:8px}.brand-mark{display:flex;align-items:center;gap:12px;border:0;color:inherit;background:transparent;padding:0;font-size:20px;font-weight:900;letter-spacing:0}.brand-icon,.tile-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--brand),#b60026 62%,var(--aqua));box-shadow:0 16px 34px #ff00334d}.brand-icon{overflow:hidden;background:#ffffff14}.brand-icon img{width:100%;height:100%;object-fit:cover}.icon-button{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#f8fafc;background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .16s ease,border-color .16s ease,background .16s ease}.icon-button:hover{transform:translateY(-2px) rotate(8deg);border-color:#ff0033b3;background:#ffffff24}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:clamp(22px,4vw,42px);width:min(1280px,100%);margin:0 auto;align-items:stretch;transition:width .62s cubic-bezier(.22,1,.36,1),gap .62s cubic-bezier(.22,1,.36,1)}.hero-grid.centered{grid-template-columns:minmax(0,860px);justify-content:center;width:min(860px,100%);gap:0}.hero-grid.centered .hero-copy{text-align:center;transform:none}.hero-grid.centered .hero-copy p,.hero-grid.centered .link-form,.hero-grid.centered .eyebrow{margin-left:auto;margin-right:auto}.hero-grid.centered .preview-panel{display:none}.hero-copy{padding-top:24px;max-width:860px;transform-origin:center left;transition:transform .62s cubic-bezier(.22,1,.36,1),max-width .62s cubic-bezier(.22,1,.36,1),opacity .26s ease}.hero-grid.centered .hero-copy{transform:none}.hero-grid.has-preview .hero-copy{transform:translate(0)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#c8fff7;background:#ffffff14;font-size:14px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{width:100%;max-width:100%;margin:22px 0 18px;font-size:clamp(44px,7vw,72px);line-height:.96;letter-spacing:0;text-wrap:balance}.hero-copy p{max-width:680px;color:#b8c1d8;font-size:19px;line-height:1.65}.link-form{display:flex;gap:12px;width:min(760px,100%);margin-top:32px;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#080a12b8;box-shadow:0 26px 80px #0000006b}.link-form input{flex:1;min-width:0;border:0;outline:0;color:#f8fafc;background:transparent;padding:0 12px;font-size:17px}.link-form button,.game-tile button,.tool-actions button,.draw-filter-actions button,.download-actions button,.pager button,.result-strip button,.result-modal button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--brand),#d6002d);font-weight:950;padding:0 20px;white-space:nowrap;transition:transform .15s ease,filter .15s ease}.link-form button:hover,.game-tile button:hover,.tool-actions button:hover,.draw-filter-actions button:hover,.download-actions button:hover,.pager button:hover,.result-strip button:hover,.result-modal button:hover{transform:translateY(-2px);filter:brightness(1.06)}.link-form button:hover{transform:none}button:disabled{cursor:not-allowed;filter:grayscale(.75) brightness(.72)}.error-banner{width:min(760px,100%);margin-top:14px;margin-left:auto;margin-right:auto;padding:14px 16px;border:1px solid rgba(255,90,100,.42);border-radius:8px;color:#ffd2d7;background:#ff20471f}.preview-panel{min-height:360px;opacity:0;pointer-events:none;transform:translate(96px) scale(.965);transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1)}.preview-panel.visible{opacity:1;pointer-events:auto;transform:translate(0) scale(1)}.hero-grid.entering .preview-panel.visible{animation:previewSlideIn .68s cubic-bezier(.22,1,.36,1) both}.hero-grid.entering .hero-copy{animation:heroShiftLeft .68s cubic-bezier(.22,1,.36,1) both}.video-card,.empty-preview{position:relative;height:100%;min-height:clamp(320px,34vw,420px);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff12;box-shadow:0 24px 90px #00000073}.video-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03)}.video-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 15%,rgba(7,8,13,.22) 44%,rgba(7,8,13,.94) 100%)}.video-content{position:absolute;inset:auto 0 0;padding:28px}.video-content>span{color:#7ff6ff;font-weight:900}.video-content h2{display:-webkit-box;overflow:hidden;margin:8px 0 22px;font-size:28px;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{min-width:0;padding:13px 10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff1a}.stat strong,.stat span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat strong{font-size:18px}.stat span{margin-top:5px;color:#aeb8cf;font-size:12px}.empty-preview{display:flex;flex-direction:column;justify-content:space-between;color:#9aa8c3;padding:22px}.empty-preview-copy{padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}.empty-preview-copy span{display:block;color:#f8fafc;font-size:22px;font-weight:950}.empty-preview-copy p{margin:8px 0 0;color:#aeb8cf;line-height:1.55}.preview-skeleton{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;min-height:118px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.skeleton-thumb,.skeleton-lines span,.skeleton-lines strong{display:block;overflow:hidden;border-radius:6px;background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14);background-size:220% 100%;animation:shimmer 2.2s ease-in-out infinite}.skeleton-thumb{width:140px;aspect-ratio:16 / 9}.skeleton-lines span{width:42%;height:13px;margin-bottom:14px}.skeleton-lines strong{width:88%;height:18px;margin-bottom:10px}.skeleton-lines strong:last-child{width:64%;margin-bottom:0}.game-section,.battle-arena{width:min(1280px,100%);margin:34px auto 0}.site-footer{display:flex;align-items:flex-start;justify-content:flex-start;width:min(1280px,100%);margin:64px auto 0;padding:22px 0 4px;border-top:1px solid rgba(255,255,255,.12);color:#9da9c2}.site-footer-copy{display:flex;align-items:flex-start;flex-direction:column;gap:4px;min-width:0}.site-footer-brandline{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-width:0}.site-footer-brandline strong{color:#f8fafc;font-size:14px}.site-footer-brandline span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.site-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:7px;color:#77849d;font-size:12px;font-weight:700}.site-footer-nav{display:flex;align-items:center;gap:8px}.site-footer-nav a,.site-footer-support,.site-footer-github,.site-footer-stars,.legal-link-list a{display:inline-flex;align-items:center;gap:6px;color:#9da9c2;text-decoration:none;transition:color .15s ease}.site-footer-github{justify-content:center;padding:0}.site-footer-stars{color:#9da9c2;font-size:12px;font-weight:800}.site-footer-actions{display:flex;align-items:center;gap:12px}.site-footer-nav a:hover,.site-footer-support:hover,.site-footer-github:hover,.legal-link-list a:hover{color:var(--aqua)}.legal-shell{padding-bottom:72px}.legal-page{width:min(920px,100%);margin:0 auto}.legal-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:20px auto 24px}.legal-heading{max-width:760px}.legal-eyebrow{display:inline-flex;padding:8px 11px;border:1px solid rgba(56,232,255,.26);border-radius:8px;color:#a8f9ff;background:#38e8ff14;font-size:12px;font-weight:950;letter-spacing:.12em}.legal-heading h1{margin:18px 0 14px;font-size:clamp(42px,6vw,64px);line-height:1}.legal-heading p{max-width:720px;margin:0;color:#b8c1d8;font-size:17px;line-height:1.7}.legal-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#aeb8cf;background:#ffffff0e;font-size:13px;font-weight:750}.legal-content{margin-top:22px;padding:0 4px}.legal-section{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.1)}.legal-section:first-child{padding-top:4px}.legal-section:last-child{border-bottom:0}.legal-section h2{margin:0 0 14px;color:#fff;font-size:22px;line-height:1.25}.legal-section p,.legal-section li,.legal-facts dd{color:#b8c1d8;font-size:15px;line-height:1.75}.legal-section p{margin:0 0 12px}.legal-section p:last-child{margin-bottom:0}.legal-section ul{display:grid;gap:9px;margin:0;padding-left:22px}.legal-section li::marker{color:var(--aqua)}.legal-facts{display:grid;gap:8px;margin:18px 0 14px}.legal-facts>div{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:18px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.legal-facts dt{color:#f3f7ff;font-size:14px;font-weight:900}.legal-facts dd{margin:0}.legal-link-list{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:16px}.legal-link-list a{padding:8px 10px;border:1px solid rgba(56,232,255,.2);border-radius:8px;color:#bafaff;background:#38e8ff0f;font-size:13px;font-weight:800}.legal-switcher{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.12)}.legal-switcher span{color:#8f9bb4;font-size:13px;font-weight:800}.legal-switcher button{display:inline-flex;align-items:center;gap:7px;border:0;color:#bafaff;background:transparent;padding:0;font-size:14px;font-weight:900}.legal-switcher button:hover{color:#fff}.loading-stage{display:grid;place-items:center;width:min(1040px,100%);min-height:calc(100vh - 142px);margin:0 auto}.loading-video{position:absolute;top:92px;left:50%;display:grid;grid-template-columns:96px minmax(0,520px);gap:14px;align-items:center;width:min(680px,calc(100% - 84px));transform:translate(-50%);padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff12}.loading-video img{width:96px;height:54px;border-radius:6px;object-fit:cover}.loading-video span,.loading-video strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-video span{color:var(--aqua);font-size:13px;font-weight:900}.loading-video strong{margin-top:4px;font-size:15px}.loading-core{width:min(760px,100%);text-align:center}.loader-orbit{position:relative;display:grid;place-items:center;width:116px;height:116px;margin:0 auto 26px;border-radius:999px;color:#fff;background:var(--brand);box-shadow:0 0 70px #ff00337a}.loader-orbit:before,.loader-orbit:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:2px solid transparent;border-top-color:var(--aqua);border-radius:inherit;animation:spin 1.1s linear infinite}.loader-orbit:after{top:-24px;right:-24px;bottom:-24px;left:-24px;border-top-color:#ffffff8c;animation-duration:1.8s;animation-direction:reverse}.loading-kicker{color:var(--aqua);font-weight:950}.loading-core h1{margin:14px auto;font-size:58px;line-height:1}.loading-core p{max-width:560px;margin:0 auto 34px;color:#b8c1d8;font-size:18px;line-height:1.6}.progress-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;color:#dce5f8;font-weight:900}.progress-head strong{color:#fff;font-size:26px}.progress-bar{height:16px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff14}.progress-bar div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-2),var(--aqua));box-shadow:0 0 30px #ff003373;transition:width .32s ease}.section-heading,.battle-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.section-heading h2,.battle-header h2{margin:0;font-size:30px}.cache-pill,.round-chip{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.16);color:#d3daea;background:#ffffff14;font-size:13px;font-weight:850}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.content-category+.content-category{margin-top:30px}.content-category>h3{margin:0 0 12px;color:#dce6f8;font-size:18px}.game-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:28px;min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:linear-gradient(135deg,#ffffff26,#ffffff0a),#ffffff12;box-shadow:0 24px 70px #0000004d;animation:popIn .38s ease both}.game-tile>div{display:flex;min-width:0;flex-direction:column}.game-tile>button{align-self:end}.game-tile.primary{border-color:#ff003375}.game-tile.locked{opacity:.72}.game-tile.real{border-color:#38e8ff5c}.game-tile.reply{border-color:#ab85ff75}.game-tile.timeline{border-color:#ffc44c75}.game-tile.draw{border-color:#18f59a5c}.game-tile.export{border-color:#ffffff38}.game-tile h3{margin:16px 0 8px;font-size:28px}.game-tile p{max-width:440px;margin-bottom:0;color:#b5bfd3;line-height:1.55}.tile-icon.muted{background:#ffffff24;color:#d7deee;box-shadow:none}.coming-soon{align-self:flex-end;padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#b9c4dc;white-space:nowrap}.candidate-picker{margin-top:auto;padding-top:18px}.inline-check{display:flex;align-items:flex-start;gap:12px;margin-top:auto;padding-top:18px;color:#dbe5f6}.inline-check input{flex:0 0 auto;margin-top:2px}.inline-check strong,.inline-check small{display:block}.inline-check strong{font-size:14px}.inline-check small{margin-top:4px;color:#9eabc3;line-height:1.35}.candidate-picker>span{display:block;margin-bottom:9px;color:#d7efff;font-size:13px;font-weight:950}.candidate-picker>div{display:flex;flex-wrap:wrap;gap:7px}.candidate-picker button,.game-tile .candidate-picker button{width:38px;min-height:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#dbe5f6;background:#ffffff14;padding:0;font-weight:950;transition:border-color .15s ease,background .15s ease,color .15s ease}.candidate-picker button:hover,.game-tile .candidate-picker button:hover{transform:none;border-color:#38e8ff94;filter:none}.candidate-picker button.active{border-color:transparent;color:#061019;background:var(--aqua)}.battle-arena{width:min(1400px,100%);height:calc(100vh - 96px);min-height:540px;margin-top:0;padding:6px 18px 0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:rise .42s ease both}.reply-arena{overflow-y:auto;scrollbar-color:rgba(171,133,255,.56) rgba(255,255,255,.06);scrollbar-width:thin}.reply-results{margin-top:16px;padding:clamp(16px,2.4vw,24px);border:1px solid rgba(171,133,255,.3);border-radius:8px;background:linear-gradient(180deg,#ab85ff1a,#ffffff09),#10131d}.reply-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.reply-results-head>div>span{color:#c4a8ff;font-size:13px;font-weight:950}.reply-results-head p{margin:7px 0 0;color:#aebbd2;font-size:14px;line-height:1.45}.reply-loading{display:inline-flex;align-items:center;gap:7px;color:#d9caff;font-size:13px;white-space:nowrap}.reply-error{padding:14px;border:1px solid rgba(255,85,105,.42);border-radius:7px;color:#ffb0ba;background:#ff455a1a}.reply-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reply-list{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#0003}.reply-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.reply-list-head>div{display:flex;align-items:center;gap:9px;min-width:0}.reply-list-head>div strong{display:grid;flex:0 0 auto;place-items:center;width:26px;height:26px;border-radius:6px;color:#11101b;background:#c4a8ff;font-size:12px}.reply-list-head>div span{overflow:hidden;color:#dbe4f8;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.reply-list-head>b{flex:0 0 auto;color:#cbb7ff;font-size:13px;white-space:nowrap}.reply-list ol{max-height:min(34vh,360px);overflow-y:auto;margin:0;padding:0 14px;list-style:none;scrollbar-color:rgba(171,133,255,.5) transparent;scrollbar-width:thin}.reply-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.reply-list li:last-child{border-bottom:0}.reply-item-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8997b0;font-size:12px}.reply-item-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-list li p,.reply-empty{margin:7px 0 0;color:#f1f4fb;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.reply-empty{padding:18px 14px;color:#9eabc3}.timeline-game-shell{height:auto;min-height:100vh;overflow-y:auto}.timeline-arena{height:auto;min-height:0;padding-bottom:34px}.timeline-comment-card{display:grid;gap:10px;margin-bottom:14px;padding:clamp(18px,3vw,28px);border:1px solid rgba(255,196,76,.32);border-radius:8px;background:linear-gradient(135deg,#ffc44c21,#ffffff09),#12141d;box-shadow:0 24px 70px #00000042}.timeline-comment-card>span,.timeline-section-label,.timeline-guess-head>div>span{color:#ffd477;font-size:13px;font-weight:950}.timeline-comment-card p{max-height:180px;overflow-y:auto;margin:0;color:#fff;font-size:clamp(21px,3vw,32px);font-weight:850;line-height:1.42}.timeline-comment-card strong{color:#abb8ce;font-size:14px}.timeline-video{overflow:hidden;margin-bottom:16px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#00000040}.timeline-section-label{display:flex;align-items:center;gap:8px;padding:13px 15px}.timeline-video iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.timeline-guess{padding:clamp(16px,2.6vw,24px);border:1px solid rgba(56,232,255,.25);border-radius:8px;background:linear-gradient(180deg,#38e8ff17,#ffffff09),#10131d}.timeline-guess-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.timeline-guess-head p{margin:7px 0 0;color:#aebbd2;font-size:14px;line-height:1.45}.timeline-guess-head>strong{flex:0 0 auto;padding:9px 12px;border:1px solid rgba(56,232,255,.34);border-radius:8px;color:#a8f9ff;background:#38e8ff14;font-size:14px;white-space:nowrap}.timeline-scroll{overflow-x:auto;margin:18px -2px 0;padding:18px 2px 9px;user-select:none;-webkit-user-select:none;scrollbar-color:rgba(56,232,255,.52) rgba(255,255,255,.06);scrollbar-width:thin}.timeline-track{position:relative;min-width:760px;height:92px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.11) 0 1px,transparent 1px 10%),linear-gradient(180deg,#ffffff1a,#ffffff09),#0b0e16;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}.timeline-track:after{content:"";position:absolute;left:0;right:0;top:51px;height:2px;background:linear-gradient(90deg,var(--brand),var(--aqua));opacity:.72;pointer-events:none}.timeline-ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.timeline-ticks span{position:absolute;top:9px;transform:translate(-50%);color:#8f9cb5;font-size:11px;font-weight:800;white-space:nowrap}.timeline-ticks span:first-child{transform:none}.timeline-ticks span:last-child{transform:translate(-100%)}.timeline-window{position:absolute;z-index:2;top:30px;min-width:18px;height:44px;border:2px solid #fff;border-radius:6px;background:linear-gradient(180deg,#ff0033e0,#ff415f94);box-shadow:0 0 0 4px #ff003321,0 12px 32px #ff003347;cursor:grab;touch-action:none}.timeline-window:active{cursor:grabbing}.timeline-window span{position:absolute;top:7px;left:50%;width:4px;height:25px;border-radius:999px;background:#fff;transform:translate(-50%)}.timeline-window.correct{border-color:#a5ffd0;background:linear-gradient(180deg,#18f59aeb,#18f59a8f);box-shadow:0 0 0 4px #18f59a24,0 12px 32px #18f59a42}.timeline-window.wrong{border-color:#ff9ca8;background:linear-gradient(180deg,#ff455ae6,#ff455a8c)}.timeline-answer-marker{position:absolute;z-index:3;top:27px;width:3px;height:53px;border-radius:999px;background:#a5ffd0;box-shadow:0 0 20px #a5ffd0e6;pointer-events:none}.timeline-answer-marker span{position:absolute;bottom:calc(100% + 5px);left:50%;padding:4px 7px;border-radius:5px;color:#061019;background:#a5ffd0;font-size:11px;font-weight:950;white-space:nowrap;transform:translate(-50%)}.timeline-check{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;margin-top:10px;border:0;border-radius:8px;color:#061019;background:var(--aqua);font-weight:950}.timeline-check:hover{filter:brightness(1.06);transform:translateY(-2px)}.timeline-check:disabled{cursor:default;opacity:.75}.tool-shell{min-height:100vh}.tool-arena{width:min(1280px,100%);margin:0 auto;animation:rise .42s ease both}.slot-machine{position:relative;display:grid;place-items:center;min-height:min(34vh,300px);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(180deg,#ffffff17,#ffffff08),#10131d;box-shadow:0 28px 90px #0000005c}.slot-machine:before,.slot-machine:after{content:"";position:absolute;left:0;right:0;z-index:1;height:28%;pointer-events:none}.slot-machine:before{top:0;background:linear-gradient(180deg,#10131d,transparent)}.slot-machine:after{bottom:0;background:linear-gradient(0deg,#10131d,transparent)}.slot-window{position:relative;z-index:2;width:min(760px,calc(100% - 48px));padding:clamp(20px,3vw,30px);border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff14;text-align:center;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.slot-machine.spinning .slot-window{border-color:#ff003380;box-shadow:0 0 60px #ff00332e;animation:slotSpin .14s linear infinite}.slot-machine.picked .slot-window{border-color:#18f59a9e;box-shadow:0 24px 80px #18f59a24}.slot-window span{display:block;color:var(--aqua);font-weight:950}.slot-window p{max-height:118px;overflow-y:auto;margin:12px 0 0;color:#fff;font-size:clamp(18px,2.8vw,28px);font-weight:950;line-height:1.32}.draw-filter-panel{margin-top:14px;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0f}.draw-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.draw-filter-head span{display:inline-flex;align-items:center;gap:8px;color:#eaf2ff;font-weight:950}.draw-filter-head p{margin:6px 0 0;color:#9eabc3;font-size:14px;line-height:1.45}.draw-filter-head strong{flex:0 0 auto;padding:8px 11px;border-radius:8px;color:#061019;background:var(--aqua);font-size:14px;font-weight:950}.draw-filter-list{display:grid;gap:8px;margin-top:14px}.draw-filter-row{display:grid;grid-template-columns:170px minmax(0,1fr) 42px;gap:8px;align-items:center}.draw-filter-row input{min-width:0;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f8fafc;background:#0a0c12c7;padding:0 12px;outline:0}.rule-chip{display:flex;align-items:center;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#c8d2e5;background:#ffffff0f}.draw-filter-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.draw-filter-actions .ghost-button{border:1px solid rgba(255,255,255,.14);background:#ffffff14}.tool-actions,.pager,.download-actions{display:flex;align-items:center;gap:10px}.tool-actions{justify-content:center;margin-top:16px}.tool-actions .outline-button{border:1px solid rgba(255,255,255,.18);color:#e8f1ff;background:#ffffff0e}.tool-actions .outline-button:hover{border-color:#38e8ff94;background:#38e8ff17}.tool-actions>span,.pager span{color:#b8c1d8;font-weight:850}.export-head{align-items:flex-end}.download-actions{flex-wrap:wrap;justify-content:flex-end}.download-actions .outline-button{border:1px solid rgba(255,255,255,.18);color:#e8f1ff;background:#ffffff0e}.download-actions .outline-button:hover{border-color:#38e8ff94;background:#38e8ff17}.download-actions button,.pager button{min-height:42px}.comment-table-wrap{overflow:auto;max-height:calc(100vh - 330px);min-height:360px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0f}.comment-table{width:100%;min-width:1280px;border-collapse:collapse;table-layout:fixed}.comment-table th,.comment-table td{border-bottom:1px solid rgba(255,255,255,.09);height:64px;padding:10px 12px;text-align:left;vertical-align:middle}.comment-table th{position:sticky;top:0;z-index:1;color:#eaf2ff;background:#151823;font-size:13px}.comment-table td{color:#c8d2e5;font-size:14px;line-height:1.45}.comment-table th:nth-child(1),.comment-table td:nth-child(1){width:64px}.comment-table th:nth-child(2),.comment-table td:nth-child(2){width:92px}.comment-table th:nth-child(3),.comment-table td:nth-child(3){width:170px}.comment-table th:nth-child(4),.comment-table td:nth-child(4){width:420px}.comment-table th:nth-child(5),.comment-table td:nth-child(5){width:260px}.comment-table th:nth-child(6),.comment-table td:nth-child(6),.comment-table th:nth-child(7),.comment-table td:nth-child(7){width:84px}.comment-table th:nth-child(8),.comment-table td:nth-child(8){width:150px}.comment-table td:nth-child(1),.comment-table td:nth-child(2),.comment-table td:nth-child(6),.comment-table td:nth-child(7){white-space:nowrap}.table-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-comment-scroll{overflow-y:auto;height:44px;padding-right:8px;line-height:1.45;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.28) transparent;scrollbar-width:thin}.table-comment-scroll::-webkit-scrollbar{width:6px}.table-comment-scroll::-webkit-scrollbar-track{background:transparent}.table-comment-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff42}.pager{justify-content:center;margin-top:14px}.battle-header h2{margin-top:6px;font-size:clamp(26px,3.3vh,32px)}.thumbnail-strip{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;margin-bottom:clamp(8px,1.5vh,14px);padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#00000038}.thumbnail-strip img{width:132px;height:74px;object-fit:cover;border-radius:6px}.thumbnail-strip span,.thumbnail-strip strong{display:block}.thumbnail-strip span{color:#70f1ff;font-weight:900}.thumbnail-strip strong{display:-webkit-box;overflow:hidden;margin-top:6px;font-size:19px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.comment-duel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:12px;align-items:stretch;height:min(42vh,330px);min-height:270px}.real-comment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:min(48vh,390px);min-height:300px}.real-comment-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.real-comment-grid.count-3,.real-comment-grid.count-5{grid-template-columns:repeat(3,minmax(0,1fr))}.real-comment-grid.count-6,.real-comment-grid.count-8,.real-comment-grid.count-10{grid-template-columns:repeat(5,minmax(0,1fr))}.real-choice{gap:14px;padding:clamp(14px,2vh,20px)}.real-choice p{min-height:74px;max-height:min(22vh,190px);font-size:clamp(16px,2.2vh,22px)}.real-comment-grid.count-8 .real-choice p,.real-comment-grid.count-10 .real-choice p{font-size:clamp(14px,1.85vh,18px)}.versus{align-self:stretch;display:grid;place-items:center;color:#ffffffd1;font-size:13px;font-weight:950;letter-spacing:0;text-transform:uppercase}.versus:before{content:"";grid-area:1 / 1;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.3),transparent)}.versus span{grid-area:1 / 1;display:grid;place-items:center;width:42px;height:30px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0c0e16f5;box-shadow:0 12px 30px #00000047}.comment-choice{position:relative;display:flex;min-height:0;flex-direction:column;justify-content:space-between;gap:22px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#f8fafc;background:linear-gradient(180deg,#ffffff1a,#ffffff09),#12141d;padding:clamp(18px,2.8vh,26px);text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.comment-choice:hover{transform:translateY(-4px);border-color:#ff00339e;box-shadow:0 24px 70px #ff003329}.comment-choice.selected{transform:translateY(-5px);border-color:var(--brand)}.comment-choice.winner{border-color:var(--success);background:linear-gradient(145deg,#18f59a33,#ffffff0a),#111a19;box-shadow:0 24px 80px #18f59a38;animation:winnerFlash .78s ease both}.comment-choice.loser{border-color:#ff5569db;background:linear-gradient(145deg,#ff455a3d,#ffffff0a),#1c1117}.comment-choice p{display:block;overflow-y:auto;min-height:92px;max-height:min(20vh,170px);margin-bottom:0;padding-right:8px;font-size:clamp(21px,3vh,25px);font-weight:850;line-height:1.42;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.28) transparent;scrollbar-width:thin}.comment-choice p::-webkit-scrollbar{width:6px}.comment-choice p::-webkit-scrollbar-track{background:transparent}.comment-choice p::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff42}.timestamp-link{display:inline;border:0;border-radius:5px;color:#fff;background:#ff0033d1;padding:1px 5px 2px;font-weight:950;line-height:1;box-shadow:0 8px 20px #ff003338}.timestamp-link:hover{background:var(--brand)}.timestamp-viewer{position:fixed;top:18px;left:50%;z-index:18;width:min(760px,calc(100vw - 84px));transform:translate(-50%);animation:videoFloatIn .32s cubic-bezier(.22,1,.36,1) both}.timestamp-viewer.closing{animation:videoFloatOut .22s ease both}.timestamp-player{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0a0c12f5;box-shadow:0 30px 90px #0000008f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.timestamp-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 14px}.timestamp-head span,.timestamp-head strong{display:block}.timestamp-head span{color:var(--aqua);font-size:13px;font-weight:950}.timestamp-head strong{display:-webkit-box;overflow:hidden;margin-top:3px;color:#fff;font-size:15px;line-height:1.25;-webkit-line-clamp:1;-webkit-box-orient:vertical}.timestamp-player iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.comment-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b9c5da}.comment-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-meta strong{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;color:#fff;background:var(--brand);font-weight:950;white-space:nowrap}.comment-meta strong.real-tag{color:#dbe4f8;background:#ffffff1f}.comment-meta strong.ai-tag{color:#061019;background:var(--aqua)}.result-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:clamp(8px,1.4vh,16px);padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;animation:popIn .24s ease both}.result-strip strong{font-size:28px}.result-strip.correct strong{color:#72ffb4}.result-strip.wrong strong{color:#ff8d9b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#03050ab8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-dialog,.result-modal,.confirm-modal{width:min(460px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#f8fafc;background:#151823;box-shadow:0 28px 90px #0000008c;padding:22px;animation:rise .24s ease both}.result-modal{display:grid;gap:18px;place-items:center;text-align:center}.result-modal h2{margin:0;font-size:34px}.confirm-modal{display:grid;gap:14px}.confirm-modal h2{margin:0;font-size:26px}.confirm-modal p{margin:0;color:#b8c1d8;line-height:1.55}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.confirm-actions button{min-height:44px;border:0;border-radius:8px;color:#fff;background:var(--brand);padding:0 16px;font-weight:900}.confirm-actions .ghost-button{border:1px solid rgba(255,255,255,.14);background:#ffffff14}.result-badge{padding:8px 12px;border-radius:8px;color:#fff;background:var(--brand);font-weight:950}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.dialog-head h2{margin:0}.subtle{background:#ffffff0f}.setting-block,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid rgba(255,255,255,.11)}.setting-block>span,.toggle-row strong{display:inline-flex;align-items:center;gap:9px;font-weight:900}.setting-block.vertical{display:block}.toggle-row small{display:block;max-width:290px;margin-top:5px;color:#aeb8cf;line-height:1.4}select{min-width:150px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f8fafc;background:#0d1019;padding:10px 12px}input[type=checkbox]{width:44px;height:24px;accent-color:var(--brand)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.segmented button{min-height:42px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#cfd8ea;background:#ffffff12;font-weight:850}.segmented button.active{color:#fff;border-color:transparent;background:var(--brand)}.spin{animation:spin .78s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rush{to{background-position:88px 0}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #ff003357}50%{transform:scale(1.08);box-shadow:0 0 0 26px #f030}}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes previewSlideIn{0%{opacity:0;transform:translate(132px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes heroShiftLeft{0%{transform:translate(256px)}to{transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes winnerFlash{35%{transform:scale(1.025)}}@keyframes videoFloatIn{0%{opacity:0;transform:translate(-50%,-26px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes videoFloatOut{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-18px) scale(.97)}}@keyframes slotSpin{0%{transform:translateY(-7px) scale(.985);opacity:.62}50%{transform:translateY(7px) scale(1.01);opacity:1}to{transform:translateY(-7px) scale(.985);opacity:.62}}@media(max-width:1180px){.app-shell{padding-inline:28px}h1{font-size:clamp(46px,6vw,64px)}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px)}.hero-grid.centered{grid-template-columns:minmax(0,860px);width:min(860px,100%)}.hero-grid.centered .hero-copy{transform:none}.hero-grid.centered .preview-panel{display:none}}@media(max-width:920px){.game-shell,.loading-shell{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}.topbar{margin-bottom:28px}.site-footer{display:flex;align-items:flex-start;flex-direction:column;margin-top:48px}.legal-header{align-items:flex-start;flex-direction:column;gap:20px}.hero-grid,.hero-grid.centered,.hero-grid.has-preview{grid-template-columns:minmax(0,1fr);gap:22px;width:min(720px,100%)}.hero-grid.centered .hero-copy,.hero-grid.has-preview .hero-copy,.hero-copy{max-width:100%;transform:none;text-align:left}.hero-grid.centered .hero-copy p,.hero-grid.centered .link-form,.hero-grid.centered .eyebrow{margin-left:0;margin-right:0}.hero-grid.centered .preview-panel{display:none}.preview-panel{min-height:auto;transform:translateY(18px)}.preview-panel.visible{transform:translateY(0)}.hero-grid.entering .preview-panel.visible,.hero-grid.entering .hero-copy{animation:none}.video-card,.empty-preview{min-height:360px}.game-grid{grid-template-columns:1fr}.game-tile{align-items:stretch;grid-template-columns:1fr;min-height:auto}.game-tile button{width:100%}.loading-stage{min-height:calc(100svh - 96px);padding-top:108px}.loading-core h1{font-size:clamp(38px,10vw,58px)}.battle-arena{height:auto;min-height:calc(100svh - 90px);padding-inline:0}.timeline-arena{min-height:0}.reply-arena{overflow-y:visible}.reply-results-head{align-items:flex-start;flex-direction:column}.reply-columns{grid-template-columns:1fr}.reply-list ol{max-height:320px}.comment-duel{grid-template-columns:1fr;height:auto;min-height:0}.versus{min-height:36px}.versus:before{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.comment-choice{min-height:240px}.comment-choice p{max-height:160px;font-size:clamp(18px,4.8vw,23px)}.real-comment-grid,.real-comment-grid.count-2,.real-comment-grid.count-3,.real-comment-grid.count-5,.real-comment-grid.count-6,.real-comment-grid.count-8,.real-comment-grid.count-10{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:0}.real-choice{min-height:220px}.real-choice p,.real-comment-grid.count-8 .real-choice p,.real-comment-grid.count-10 .real-choice p{max-height:134px;font-size:clamp(15px,3.9vw,18px)}.result-strip{align-items:stretch;flex-direction:column}.result-strip button{width:100%}.timeline-guess-head{align-items:stretch;flex-direction:column}.timeline-guess-head>strong{text-align:center}.export-head{align-items:flex-start}.download-actions{justify-content:flex-start}.comment-table-wrap{max-height:none}}@media(max-width:640px){.app-shell{padding:16px 14px 40px}.topbar{margin-bottom:22px}.site-footer{margin-top:44px;padding-top:18px}.site-footer-copy{align-items:flex-start;flex-direction:column;gap:4px}.site-footer-brandline span{white-space:normal}.legal-heading h1{margin-top:15px;font-size:clamp(36px,12vw,52px)}.legal-heading p{font-size:15px;line-height:1.6}.legal-meta{align-items:flex-start;flex-direction:column;gap:5px}.legal-content{padding-inline:0}.legal-section{padding:23px 0}.legal-section h2{font-size:20px}.legal-section p,.legal-section li,.legal-facts dd{font-size:14px;line-height:1.65}.legal-facts>div{grid-template-columns:1fr;gap:5px}.legal-switcher{align-items:flex-start;flex-direction:column;gap:8px}.brand-mark{gap:9px;font-size:18px}.brand-icon,.tile-icon{width:38px;height:38px}.icon-button{width:42px;height:42px}.hero-copy{padding-top:8px}h1{margin-top:18px;font-size:clamp(38px,12vw,52px);line-height:1.02}.hero-copy p{font-size:16px;line-height:1.55}.link-form{flex-direction:column;margin-top:24px;padding:10px}.link-form input{min-height:46px;padding:0 8px;font-size:16px}.link-form button{width:100%}.error-banner{margin-left:0;margin-right:0}.video-card,.empty-preview{min-height:420px}.video-content{padding:20px}.video-content h2{font-size:23px}.stats-row{grid-template-columns:repeat(2,1fr)}.preview-skeleton{grid-template-columns:1fr}.skeleton-thumb{width:100%}.section-heading,.battle-header{align-items:flex-start;flex-direction:column}.section-heading h2,.battle-header h2{font-size:25px}.game-tile{gap:22px;padding:20px}.game-tile h3{font-size:24px}.candidate-picker>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.candidate-picker button,.game-tile .candidate-picker button{width:100%}.loading-video{top:74px;grid-template-columns:82px minmax(0,1fr);width:calc(100% - 28px)}.loading-video img{width:82px;height:46px}.loader-orbit{width:94px;height:94px}.loading-stage{padding-top:104px}.loading-core p{font-size:16px}.thumbnail-strip{grid-template-columns:96px 1fr}.timeline-comment-card p{font-size:clamp(19px,6vw,26px)}.timeline-track{min-width:680px}.thumbnail-strip img{width:96px;height:54px}.thumbnail-strip strong{font-size:16px;-webkit-line-clamp:2}.comment-choice{min-height:230px;gap:16px}.comment-meta{align-items:stretch;flex-direction:column}.comment-meta strong{justify-content:center}.real-comment-grid,.real-comment-grid.count-2,.real-comment-grid.count-3,.real-comment-grid.count-5,.real-comment-grid.count-6,.real-comment-grid.count-8,.real-comment-grid.count-10{grid-template-columns:1fr}.real-choice{min-height:210px}.timestamp-viewer{top:10px;width:calc(100vw - 20px)}.timestamp-head{gap:10px}.slot-machine{min-height:260px}.slot-window{width:calc(100% - 28px);padding:22px}.slot-window p{font-size:clamp(18px,6vw,24px)}.draw-filter-row{grid-template-columns:1fr 42px}.draw-filter-row select{grid-column:1}.draw-filter-row input,.draw-filter-row .rule-chip{grid-column:1 / -1}.draw-filter-row .icon-button{grid-column:2;grid-row:1;justify-self:end}.tool-actions,.pager,.download-actions{align-items:stretch;flex-direction:column}.tool-actions button,.pager button,.download-actions button{width:100%}.modal-backdrop{padding:14px}.settings-dialog,.result-modal,.confirm-modal{width:100%;padding:18px}.setting-block,.toggle-row{align-items:flex-start;flex-direction:column}.toggle-row small{max-width:none}select{width:100%}}@media(max-width:380px){.app-shell{padding-inline:12px}h1{font-size:36px}.brand-mark>span:last-child{display:none}.stats-row{gap:8px}.stat strong{font-size:16px}}