.lq-app{color:#2a2a2a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f0e6;flex-direction:column;width:100%;height:100%;min-height:100%;font-family:"Press Start 2P",monospace;display:flex}.lq-header{background:linear-gradient(#3d6b4f 0%,#2f523c 100%);border-top:2px solid #c9a84c;border-bottom:2px solid #c9a84c;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff26}.lq-header-plus{color:#e8c45a;flex-shrink:0;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1}.lq-header-title{font-family:inherit;font-size:clamp(6px,1.05vw,8px);font-weight:inherit;letter-spacing:.5px;color:#f8f6f0;text-align:center;margin:0;line-height:1.5}.lq-app--boot .lq-header--boot{flex-wrap:wrap;justify-content:center;gap:6px 8px;padding:8px 10px}.lq-app--boot .lq-header-title--boot{letter-spacing:.3px;white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;flex:100%;order:2;max-width:100%;font-family:VT323,Courier New,monospace;font-size:clamp(11px,3.1vw,15px);line-height:1.25}.lq-app--boot .lq-header-plus{order:1;font-size:7px}.lq-app--boot .lq-header-plus:last-child{order:3}.lq-body{flex-direction:column;flex:1;min-height:0;padding:8px 10px 10px;display:flex}@media (max-width:767px){.lq-app--mobile{min-height:100dvh;overflow:hidden}.lq-app--mobile .lq-body--mobile-scroll{-webkit-overflow-scrolling:touch;max-height:92vh;overflow-y:auto}.lq-app--mobile .lq-header-title{font-size:clamp(14px,4vw,22px)}.lq-app--mobile .lq-grid{flex-wrap:wrap}.lq-mobile-note{text-align:center;color:#7a7a7a;margin:8px 0 0;font-family:"Press Start 2P",monospace;font-size:7px;line-height:1.5}}@media (min-width:768px){.lq-mobile-note{display:none}}.lq-section-label{color:#5c5c5c;letter-spacing:.5px;margin:0 0 6px 2px;font-family:VT323,Courier New,monospace;font-size:clamp(14px,2.2vw,18px);line-height:1}.lq-grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:6px;min-height:0;padding:0 0 8px;display:grid;overflow-y:auto}.lq-char-btn{cursor:pointer;text-align:center;background:#f8f6f0;border:1px solid #c4bfb4;flex-direction:column;align-items:center;gap:3px;padding:5px 4px 4px;font-family:inherit;transition:background .1s,border-color .1s;display:flex;box-shadow:inset 1px 1px #ffffffd9}.lq-char-btn:hover:not(.lq-char-btn--selected){background:#f0ece4;border-color:#a8a298}.lq-char-btn--selected{background:#d4e8d0;border:2px solid #3a6b4a;padding:4px 3px 3px;box-shadow:inset 0 0 0 1px #3a6b4a40}.lq-char-sprite{image-rendering:pixelated;image-rendering:crisp-edges;background:#ebe8e2;border:1px solid #d0ccc4;justify-content:center;align-items:flex-end;display:flex}.lq-char-btn--selected .lq-char-sprite{background:#e8f4e6;border-color:#8ab898}.lq-char-label{color:#2a3d30;font-size:clamp(5px,.85vw,6px);line-height:1.3}.lq-char-desc{color:#6a6a6a;text-transform:capitalize;font-family:VT323,Courier New,monospace;font-size:clamp(11px,1.6vw,14px);line-height:1.1}.lq-footer{flex-shrink:0;align-items:stretch;gap:10px;padding-top:4px;display:flex}.lq-preview{image-rendering:pixelated;image-rendering:crisp-edges;background:#d4e8d0;border:2px solid #3a6b4a;flex-shrink:0;justify-content:center;align-items:flex-end;display:flex;box-shadow:inset 1px 1px #fff6}.lq-actions{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.lq-name-row{align-items:center;gap:8px;display:flex}.lq-name-label{color:#3a6b4a;flex-shrink:0;font-size:clamp(6px,.9vw,7px)}.lq-name-input{box-sizing:border-box;color:#2a2a2a;background:#e8e6e0;border:1px solid #b8b4ac;outline:none;flex:1;min-width:0;padding:8px 10px;font-family:VT323,Courier New,monospace;font-size:clamp(16px,2.4vw,20px);box-shadow:inset 1px 1px 2px #00000014}.lq-name-input::placeholder{color:#9a9a9a}.lq-name-input:focus{background-color:#f8f6f2;border-color:#3a6b4a}.lq-enter-btn{color:#f8f6f0;letter-spacing:.5px;cursor:pointer;background:linear-gradient(#3d6b4f 0%,#2f523c 100%);border:2px solid #2a4030;width:100%;padding:12px 10px;font-family:inherit;font-size:clamp(6px,1vw,8px);box-shadow:inset 0 1px #fff3,0 2px #1e3024}.lq-enter-btn:hover:not(:disabled){background:linear-gradient(#457a5a 0%,#355f48 100%)}.lq-enter-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 2px #00000040}.lq-enter-btn:disabled{color:#e0e0e0;cursor:not-allowed;box-shadow:none;background:#8a8a8a;border-color:#6a6a6a}