.console-page{--console-accent:#62e4ce;color:#edf6f7;background:radial-gradient(at 45% 0,#173b40,#0000 65%),#071018;min-height:100dvh;padding:0 4vw 24px;font-family:Arial,Helvetica,sans-serif}.console-page.clash-2{--console-accent:#ffbb70;background:radial-gradient(at 45% 0,#562a32,#0000 65%),#100e18}.console-header{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;min-height:94px;margin:auto;display:flex}.console-back{color:#d4dce3;align-items:center;gap:8px;min-height:44px;font-size:16px;display:flex}.console-heading{text-align:center}.console-heading>span{letter-spacing:2px;color:var(--console-accent);font-size:12px;font-weight:700}.console-heading h1{margin:5px 0;font-size:25px;font-weight:800;line-height:1.2}.console-help{color:#edf6f7;background:#ffffff0c;border-color:#ffffff30;min-height:44px!important;font-size:14px!important}.console-shell{background:#030609;border:1px solid #ffffff2e;border-radius:16px;max-width:1280px;margin:0 auto;overflow:hidden;box-shadow:0 22px 70px #0005}.console-marquee{color:var(--console-accent);background:#070f17;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:5px 16px;display:flex}.console-marquee>span{letter-spacing:1.5px;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.console-marquee>button{color:#e5edf2;align-items:center;gap:7px;min-height:40px;padding:0 8px;font-size:14px;display:flex}.console-frame{background:#050a0f;border:0;width:100%;height:min(72dvh,790px);min-height:430px;display:block}:-webkit-any(.console-shell.is-expanded,.console-shell:-webkit-full-screen){z-index:1000;border:0;border-radius:0;flex-direction:column;max-width:none;display:flex;position:fixed;inset:0}:is(.console-shell.is-expanded,.console-shell:fullscreen){z-index:1000;border:0;border-radius:0;flex-direction:column;max-width:none;display:flex;position:fixed;inset:0}:-webkit-any(.console-shell.is-expanded .console-frame,.console-shell:-webkit-full-screen .console-frame){flex:1;height:auto;min-height:0}:is(.console-shell.is-expanded .console-frame,.console-shell:fullscreen .console-frame){flex:1;height:auto;min-height:0}.console-below{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:18px auto;display:flex}.console-below p{color:#b8c6d0;max-width:750px;margin:0;font-size:14px;line-height:1.5}.console-below [data-slot=button]{background:var(--console-accent);color:#111c27;flex-shrink:0;min-height:44px!important;font-size:14px!important}.console-footer{color:#839aab;justify-content:space-between;gap:18px;max-width:1280px;margin:18px auto;font-size:14px;line-height:1.6;display:flex}.console-footer a{text-underline-offset:4px;text-decoration:underline}.console-instructions{max-height:90dvh;overflow-y:auto;color:#f1f5f8!important;background:#111e2b!important;border-color:#6b7e9180!important;max-width:680px!important}.console-instructions p{color:#c4d2df;font-size:16px;line-height:1.65}.console-controls-table{overflow-x:auto}.console-controls-table table{border-collapse:collapse;width:100%;font-size:14px}.console-controls-table th{text-align:left;color:#7be6ce}.console-controls-table th,.console-controls-table td{border-bottom:1px solid #ffffff20;padding:11px 8px;line-height:1.5}.console-controls-table td:first-child{font-weight:700}.console-instructions [data-slot=dialog-description]{font-size:16px;color:#b8cadb!important}@media (max-width:600px){.console-page{padding:0 10px 20px}.console-header{gap:10px;min-height:80px}.console-heading>span{letter-spacing:1px;font-size:10px}.console-heading h1{font-size:20px}.console-back span,.console-help span{display:none}.console-back,.console-help{justify-content:center;width:42px}.console-help{padding:8px}.console-marquee{padding:3px 10px}.console-marquee>span{letter-spacing:.8px;font-size:11px}.console-frame{height:69dvh;min-height:510px;max-height:760px}.console-below{display:block}.console-below p{margin-bottom:14px}.console-footer{flex-direction:column;gap:8px}.console-shell{border-radius:10px}}@media (orientation:landscape) and (max-height:600px){.console-header{min-height:65px}.console-frame{height:calc(100dvh - 130px);min-height:300px}.console-shell.is-expanded .console-frame{min-height:0}.console-marquee{min-height:38px}.console-marquee>button{min-height:36px}}
