:root{--cream:#f5ecd6;--ink:#14121a;--bg:#0e1018;--bg-2:#15182a;--panel:#1b1f33;--red:#e3322d;--red-deep:#a31f1b;--blue:#2b6def;--blue-deep:#1746a8;--gold:#ffcf4d;--line:#000;--shadow:8px 8px 0 var(--line);--shadow-sm:4px 4px 0 var(--line);--font-pixel:"Press Start 2P",monospace;--font-term:"VT323",monospace;--font-display:var(--font-pixel);--font-mono:var(--font-term);--bg-deep:#07080d;--bg-panel:var(--panel);--bg-card:var(--panel);--bg-card-2:var(--bg-2);--bg-terminal:#0b1410;--border:var(--line);--border-soft:var(--line);--violet:var(--red);--violet-bright:var(--gold);--violet-dim:var(--red-deep);--accent:var(--red);--accent-2:var(--blue);--text:var(--cream);--muted:#aab4d8;--text-dim:#8b8cae;--text-faint:#4a5480;--danger:var(--red)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-mono);background:radial-gradient(circle at 50% -10%,#232a4d 0,var(--bg) 55%,#07080d 100%);color:var(--text);min-height:100vh;overflow-x:hidden;font-size:18px;line-height:1.4;-webkit-font-smoothing:none}body,img{image-rendering:pixelated}a{color:inherit;text-decoration:none}.t-red{color:var(--red)}.t-blue{color:var(--blue)}.t-gold{color:var(--gold)}.crt{z-index:9999;background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(0,0,0,.18) 3px,transparent 4px);mix-blend-mode:multiply;opacity:.5}.crt,.noise{position:fixed;inset:0;pointer-events:none}.noise{z-index:9998;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.chips{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.chip{position:absolute;width:56px;height:56px;display:grid;place-items:center;font-family:var(--font-pixel);font-size:18px;border:4px solid var(--line);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--cream);opacity:.12;animation:float 14s ease-in-out infinite}.chip--red{background:var(--red)}.chip--blue{background:var(--blue)}.chip:first-child{top:14%;left:6%;animation-delay:-2s}.chip:nth-child(2){top:62%;left:10%;animation-delay:-5s}.chip:nth-child(3){top:22%;right:8%;animation-delay:-8s}.chip:nth-child(4){top:74%;right:12%;animation-delay:-1s}.chip:nth-child(5){top:44%;left:46%;animation-delay:-6s}.chip:nth-child(6){top:8%;left:70%;animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-26px) rotate(6deg)}}.brand,h1,h2{font-family:var(--font-display)}h1{font-weight:700;font-size:28px;letter-spacing:.5px;margin:0 0 10px}h1,h2{line-height:1.4}h2{font-size:22px;margin:0 0 12px}h3{font-family:var(--font-mono);font-size:18px;text-transform:lowercase;letter-spacing:1px;color:var(--text-faint);margin:0 0 14px}.muted{color:var(--muted)}.small{font-size:16px}.container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:28px 20px 48px}.container.container-wide{max-width:min(1560px,95vw)}.dotfield{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;background-image:radial-gradient(rgba(43,109,239,.18) 1px,transparent 0);background-size:34px 34px}.action-button,a.action-button,button{font-family:var(--font-pixel);display:inline-flex;align-items:center;gap:8px;border:4px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,filter .15s;text-shadow:2px 2px 0 rgba(0,0,0,.45);white-space:nowrap;background:var(--red);font-size:13px;padding:12px 18px;letter-spacing:0;font-weight:600}.action-button:hover,a.action-button:hover,button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000;filter:brightness(1.08)}.action-button:active,button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}button:disabled{opacity:.5;cursor:default;transform:none;box-shadow:var(--shadow-sm);filter:none}.action-button{background:var(--panel);color:var(--cream);border-color:var(--line)}.action-button.active{background:var(--red);color:#fff;border-color:var(--line)}.action-button.danger{color:var(--muted)}.action-button.danger:hover{border-color:var(--red);color:var(--red);filter:brightness(1.2)}input,select,textarea{font:inherit;font-family:var(--font-mono);background:var(--bg-card);border:4px solid var(--line);color:var(--text);border-radius:8px;padding:9px 12px;font-size:16px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}.byte-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;gap:18px;padding:12px 22px;background:rgba(14,16,24,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:4px solid var(--line);height:auto}.brand-block,.byte-header{display:flex;align-items:center}.brand-block{gap:10px;text-decoration:none}.brand-logo{width:38px;height:38px;border-radius:50%;border:3px solid var(--cream);background:#000;object-fit:cover;box-shadow:var(--shadow-sm)}.brand-name{font-size:14px;color:var(--cream)}.brand-name,.header-play{font-family:var(--font-pixel)}.header-play{position:absolute;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;border:4px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm);background:var(--blue);color:#fff;font-size:11px;padding:10px 16px;text-shadow:2px 2px 0 rgba(0,0,0,.45);transition:transform .08s ease,box-shadow .08s ease,filter .15s;white-space:nowrap}.header-play:hover{transform:translateX(-50%) translate(-2px,-2px);box-shadow:7px 7px 0 #000;filter:brightness(1.08)}.header-nav{display:flex;gap:22px;align-items:center;margin-left:auto}.header-nav a,.header-nav button.link{font-family:var(--font-mono);font-size:18px;color:#b9c2e0;text-decoration:none;background:transparent;border:none;padding:0;cursor:pointer;transition:color .15s}.header-nav a:hover,.header-nav button.link:hover{color:var(--gold)}.header-nav .live-pill,.header-nav .rate-ctl,.header-nav .status-tag{display:flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--font-pixel);font-size:9px;border:3px solid var(--line);padding:7px 12px;border-radius:5px;background:var(--panel);box-shadow:var(--shadow-sm);transition:transform .08s,box-shadow .08s,filter .15s}.header-nav .live-pill:hover,.header-nav .rate-ctl:hover,.header-nav .status-tag:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #000;filter:brightness(1.08)}.header-nav .primary{color:var(--gold)}.header-nav .primary:hover{color:#fff}.live-pill{display:flex;align-items:center;gap:6px;font-family:var(--font-pixel);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--red);padding:7px 12px;border-radius:5px;border:3px solid var(--line);box-shadow:var(--shadow-sm)}.live-pill.off{background:#6b6b6b;color:var(--cream)}.live-pill .dot{width:5px;height:5px;border-radius:50%;background:#fff;animation:pulse 1.4s ease-in-out infinite}.status-tag{letter-spacing:.5px;border:3px solid var(--line);padding:7px 12px;border-radius:5px}.rate-ctl,.status-tag{font-family:var(--font-pixel);font-size:9px;color:var(--muted);background:var(--panel);box-shadow:var(--shadow-sm)}.rate-ctl{display:flex;align-items:center;gap:7px;cursor:pointer;border:4px solid var(--line);padding:6px 9px;border-radius:8px}.rate-ctl .rate-ico{font-size:12px}.rate-ctl .rate-val{min-width:30px;text-align:right;color:var(--gold)}.rate-ctl input[type=range]{width:100px;height:6px;cursor:pointer;accent-color:var(--red);background:transparent}.home-header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.home-header .brand-mark{width:34px;height:34px;font-size:14px}.home-header .brand{font-size:14px}.home-header .brand-sub{font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:18px;gap:18px;margin-top:20px}.game-card{position:relative;background:var(--cream);color:var(--ink);border:5px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;will-change:transform;overflow:hidden}.game-card:before{content:"";position:absolute;inset:6px;border:2px dashed rgba(0,0,0,.25);border-radius:10px;pointer-events:none}.game-card:nth-child(odd){border-top:14px solid var(--red)}.game-card:nth-child(2n){border-top:14px solid var(--blue)}.game-card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:12px 14px 0 #000}.game-card.selected{border-color:var(--line);box-shadow:0 0 0 4px var(--gold),var(--shadow)}.game-card h2{font-family:var(--font-pixel);font-weight:700;margin:0 0 10px;font-size:15px;color:var(--ink)}.game-card p{color:#3a3550;font-size:20px;line-height:1.45;margin:0;font-family:var(--font-mono)}.form-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.character-section,.form-row{margin-top:22px}.creator-header{display:flex;gap:10px;margin-bottom:16px}.creator-header .action-button{padding:12px 16px;font-size:11px}.creator-body{display:grid;grid-template-columns:380px minmax(0,1fr);grid-gap:22px;gap:22px;align-items:stretch}.creator-preview-col{grid-column:1;min-height:0;display:flex}.creator-main{grid-column:2;min-width:0;display:flex;flex-direction:column;gap:22px}.creator-card{background:var(--panel);border:4px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);padding:18px}.personality-card{display:flex;flex-direction:column;gap:12px}.personality-card textarea{min-height:100px}.character-preview-wrap{flex:1 1;min-height:0;display:flex;background:var(--bg-deep);border:4px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.character-preview-wrap>*{flex:1 1;min-width:0;min-height:0}.character-fields{column-width:320px;column-gap:20px}.character-fields>*{page-break-inside:avoid;break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 11px}.top-actions{display:flex;gap:10px}.character-fields label,.personality-card label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-pixel);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px}.character-fields input:not([type=color]),.character-fields input[type=text],.character-fields select,.character-fields textarea,.personality-card input:not([type=color]),.personality-card select,.personality-card textarea{text-transform:none;letter-spacing:normal;font-family:var(--font-mono);font-size:16px;width:100%;background:var(--bg-card);border:4px solid var(--line);color:var(--text);border-radius:8px;padding:9px 12px}.personality-card textarea{resize:vertical;line-height:1.5}.behavior-tests{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:3px dashed var(--text-faint)}.voice-row{display:flex;gap:8px;align-items:stretch}.voice-row select{flex:1 1 auto;width:auto;min-width:0}.voice-row .voice-test-btn{flex:0 0 auto;white-space:nowrap}.style-picker{display:flex;gap:7px;flex-wrap:wrap}.mood-test button,.preset-chip,.style-picker button{background:var(--bg-card);border:4px solid var(--line);color:var(--muted);border-radius:8px;padding:6px 11px;cursor:pointer;font-family:var(--font-pixel);font-size:9px;text-transform:none;letter-spacing:normal;box-shadow:var(--shadow-sm)}.mood-test button:hover,.preset-chip:hover,.style-picker button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;color:var(--gold)}.mood-test button.active,.style-picker button.active{background:var(--red);color:#fff;border-color:var(--line)}.color-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0;box-shadow:var(--shadow-sm)}.color-swatch.active{border-color:var(--gold);box-shadow:0 0 0 3px var(--line),0 0 0 5px var(--gold)}.character-fields input[type=color]{width:44px;height:36px;padding:2px;border-radius:8px;background:var(--bg-card);border:4px solid var(--line);cursor:pointer}.preset-list{display:flex;gap:7px;flex-wrap:wrap}.mood-test,.preset-chip{font-size:9px}.mood-test{display:flex;align-items:center;gap:8px;font-family:var(--font-pixel);color:var(--text-faint);text-transform:uppercase;letter-spacing:.8px}.mood-test button{padding:7px 12px;font-size:9px}.voice-test{display:flex;align-items:center;gap:8px}.voice-test button{font-size:9px;padding:8px 14px}.clothing-colors{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.clothing-colors label{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:8px}.clothing-colors input[type=color]{width:48px;height:32px;padding:2px}@media (max-width:900px){.creator-body{grid-template-columns:1fr}.creator-preview-col{display:block}.character-preview-wrap{flex:none;height:320px}}.arena{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;grid-gap:16px;gap:16px;padding:16px;height:100vh}.arena-header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.arena-header .badge{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border)}.avatar-cell{grid-row:2;grid-column:1;min-height:0}.game-cell{grid-row:2;grid-column:2;min-height:0;overflow:auto}.thought-cell{grid-row:3;grid-column:1}.chat-cell{grid-row:3;grid-column:2}.arena-twitch{grid-template-columns:320px minmax(0,1fr) 360px;grid-template-rows:minmax(0,1fr)}.arena-twitch .avatar-cell{grid-column:1;grid-row:1}.arena-twitch .game-cell{grid-column:2;grid-row:1}.arena-twitch .side-cell{grid-column:3;grid-row:1;min-height:0;display:flex;flex-direction:column;gap:16px}.arena-twitch .side-cell .thought-cell{flex:1 1 auto;min-height:0}.arena-twitch .side-cell .chat-cell{flex:0 0 auto}.arena-twitch .thought-list{max-height:none}.panel{background:var(--panel);border:4px solid var(--line);border-radius:14px;padding:16px;height:100%;overflow:hidden;box-shadow:var(--shadow-sm)}.avatar-cell .panel{padding:0;position:relative}.avatar-name{left:14px;font-weight:700;color:var(--cream)}.avatar-mood,.avatar-name{position:absolute;top:12px;font-family:var(--font-pixel);font-size:12px;text-shadow:2px 2px 0 #000}.avatar-mood{right:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}.avatar-custom-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border-radius:10px;overflow:hidden}.avatar-custom-image{max-width:100%;max-height:100%;object-fit:contain;opacity:0;transition:opacity .4s ease}.avatar-custom-image.loaded{opacity:1}.avatar-custom-loading{color:var(--muted);font-size:16px;text-align:center;padding:20px}.camera-reset{position:absolute;bottom:12px;right:14px;font-size:9px;padding:6px 10px;background:var(--panel);border:4px solid var(--line);color:var(--text);border-radius:8px;cursor:pointer;font-weight:600;font-family:var(--font-pixel);box-shadow:var(--shadow-sm)}.camera-reset:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;color:var(--gold)}.thought-panel{display:flex;flex-direction:column}.thought-list{overflow-y:auto;flex:1 1;max-height:220px}.thought{border-left:4px solid var(--blue);padding:4px 0 4px 12px;margin-bottom:10px}.thought p{margin:2px 0 0;line-height:1.5;font-size:16px}.thought-time{font-size:12px;color:var(--muted)}.game-panel{display:flex;flex-direction:column}.game-head{justify-content:space-between;gap:10px;flex-wrap:wrap}.game-head,.game-head-center,.game-head-left{display:flex;align-items:center}.game-head-center{gap:10px;position:absolute;left:50%;transform:translateX(-50%)}.game-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.game-head-actions .live-pill,.game-head-actions .rate-ctl,.game-head-actions .status-tag,.game-head-actions a,.game-head-actions button{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-pixel);font-size:10px;border:4px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;text-decoration:none;box-shadow:var(--shadow-sm);background:var(--panel);color:var(--cream);transition:transform .08s,box-shadow .08s,filter .15s}.game-head-actions a:hover,.game-head-actions button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;filter:brightness(1.08)}.game-head-actions .live-pill,.game-head-center .live-pill{background:var(--red);color:#fff;text-transform:uppercase}.game-head-actions .live-pill.off,.game-head-center .live-pill.off{background:#6b6b6b;color:var(--cream)}.game-head-actions .status-tag,.game-head-center .status-tag{background:var(--panel);color:var(--muted)}.game-head-actions .rate-ctl{gap:7px;padding:5px 10px}.game-head-actions .rate-ctl input[type=range]{width:70px;height:6px;accent-color:var(--red);background:transparent}.game-head-actions .rate-val{color:var(--gold);min-width:28px;text-align:right}.game-body{overflow:auto;flex:1 1}.game-iframe{flex:1 1;width:100%;min-height:420px;border:4px solid var(--line);border-radius:10px;background:#fff}.badge{font-family:var(--font-pixel);font-size:10px;background:var(--panel-2);color:var(--text);border:4px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;text-decoration:none;box-shadow:var(--shadow-sm)}.badge:hover{border-color:var(--gold);color:var(--gold);transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.graph-svg{background:var(--panel-2);border-radius:10px;border:4px solid var(--line)}.graph-label{fill:var(--muted);font-size:9px}.node-grid{flex-wrap:wrap;gap:8px;margin:10px 0}.node-cell,.node-grid{display:flex;align-items:center}.node-cell{justify-content:center;border-radius:8px;color:var(--ink);font-weight:700;font-size:12px;border:3px solid var(--line)}.legend{display:flex;gap:14px;margin:8px 0}.legend i,.legend span i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px}.legend span{display:inline-flex;align-items:center}.hp-row{display:flex;gap:16px;margin-bottom:8px}.hpbar{flex:1 1}.hpbar-track{height:10px;background:var(--panel-2);border-radius:4px;overflow:hidden;margin-top:4px;border:2px solid var(--line)}.hpbar-fill{height:100%;transition:width .3s}.lanes{display:flex;flex-direction:column;gap:6px;margin:10px 0}.lane{display:flex;align-items:center;gap:8px}.lane-id{font-size:13px;color:var(--muted);width:22px;font-family:var(--font-pixel)}.lane-track{position:relative;flex:1 1;height:24px;background:var(--panel-2);border-radius:6px;border:3px solid var(--line)}.unit{position:absolute;top:2px;transform:translateX(-50%);font-size:14px}.unit.mine{color:#7cf3a0}.unit.foe{color:#ff6b6b}.mode-toggle{display:flex;gap:6px;margin-bottom:8px;justify-content:center;flex-wrap:wrap}.mode-toggle button{background:var(--panel-2);color:var(--muted);padding:8px 6px;font-size:10px;letter-spacing:.4px;flex:1 1 auto;min-width:0;white-space:nowrap;text-align:center;display:inline-flex;justify-content:center}.mode-toggle button .mode-emoji{font-size:14px}.mode-toggle button.active{background:var(--blue);color:#fff}.mode-desc{text-align:center}.chat-input{display:flex;gap:8px}.chat-toggles{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.cmd-toggle{display:flex;align-items:center;gap:6px;color:var(--muted)}.cmd-toggle input{width:auto}.chat-composer{margin-top:10px}.composer-segments{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.composer-segments .segment-group{display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:0}.composer-segments button{background:var(--panel-2);color:var(--muted);border:4px solid var(--line);padding:8px 6px;font-size:11px;font-weight:600;box-shadow:var(--shadow-sm);text-align:center;display:inline-flex;justify-content:center;flex:1 1 auto;gap:6px}.composer-segments button .seg-emoji{font-size:16px}.composer-segments button.active{background:var(--blue);color:#fff;border-color:var(--line)}.segment-divider{width:2px;background:var(--line);margin:0 4px;align-self:stretch;min-height:100%}.composer-summary{margin:10px 0 0;color:var(--gold);font-weight:500;text-align:center;font-size:13px}.chat-history{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin:10px 0;max-height:220px;text-align:center}.empty-chat{text-align:center;font-size:14px}.chat-msg{padding:10px 12px;border-radius:10px;font-size:15px;line-height:1.5;border:3px solid var(--line);text-align:center}.chat-msg p{text-align:center;margin:4px 0}.chat-msg.operator{background:var(--panel-2);color:var(--cream)}.chat-msg.agent{background:var(--blue-deep);color:#fff}.chat-role{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px;font-family:var(--font-pixel)}.chat-msg.agent .chat-role{color:var(--gold)}.chat-time{display:block;font-size:11px;color:var(--muted);margin-top:4px}.chat-input input{flex:1 1;font-size:15px;padding:10px 12px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:5px 8px;background:var(--ink);color:#fff;font-size:10px;font-family:var(--font-mono);border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:100;border:2px solid var(--line)}[data-tip]:hover:after{opacity:1}[data-tip]:before{content:"";position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);border-width:4px;border-style:solid;border-color:transparent transparent var(--line) transparent;opacity:0;transition:opacity .15s ease;z-index:100}[data-tip]:hover:before{opacity:1}.stream{width:100vw;height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr) 360px;grid-template-rows:minmax(0,1fr);background:linear-gradient(135deg,#0b0f17,#131c2e)}.stream .avatar-cell{grid-row:1;grid-column:1}.stream .game-cell{grid-row:1;grid-column:2;padding:20px;overflow:hidden}.stream .ticker{grid-row:1;grid-column:3;padding:16px 24px;font-size:22px;line-height:1.4;overflow-y:auto}.stream .panel{background:transparent;border:none}.arena-shell{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.body-grid{flex:1 1 auto;display:grid;grid-template-columns:300px minmax(0,1fr) 340px;min-height:0;position:relative;z-index:2}.body-grid .avatar-cell{grid-column:1;grid-row:1;min-height:0;border-right:4px solid var(--line)}.body-grid .main-col{grid-column:2;grid-row:1}.body-grid .dock{grid-column:3;grid-row:1}.body-grid .avatar-cell .panel{border:none;border-radius:0;background:var(--bg-deep);padding:0}.main-col{flex-direction:column;min-width:0}.main-col,.player-wrap{display:flex;min-height:0}.player-wrap{flex:1 1 auto;background:#040509}.player-wrap .game-panel{flex:1 1;border:none;border-radius:0;background:#070810;padding:0}.main-col .game-head{padding:10px 16px;margin:0;border-bottom:4px solid var(--line);background:rgba(16,17,29,.95);font-family:var(--font-pixel);font-size:9px;letter-spacing:.5px;color:var(--muted)}.main-col .game-head h3{font-size:9px;color:var(--gold);margin:0}.main-col .game-body{padding:16px}.main-col .game-iframe{border-radius:0}.info-body{max-height:180px}.channel-sub{font-family:var(--font-mono);font-size:14px;color:var(--muted)}.channel-sub b{color:var(--gold);font-weight:600}.channel-stats{display:flex;gap:14px;margin-left:auto}.channel-stats .stat{display:flex;align-items:baseline;gap:4px}.channel-stats .num{font-family:var(--font-pixel);font-weight:700;font-size:11px;color:var(--gold)}.channel-stats .num.alert{color:var(--red)}.channel-stats .cap{font-family:var(--font-mono);font-size:12px;letter-spacing:.5px;color:var(--text-faint);text-transform:uppercase}.info-tabs{display:flex;gap:2px;padding:0 18px;border-bottom:4px solid var(--line);flex:0 0 auto;background:var(--bg-panel)}.info-tabs button{font-family:var(--font-pixel);font-size:9px;letter-spacing:.5px;background:transparent;color:var(--muted);padding:10px 4px;margin-right:16px;cursor:pointer;border:none;border-bottom:4px solid transparent}.info-tabs button.active{color:var(--cream);border-bottom-color:var(--red)}.info-tabs button:hover{color:var(--cream)}.info-body{padding:14px 18px 18px;flex:0 0 auto;max-height:200px;overflow-y:auto;background:var(--bg-panel)}.room-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:18px;gap:18px;align-items:start}.room-col{display:flex;flex-direction:column;gap:10px;text-align:center;padding:0 14px;border-right:3px solid var(--line)}.room-col:last-child{border-right:none}.room-col--empty{display:none}.room-header-row{display:flex;align-items:center;justify-content:center;gap:10px}.room-avatar{width:36px;height:36px;border-radius:8px;font-size:12px}.room-title{font-family:var(--font-pixel);font-weight:700;font-size:15px;color:var(--cream);margin:0}.room-seen{font-family:var(--font-mono);font-size:14px;color:var(--gold)}.room-mode{font-family:var(--font-pixel);font-size:13px;color:var(--gold);text-transform:uppercase;letter-spacing:.5px}.room-mode-desc{line-height:1.5}.room-desc,.room-mode-desc{font-size:16px;color:var(--muted)}.room-desc{line-height:1.6}.room-instruction{padding:12px 14px;background:var(--bg-terminal);font-size:15px;color:#7cf3a0;font-family:var(--font-mono);border:3px solid var(--line);border-left:6px solid var(--red);border-radius:8px;box-shadow:var(--shadow-sm);text-align:center}.room-stats{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap;justify-content:center}.room-stats .stat{display:flex;align-items:baseline;gap:4px}.room-stats .num{font-family:var(--font-pixel);font-weight:700;font-size:13px;color:var(--gold)}.room-stats .num.alert{color:var(--red)}.room-stats .cap{font-family:var(--font-mono);font-size:13px;letter-spacing:.5px;color:var(--text-faint);text-transform:uppercase}@media (max-width:900px){.room-grid{grid-template-columns:1fr 1fr}.room-col--empty{display:none}}.dock{background:var(--bg-panel);border-left:4px solid var(--line);display:flex;flex-direction:column;min-height:0}.dock-tabs{display:flex;align-items:center;justify-content:center;border-bottom:4px solid var(--line);flex:0 0 auto}.dock-tabs button{font-family:var(--font-pixel);font-size:9px;letter-spacing:.5px;text-align:center;background:transparent;border:none;color:var(--muted);height:42px;padding:0 14px;cursor:pointer;border-right:4px solid var(--line);position:relative;flex:1 1;border-radius:0;font-weight:500}.dock-tabs button:last-child{border-right:none}.dock-tabs button.active{color:var(--gold);background:var(--bg-card)}.dock-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:var(--red)}.dock-body{flex:1 1;display:flex;min-height:0}.dock-pane{flex:1 1;display:none;flex-direction:column;min-height:0}.dock-pane.active{display:flex}.dock-skip{flex:0 0 auto;border-top:4px solid var(--line);padding:10px 12px;background:var(--bg-panel)}.skip-btn{width:100%;height:40px;border-radius:10px;cursor:pointer;font-family:var(--font-pixel);font-size:10px;letter-spacing:.4px;font-weight:600;color:var(--cream);background:var(--bg-card);border:4px solid var(--line);transition:transform .08s,box-shadow .08s,opacity .12s;box-shadow:var(--shadow-sm);text-align:center}.skip-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;color:var(--gold)}.skip-btn:disabled{color:var(--text-faint);border-color:var(--text-faint);background:transparent;cursor:default;transform:none;box-shadow:none}.dock-pane .panel{background:transparent;border:none;border-radius:0;padding:12px 16px;height:100%;display:flex;flex-direction:column;min-height:0}.dock-pane .panel>h3{display:none}.dock-pane .chat-history,.dock-pane .thought-list{max-height:none;flex:1 1;min-height:0}.dock-pane .chat-composer{flex:0 0 auto}.dock-pane{font-family:var(--font-mono)}.dock-pane .thought{border-left-color:var(--blue);padding:2px 0 2px 12px;margin-bottom:10px;text-align:center}.dock-pane .thought p{font-size:16px;line-height:1.7;margin:2px 0 0;text-align:center}.dock-pane .thought-time{font-size:12px;color:var(--text-faint)}.dock-pane .chat-msg{font-size:15px;line-height:1.5}.dock-pane .chat-role{font-size:10px}.dock-pane .chat-time{font-size:11px}.dock-pane .empty-thought{text-align:center}.dock-pane .composer-segments button,.dock-pane .mode-toggle button{font-size:10px;padding:8px 6px}.dock-pane .composer-summary{font-size:13px}.dock-pane .chat-input input{font-size:15px}.dock-pane .muted.small,.dock-pane p.small{font-size:13px;text-align:center}.broadcast-shell{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg)}.broadcast-shell .body-grid{flex:1 1 auto;min-height:0}.broadcast-shell .dock{display:flex;flex-direction:column}.broadcast-shell .dock-body{flex:1 1;display:flex;flex-direction:column;gap:12px;padding:12px}.broadcast-shell .dock-pane{display:flex;flex:1 1;min-height:0}.broadcast-shell .dock-pane .panel{padding:12px}.broadcast-shell .info-tabs span{font-family:var(--font-pixel);font-size:9px;letter-spacing:.5px;background:transparent;border:none;color:var(--text);padding:10px 4px;margin-right:16px;border-bottom:4px solid var(--red)}.watch-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.watch-card{width:min(1200px,95vw);background:var(--bg-panel);border:5px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.watch-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:4px solid var(--line)}.watch-header h1{margin:0;font-size:18px}.live-badge,.watch-header h1{font-family:var(--font-pixel)}.live-badge{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:var(--bg-card);border:4px solid var(--line);padding:6px 10px;border-radius:8px}.live-badge.on{color:#fff;background:var(--red);border-color:var(--line);animation:pulse 1.4s ease-in-out infinite}.video-wrap{background:#000;display:flex;justify-content:center}.video-wrap video{display:block}.watch-error{padding:14px 24px;background:rgba(227,50,45,.12);color:var(--red);border-bottom:4px solid var(--line);font-size:14px}.watch-info{padding:16px 24px;font-size:14px;color:var(--muted)}.watch-info p{margin:0 0 8px}.watch-info code{background:var(--bg-card);padding:2px 6px;border-radius:4px;color:var(--text)}.admin-header{justify-content:space-between;gap:16px;margin-bottom:28px;padding-bottom:16px;border-bottom:4px solid var(--line)}.admin-header,.admin-user{display:flex;align-items:center}.admin-user{gap:14px}.admin-user span{font-size:14px}.admin-logout{background:var(--panel);color:var(--muted);border:4px solid var(--line);font-weight:500}.admin-logout:hover{border-color:var(--red);color:var(--red);background:var(--panel);filter:brightness(1.1)}.admin-section{margin-top:32px}.admin-section h3{font-family:var(--font-pixel);font-size:18px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;padding-bottom:8px;border-bottom:4px solid var(--line)}.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:18px;gap:18px}.admin-card{background:var(--cream);color:var(--ink);border:5px solid var(--line);border-radius:14px;padding:18px;text-align:center;box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s}.admin-card:hover{transform:translateY(-4px);box-shadow:12px 12px 0 #000}.admin-card-value{font-family:var(--font-pixel);font-size:24px;font-weight:700;color:var(--red)}.admin-card-label{font-size:14px;color:#3a3550;margin-top:4px;font-family:var(--font-mono)}.admin-table-wrap{background:var(--bg-card);border:4px solid var(--line);border-radius:12px;overflow:auto;box-shadow:var(--shadow-sm)}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table td,.admin-table th{padding:12px 14px;text-align:left;border-bottom:3px solid var(--line)}.admin-table th{color:var(--ink);font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-family:var(--font-pixel);background:var(--gold)}.admin-table tr:last-child td{border-bottom:none}.admin-table code{background:var(--bg-terminal);padding:2px 6px;border-radius:4px;font-size:12px}.admin-form-grid{gap:18px}.admin-field,.admin-form-grid{display:flex;flex-direction:column}.admin-field{gap:8px;font-family:var(--font-pixel);font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.admin-field span{font-weight:600}.admin-field input,.admin-field textarea{text-transform:none;letter-spacing:normal;font-family:var(--font-mono);font-size:17px;width:100%;background:var(--bg-card);border:4px solid var(--line);color:var(--text);border-radius:8px;padding:12px 14px;resize:vertical}.admin-field input:focus,.admin-field textarea:focus{outline:none;border-color:var(--gold)}.admin-field input[type=number]::-webkit-inner-spin-button,.admin-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.admin-field input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.user-card{gap:18px;background:var(--panel);border:4px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:22px}.user-avatar,.user-card{display:flex;align-items:center;box-shadow:var(--shadow-sm)}.user-avatar{width:56px;height:56px;border-radius:12px;flex:0 0 auto;justify-content:center;font-family:var(--font-pixel);font-weight:700;font-size:18px;color:#fff;border:4px solid var(--line)}.user-info{flex:1 1;min-width:0}.user-name{font-family:var(--font-pixel);font-weight:700;font-size:16px;color:var(--cream)}.user-handle{font-family:var(--font-mono);font-size:18px;color:var(--gold)}.user-meta{margin-top:4px;font-size:18px}.user-stats{display:flex;gap:18px}.user-stat{text-align:center}.user-stat-num{font-family:var(--font-pixel);font-weight:700;font-size:18px;color:var(--gold)}.user-stat-cap{font-family:var(--font-mono);font-size:12px;letter-spacing:.5px;color:var(--text-faint);text-transform:uppercase}.agent-section{margin-top:30px}.agent-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.agent-empty{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--panel);border:4px dashed var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow-sm)}.agent-empty-icon{font-size:40px;flex:0 0 auto}.agent-empty-title{font-family:var(--font-pixel);font-weight:700;font-size:15px;color:var(--cream);margin:0 0 4px}.agent-empty p{margin:0;font-size:16px}.agent-empty>div{flex:1 1;min-width:220px}.agent-create-btn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;background:var(--red);color:#fff;border:4px solid var(--line);border-radius:10px;font-family:var(--font-pixel);font-weight:600;letter-spacing:.3px;padding:14px 20px;text-decoration:none;font-size:13px;box-shadow:var(--shadow-sm)}.agent-create-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;filter:brightness(1.08)}.agent-card{display:grid;grid-template-columns:200px minmax(0,1fr);grid-gap:20px;gap:20px;background:var(--panel);border:4px solid var(--line);border-radius:14px;padding:18px;margin-top:12px;box-shadow:var(--shadow-sm)}.agent-card-preview{background:var(--bg-deep);border:4px solid var(--line);border-radius:10px;overflow:hidden;min-height:200px}.agent-card-body{display:flex;flex-direction:column;gap:10px;min-width:0}.agent-card-name{font-family:var(--font-pixel);font-weight:700;font-size:15px;color:var(--cream)}.agent-card-badges{display:flex;gap:8px;flex-wrap:wrap}.badge-chip{font-family:var(--font-pixel);font-size:12px;color:var(--cream);background:var(--bg-card);border:3px solid var(--line);border-radius:8px;padding:7px 12px;box-shadow:var(--shadow-sm)}.agent-card-personality{font-size:16px;line-height:1.55;margin:0}.agent-games{display:flex;flex-direction:column;gap:8px;margin:4px 0 2px}.agent-games-title{font-family:var(--font-pixel);font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint)}.agent-game-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.agent-game-row>button{min-width:150px}.agent-game-trait{min-width:0;font-size:17px}.agent-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:6px}@media (max-width:640px){.agent-card{grid-template-columns:1fr}.agent-card-preview{height:260px}}.agent-editor{display:flex;flex-direction:column;gap:8px}.editor-block{margin-top:18px}.games-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:18px;gap:18px;margin-top:12px}.game-config-card{display:flex;flex-direction:column;gap:10px;background:var(--cream);color:var(--ink);border:5px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s}.game-config-card:hover{transform:translateY(-4px);box-shadow:12px 12px 0 #000}.game-config-head h2{font-family:var(--font-pixel);font-weight:700;margin:0 0 6px;font-size:12px;color:var(--ink)}.game-config-head p{color:#3a3550;font-size:16px;line-height:1.5;margin:0}.game-config{gap:12px}.game-config,.picker-field{display:flex;flex-direction:column}.picker-field{gap:6px;font-family:var(--font-pixel);font-size:9px;color:#3a3550;text-transform:uppercase;letter-spacing:.8px;max-width:480px}.picker-field input,.picker-field textarea{text-transform:none;letter-spacing:normal;font-family:var(--font-mono);font-size:16px;width:100%;background:#fff;border:4px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 12px;resize:vertical;line-height:1.5}.picker-field input:focus,.picker-field textarea:focus{outline:none;border-color:var(--gold)}.editor-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:18px;border-top:4px solid var(--line)}.leaderboard-table{width:100%;border-collapse:collapse;font-size:16px;background:var(--bg-card);border:4px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.leaderboard-table td,.leaderboard-table th{padding:16px 18px;text-align:left;border-bottom:3px solid var(--line)}.leaderboard-table th{background:var(--gold);color:var(--ink);font-family:var(--font-pixel);font-size:12px;text-transform:uppercase}.leaderboard-table tr:last-child td{border-bottom:none}.replay-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-panel);border:4px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm)}.replay-controls input[type=range]{flex:1 1;accent-color:var(--red)}form label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-pixel);font-size:9px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.8px}form label input{width:100%}@keyframes pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:760px){.header-nav{display:none}.arena-twitch,.stream{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.arena-twitch .avatar-cell,.arena-twitch .game-cell,.arena-twitch .side-cell,.stream .avatar-cell,.stream .game-cell,.stream .ticker{grid-column:1;grid-row:auto}.body-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.body-grid .avatar-cell,.body-grid .dock,.body-grid .main-col{grid-column:1;grid-row:auto;border:none}}.notlogin-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:18px;padding:13px 18px;border:1px solid var(--violet-dim);border-radius:10px;background:linear-gradient(180deg,var(--violet) 0,var(--accent-2) 120%);color:#0a0b14;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.2px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.notlogin-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 6px 20px -8px var(--violet)}.notlogin-btn__mark{font-size:16px;line-height:1}.user-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 8px 4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);font-family:var(--font-mono);font-size:11px;color:var(--text-dim);max-width:220px}.user-chip__dot{width:7px;height:7px;border-radius:50%;background:#46d17e;box-shadow:0 0 6px #46d17e;flex:none}.user-chip__out{border:1px solid var(--border);background:transparent;color:var(--text-faint);border-radius:999px;padding:2px 8px;font-family:var(--font-mono);font-size:10px;cursor:pointer}.user-chip__out:hover{color:var(--danger);border-color:var(--danger)}