*{box-sizing:border-box} :root{color-scheme:dark;--mint:#73eed8;--orange:#ff7855}body{margin:0;background:#080c10;color:#f0f0e6;font:13px Arial,sans-serif}header{height:78px;margin:0 auto;max-width:1440px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #243036;letter-spacing:2px;font-size:11px}.brand{font-weight:900;text-decoration:none;color:#edf5ed}.brand span{color:var(--mint)}.edition{font-weight:bold}.edition span{color:#7a8991;font-size:9px;margin-left:20px}button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid #566066;padding:12px 18px;letter-spacing:2px}button:hover,button:focus-visible{background:#73eed8;color:#081414;outline:none;border-color:#73eed8}main{max-width:1440px;margin:auto;padding:26px 34px}#cabinet{position:relative;aspect-ratio:16/9;background:#0c1116;overflow:hidden;box-shadow:0 20px 70px #0009;border:1px solid #283538}canvas{display:block;width:100%;height:100%;outline:none}#screen{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;padding:5.5%;background:linear-gradient(90deg,#070f13ed,#071018a8 48%,#07101820);overflow:auto}#screen:empty{display:none}#screen>*{pointer-events:auto}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#081016;color:var(--mint);letter-spacing:4px}.menu{width:100%;max-width:560px}.menu.wide{max-width:none}.overline{color:var(--mint);letter-spacing:4px;font-size:10px;font-weight:bold;margin:0 0 18px}.menu h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:clamp(32px,6vw,94px);font-style:italic;line-height:.91;letter-spacing:1px;margin:0 0 18px}.menu h1 em{font-style:normal;color:var(--mint)}.desc{max-width:390px;font-size:13px;color:#b0bdc1;line-height:1.6;margin-bottom:24px}.actions{display:flex;flex-direction:column;gap:9px;max-width:290px}.actions button{text-align:left;font-weight:bold;padding:15px 18px;background:#122025c9}.actions button.primary{color:#071315;background:var(--mint);border-color:var(--mint)}.actions button:hover{color:#081414;background:#eaf5e7}.cards{display:flex;gap:18px;margin:24px 0}.card{position:relative;width:245px;min-height:200px;text-align:left;background:#0f1b20dd;border:1px solid #415055;padding:24px}.card.active{border-color:var(--mint);box-shadow:inset 0 -4px var(--mint)}.card b{display:block;font:36px Impact,sans-serif;margin:14px 0}.card small{color:#a2b4bd;line-height:1.5;display:block}.card .num{font-size:12px;color:var(--mint);letter-spacing:4px}.toolbar{display:flex;gap:10px;align-items:center;margin-top:15px}.toolbar button.primary{background:var(--mint);color:#071315}.under{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:10px;letter-spacing:2px;color:#81969d}.live{color:var(--mint)}.under button{padding:8px;font-size:9px;border:0}.keys{border-top:1px solid #233037;border-bottom:1px solid #233037;display:flex;flex-wrap:wrap;gap:16px 22px;padding:21px 0;color:#98a7ad;font-size:9px;letter-spacing:1px}.keys span{white-space:nowrap}kbd{color:#f4f0dd;font:bold 11px Arial;margin-right:6px}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:9px;letter-spacing:1px;color:#6d818b}a{color:inherit}.formrow{display:flex;justify-content:space-between;gap:20px;padding:12px 0;align-items:center}.formrow input{accent-color:var(--mint)}.help{font-size:12px;line-height:1.8;color:#b9c9cc;max-width:600px}.help strong{color:var(--mint)}#cabinet:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#000}#cabinet:fullscreen canvas{object-fit:contain}#cabinet:fullscreen #screen{padding:6%}@media(max-width:700px){header{height:56px;padding:0 12px}.edition{display:none}main{padding:12px}.menu h1{font-size:36px}.overline{margin-bottom:8px}.desc{font-size:10px;margin-bottom:10px}.actions{gap:4px;max-width:220px}.actions button{padding:7px 12px;font-size:10px}.card{min-height:90px;padding:10px}.card b{font-size:24px;margin:5px 0}.cards{margin:10px 0;gap:8px}.card small{font-size:9px}.toolbar button{padding:8px;font-size:10px}.help{font-size:10px}footer{flex-direction:column}.keys{gap:12px}.under #status{display:none}}
.stage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:32vh;overflow-y:auto;padding:4px}.stage-cards .card{width:100%;min-height:105px;padding:12px}.stage-cards .card b{font-size:23px;margin:8px 0}.stage-cards .card .num{font-size:9px;letter-spacing:2px}@media(max-width:700px){.stage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-cards .card b{font-size:18px}}