:root{font:14px system-ui;color:#fcf3dc;background:#364c48}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}button,select,input,summary{font:inherit}button,select,input{background:#14343af2;color:#fff6df;border:1px solid #d5d6a577;border-radius:9px;padding:10px;min-height:44px}button,summary{cursor:pointer}button:disabled{opacity:.5}button:focus-visible,summary:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffe597;outline-offset:2px}[hidden]{display:none!important}h1{font-size:20px;margin:4px 0 12px}a{color:#ffe9a9}#menus{position:fixed;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:8px;z-index:5}.menu summary{background:#153238f5;border:1px solid #d5d6a577;border-radius:12px;padding:12px;min-height:44px;white-space:nowrap}.menu[open]{z-index:6}.panel{position:absolute;top:54px;left:0;width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 170px);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid #d5d6a577;border-radius:14px;background:#153238f7;box-shadow:0 10px 30px #10252555}.panel>button[data-close-menu]{display:block;margin-top:16px;width:100%}.panel label{display:block;margin:10px 0 6px}.panel select{width:100%;max-width:100%}#phase,#intent{color:#ffe197;font-weight:700}#status,#demo-note,#queue,#target{margin:8px 0;font-size:12px;line-height:1.5}aside strong{display:block;font-size:19px;margin:14px 0 8px}#health{font-weight:800;color:#bef6be}#ammo{margin:8px 0}#personality{display:block;margin-top:8px}aside button{margin-top:10px;width:100%}#watch-status{position:fixed;top:72px;left:12px;max-width:calc(100vw - 24px);padding:7px 10px;border-radius:10px;background:#153238dd;display:flex;align-items:center;gap:8px;font-size:12px;z-index:2}#watch-status button{font-size:12px}nav{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));right:12px;display:flex;gap:6px;z-index:3}#events-menu{position:fixed;bottom:72px;right:12px;z-index:4;font-size:12px}#events-menu .panel{top:auto;bottom:54px;left:auto;right:0}#feed div{padding:8px 0;border-bottom:1px solid #ffffff22}footer{font-size:11px;line-height:1.6;margin-top:10px}.search-row{display:flex;gap:6px}.search-row input{width:0;min-width:0;flex:1}#rank-result{max-height:40dvh;overflow:auto;overscroll-behavior:contain;margin-top:12px}#rank-result ol{padding-left:30px;margin:0}#rank-result li{padding:12px 4px;border-bottom:1px solid #ffffff22;line-height:1.5}#rank-result li span{display:block;color:#c8decf;font-size:12px}#search-result{line-height:1.5;font-size:13px}#account{position:fixed;inset:10px;z-index:20;background:#153238;padding:18px;overflow:auto;border:1px solid #e8dca2;border-radius:12px}#account label{display:block;padding:8px}#account input:not([type=checkbox]){max-width:100%}#account-status{color:#ffe9a9}#account form{margin:16px 0}#account button{margin:4px}@media(max-width:600px){:root{font-size:13px}#menus{gap:5px}.menu summary{padding:12px 9px}#watch-status{flex-wrap:wrap;gap:4px;max-width:calc(100vw - 24px)}#watch-label{max-width:100%}nav button{padding:10px 9px}#events-menu{bottom:72px}.panel{max-height:calc(100dvh - 155px)}}

body:has(details.menu[open]) #watch-status{visibility:hidden}