:root{--bg: #ffffff;--surface: #f4f1ea;--stage-green: #08c456;--blue-side: #0a3cff;--blue-dim: #051d82;--red-side: #f72b1c;--red-dim: #8a160e;--yellow: #ffe600;--border: #000000;--text: #0a0a0a;--text-muted: #4b5563;--shadow-sm: 4px 4px 0px #000000;--shadow-md: 6px 6px 0px #000000;--shadow-lg: 8px 8px 0px #000000;--font-sans: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "Anton", "Impact", "Noto Sans SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100dvh;font-family:var(--font-sans);color:var(--text);background:#0a0a0a;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}.neo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--yellow);color:#000;border:3px solid #000;box-shadow:var(--shadow-md);font-weight:900;font-size:16px;padding:12px 24px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;-webkit-user-select:none;user-select:none}.neo-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.neo-btn:active{transform:translate(3px,3px);box-shadow:2px 2px #000}.neo-circle-btn{width:48px;height:48px;border-radius:50%;border:3px solid #000;box-shadow:4px 4px #000;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:900;transition:transform .12s ease}.neo-circle-btn:hover{transform:scale(1.06)}.home-stage{position:relative;width:100%;min-height:100dvh;background:var(--stage-green);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:24px 32px}.watermark-ticker{font-family:var(--font-display);font-size:clamp(64px,11vw,136px);font-weight:900;letter-spacing:2px;color:#ffffff21;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:.9;margin-left:-24px}.home-top-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between}.brand-pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border:3px solid #000;box-shadow:var(--shadow-sm);padding:8px 16px;font-weight:900;font-size:18px}.brand-logo-dot{width:28px;height:28px;border-radius:7px;background:var(--red-side);border:2px solid #000;position:relative;overflow:hidden}.home-top-actions{display:flex;align-items:center;gap:14px}.lang-switch-btn{background:#fff;border:3px solid #000;box-shadow:var(--shadow-sm);padding:8px 14px;font-weight:900;font-size:14px;cursor:pointer}.home-center-modes{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:clamp(36px,8vw,110px);flex-wrap:wrap;margin:16px 0}.mode-circle-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.mode-circle{width:clamp(190px,24vw,260px);height:clamp(190px,24vw,260px);border-radius:50%;border:4px solid #000;box-shadow:7px 7px #000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.mode-circle:hover{transform:translate(-3px,-3px);box-shadow:11px 11px #000}.mode-circle-yellow{background:var(--yellow);color:#000}.mode-circle-blue{background:var(--blue-side);color:#fff}.mode-label-row{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-size:20px;color:#000}.info-dot-btn{width:22px;height:22px;border-radius:50%;background:#000;color:var(--stage-green);border:none;font-size:13px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.home-bottom-extra{position:relative;z-index:10;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.split-stage{position:relative;width:100%;min-height:100dvh;background:linear-gradient(104deg,var(--blue-side) 0%,var(--blue-side) calc(var(--split-pct, 50%) - .6%),#000000 calc(var(--split-pct, 50%) - .6%),#000000 calc(var(--split-pct, 50%) + .6%),var(--red-side) calc(var(--split-pct, 50%) + .6%),var(--red-side) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:28px 32px;transition:--split-pct .35s ease}.setup-header{display:flex;align-items:center;justify-content:space-between}.setup-title-box{background:#fff;border:3px solid #000;box-shadow:var(--shadow-md);padding:14px 36px;font-size:clamp(22px,3vw,28px);font-weight:900;text-align:center}.setup-center{display:flex;flex-direction:column;align-items:center;gap:28px;max-width:820px;width:100%;margin:0 auto}.topic-input-card{width:100%;background:#fff;border:3px solid #000;box-shadow:var(--shadow-md);padding:16px 20px;display:flex;flex-direction:column;gap:12px}.topic-input{width:100%;border:2px solid #000;padding:10px 14px;font-size:16px;font-weight:700;background:var(--surface)}.preset-chips{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{background:#fff;border:2px solid #000;padding:5px 10px;font-size:13px;font-weight:800;cursor:pointer}.preset-chip:hover{background:var(--yellow)}.duration-grid{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,56px);flex-wrap:wrap}.duration-square{width:clamp(140px,18vw,184px);height:clamp(140px,18vw,184px);background:var(--yellow);border:3px solid #000;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(24px,3vw,32px);font-weight:900;cursor:pointer;transition:transform .12s ease}.duration-square:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.arena-stage{position:relative;width:100%;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:24px 32px;overflow:hidden}.arena-Scoreboard{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;min-height:360px}.arena-side-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;transition:opacity .25s ease,transform .25s ease}.arena-score-giant{font-family:var(--font-display);font-size:clamp(72px,14vw,168px);font-weight:900;line-height:.92;letter-spacing:-1px;text-shadow:6px 6px 0px #000;-webkit-text-stroke:3px #000;-webkit-user-select:none;user-select:none}.score-active-yellow{color:var(--yellow)}.score-neutral-white{color:#fff}.score-dimmed-outline{color:transparent;-webkit-text-stroke:3px #000;text-shadow:none;opacity:.7}.arena-timer-pill{font-family:var(--font-display);font-size:clamp(28px,4.5vw,48px);font-weight:900;margin-top:12px;letter-spacing:1px}.showdown-banner{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:25;background:var(--yellow);border:4px solid #000;box-shadow:8px 8px #000;padding:22px 56px;font-size:clamp(32px,5vw,52px);font-weight:900;text-align:center;white-space:nowrap}.arena-controls-dock{position:relative;z-index:30;max-width:920px;width:100%;margin:0 auto;background:#fff;border:3px solid #000;box-shadow:var(--shadow-md);padding:14px 18px;display:flex;flex-direction:column;gap:10px}.arena-turn-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.speaker-tabs{display:flex;gap:8px}.speaker-tab{padding:6px 16px;font-weight:900;font-size:14px;border:2px solid #000;cursor:pointer}.speaker-tab-blue.active{background:var(--blue-side);color:#fff;box-shadow:3px 3px #000}.speaker-tab-red.active{background:var(--red-side);color:#fff;box-shadow:3px 3px #000}.arena-input-row{display:flex;gap:10px;align-items:center}.arena-text-input{flex:1;border:2px solid #000;padding:10px 14px;font-size:15px;font-weight:700;background:var(--surface)}.mic-btn{background:#fff;border:2px solid #000;box-shadow:3px 3px #000;padding:10px 14px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.mic-btn.recording{background:var(--red-side);color:#fff}.live-toast-bar{background:#111;color:var(--yellow);padding:6px 12px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.verdict-page{min-height:100dvh;background:#fff;display:flex;flex-direction:column}.verdict-top-bar{position:relative;min-height:128px;border-bottom:4px solid #000;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:linear-gradient(104deg,var(--blue-side) 0%,var(--blue-side) calc(var(--split-pct, 38%) - .5%),#000000 calc(var(--split-pct, 38%) - .5%),#000000 calc(var(--split-pct, 38%) + .5%),var(--red-side) calc(var(--split-pct, 38%) + .5%),var(--red-side) 100%)}.verdict-side-score{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);color:#000}.verdict-pct{font-size:clamp(38px,6vw,68px);font-weight:900;line-height:1}.verdict-side-label{font-size:clamp(18px,2.5vw,28px);font-weight:900}.verdict-winner-box{background:#fff;border:3px solid #000;box-shadow:var(--shadow-md);padding:12px 36px;font-size:clamp(22px,3.2vw,34px);font-weight:900;text-align:center}.verdict-body-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:36px 28px}.verdict-three-col{width:100%;max-width:1120px;display:grid;grid-template-columns:1fr 1fr 1fr;border:3px solid #000;box-shadow:var(--shadow-lg);background:#fff}.verdict-col{padding:36px 28px 28px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.verdict-col-center{background:var(--yellow);border-left:3px solid #000;border-right:3px solid #000;align-items:center;text-align:center}.verdict-green-badge{position:absolute;top:-18px;left:50%;transform:translate(-50%);background:var(--stage-green);border:3px solid #000;box-shadow:3px 3px #000;padding:4px 18px;font-weight:900;font-size:16px;white-space:nowrap}.verdict-bullet-list{list-style:none;display:flex;flex-direction:column;gap:22px;margin-top:16px}.verdict-bullet-item{display:flex;align-items:flex-start;gap:12px;font-size:17px;font-weight:800;line-height:1.45}.verdict-summary-lines{display:flex;flex-direction:column;gap:20px;margin:24px 0 32px;font-size:17px;font-weight:900}.archetype-stage{min-height:100dvh;padding:24px 32px;display:flex;flex-direction:column;justify-content:space-between}.archetype-cards-row{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,56px);flex-wrap:wrap;margin:12px 0}.archetype-poster{width:320px;background:#f4f1ea;border:3px solid #000;box-shadow:7px 7px #000;padding:10px;display:flex;flex-direction:column;gap:6px;position:relative}.poster-muted{filter:saturate(.68)}.poster-top-strip{display:flex;height:12px;border:2px solid #000}.strip-red{flex:6;background:var(--red-side)}.strip-yellow{flex:4;background:var(--yellow)}.poster-Neo-tag{display:inline-block;align-self:flex-start;background:var(--blue-side);color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border:1.5px solid #000}.poster-title{font-family:var(--font-display);font-size:46px;font-weight:900;line-height:1.02;text-align:center;letter-spacing:-1px;color:#111}.poster-art-stage{position:relative;height:220px;border:2px solid #000;background:#f4f1ea;overflow:hidden}.art-block-red{position:absolute;left:0;top:0;width:28%;height:85%;background:var(--red-side)}.art-block-blue{position:absolute;left:28%;top:12%;width:48%;height:68%;background:var(--blue-side)}.art-block-yellow{position:absolute;left:18%;bottom:0;width:58%;height:36%;background:var(--yellow)}.art-block-green{position:absolute;right:0;top:20%;width:24%;height:80%;background:var(--stage-green)}.poster-svg-figure{position:relative;z-index:2;width:100%;height:100%}.quitter-logic-pill{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:3;background:#e2dfd7;border:1.5px solid #000;padding:2px 12px;font-weight:900;font-size:16px}.poster-quote-chip{position:absolute;right:6px;bottom:34px;z-index:4;background:#fff;border:1.5px solid #000;padding:2px 6px;font-size:10px;font-weight:800}.poster-stat-emotion{position:absolute;left:6px;bottom:30px;z-index:4;background:var(--red-side);color:#111;border:1.5px solid #000;padding:2px 8px;font-size:13px;font-weight:900}.poster-stat-firepower{position:absolute;left:6px;bottom:4px;z-index:4;background:var(--yellow);color:#111;border:1.5px solid #000;padding:2px 8px;font-size:13px;font-weight:900}.poster-stat-logic{position:absolute;right:6px;bottom:4px;z-index:4;background:var(--blue-side);color:#fff;border:1.5px solid #000;padding:2px 8px;font-size:13px;font-weight:900}.poster-punchline-bar{display:flex;border:2px solid #000;height:68px}.punchline-label{flex:6;background:#111;color:#fff;font-family:var(--font-display);font-size:38px;font-weight:900;display:flex;align-items:center;padding-left:10px}.punchline-score{flex:4;background:var(--red-side);color:#fff;font-family:var(--font-display);font-size:46px;font-weight:900;display:flex;align-items:center;justify-content:center}.poster-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.poster-color-key{display:flex;border:1.5px solid #000}.poster-color-key span{width:14px;height:8px;display:block}.poster-download-btn{display:inline-flex;align-items:center;gap:4px;background:var(--yellow);border:1.5px solid #000;padding:2px 8px;font-size:11px;font-weight:900;cursor:pointer}.report-stage{min-height:100dvh;background:#fff;padding:32px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.report-top-Controls{width:100%;max-width:1120px;display:flex;justify-content:space-between;margin-bottom:16px}.report-window{width:100%;max-width:1040px;background:#fff;border:3px solid #000;box-shadow:10px 10px #000;position:relative}.report-green-header{background:var(--stage-green);border-bottom:3px solid #000;padding:16px;text-align:center;font-size:clamp(22px,3vw,30px);font-weight:900}.report-two-col{display:grid;grid-template-columns:1.15fr .85fr;padding:28px 32px 44px;gap:32px}.report-quotes-col{border-right:2px solid #222;padding-right:28px;display:flex;flex-direction:column;gap:18px}.report-quote-block{font-size:15px;line-height:1.65;font-weight:800}.quote-red-text{color:var(--red-side)}.quote-blue-text{color:var(--blue-side)}.quote-annotation{color:#111;font-weight:900}.report-analysis-col{display:flex;flex-direction:column;gap:24px;font-size:15px;line-height:1.7;font-weight:700}.report-section-title{font-size:17px;font-weight:900;margin-bottom:6px}.report-home-cta{position:absolute;right:-18px;bottom:22px}.history-stage{min-height:100dvh;display:grid;grid-template-columns:320px 1fr}.history-left-blue{background:var(--blue-side);border-right:4px solid #000;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.profile-card-center{display:flex;flex-direction:column;align-items:center;gap:16px;z-index:2}.profile-avatar-circle{width:112px;height:112px;border-radius:50%;border:4px solid #000;background:var(--surface);overflow:hidden;display:flex;align-items:center;justify-content:center}.profile-name-badge{background:#000;color:#fff;border:2px solid #fff;box-shadow:5px 5px #fff;padding:8px 20px;font-weight:900;font-size:18px;letter-spacing:.5px}.profile-edit-link{color:#fff;text-decoration:underline;font-weight:800;font-size:15px;background:none;border:none;cursor:pointer}.history-right-red{background:var(--red-side);padding:36px 40px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.history-row-card{background:#fff;border:3px solid #000;box-shadow:6px 6px #000;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .12s ease}.history-row-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #000}.history-row-date{font-size:14px;color:#6b7280;font-weight:800;margin-bottom:4px}.history-row-title{font-size:20px;font-weight:900;color:#111}.history-status-badge{min-width:118px;text-align:center;padding:8px 18px;border:2.5px solid #000;font-weight:900;font-size:15px;color:#fff}.status-blue{background:var(--blue-side)}.status-red{background:var(--red-side)}.status-draw{background:#6b6b6b}.neo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ad;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.neo-modal-box{background:#fff;border:4px solid #000;box-shadow:10px 10px #000;max-width:640px;width:100%;padding:28px;display:flex;flex-direction:column;gap:18px;max-height:90dvh;overflow-y:auto}@media(max-width:860px){.verdict-three-col{grid-template-columns:1fr}.verdict-col-center{border-left:none;border-right:none;border-top:3px solid #000;border-bottom:3px solid #000}.report-two-col{grid-template-columns:1fr}.report-quotes-col{border-right:none;border-bottom:2px solid #222;padding-right:0;padding-bottom:20px}.report-home-cta{position:static;margin:0 24px 24px auto;display:flex}.history-stage{grid-template-columns:1fr}.history-left-blue{border-right:none;border-bottom:4px solid #000}}