.hall-page>header{gap:24px}
.notepad-page-header{justify-content:flex-start;gap:24px}
.notepad-page-header>div:last-child{margin-left:auto}
.notepad-page-header>#engineStatus{flex:1;justify-content:center;text-align:center}
@media(max-width:1100px){.notepad-page-header>#engineStatus{flex-basis:100%}}
.hall-page #meBox{flex:1;min-width:180px;flex-wrap:nowrap}
.hall-page #meName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hall-page #meSub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#notepadButton{flex:none;margin-left:12px}
@media(max-width:720px){.hall-page>header,.notepad-page-header{gap:12px}#notepadButton{margin-left:0}}
.notepad-window{position:fixed;display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--panel);color:var(--ink);border:2px solid var(--border);box-shadow:6px 6px 0 var(--shad);min-width:0;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);isolation:isolate}
.notepad-handle{display:flex;flex:none;align-items:center;justify-content:space-between;gap:10px;background:var(--panel2);padding:4px 6px;cursor:move;touch-action:none;user-select:none}
.notepad-caption{font-family:"Pixelify Sans",monospace;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.notepad-handle .btn{padding:2px 9px;min-height:30px;flex:none;box-shadow:none}
.notepad-title{width:100%;flex:none;padding:8px!important}
.notepad-body{width:100%;flex:1;min-height:0;resize:none;overflow:auto;overscroll-behavior:contain;font:inherit;scrollbar-gutter:stable}
.notepad-editor .notepad-handle{justify-content:flex-end}
.notepad-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.notepad-row{display:flex;align-items:center;gap:8px;margin:0 5px 10px 0}
.notepad-open{flex:1;min-width:0;justify-content:flex-start;text-align:left;overflow-wrap:anywhere}
.notepad-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:none;max-height:90px;overflow:auto;font:inherit}
.notepad-library-status,.notepad-empty{font-size:18px}.notepad-library-status:empty{display:none}
.notepad-grip{position:absolute;z-index:2;touch-action:none}
.grip-n,.grip-s{left:8px;right:8px;height:8px;cursor:ns-resize}.grip-n{top:-4px}.grip-s{bottom:-4px}
.grip-e,.grip-w{top:8px;bottom:8px;width:8px;cursor:ew-resize}.grip-e{right:-4px}.grip-w{left:-4px}
.grip-ne,.grip-nw,.grip-se,.grip-sw{width:12px;height:12px}.grip-ne{right:-4px;top:-4px;cursor:nesw-resize}.grip-nw{left:-4px;top:-4px;cursor:nwse-resize}.grip-se{right:-4px;bottom:-4px;cursor:nwse-resize;border-right:3px solid var(--gold);border-bottom:3px solid var(--gold)}.grip-sw{left:-4px;bottom:-4px;cursor:nesw-resize}
@media(max-width:720px){.hall-page #meBox{flex-basis:100%}.notepad-window{gap:6px;padding:8px}.notepad-window .btn{font-size:18px}}