/* Simulated demonstration: the scene is computer-generated and the findings are planted; no model runs. Generated file. */
:root{
  --bg:#0A0E14;--card:#14202E;--line:#26344A;--ink:#F4F1EA;--body:#B8C0CA;--mut:#8B95A1;
  --cy:#2CC7FE;--bl:#3B82F6;--vi:#6729F4;--gr:#10B981;--sa:#FF9933;--rose:#FB7185;--sand:#E0B861;
  --serif:Cambria,Georgia,"Times New Roman",serif;
  --sans:Calibri,"Avenir Next","Segoe UI",system-ui,sans-serif;
  --mono:Consolas,ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--bg)}
body{color:var(--body);font:16px/1.55 var(--sans);overflow-x:hidden;
  background:radial-gradient(1100px 560px at 82% -14%,#111a30,#0A0E14 60%) fixed}
body::before{content:"";display:block;height:3px;background:linear-gradient(90deg,#2CC7FE,#2D63F6,#6729F4)}
a{color:var(--cy)}
button{font:700 13px var(--sans);color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px;
  padding:8px 13px;cursor:pointer;white-space:nowrap}
button:hover{border-color:var(--cy)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
button.on{border-color:var(--cy);color:var(--cy);background:rgba(44,199,254,.1)}
button.pri{background:#2563EB;border-color:#2563EB;color:#fff}
button.pri:hover{background:#3B82F6}
button[disabled]{opacity:.45;cursor:not-allowed}
select{font:600 13px var(--sans);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px 10px;max-width:100%}
.ey{font:700 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cy);margin:0}

.top{display:flex;align-items:center;gap:14px;max-width:1480px;margin:0 auto;padding:16px 22px 6px}
.top img{width:34px;height:34px;flex:0 0 34px}
.top h1{margin:3px 0 0;font:700 27px/1.15 var(--serif);color:var(--ink);letter-spacing:-.2px}
.top .grow{flex:1;min-width:0}
.top .back{font:600 13px var(--sans);color:var(--mut);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 13px;white-space:nowrap}
.top .back:hover{color:var(--ink);border-color:var(--cy)}
.wrap{max-width:1480px;margin:0 auto;padding:0 22px 40px}
.simband{margin:10px 0 0;padding:10px 14px;border:1px solid rgba(255,153,51,.55);background:rgba(255,153,51,.1);border-radius:12px;
  color:var(--ink);font-size:15.5px;line-height:1.4}
.simband b{color:var(--sa);letter-spacing:.02em}
.lede{max-width:980px;margin:14px 0 16px;font-size:17px;color:var(--body)}

.grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"stage counts" "find counts";gap:16px;align-items:start}
.grid>.stage{grid-area:stage}
.stage{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#05080d;aspect-ratio:16/9;min-height:320px}
.stage canvas,.stage .poster{position:absolute;inset:0;width:100%;height:100%;display:block}
.stage .poster{object-fit:cover}
.stage canvas{touch-action:pan-y;cursor:grab;opacity:0;transition:opacity .5s}
.stage.live canvas{opacity:1}
.stage.live .poster{visibility:hidden}
.stage.drag canvas{cursor:grabbing}
.simchip{position:absolute;left:12px;top:12px;z-index:5;font:700 11px var(--mono);letter-spacing:.12em;color:var(--sa);
  border:1px solid rgba(255,153,51,.7);background:rgba(10,14,20,.86);border-radius:999px;padding:6px 12px;pointer-events:none;max-width:calc(100% - 24px)}
.where{position:absolute;right:12px;top:12px;z-index:5;font:700 12px var(--mono);letter-spacing:.06em;color:var(--ink);
  background:rgba(10,14,20,.8);border:1px solid var(--line);border-radius:8px;padding:6px 10px;pointer-events:none;text-align:right}
.where small{display:block;font:600 10px var(--mono);letter-spacing:.1em;color:var(--mut);margin-top:2px}
.tlegend{position:absolute;left:12px;bottom:66px;z-index:5;display:flex;align-items:center;gap:8px;font:600 10.5px var(--mono);letter-spacing:.06em;
  color:var(--ink);background:rgba(10,14,20,.8);border:1px solid var(--line);border-radius:8px;padding:6px 10px;pointer-events:none}
.tlegend i{display:block;width:120px;height:9px;border-radius:5px;
  background:linear-gradient(90deg,#00000d,#29056b 15%,#8c0d99 35%,#db3352 55%,#fa8014 72%,#ffd638 88%,#ffffeb)}
.tlegend span{color:var(--mut)}
.splitbar{position:absolute;top:0;bottom:0;width:28px;margin-left:-14px;z-index:4;cursor:ew-resize;touch-action:none}
.splitbar::before{content:"";position:absolute;left:13px;top:0;bottom:0;width:2px;background:var(--ink);opacity:.85}
.splitbar::after{content:"\2194";position:absolute;left:0;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--ink);color:#0A0E14;
  font:700 15px/28px var(--sans);text-align:center}
.splitlab{position:absolute;top:48px;z-index:4;font:700 10.5px var(--mono);letter-spacing:.14em;color:var(--ink);background:rgba(10,14,20,.75);
  border-radius:6px;padding:3px 8px;pointer-events:none}
.tags{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
.pin{position:absolute;left:0;top:0;transform:translate(-999px,-999px);pointer-events:auto;display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;
  font:700 11px var(--mono);color:var(--ink);will-change:transform}
.pin b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(10,14,20,.88);border:2px solid var(--c,#2CC7FE);color:var(--c,#2CC7FE);font:700 11px var(--mono)}
.pin span{display:none;background:rgba(10,14,20,.9);border:1px solid var(--c,#2CC7FE);border-radius:7px;padding:3px 8px;white-space:nowrap;letter-spacing:.02em}
.pin.sel b{background:var(--c,#2CC7FE);color:#0A0E14}
.pin.sel span,.pin:hover span{display:block}
.pin.sel{z-index:2}
.ctl{position:absolute;left:10px;right:10px;bottom:10px;z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:7px;
  background:rgba(10,14,20,.82);border:1px solid var(--line);border-radius:12px;padding:7px 8px}
.ctl button{padding:7px 11px;font-size:12.5px}
.seg{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.seg button{border:0;border-radius:0;background:transparent;border-right:1px solid var(--line)}
.seg button:last-child{border-right:0}
.seg button.on{background:rgba(44,199,254,.14);color:var(--cy)}
.ctl input[type=range]{flex:1 1 140px;min-width:100px;accent-color:#2CC7FE;height:22px}
.startbox{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(180deg,rgba(10,14,20,.25),rgba(10,14,20,.72));text-align:center;padding:18px}
.startbox p{margin:0;max-width:440px;color:var(--ink);font-size:14.5px}
.startbox button{font-size:15px;padding:11px 20px}
.stage.live .startbox{display:none}
.stage:not(.live) .ctl,.stage:not(.live) .where{display:none}

.panel{display:contents}
.panel>.card:first-child{grid-area:counts}.panel>.card:last-child{grid-area:find}
.panel>.card{min-width:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}
.card h2{margin:0 0 10px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.card h2 span{font:600 11px var(--mono);letter-spacing:.04em;color:var(--mut);text-transform:none}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tile{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:rgba(10,14,20,.45);min-width:0}
.tile b{display:block;font:700 21px/1.1 var(--mono);color:var(--ink)}
.tile b small{font:600 12px var(--mono);color:var(--mut)}
.tile span{display:block;font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-top:5px}
.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px}
.chipA{border:1px solid var(--line);border-radius:8px;padding:5px 7px;font:600 11px var(--mono);color:var(--mut);background:rgba(10,14,20,.45);position:relative;overflow:hidden}
.chipA i{position:absolute;left:0;top:0;bottom:0;background:rgba(44,199,254,.16);width:0}
.chipA b{position:relative;color:var(--ink);margin-right:5px}
.chipA em{position:relative;font-style:normal}
.chipA.done{border-color:rgba(44,199,254,.5)}
.chipA.bad em::after{content:" \25CF";color:var(--sa)}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.fine{font-size:12.5px;color:var(--mut);margin:10px 0 0;line-height:1.45}
.tblwrap{overflow-x:auto;max-height:330px;overflow-y:auto;border:1px solid var(--line);border-radius:10px}
table.ftab{width:100%;border-collapse:collapse;font-size:13px}
.ftab th{position:sticky;top:0;background:#0f1824;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);text-align:left;padding:7px 8px;white-space:nowrap}
.ftab td{padding:7px 8px;border-top:1px solid var(--line);color:var(--ink);vertical-align:top}
.ftab tbody tr{cursor:pointer}
.ftab tbody tr:hover{background:rgba(44,199,254,.06)}
.ftab tr.sel{background:rgba(44,199,254,.12)}
.ftab tr.ahead td{color:var(--mut)}
.ftab tr.off td{color:#5b6678;text-decoration:line-through}
.ftab tr.off td:last-child,.ftab tr.off td.k{text-decoration:none}
.ftab .n{font:700 11px var(--mono);color:var(--mut)}
.ftab .k i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--c)}
.ftab .k small{display:block;color:var(--mut);font-size:11.5px;margin-top:1px}
.ftab .st{font:600 10px var(--mono);letter-spacing:.06em;color:var(--mut);white-space:nowrap}
.ftab button.tog{padding:3px 8px;font:700 10.5px var(--mono);border-radius:999px}
.ftab button.tog[aria-pressed=true]{border-color:rgba(255,153,51,.6);color:var(--sa)}

.explain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.explain h2{font:700 19px var(--serif);color:var(--ink);margin:6px 0 8px}
.explain p,.explain li{font-size:15px;margin:0 0 8px}
.explain ul{margin:0;padding-left:18px}
.foot{margin-top:18px;font-size:12.5px;color:var(--mut)}

dialog.report{width:min(940px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:#0f1824;color:var(--body);border:1px solid var(--line);border-radius:16px;padding:22px}
dialog.report::backdrop{background:rgba(5,8,13,.78)}
.report h2{font:700 24px var(--serif);color:var(--ink);margin:4px 0 2px}
.report .sub{color:var(--mut);font-size:13.5px;margin:0 0 10px}
.report .simband{margin:0 0 12px;font-size:14px}
.report .tiles{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}
.report table{width:100%;border-collapse:collapse;font-size:13.5px}
.report th{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
.report td{padding:6px 8px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:top}
.report td i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--c)}
.report .none{padding:14px 8px;color:var(--mut)}

@media (max-width:1180px){.grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "counts" "find"}.explain{grid-template-columns:1fr}}
@media (max-width:760px){
  body{font-size:15.5px}
  .top{padding:12px 16px 4px;gap:10px;flex-wrap:wrap}.top h1{font-size:21px}.top img{width:28px;height:28px;flex-basis:28px}
  .wrap{padding:0 16px 30px}
  .stage{aspect-ratio:4/3;min-height:0}
  .simchip{font-size:9px;letter-spacing:.08em;padding:5px 9px;left:8px;top:8px}
  .where{font-size:10.5px;top:40px;right:8px}
  .tlegend{bottom:auto;top:40px;left:8px}.tlegend i{width:70px}.tlegend span{display:none}
  .ctl{position:static;border-radius:0;border-width:1px 0 0}
  .stage.has-ctl{aspect-ratio:auto;display:flex;flex-direction:column}
  .stage.has-ctl .view{position:relative;aspect-ratio:4/3}
  .tiles,.report .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  dialog.report{padding:14px}
}
.view{position:absolute;inset:0}
@media (prefers-reduced-motion:reduce){.stage canvas{transition:none}}
@media print{
  body{background:#fff}body::before,body>*:not(dialog){display:none!important}
  dialog.report{position:static;width:auto;max-height:none;border:0;background:#fff;color:#111;padding:0}
  .report h2,.report td,.report .tile b{color:#111}.report .tile,.report th,.report td{border-color:#bbb}.report .tile{background:#fff}
  .report .simband{color:#111;background:#fff3e0}.report .noprint{display:none}
}

body.shot{overflow:hidden}
body.shot::before,body.shot .top,body.shot .simband,body.shot .lede,body.shot .panel,body.shot .explain,body.shot .foot{display:none}
body.shot .wrap{padding:0;max-width:none}body.shot .grid{display:block}body.shot .panel{display:none}
body.shot .stage{border:0;border-radius:0;width:100vw;height:100vh;aspect-ratio:auto;min-height:0;display:block}
body.shot .stage .view{position:absolute;inset:0;aspect-ratio:auto}
body.shot .simchip{font-size:15px;padding:9px 16px;left:18px;top:18px}
body.shot .where{font-size:15px;right:18px;top:18px}body.shot .where small{font-size:12px}
body.shot .tlegend{bottom:18px;left:18px;font-size:13px}
body.shot .pin b{width:28px;height:28px;font-size:14px}body.shot .pin span{font-size:14px}
body.shot .splitlab{top:66px;font-size:13px}
body.bare .simchip,body.bare .where,body.bare .tlegend,body.bare .splitlab{display:none}