@font-face{font-family:Zato Courier;src:url(/fonts/zato-cour.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Zato Display;src:url(/fonts/archivo-black.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#030303;--ink:#ededeb;--line:#777775;--faint-line:#2b2b2a;--serif:SimSun, "Songti SC", "Noto Serif SC", "Times New Roman", serif;--mono:"Courier New", Consolas, monospace;--outer-x:clamp(72px, 6.25vw, 128px);--menu-w:clamp(270px, 17.4vw, 356px);--settings-w:clamp(360px, 22vw, 450px);--content-gap:clamp(38px, 2.9vw, 60px)}*{box-sizing:border-box}html,body{background:var(--black);min-height:100%;margin:0}body{color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0}.game-shell{background:radial-gradient(circle at 83% 20%,#ffffff09,#0000 22%),radial-gradient(circle at 18% 76%,#ffffff06,#0000 18%),#030303;min-height:100vh;position:relative;overflow:hidden}.game-shell:after{z-index:20;pointer-events:none;content:"";opacity:.12;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 31% 17%,#0000 0 1px,#ffffff1f 1px 2px,#0000 2px 4px);position:fixed;inset:0}.game-layout{grid-template-columns:var(--menu-w) minmax(520px, 1fr) var(--settings-w);min-height:100vh;padding:clamp(44px, 5.8vh, 67px) var(--outer-x) clamp(44px, 5.8vh, 67px);display:grid}.mode-menu{border-right:1px solid var(--line);padding:clamp(28px,4.2vh,48px) clamp(52px,3.4vw,70px) 20px 4px;position:relative}.mode-menu>button{text-align:left;opacity:.36;width:100%;padding:14px 0 17px;transition:opacity .16s,transform .16s;display:block}.mode-menu>button:hover{opacity:.7}.mode-menu>button.selected{opacity:1;transform:translate(9px)}.mode-menu button strong{letter-spacing:.04em;font-size:clamp(29px,1.65vw,34px);font-weight:400;display:block}.preview-area{padding:0 var(--content-gap);align-items:center;min-width:0;display:flex}.canvas-frame{aspect-ratio:16/9;background-color:#000;border:1px solid #5b5b58;width:100%;position:relative;overflow:hidden}.canvas-frame canvas{width:100%;height:100%;display:block}.empty-picker{color:#b9b9b5;background:#000000d1;border:1px solid #5e5e5b;grid-template-columns:5fr 1fr;width:288px;height:78px;display:grid;position:absolute;top:40.83%;left:50%;transform:translate(-50%,-50%)}.empty-picker button{color:#b9b9b5;place-items:center;display:grid}.empty-picker-file{font-size:20px}.empty-picker-clipboard{border-left:1px solid #5e5e5b}.empty-picker button:hover{color:#fff;background:#ffffff0b}.clipboard-icon{border:1px solid;width:17px;height:20px;position:relative}.clipboard-icon:before{content:"";background:#050505;border:1px solid;width:9px;height:6px;position:absolute;top:-5px;left:3px}.settings-pane{scrollbar-color:#565654 transparent;scrollbar-width:thin;max-height:calc(100vh - clamp(88px,11.6vh,134px));padding:0 8px 50px clamp(36px,2.55vw,52px);overflow-y:auto}.settings-section{border-bottom:1px solid var(--faint-line);margin-bottom:34px;padding:0 0 34px}.settings-section h2{color:#e7e7e3;letter-spacing:.06em;margin:0 0 24px;font-size:clamp(27px,1.55vw,32px);font-weight:400}.line-button{color:#c9c9c5;text-align:left;border-bottom:1px solid #6b6b68;justify-content:space-between;width:100%;padding:15px 0 12px;font-size:21px;display:flex}.line-button:hover{color:#fff;border-bottom-color:#eee}.muted-action{color:#5d5d5a;margin-top:13px;font-size:16px}.muted-action:hover{color:#aaa}.palette-list{gap:8px;display:grid}.palette-list button{color:#686865;text-align:left;grid-template-columns:1fr 116px;align-items:center;gap:20px;padding:10px 0;font-size:19px;display:grid}.palette-list button.selected{color:#f0f0ec}.palette-list i{border:1px solid #3d3d3b;height:7px;display:flex}.palette-list b{flex:1}.setting-slider{color:#c4c4c0;grid-template-columns:112px minmax(100px,1fr) 58px;align-items:center;gap:16px;margin:22px 0;font-size:19px;display:grid}.setting-slider output{color:#777774;font-family:var(--mono);text-align:right;font-size:12px}input[type=range]{appearance:none;background:0 0;width:100%;height:18px}input[type=range]::-webkit-slider-runnable-track{background:#5c5c59;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#171717;border:1px solid #bbb;border-radius:0;width:7px;height:22px;margin-top:-10px}.plain-field{margin:19px 0 23px;display:block}.plain-field>span{color:#777774;margin-bottom:8px;font-size:16px;display:block}.plain-field input,.plain-field textarea{resize:vertical;background:0 0;border:0;border-bottom:1px solid #62625f;border-radius:0;outline:none;width:100%;padding:9px 0;font-size:23px}.plain-field textarea{font-size:17px;line-height:1.65}.plain-field input:focus,.plain-field textarea:focus{border-bottom-color:#ededeb}.simple-check{color:#999996;align-items:center;gap:11px;margin-top:22px;font-size:17px;display:flex}.simple-check input{appearance:none;background:0 0;border:1px solid #7a7a77;width:14px;height:14px}.simple-check input:checked{background:#dadad6;box-shadow:inset 0 0 0 3px #080808}.action-section .line-button+.line-button{margin-top:18px}.action-section{border-bottom:0;margin-bottom:0;padding-bottom:0}.line-button.no-divider{border-bottom-color:#0000}.hidden-input{display:none}.site-corner-logo{z-index:2;left:var(--outer-x);opacity:.84;pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(178px,11.5vw,226px);height:auto;position:fixed;bottom:20px}@media (width<=1250px){.game-layout{grid-template-columns:210px minmax(480px,1fr) 330px;padding-inline:32px}.preview-area{padding-inline:24px}.settings-pane{padding-left:24px}.site-corner-logo{left:32px}}@media (width<=980px){.game-shell{overflow:auto}.game-layout{padding:0 24px 60px;display:block}.mode-menu{border-bottom:1px solid #555;border-right:0;gap:24px;padding:14px 0 20px;display:flex}.mode-menu>button{width:auto}.mode-menu>button.selected{transform:none}.mode-menu button strong{font-size:22px}.preview-area{padding:28px 0 0}.settings-pane{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;max-height:none;padding:42px 0 0;display:grid}.site-corner-logo{width:210px;margin:0 24px 30px;display:block;position:static}}@media (width<=620px){.game-layout{padding-inline:20px}.mode-menu{gap:15px;overflow-x:auto}.mode-menu button strong{white-space:nowrap;font-size:19px}.site-corner-logo{width:190px;margin-inline:20px}.settings-pane{display:block}}