*{box-sizing:border-box}body{margin:0;background:#102531;color:#e9f4fa;font:16px/1.5 system-ui,sans-serif}header,main,footer{max-width:1300px;margin:auto;padding:20px}a{color:#7bdeec}h1{margin:5px 0}main{display:grid;grid-template-columns:1fr 1fr;gap:24px}.preview,.browser{background:#193747;padding:20px;border-radius:16px}canvas{width:100%;max-width:560px;background:radial-gradient(#30556c,#102936);border-radius:16px}label{display:block;margin:10px 0}input,select,button{font:inherit;padding:8px;border-radius:7px;border:1px solid #7294a8}button{cursor:pointer;background:#d6eef5;color:#143448;margin:5px}#items{display:grid;grid-template-columns:repeat(3,1fr)}#items button{overflow-wrap:anywhere;font-size:12px;min-height:80px}.chosen{outline:3px solid #f0ba5c}footer{text-align:right}#equipped button{font-size:13px}@media(max-width:750px){main{grid-template-columns:1fr}#items{grid-template-columns:repeat(2,1fr)}}
#items button canvas{display:block;width:96px;height:96px;max-width:100%;background:transparent;margin:auto}#items button span{display:block}
#items article{background:#ffffff09;border-radius:10px;padding:4px;margin:4px}#items article>button:first-child{width:calc(100% - 10px)}#items article>button:not(:first-child){min-height:32px;font-size:12px}#preset-list button{overflow-wrap:anywhere;max-width:100%}
#gallery{display:flex;flex-wrap:wrap;gap:12px}#gallery article{max-width:150px;overflow-wrap:anywhere}#gallery img{max-width:100%;height:auto}body.light-theme{background:#e8f1f7;color:#173849}body.light-theme .preview,body.light-theme .browser{background:#fff}body.light-theme a{color:#126778}#move-left,#move-right,#move-jump{touch-action:none}button:disabled{opacity:.4;cursor:not-allowed}
main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}main>section,section,article{min-width:0}select,input,button{max-width:100%}button{white-space:normal;overflow-wrap:anywhere}#items{grid-template-columns:repeat(3,minmax(0,1fr))}#runner-list{display:flex;flex-wrap:wrap;gap:12px}#runner-list article{width:150px;max-width:100%;overflow-wrap:anywhere}[role=alertdialog]{padding:16px;border:2px solid #f0ba5c;border-radius:12px;background:#173747}#preset-list img{display:block;max-width:100%;height:auto}@media(max-width:750px){header,main,footer{padding:12px}main{grid-template-columns:minmax(0,1fr)}.preview,.browser{padding:12px}select,input:not([type=checkbox]):not([type=range]){width:100%}button{max-width:calc(100% - 10px);min-height:44px}#items{grid-template-columns:repeat(2,minmax(0,1fr))}#items button canvas{width:80px;height:80px}#move-left,#move-right,#move-jump{min-width:54px;min-height:48px}}