.playzone-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.playzone-tabs button{display:grid;grid-template-columns:auto 1fr;column-gap:11px;padding:14px 16px;border:1px solid var(--line);background:#090e18;color:var(--text);text-align:left;cursor:pointer}.playzone-tabs button>span{grid-row:1/3;color:var(--muted);font:10px "DM Mono",monospace}.playzone-tabs strong,.playzone-tabs small{display:block}.playzone-tabs strong{font-size:12px}.playzone-tabs small{margin-top:3px;color:var(--muted);font-size:9px}.playzone-tabs button.is-active{border-color:rgba(105,212,208,.55);background:rgba(105,212,208,.07)}.playzone-tabs button.is-active>span{color:var(--cyan)}.playzone-panel[hidden]{display:none}.playzone-panel.is-active{animation:panel-in .2s ease-out}@keyframes panel-in{from{opacity:.45;transform:translateY(4px)}}
.playzone-history-head{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:28px;align-items:end;margin:8px 0 18px}.playzone-history-head h3{margin:7px 0 0;font-size:27px}.playzone-history-head>p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.iteration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.iteration-grid article{min-height:190px;padding:20px;border:1px solid var(--line);background:linear-gradient(145deg,#0d1421,#090e18)}.iteration-grid span{color:var(--cyan);font:8px "DM Mono",monospace;letter-spacing:.08em}.iteration-grid h3{margin:16px 0 9px;font-size:15px}.iteration-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.iteration-grid b{display:inline-block;margin-top:18px;padding:4px 6px;border:1px solid rgba(241,184,75,.35);color:var(--amber);font:7px "DM Mono",monospace;letter-spacing:.08em}.playzone-matrix-card{padding:18px}.test-state{display:inline-flex;padding:5px 7px;border:1px solid var(--line);color:var(--muted);font:8px "DM Mono",monospace}.test-state.is-current{border-color:rgba(105,212,208,.45);color:var(--cyan)}.outcome-placeholder{margin-top:12px;padding:24px;border-style:dashed}.outcome-placeholder h3{margin:8px 0}.outcome-placeholder>p:last-child{max-width:720px;margin-bottom:0;color:var(--muted);line-height:1.6}
@media(max-width:1100px){.iteration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.playzone-history-head{grid-template-columns:1fr}.playzone-tabs{grid-template-columns:1fr}}
@media(max-width:520px){.iteration-grid{grid-template-columns:1fr}.playzone-tabs button{padding:12px}.playzone-matrix-card{padding:8px}}
.playzone-actions[hidden]{display:none}