html,body{margin:0;height:100%;overflow:hidden;background:#05080b;color:#e8e4d6;font-family:Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;user-select:none}#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block}#hud{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.stencil{font-family:Impact,Arial Narrow,Helvetica Neue,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.screen{position:absolute;inset:0;display:flex}.veil{background:radial-gradient(ellipse at 50% 40%,#04080c26,#04080cb8)}.title{flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#03070b40,#03070b1a 40%,#03070bcc)}.title h1{font-size:clamp(64px,13vw,190px);margin:0;line-height:.9;color:#efe9d6;text-shadow:0 4px 30px rgba(0,0,0,.7);letter-spacing:.12em}.title h2{font-weight:400;font-style:italic;font-size:clamp(15px,1.7vw,24px);margin:14px 0 44px;color:#d8cfb4;text-shadow:0 2px 10px #000}.title .foot{position:absolute;bottom:18px;font-size:12px;color:#9a9684}button,.btn{font:inherit;cursor:pointer;color:#efe9d6;background:#121c22d1;border:1px solid #8f8a6e;padding:11px 26px;letter-spacing:.12em;text-transform:uppercase;font-size:14px;transition:background .15s,border-color .15s,color .15s}button:hover,.btn:hover{background:#d6b054eb;border-color:#f1d488;color:#14181a}button.primary{background:#b28c34e6;color:#14181a;border-color:#f1d488;font-weight:700}button.primary:hover{background:#f1d488}button.small{padding:6px 12px;font-size:11px}button.on{background:#d6b054eb;color:#14181a}.select{justify-content:space-between;align-items:stretch;padding:22px;gap:18px;box-sizing:border-box}.col{background:#070d11cc;border:1px solid rgba(143,138,110,.6);padding:16px 18px;box-sizing:border-box;overflow-y:auto;backdrop-filter:blur(3px)}.col.left{flex:0 0 330px;display:flex;flex-direction:column;gap:10px}.col.right{flex:0 0 400px}.mid{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;pointer-events:none;padding-bottom:6px}.mid>*{pointer-events:auto}.tabs{display:flex;gap:6px}.tabs button{flex:1;padding:9px 4px;font-size:13px}.card{border:1px solid rgba(143,138,110,.45);padding:9px 10px 6px;cursor:pointer;background:#141e2499}.card:hover{border-color:#f1d488}.card.sel{border-color:#f1d488;background:#7860286b}.card .nm{font-size:16px;color:#f2ecd8}.card .sub{font-size:11.5px;color:#a9a48e;margin-top:1px}.card canvas{width:100%;height:58px;display:block;margin-top:6px;background:linear-gradient(180deg,#cfd6d6,#b9c4c6 62%,#6f8690 62%,#58707b)}h3{margin:0 0 2px;font-size:25px;font-weight:400;color:#f4eeda}h4{margin:14px 0 6px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#cdb05c;font-weight:400;border-bottom:1px solid rgba(205,176,92,.35);padding-bottom:3px}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#cdb05c}p{font-size:13.5px;line-height:1.5;color:#d9d4c2;margin:8px 0}table.stats{width:100%;border-collapse:collapse;font-size:12.5px}table.stats td{padding:2.5px 0;border-bottom:1px dotted rgba(143,138,110,.3);color:#d9d4c2}table.stats td:last-child{text-align:right;color:#f4eeda;font-variant-numeric:tabular-nums}ul.arm{margin:0;padding-left:16px;font-size:12.5px;color:#d9d4c2;line-height:1.5}.modes{display:flex;gap:10px;align-items:stretch;background:#070d11d1;border:1px solid rgba(143,138,110,.6);padding:12px;flex-wrap:wrap;justify-content:center;max-width:100%;box-sizing:border-box}.mode{width:190px;border:1px solid rgba(143,138,110,.45);padding:9px 11px;cursor:pointer;background:#141e2499}.mode.sel{border-color:#f1d488;background:#7860286b}.mode b{display:block;font-size:15px;font-weight:400;color:#f4eeda}.mode span{font-size:11.5px;color:#a9a48e}.opts{display:flex;flex-direction:column;gap:6px;justify-content:center}.opts .row{display:flex;gap:4px;align-items:center;font-size:11px;color:#a9a48e}.opts .row span{width:62px;text-transform:uppercase;letter-spacing:.1em}.sheet{margin:auto;width:min(760px,92vw);max-height:88vh;overflow-y:auto;background:#e2dbc4f5;color:#1b2428;padding:30px 38px;box-shadow:0 20px 80px #000000b3;border:1px solid #8a8368;box-sizing:border-box}.sheet h3{color:#1b2428;font-size:30px}.sheet .kicker{color:#7a5b17}.sheet p{color:#26302f;font-size:14.5px}.sheet h4{color:#7a5b17;border-color:#7a5b1766}.sheet button{background:#24323a}.sheet button.primary{background:#8c6b1f;color:#fff;border-color:#5d470f}.sheet ul{padding-left:18px;font-size:14px;line-height:1.6}.sheet .stamp{float:right;border:3px double #9d2b22;color:#9d2b22;padding:4px 12px;transform:rotate(6deg);font-size:13px;letter-spacing:.2em;margin:-6px -8px 0 12px}.sheet table{width:100%;border-collapse:collapse;font-size:13.5px}.sheet td{padding:3px 4px;border-bottom:1px dotted rgba(27,36,40,.3)}.sheet td:last-child{text-align:right;font-variant-numeric:tabular-nums}.sheet .big{font-size:40px;text-align:right;margin:6px 0 0}.keys{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 26px;font-size:13px}.keys div{display:flex;justify-content:space-between;border-bottom:1px dotted rgba(27,36,40,.25);padding:2px 0}.keys kbd{font-family:Courier New,monospace;font-weight:700;background:#1b24281f;padding:0 5px;border-radius:2px;margin-left:10px;white-space:nowrap}.bar{display:flex;gap:10px;margin-top:20px;justify-content:flex-end;flex-wrap:wrap}.free{position:absolute;top:50%;left:14px;transform:translateY(-62%);width:272px;background:#070d11c7;border:1px solid rgba(143,138,110,.6);padding:9px 12px;font-size:11.5px;color:#cfc9b5}.free label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0;text-transform:uppercase;letter-spacing:.08em}.free input[type=range]{width:138px;accent-color:#d6b054}.free select{background:#18242b;color:#efe9d6;border:1px solid #8f8a6e;font:inherit;padding:2px 4px}.free .btns{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.free.hidden{display:none}.corner{position:absolute;left:50%;top:96px;bottom:auto;transform:translate(-50%);font-size:11px;color:#e8e4d68c;text-shadow:0 1px 3px #000;pointer-events:none!important}.mutebtn{position:absolute;left:50%;bottom:100px;transform:translate(-50%);padding:4px 9px;font-size:10px;opacity:.7}.hide{display:none!important}@media (max-width: 1250px){.col.left{flex-basis:250px}.col.right{flex-basis:300px}.mode{width:150px}.select{padding:10px;gap:10px}}@media (max-height: 640px){.col{padding:10px 12px}.card canvas{height:40px}p{font-size:12.5px;margin:5px 0}h3{font-size:21px}}