:root{--hud-h:112px;--bg:#1a1511;--panel:#2c251deb;--panel-border:#d4b05c42;--text:#efe3c8;--muted:#a8977a;--brass:#d4b05c;--brass-deep:#9a7430;--copper:#c8783a;--rust:#8a4a24;--orange:#ffb347;--red:#e0553f;--green:#8fd9a8;--cyan:#6fe6df;--font:Inter, "Segoe UI", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#app{grid-template-rows:1fr var(--hud-h);display:grid;position:fixed;inset:0}#stage{cursor:crosshair;min-width:0;min-height:0;position:relative;overflow:hidden}#stage canvas{display:block}.loading{z-index:40;background:var(--bg);place-items:center;transition:opacity .35s ease-out;display:grid;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-box{text-align:center;width:min(360px,80vw)}.loading-title{letter-spacing:.08em;color:var(--brass);margin-bottom:18px;font-size:28px;font-weight:700}.loading-bar{border:1px solid var(--panel-border);background:var(--panel);border-radius:6px;height:10px;overflow:hidden}.loading-fill{background:linear-gradient(90deg, var(--brass-deep), var(--brass));width:0;height:100%;transition:width .15s ease-out}.loading-label{color:var(--muted);margin-top:10px;font-size:13px}#stage.dragging{cursor:grabbing}#hud{border-top:1px solid var(--panel-border);background:linear-gradient(#3a3228f7,#201b15fa);grid-template-columns:220px 1fr auto 260px;align-items:stretch;gap:12px;padding:10px 14px;display:grid;box-shadow:0 -12px 40px #00000080}.hud-stats{font-variant-numeric:tabular-nums;grid-template-columns:1fr 1fr;align-content:center;gap:6px 10px;display:grid}.stat .label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.stat .value{font-size:20px;font-weight:700;line-height:1.1}.stat .value small{color:var(--muted);font-size:12px;font-weight:500}.stat.time .value.low{color:var(--red);animation:1s infinite pulse}.stat.saved .value.ok{color:var(--green)}@keyframes pulse{50%{opacity:.45}}.skills{grid-template-columns:repeat(8,minmax(64px,1fr));gap:8px;display:grid}.skill{color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(#efe3c812,#efe3c805);border:1px solid #efe3c817;border-radius:12px;grid-template-rows:1fr auto;place-items:center;padding:6px 4px 5px;transition:transform 80ms,border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative}.skill:hover{border-color:#d4b05c80;transform:translateY(-1px)}.skill:active{transform:translateY(0)}.skill.selected{border-color:var(--brass);background:linear-gradient(#d4b05c3d,#c8783a14);box-shadow:0 0 0 1px #d4b05c59,0 0 18px #ffb3474d,inset 0 0 18px #d4b05c1f}.skill.empty{opacity:.38}.skill.empty:hover{border-color:#e0553f80}.skill svg{width:26px;height:26px}.skill .count{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.skill .name{color:var(--muted);letter-spacing:.04em;white-space:nowrap;font-size:9.5px}.skill .key{color:var(--muted);opacity:.8;font-size:9px;position:absolute;top:4px;left:6px}.controls{grid-template-columns:auto auto;grid-auto-rows:1fr;align-content:stretch;gap:6px;display:grid}.ctrl{min-width:44px;color:var(--text);font:inherit;cursor:pointer;background:#efe3c80d;border:1px solid #efe3c81a;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.ctrl:hover{border-color:#d4b05c80}.ctrl svg{width:18px;height:18px}.ctrl.active{border-color:var(--brass);background:#d4b05c2e}.ctrl.rate{grid-column:1/-1;grid-template-columns:32px 1fr 32px;padding:0;display:grid}.ctrl.rate button{all:unset;cursor:pointer;height:100%;color:var(--text);justify-content:center;align-items:center;display:flex}.ctrl.rate button:hover{color:var(--brass)}.ctrl.rate button svg{width:16px;height:16px}.ctrl.rate .rate-value{text-align:center;font-variant-numeric:tabular-nums}.ctrl.rate .rate-value small{color:var(--muted);letter-spacing:.1em;font-size:9px;display:block}.ctrl.nuke{color:var(--orange)}.ctrl.nuke.armed{border-color:var(--red);color:var(--red);background:#e0553f26;animation:.6s infinite pulse}.minimap-wrap{cursor:pointer;background:#1a1611;border:1px solid #d4b05c33;border-radius:10px;position:relative;overflow:hidden}#minimap{width:100%;height:100%;display:block}#tooltip{pointer-events:none;background:var(--panel);border:1px solid var(--panel-border);white-space:nowrap;opacity:0;z-index:10;border-radius:8px;padding:6px 9px;font-size:12px;transition:opacity 80ms;position:fixed;transform:translate(-50%,calc(-100% - 14px))}#tooltip.visible{opacity:1}#tooltip .state{color:var(--brass);font-weight:600}#tooltip .flags{color:var(--muted);margin-left:6px}#tooltip.denied .state{color:var(--red)}#toast{left:50%;bottom:calc(var(--hud-h) + 18px);background:var(--panel);border:1px solid var(--panel-border);opacity:0;pointer-events:none;border-radius:999px;padding:8px 14px;font-size:13px;transition:opacity .2s;position:fixed;transform:translate(-50%)}#toast.visible{opacity:1}#debug{color:#ff80ff;white-space:pre;pointer-events:none;background:#0009;border-radius:6px;padding:6px 8px;font:11px/1.4 ui-monospace,Consolas,monospace;display:none;position:fixed;top:8px;left:8px}#debug.visible{display:block}.screen{z-index:20;background:radial-gradient(1200px 800px at 50% 30%,#c8783a29,#0000 60%),#18130fed;place-items:center;display:grid;position:fixed;inset:0}.screen.transparent{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#18130f9e}.screen.title{background-color:#d9c6a0;background-position:bottom;background-repeat:no-repeat;background-size:max(100%,222vh);align-items:end}.screen.title:before{content:"";pointer-events:none;background:linear-gradient(#1a15112e 0%,#1a151100 22% 62%,#1a1511d1 100%);position:absolute;inset:0}.screen.title .panel{grid-template-columns:1fr;gap:10px;width:min(1100px,94vw);margin-bottom:3vh;padding:20px 34px 16px;display:grid;position:relative}.screen.title .title-head{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.screen.title .panel h1{margin:0;font-size:clamp(36px,5.2vw,60px)}.title-logo{filter:drop-shadow(0 6px 14px #0000008c);width:min(680px,100%);height:auto;margin:0;display:block}.screen.title .panel .tag{margin-bottom:0}.screen.title .title-body{align-items:center;gap:28px;display:flex}.screen.title .title-body p{flex:1;margin:0;font-size:14px}.screen.title .title-body .row{flex-wrap:wrap;flex:none;justify-content:flex-end;max-width:56%}.screen.title .panel .credits{margin-top:4px}@media (max-width:760px){.screen.title .title-body{flex-direction:column;align-items:stretch;gap:12px}.screen.title .title-body .row{flex-wrap:wrap}}.screen .panel{animation:.22s ease-out both rise}@keyframes rise{0%{transform:translateY(10px)}to{transform:none}}.panel{border:1px solid var(--panel-border);background:linear-gradient(#3a3228f0,#241e18f5);border-radius:20px;width:min(760px,92vw);padding:36px 40px;box-shadow:0 30px 80px #0009,inset 0 1px #efe3c814,inset 0 0 0 1px #00000040}.panel.wide{width:min(1040px,94vw);max-height:94vh;overflow:auto}.demo-row{margin-top:6px}.demo-row canvas{width:100%;display:block}.demo-captions{grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 14px;display:grid}.demo-captions .cap{padding:0 4px}.demo-captions .t{align-items:center;gap:6px;margin-bottom:3px;font-size:13px;font-weight:800;display:flex}.demo-captions .t svg{width:16px;height:16px;color:var(--brass)}.demo-captions .d{color:var(--muted);font-size:11.5px;line-height:1.4}.panel h1{letter-spacing:-.03em;background:linear-gradient(90deg, #f6ecd6, var(--brass) 55%, var(--copper));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:clamp(40px,7vw,72px);font-weight:900}.panel h2{letter-spacing:-.01em;margin:0 0 18px;font-size:26px;font-weight:800}.panel .tag{letter-spacing:.18em;text-transform:uppercase;color:var(--brass);border:1px solid #d4b05c66;border-radius:999px;margin-bottom:14px;padding:4px 10px;font-size:11px;display:inline-block}.panel p{color:var(--muted);margin:0 0 18px;line-height:1.55}.panel .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{color:var(--text);font:inherit;cursor:pointer;background:#efe3c80f;border:1px solid #efe3c81f;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:transform 80ms,border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.btn:hover{border-color:#d4b05c8c;transform:translateY(-1px)}.btn.primary{color:#2a1e0c;background:linear-gradient(#e2c470,#b8882f);border-color:#3c280a80;box-shadow:0 8px 28px #d4b05c4d,inset 0 1px #fff0c880}.btn.primary:hover{box-shadow:0 10px 34px #ffb34773,inset 0 1px #fff0c880}.btn.ghost{background:0 0}.btn svg{width:18px;height:18px}.levels{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.level-card{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#efe3c80a;border:1px solid #efe3c81a;border-radius:14px;gap:6px;padding:16px;transition:border-color .15s,transform 80ms,background .15s;display:grid;position:relative}.level-card:hover{background:#d4b05c14;border-color:#d4b05c8c;transform:translateY(-2px)}.level-card .num{letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-size:11px}.level-card .title{font-size:17px;font-weight:800}.level-card .sub{color:var(--muted);font-size:12px}.level-card .best{color:var(--green);font-size:12px;font-weight:600}.level-card.locked{opacity:.45;cursor:not-allowed}.level-card.locked:hover{background:#efe3c80a;border-color:#efe3c81a;transform:none}.result-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 24px;display:grid}.result-grid .cell{background:#efe3c80d;border:1px solid #d4b05c24;border-radius:12px;padding:14px}.result-grid .cell .label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.result-grid .cell .value{font-variant-numeric:tabular-nums;font-size:30px;font-weight:900}.result-grid .cell.ok .value{color:var(--green)}.result-grid .cell.ko .value{color:var(--red)}button.link{all:unset;cursor:pointer;color:var(--muted);text-underline-offset:3px;font:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}button.link:hover{color:var(--brass)}.credits .sep{margin:0 2px}.changelog{max-height:52vh;margin:4px 0 18px;padding-right:8px;overflow:auto}.changelog .cl-version{color:var(--brass);align-items:baseline;gap:10px;margin:16px 0 6px;font-size:16px;display:flex}.changelog .cl-version:first-child{margin-top:0}.changelog .cl-date{color:var(--muted);font-size:12px;font-weight:500}.changelog .cl-current{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);border:1px solid #d4b05c80;border-radius:999px;padding:2px 7px;font-size:10px}.changelog ul{margin:0;padding-left:18px}.changelog li{margin:3px 0;font-size:13px;line-height:1.45}.medals{flex-wrap:wrap;gap:8px;margin:-8px 0 10px;display:flex}.medal{color:var(--muted);background:#efe3c80a;border:1px solid #d4b05c2e;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.medal .ico{font-size:14px}.medal.on{color:var(--brass);text-shadow:0 0 10px #d4b05c80;background:#d4b05c24;border-color:#d4b05cb3}.medal.off{opacity:.55}.medals.compact{gap:5px;margin:2px 0 0}.medals.compact .medal{padding:2px 6px;font-size:11px}.stat.chips .value.ok{color:var(--green)}p.muted.small{margin:0 0 16px;font-size:12px}.score-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin:0 0 20px;padding:14px 16px}.score-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.score-head .label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.muted{color:var(--muted);font-size:12px}.score-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.score-form input{min-width:160px;color:var(--text);font:inherit;background:#00000040;border:1px solid #ffffff1f;border-radius:10px;flex:1;padding:11px 14px;font-size:14px}.score-form input:focus{border-color:var(--cyan);outline:none}.score-status{color:var(--muted);margin-top:10px;font-size:13px}.score-verdict{color:var(--text);margin-bottom:8px;font-weight:600}.tabs{flex-wrap:wrap;gap:6px;margin:4px 0 14px;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.tab.active{color:var(--text);border-color:var(--cyan);background:#4ff2ff1f}.board{min-height:120px;margin-bottom:18px;font-size:13px}table.scores{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.scores th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid #ffffff14;padding:6px 8px;font-size:10px}table.scores td{border-bottom:1px solid #ffffff0d;padding:7px 8px}table.scores tr.me td{color:var(--cyan);font-weight:700}table.scores td:first-child{width:36px;color:var(--muted)}.keys-head{justify-content:space-between;align-items:center;margin:6px 0 8px;display:flex}.keys-head .label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.btn.small{padding:6px 12px;font-size:12px}.keys{grid-template-columns:1fr 1fr;gap:6px 18px;margin-bottom:20px;display:grid}.key-row{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.key-btn{min-width:110px;color:var(--text);font:inherit;cursor:pointer;text-align:right;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px}.key-btn:hover{border-color:var(--cyan)}.key-btn.listening{border-color:var(--orange);background:#ffa63d1f}.key-btn .kbd{font-size:12px}@media (max-width:640px){.keys{grid-template-columns:1fr}}.options{gap:18px;margin:8px 0 22px;display:grid}.options label{grid-template-columns:160px 1fr 48px;align-items:center;gap:12px;font-weight:600;display:grid}.options input[type=range]{accent-color:var(--brass);width:100%}.options .val{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.hint{color:var(--text);background:#d4b05c12;border:1px solid #d4b05c3d;border-radius:10px;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.5}.kbd{background:#efe3c817;border:1px solid #efe3c824;border-radius:5px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:11px;display:inline-block}.credits{color:var(--muted);margin-top:22px;font-size:11px}#app.editing{grid-template-rows:1fr;grid-template-columns:1fr 360px}#app.editing #stage{cursor:default}.ed{border-left:1px solid var(--panel-border);background:linear-gradient(#3a3228f7,#201b15fa);grid-template-rows:auto 1fr auto;min-height:0;font-size:13px;display:grid;box-shadow:-12px 0 40px #00000080}.ed .tag{margin-bottom:8px}.ed-head{border-bottom:1px solid #efe3c814;padding:12px 14px 10px}.ed-actions{flex-wrap:wrap;gap:6px;display:flex}.ed-new{gap:6px;margin-top:8px;display:flex}.ed-new select{flex:1;min-width:0}.btn.small{gap:5px;padding:7px 10px;font-size:12px}.btn.small svg{width:15px;height:15px}.btn.danger{color:var(--red)}.btn.danger:hover{border-color:var(--red)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.ed-scroll{min-height:0;padding:4px 14px 12px;overflow-y:auto}.ed details{border-bottom:1px solid #efe3c814;margin-bottom:6px;padding-bottom:10px}.ed summary{cursor:pointer;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);padding:10px 0 6px;font-size:11px;list-style:none}.ed summary::-webkit-details-marker{display:none}.ed summary:before{content:"▸";width:14px;transition:transform .15s;display:inline-block}.ed details[open] summary:before{transform:rotate(90deg)}.ed-palette{grid-template-columns:1fr 1fr;gap:5px;display:grid}.ed-group{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;margin-top:6px;font-size:10px}.ed-pal{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#efe3c80d;border:1px solid #efe3c81a;border-radius:9px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;transition:border-color .15s,background .15s;display:inline-flex}.ed-pal:hover{border-color:#d4b05c80}.ed-pal.active{border-color:var(--brass);background:#d4b05c2e}.ed-pal svg{flex:none;width:14px;height:14px}.ed-pal[data-tool=select]{grid-column:1/-1}.ed-help{color:var(--muted);margin:8px 0 0;font-size:11.5px;line-height:1.45}.ed-field{gap:3px;margin-top:8px;display:grid}.ed-field>span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.ed-grid2{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.ed input[type=text],.ed input[type=number],.ed select,.ed textarea{width:100%;color:var(--text);font:inherit;background:#00000040;border:1px solid #efe3c81f;border-radius:8px;padding:7px 9px;font-size:13px}.ed textarea{resize:vertical;min-height:56px}.ed input:focus,.ed select:focus,.ed textarea:focus{border-color:var(--brass);outline:none}.ed select option{background:#2c251d}.ed-skills{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;display:grid}.ed-skills label{grid-template-columns:18px 1fr;align-items:center;gap:4px;display:grid}.ed-skills svg{width:16px;height:16px;color:var(--brass)}.ed-skills input{padding:5px 6px}.ed-sel-head{justify-content:space-between;align-items:baseline;margin-top:6px;font-size:14px;display:flex}.ed-sel-actions{gap:6px;margin-top:12px}.ed-status{color:var(--muted);font-variant-numeric:tabular-nums;border-top:1px solid #efe3c814;gap:2px;padding:8px 14px;font-size:11.5px;display:grid}.ed-status .error{color:var(--orange)}.test-bar{z-index:5;background:var(--panel);border:1px solid var(--panel-border);color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:5px 6px 5px 14px;font-size:12px;display:flex;position:fixed;top:10px;right:12px}table.scores.community td.name{color:var(--text);font-weight:700}table.scores.community td.actions{justify-content:flex-end;gap:6px;display:flex}.share{align-items:center;gap:8px;margin-top:6px;display:flex}.share input{min-width:0;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#00000040;border:1px solid #efe3c81f;border-radius:8px;flex:1;padding:9px 12px;font-size:13px}.only-pad,.pad-hints,.pad-hint,body.pad-mode .only-kbd{display:none}body.pad-mode .only-pad{display:inline}body.pad-mode p.only-pad,body.pad-mode div.only-pad{display:block}body.pad-mode .pad-hints{display:flex}body.pad-mode .pad-hint{display:inline-flex}body.pad-mode,body.pad-mode *{cursor:none!important}.pad-glyph{vertical-align:middle;min-width:1.7em;height:1.7em;font:800 .78em/1 var(--font);letter-spacing:.02em;color:var(--text);white-space:nowrap;background:#efe3c824;border:1px solid #efe3c847;border-radius:.6em;justify-content:center;align-items:center;padding:0 .45em;display:inline-flex}.pad-glyph.round{color:#14110d;border:0;border-radius:50%;width:1.7em;padding:0;box-shadow:inset 0 -2px #00000040}.pad-glyph[data-b="0"]{background:#6cc46a}.pad-glyph[data-b="1"]{background:#e86450}.pad-glyph[data-b="2"]{background:#4f9de8}.pad-glyph[data-b="3"]{background:#f0c541}body.pad-mode .screen :focus{outline:3px solid var(--cyan);outline-offset:3px;z-index:1;position:relative;transform:scale(1.06);box-shadow:0 0 0 7px #6fe6df38,0 0 26px #6fe6df8c}body.pad-mode .screen input[type=range]:focus{border-radius:6px;transform:none}body.pad-mode .screen .vk-key:focus{transform:scale(1.12)}.pad-hints{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;font-size:13px}.pad-hints .sep{opacity:.5}.pad-help{font-size:13px}.pad-help svg{vertical-align:-4px;width:18px;height:18px;color:var(--brass)}.pad-help b{color:var(--text)}.notice{background:#e0553f24;border:1px solid #e0553f66;border-radius:8px;margin-top:12px;padding:8px 12px;font-size:13px}.opt-toggles{margin:-6px 0 20px}.opt-toggles b{color:var(--brass);font-weight:800}.skills-wrap{align-items:stretch;gap:6px;min-width:0;display:flex}.skills-wrap .skills{flex:1;min-width:0}.skills-wrap .pad-hint{align-self:center}body.pad-mode .skill .key{display:none}.ctrl .pad-hint{font-size:10px}.ctrl.rate button{position:relative}.ctrl.rate button .pad-hint{font-size:8px;position:absolute;bottom:1px}#tooltip .pad-prompt{color:var(--text);margin-left:8px;font-weight:600}.pad-cursor{pointer-events:none;z-index:4;width:0;height:0;display:none;position:absolute;top:0;left:0}.pad-cursor.visible{display:block}.pad-cursor:before{content:"";box-sizing:border-box;border:3px solid var(--brass);border-radius:50%;width:44px;height:44px;transition:transform .12s,border-color .12s;position:absolute;top:-22px;left:-22px;box-shadow:0 0 0 2px #0000008c,0 0 16px #ffb34799,inset 0 0 0 2px #0006}.pad-cursor:after{content:"";background:var(--cyan);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-4px;box-shadow:0 0 0 2px #0009}.pad-cursor.on-robot:before{border-color:var(--cyan);transform:scale(.82);box-shadow:0 0 0 2px #0000008c,0 0 20px #6fe6dfcc}.pad-cursor.denied:before{border-color:var(--red);box-shadow:0 0 0 2px #0000008c,0 0 16px #e0553fb3}.score-form .vk{flex-basis:100%;order:3}.vk{gap:6px;margin-top:10px;display:grid}.vk-row{justify-content:center;gap:6px;display:flex}.vk-key{min-width:40px;height:40px;color:var(--text);font:700 15px var(--font);cursor:pointer;background:#efe3c80f;border:1px solid #efe3c824;border-radius:8px;padding:0 10px}.vk-key.wide{min-width:96px}.vk-key.wider{min-width:190px}.vk-key.on{border-color:var(--brass);color:var(--brass)}.vk-key.primary{color:#2a1e0c;background:linear-gradient(#e2c470,#b8882f)}.vk-help{text-align:center;color:var(--muted);font-size:12px}input.vk-target{border-color:var(--cyan)!important}.tv .screen .panel{zoom:var(--panel-zoom);max-width:var(--panel-max-w);max-height:var(--panel-max-h);overflow:auto}.tv .screen.title .panel{width:min(1100px, var(--panel-max-w));margin-bottom:calc(var(--safe-y) / var(--panel-zoom))}.tv .screen.title .title-body .row{max-width:60%}.tv #hud{zoom:var(--hud-zoom);padding:10px var(--hud-pad-x) var(--hud-pad-b)}.tv .stat .label{font-size:12px}.tv .stat .value{font-size:21px}.tv .skill .name{font-size:11.5px}.tv .skill .count{font-size:18px}.tv .ctrl{font-size:13px}.tv #tooltip{padding:8px 12px;font-size:19px}.tv #toast{padding:10px 20px;font-size:21px}.tv .pad-cursor:before{border-width:4px;width:60px;height:60px;top:-30px;left:-30px}.tv .panel p,.tv .credits,.tv .pad-hints,.tv .board,.tv .changelog li{font-size:14px}.tv .muted,.tv p.muted.small,.tv .demo-captions .d{font-size:13px}