:root{--ink:#202122;--ink-soft:#54595d;--ink-faint:#72777d;--paper:#fff;--paper-mist:#ffffffeb;--line:#a2a9b1;--line-soft:#c8ccd1;--wash:#eaecf0;--chip:#f8f9fa;--link:#36c;--link-wash:#eaf3ff;--danger:#d73333;--danger-wash:#fdf2f2;--good:#14866d;--serif:"Linux Libertine", Georgia, "Times New Roman", serif;--radius:4px;--shadow:0 2px 10px #0000002e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--kb:0px;--t-big:clamp(60px, 17vw, 84px);--t-jump:clamp(68px, 19vw, 92px);--t-mid:clamp(42px, 12vw, 54px);--thumb-h:calc(var(--safe-bottom) + var(--t-jump) + var(--t-mid) + 44px)}html,body{background:var(--wash);height:100%;margin:0;font-family:sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{margin:0 auto;display:block}#ui-fade{height:calc(88px + var(--safe-top));pointer-events:none;z-index:5;background:linear-gradient(#ffffff80 0%,#ffffff47 45%,#fff0 100%);position:fixed;top:0;left:0;right:0}html.touch #ui-fade{height:calc(120px + var(--safe-top))}#ui-fade-bottom{pointer-events:none;z-index:5;background:linear-gradient(#fff0 0%,#ffffff6b 55%,#ffffffb8 100%);height:96px;position:fixed;bottom:0;left:0;right:0}html.touch #ui-fade-bottom{height:calc(var(--thumb-h) + 56px)}#overlay{pointer-events:none;position:fixed;inset:0;overflow:hidden}#hud-top{padding:calc(6px + var(--safe-top)) calc(10px + var(--safe-right)) 0 calc(10px + var(--safe-left));z-index:10;pointer-events:none;grid-template-columns:1fr minmax(0,auto) 1fr;grid-template-areas:"left mid right";align-items:start;gap:6px;display:grid;position:fixed;top:0;left:0;right:0}#hud-left{grid-area:left;justify-self:start}#hud-right{grid-area:right;justify-content:flex-end;justify-self:end;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}#hud-mid{flex-direction:column;grid-area:mid;justify-self:center;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}html.touch #hud-top{grid-template-columns:auto 1fr;grid-template-areas:"left right""mid mid"}@media (width<=700px){#hud-top{grid-template-columns:auto 1fr;grid-template-areas:"left right""mid mid"}}#vitals{letter-spacing:1px;color:var(--danger);border:1px solid var(--line);-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ffffffd9;border-radius:3px;padding:2px 8px;font-size:15px}html.touch #vitals{padding:3px 10px;font-size:17px}#vitals .charges{letter-spacing:0;margin-left:4px}#vitals .charge{color:var(--link)}#vitals .charge.empty{color:var(--line);opacity:.45}#vitals.critical{box-shadow:0 0 0 1px var(--danger)}#status{color:var(--ink-soft);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;background:#ffffffd9;border-radius:3px;max-width:48vw;padding:2px 8px;font-size:12px;overflow:hidden}#status.connected{color:var(--good)}#status.error{color:var(--danger)}#menu-button{pointer-events:auto;border:1px solid var(--line);background:var(--paper-mist);color:var(--link);cursor:pointer;white-space:nowrap;border-radius:3px;padding:2px 10px;font-family:inherit;font-size:12px}#menu-button:hover{background:var(--link-wash)}#action-menu{top:calc(34px + var(--safe-top));background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-width:240px;box-shadow:var(--shadow);z-index:34;flex-direction:column;padding:4px;display:none;position:fixed;right:10px}#action-menu.show{display:flex}.menu-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:3px;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 9px;font-family:inherit;font-size:13px;display:flex}.menu-row:hover{background:var(--link-wash)}.menu-label{color:var(--ink)}.menu-key{color:var(--ink-soft);background:var(--chip);border:1px solid var(--line-soft);white-space:nowrap;border-radius:3px;padding:0 6px;font-family:inherit;font-size:11px}.ui-close{width:32px;height:32px;color:var(--ink-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:3px;flex:none;justify-content:center;align-items:center;margin:-5px -7px -5px 0;font-family:inherit;font-size:20px;line-height:1;display:flex}.ui-close:hover{background:var(--wash);color:var(--ink)}html.touch .ui-close{width:48px;height:48px;margin:-6px -8px -6px 0;font-size:30px}html.touch .ui-close:active{background:var(--link-wash);color:var(--link)}.name-tag{color:var(--ink-soft);white-space:nowrap;background:#ffffffbf;border-radius:2px;padding:0 4px;font-size:11px;position:absolute;transform:translate(2px,-100%)}.name-tag.self{color:var(--ink);font-weight:700}.name-tag.self.critical{color:var(--danger)}.name-tag.race-mate{color:var(--ink);font-weight:600}.name-tag.clickable{pointer-events:auto;cursor:pointer}.bubble{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);max-width:220px;color:var(--ink);overflow-wrap:break-word;padding:3px 8px;font-size:13px;transition:opacity .5s;position:absolute;transform:translate(-50%,-100%);box-shadow:0 1px 3px #00000026}#hurt-flash{pointer-events:none;opacity:0;z-index:40;background:#d7333347;position:fixed;inset:0}#hurt-flash.show{animation:.45s ease-out forwards hurt-flash}@keyframes hurt-flash{0%{opacity:1}to{opacity:0}}#hint{max-width:min(560px,100vw - 24px);color:var(--ink);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#ffffffe6;border-radius:3px;padding:3px 10px;font-size:13px;display:none;position:fixed;bottom:48px;left:50%;overflow:hidden;transform:translate(-50%)}#hint.show{display:block}#hint b{color:var(--link)}html.touch #hint{bottom:calc(var(--thumb-h) + 8px);color:var(--link);font-size:14px;font-weight:600}#chat{left:12px;bottom:calc(12px + var(--kb));z-index:8;pointer-events:none;flex-direction:column;gap:6px;width:min(340px,100vw - 24px);font-size:13px;display:flex;position:fixed}#chat-log{flex-direction:column;justify-content:flex-end;max-height:min(26vh,200px);display:flex;overflow:hidden}#chat.open #chat-log{max-height:min(32vh,260px)}#chat-log.clipped{-webkit-mask-image:linear-gradient(#0000 0,#000 22px);mask-image:linear-gradient(#0000 0,#000 22px)}#chat-log .line{color:var(--ink);overflow-wrap:break-word;background:#ffffffd9;border-radius:3px;margin-top:2px;padding:1px 6px;transition:opacity 1.2s}#chat-log .line .who{color:var(--link);font-weight:700}.line.fading{opacity:.45}.line.old,#chat-bar{display:none}#chat.open #chat-bar{pointer-events:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:stretch;gap:6px;padding:4px;display:flex}#chat-input{box-sizing:border-box;border:1px solid var(--line);border-radius:3px;flex:auto;min-width:0;padding:5px 8px;font-family:sans-serif;font-size:13px}#chat-send{border:1px solid var(--line);background:var(--chip);color:var(--link);cursor:pointer;border-radius:3px;flex:none;padding:0 12px;font-family:inherit;font-size:13px;font-weight:700}#chat-send:hover{background:var(--link-wash)}#chat #chat-close{align-self:center}html.touch #chat{left:calc(10px + var(--safe-left));bottom:calc(var(--thumb-h) + 42px + var(--kb));width:min(72vw,340px);font-size:12px}html.touch #chat.open{right:calc(10px + var(--safe-right));width:auto;bottom:calc(10px + var(--safe-bottom) + var(--kb));z-index:37;font-size:14px}html.touch #chat.open #chat-bar{padding:6px}html.touch #chat-input{padding:11px 10px;font-size:16px}html.touch #chat-send{min-height:44px;padding:0 16px;font-size:15px}#attribution{color:var(--ink-faint);background:#ffffffb3;border-radius:2px;padding:1px 6px;font-size:10px;position:fixed;bottom:8px;right:12px}#attribution a{color:var(--link);text-decoration:none}html.touch #attribution{left:50%;right:auto;bottom:calc(1px + var(--safe-bottom));white-space:nowrap;font-size:9px;transform:translate(-50%)}#ring-menu{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);z-index:20;flex-direction:column;min-width:160px;display:none;position:fixed;overflow:hidden;box-shadow:0 2px 8px #0003}#ring-menu.show{display:flex}#ring-menu button{text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:none;padding:8px 14px;font-size:13px}#ring-menu button:first-child{color:var(--link)}#ring-menu button:hover{background:var(--link-wash)}html.touch #ring-menu{min-width:210px}html.touch #ring-menu button{min-height:44px;padding:12px 16px;font-size:15px}#touch-left,#touch-right{bottom:calc(14px + var(--safe-bottom));z-index:22;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:10px;display:none;position:fixed}html.touch #touch-left{left:calc(14px + var(--safe-left));align-items:center;display:flex}html.touch #touch-right{right:calc(14px + var(--safe-right));align-items:flex-end;display:flex}.t-row{align-items:flex-end;gap:12px;display:flex}#touch-left button,#touch-right button{border:1px solid var(--line);color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff9e;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;display:flex}.t-icon{pointer-events:none;width:42%;height:42%;display:block}.t-big{width:var(--t-big);height:var(--t-big);font-size:calc(var(--t-big) * .32)}.t-jump{width:var(--t-jump);height:var(--t-jump);font-size:calc(var(--t-jump) * .34);background:#ffffffbf}.t-mid{width:var(--t-mid);height:var(--t-mid);font-size:calc(var(--t-mid) * .4);color:var(--ink-soft)}.t-mid .t-icon{width:36%;height:36%}.t-hyper{margin-right:calc((var(--t-jump) - var(--t-mid)) / 2);color:var(--link)}#touch-left button:active,#touch-right button:active,#touch-left button.held{border-color:var(--link);background:#3366cc40}#touch-right #t-go{color:var(--line);transition:background .15s,color .15s,border-color .15s}#touch-right #t-go.lit{background:var(--link);border-color:var(--link);color:#fff;font-weight:700;box-shadow:0 0 14px #3366cc8c}#sheet-handle{left:50%;bottom:calc(14px + var(--safe-bottom) + var(--t-jump) + 10px);border:1px solid var(--line);width:58px;height:34px;color:var(--ink-soft);z-index:22;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffffb3;border-radius:17px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:none;position:fixed;transform:translate(-50%)}html.touch #sheet-handle{display:flex}#sheet-handle .t-icon{width:22px;height:22px}#sheet-handle.open{border-color:var(--link);background:#3366cc40}html.touch.chatting #touch-left,html.touch.chatting #touch-right,html.touch.chatting #sheet-handle{display:none}html.touch.chatting #hint{display:none!important}html.touch.chatting #ui-fade-bottom{height:calc(140px + var(--kb))}#sheet-scrim{z-index:38;background:#20212259;display:none;position:fixed;inset:0}#sheet-scrim.show{display:block}#action-sheet{background:var(--paper);border-top:1px solid var(--line);padding:4px 10px calc(8px + var(--safe-bottom));z-index:39;border-radius:12px 12px 0 0;flex-direction:column;transition:transform .22s ease-out;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%)}#action-sheet.show{transform:translateY(0)}.sheet-grab{background:var(--line-soft);border-radius:2px;width:40px;height:4px;margin:6px auto}.sheet-row{border:none;border-top:1px solid var(--wash);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 8px;font-family:inherit;display:flex}.sheet-row:active{background:var(--link-wash)}.sheet-row:first-of-type{border-top:none}.sheet-label{color:var(--link);white-space:nowrap;font-size:16px;font-weight:600}.sheet-what{color:var(--ink-faint);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}#debug-panel{top:calc(40px + var(--safe-top));border:1px solid var(--line);border-radius:var(--radius);width:240px;color:var(--ink);z-index:15;background:#fffffff0;flex-direction:column;gap:8px;padding:10px 12px;font-size:12px;display:none;position:fixed;right:12px;box-shadow:0 2px 8px #00000026}#debug-panel.show{display:flex}#debug-panel .dbg-head{justify-content:space-between;align-items:center;gap:8px;display:flex}#debug-panel h3{font-size:14px;font-family:var(--serif);margin:0;font-weight:400}#debug-panel pre{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.6}#debug-panel .row{gap:6px;display:flex}#debug-panel button:not(.ui-close){border:1px solid var(--line);background:var(--chip);cursor:pointer;border-radius:3px;flex:1;padding:4px 0;font-size:12px}#debug-panel button:not(.ui-close):hover{background:var(--link-wash)}#debug-panel button.danger{color:var(--danger)}#debug-panel label{color:var(--ink-soft);font-size:12px}#debug-panel .note{color:var(--ink-faint);font-size:10px}#debug-panel .err:empty{display:none}#debug-panel .err{color:var(--danger);background:var(--danger-wash);overflow-wrap:break-word;border:1px solid #f0c0c0;border-radius:3px;padding:3px 6px;font-size:11px}html.touch #debug-panel{width:auto;padding:calc(12px + var(--safe-top)) 16px calc(12px + var(--safe-bottom));z-index:36;border:none;border-radius:0;font-size:14px;inset:0;overflow-y:auto}html.touch #debug-panel button:not(.ui-close){padding:10px 0;font-size:14px}#race-banner{max-width:min(560px,100%);color:var(--ink);border:1px solid var(--line);text-align:center;cursor:pointer;background:#fffffff0;border-radius:3px;padding:4px 12px;font-size:13px;display:none}#race-banner.show{display:block}#race-banner b{color:var(--link)}html.touch #race-banner{padding:6px 12px;font-size:14px}.race-key{border:1px solid var(--line);background:var(--chip);color:var(--link);border-radius:3px;padding:0 5px;font-weight:700;display:inline-block}.race-key.armed{color:#fff;background:var(--danger);border-color:var(--danger)}.race-btn{border:1px solid var(--link);background:var(--link);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;margin:2px 0;padding:3px 14px;font-weight:700;display:inline-block}.race-btn.armed{background:var(--danger);border-color:var(--danger)}.race-act{color:var(--ink-soft);cursor:pointer;padding:2px 4px;text-decoration:underline}.race-act:hover,#race-banner b.race-warn{color:var(--danger)}.race-err{color:var(--danger);font-size:11px}#race-endclock{font-variant-numeric:tabular-nums;color:var(--ink-faint);border:1px solid var(--line);pointer-events:none;background:#fffffff0;border-radius:3px;padding:2px 10px;font-size:15px;font-weight:700;display:none}#race-endclock.show{display:block}#race-endclock.urgent{color:var(--danger);border-color:var(--danger)}#race-board{width:min(440px,100%);color:var(--ink);background:var(--paper-mist);border:1px solid var(--line);pointer-events:auto;border-radius:3px;flex-direction:column;padding:4px 0;font-size:12px;display:none}#race-board.show{display:flex}#race-board .rb-head{letter-spacing:.5px;text-transform:uppercase;color:var(--ink-faint);padding:0 10px 3px;font-size:11px}#race-board .rb-row{cursor:pointer;justify-content:space-between;align-items:baseline;gap:10px;padding:3px 10px;display:flex}#race-board .rb-row:hover{background:var(--link-wash)}#race-board .rb-where{color:var(--link);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#race-board .rb-meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none}#race-board .rb-empty{color:var(--ink-faint);padding:2px 10px 4px}#race-field{max-width:min(420px,100%);color:var(--ink);border:1px solid var(--line);pointer-events:none;background:#ffffffeb;border-radius:3px;flex-direction:column;gap:1px;padding:4px 8px;font-size:11px;display:none}#race-field.show{display:flex}#race-field .rf-row{white-space:nowrap;justify-content:space-between;gap:8px;display:flex}#race-field .rf-row.me{font-weight:700}#race-field .rf-row.done .rf-place{color:var(--good);font-weight:700}#race-field .rf-name{color:var(--ink)}#race-field .rf-page{color:var(--ink-faint);text-overflow:ellipsis;max-width:220px;overflow:hidden}#race-field .rf-more{color:var(--ink-faint);font-size:10px}#race-countdown{color:var(--ink);text-shadow:0 2px #fff,0 0 24px #ffe566cc;z-index:30;pointer-events:none;font-size:96px;font-weight:700;line-height:1;display:none;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}#race-countdown.show{display:block}#race-countdown.go{color:var(--good);font-size:88px}#race-toast{color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);z-index:28;pointer-events:none;background:#fffffff2;padding:10px 22px;font-size:28px;font-weight:700;display:none;position:fixed;top:28%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0003}#race-toast.show{display:block}#race-toast.dnf{color:var(--ink-faint);font-size:22px}#race-panel{border:1px solid var(--line);border-radius:var(--radius);width:min(400px,100vw - 32px);color:var(--ink);z-index:25;background:#fffffff7;flex-direction:column;gap:8px;padding:14px 16px;font-size:13px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #00000040}#race-panel.show{display:flex}#race-panel h3{font-size:17px;font-family:var(--serif);margin:0;font-weight:400}#race-panel p{color:var(--ink-soft);margin:0}#race-panel label{color:var(--ink-soft);font-size:12px}#race-panel button{border:1px solid var(--line);background:var(--chip);color:var(--link);text-align:left;cursor:pointer;border-radius:3px;padding:7px 10px;font-size:13px}#race-panel button:hover{background:var(--link-wash)}#race-panel button.race-close{color:var(--ink-soft);text-align:center;margin-top:4px}#race-panel table{border-collapse:collapse;font-size:13px}#race-panel td{padding:2px 8px 2px 0}#race-panel .race-route td{color:var(--ink-faint);padding-bottom:6px;font-size:10px}.race-delta{color:var(--good);font-size:11px}html.touch #race-panel{width:auto;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));border:none;border-radius:0;gap:10px;font-size:15px;inset:0;overflow-y:auto;transform:none}html.touch #race-panel button{padding:13px 12px;font-size:15px}html.touch #race-panel table{font-size:14px}#admin-console{border:1px solid var(--line);border-radius:var(--radius);width:min(420px,100vw - 288px);max-height:calc(100vh - 120px);color:var(--ink);z-index:45;background:#fffffff5;flex-direction:column;font-size:13px;display:flex;position:fixed;top:40px;right:264px;box-shadow:0 2px 12px #0000002e}#admin-console .admin-head{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;padding:8px 12px;display:flex}#admin-console .admin-head h3{font-size:15px;font-family:var(--serif);margin:0;font-weight:400}#admin-console .admin-who{color:var(--ink-soft);flex:1;font-size:11px}#admin-console .admin-fold{border:1px solid var(--line);background:var(--chip);color:var(--ink-soft);cursor:pointer;border-radius:3px;padding:1px 7px;font-size:11px}html.touch #admin-console .admin-fold{min-width:48px;min-height:44px;padding:2px 10px;font-size:16px}#admin-console .admin-scroll{flex-direction:column;gap:8px;padding:10px 12px;display:flex;overflow-y:auto}#admin-console.folded .admin-scroll{display:none}#admin-console .admin-state{flex-direction:column;gap:8px;display:none}#admin-console .admin-state.show{display:flex}#admin-console .admin-state p{margin:0;line-height:1.45}#admin-console .admin-state .admin-err-line{color:var(--danger)}#admin-console .admin-panels{flex-direction:column;gap:8px;display:none}#admin-console .admin-panels.show{display:flex}#admin-console .admin-panel{border:1px solid var(--line);background:var(--chip);border-radius:3px}#admin-console .admin-panel-head{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;align-items:baseline;gap:6px;padding:6px 9px;font-size:13px;display:flex}#admin-console .admin-panel-head:hover{background:var(--link-wash)}#admin-console .admin-caret{color:var(--ink-faint);font-size:10px}#admin-console .admin-panel-title{font-weight:700}#admin-console .admin-panel-sub{color:var(--ink-faint);font-size:11px}#admin-console .admin-panel-body{flex-direction:column;gap:4px;padding:2px 9px 8px;display:flex}#admin-console .admin-panel.collapsed .admin-panel-body,#admin-console .admin-panel.collapsed .admin-err{display:none}#admin-console .admin-rows{flex-direction:column;gap:3px;display:flex}#admin-console .admin-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}#admin-console .admin-key{color:var(--ink-soft);white-space:nowrap}#admin-console .admin-val{text-align:right;overflow-wrap:anywhere}#admin-console .admin-table{border-collapse:collapse;width:100%;font-size:12px}#admin-console .admin-table th{text-align:left;color:var(--ink-faint);border-bottom:1px solid var(--line);padding:2px 6px 2px 0;font-weight:400}#admin-console .admin-table td{vertical-align:top;overflow-wrap:anywhere;padding:3px 6px 3px 0}#admin-console .admin-table tr.pick{cursor:pointer}#admin-console .admin-table tr.pick:hover,#admin-console .admin-table tr.sel{background:var(--link-wash)}#admin-console .admin-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}#admin-console .admin-input{border:1px solid var(--line);background:var(--paper);min-width:0;font:inherit;color:var(--ink);border-radius:3px;flex:120px;padding:4px 7px;font-size:12px}#admin-console .admin-input.narrow{flex:0 0 68px}#admin-console select.admin-input.narrow{flex:0 0 104px;height:auto}#admin-console .admin-btn{border:1px solid var(--line);background:var(--paper);font:inherit;color:var(--link);cursor:pointer;border-radius:3px;padding:4px 10px;font-size:12px}#admin-console .admin-btn:hover:not(:disabled){background:var(--link-wash)}#admin-console .admin-btn:disabled{opacity:.5;cursor:default}#admin-console .admin-btn.danger{color:var(--danger)}#admin-console .admin-muted{color:var(--ink-soft)}#admin-console .admin-note{color:var(--ink-faint);font-size:11px}#admin-console .admin-empty,#admin-console .admin-nodata{color:var(--ink-faint);font-style:italic}#admin-console .admin-good{color:var(--good)}#admin-console .admin-bad{color:var(--danger)}#admin-console .admin-cap{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin:7px 0 1px;font-size:11px;font-weight:700}#admin-console .admin-panel-body>.admin-cap:first-child{margin-top:0}#admin-console .admin-meter{background:var(--wash);border-radius:3px;height:5px;margin-top:3px;overflow:hidden}#admin-console .admin-meter i{background:var(--good);height:100%;display:block}#admin-console .admin-meter.over i{background:var(--danger)}#admin-console .admin-meter.nodata{background:repeating-linear-gradient(-45deg,#eaecf0 0 3px,#fbfcfd 3px 6px)}#admin-console .admin-pairs{flex-wrap:wrap;gap:1px 10px;display:flex}#admin-console .admin-pair{overflow-wrap:anywhere}#admin-console .admin-pair .admin-key{margin-right:1px}#admin-console .admin-code{background:var(--chip);border:1px solid var(--line);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:3px;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}#admin-console [hidden]{display:none!important}#admin-console .admin-err:empty{display:none}#admin-console .admin-err{color:var(--danger);background:var(--danger-wash);overflow-wrap:break-word;border:1px solid #f0c0c0;border-radius:3px;margin:0 9px 6px;padding:3px 6px;font-size:11px}@media (width<=640px){#admin-console{top:calc(36px + var(--safe-top));width:auto;max-height:calc(100vh - 96px);left:8px;right:8px}#admin-console .admin-row{flex-direction:column;gap:0}#admin-console .admin-val{text-align:left}}#name-claim{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);z-index:50;flex-direction:column;gap:8px;width:min(340px,100vw - 32px);padding:16px 18px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000040}#name-claim.show{display:flex}#name-claim h3{font-size:17px;font-family:var(--serif);margin:0;font-weight:400}#name-claim p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.4}#name-claim p.msg{min-height:16px}#name-claim p.msg.error{color:var(--danger)}#name-claim p.msg.ok{color:var(--good)}#name-claim input{font:inherit;border:1px solid var(--line);border-radius:3px;padding:7px 9px;font-size:16px}#name-claim .row{justify-content:flex-end;gap:8px;display:flex}#name-claim button{border:1px solid var(--line);background:var(--chip);cursor:pointer;border-radius:3px;padding:6px 14px;font-size:13px}#name-claim button:hover:not(:disabled){background:var(--link-wash)}#name-claim button:disabled{opacity:.5;cursor:default}#name-submit{color:var(--link);font-weight:700}html.touch #name-claim{top:calc(10px + var(--safe-top));width:auto;font-size:15px;left:10px;right:10px;transform:none}html.touch #name-claim button{min-height:44px;padding:11px 18px;font-size:15px}#social-panel{top:calc(48px + var(--safe-top));background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);width:320px;max-width:calc(100vw - 16px);color:var(--ink);z-index:35;flex-direction:column;font-size:12px;display:none;position:fixed;bottom:56px;right:8px;box-shadow:0 2px 10px #0003}#social-panel.show{display:flex}#social-panel .soc-bar{border-bottom:1px solid var(--line-soft);background:var(--chip);border-radius:3px 3px 0 0;justify-content:space-between;align-items:center;padding:6px 8px 6px 10px;display:flex}#social-panel .soc-title{font-weight:400;font-family:var(--serif);font-size:15px}#social-panel .soc-msg{border-bottom:1px solid var(--line-soft);padding:6px 10px;line-height:1.35}#social-panel .soc-msg.soc-bad{color:var(--danger);background:#fff4f4}#social-panel .soc-msg.soc-ok{color:var(--good);background:#f4fbf9}#social-panel .soc-scroll{flex-direction:column;gap:10px;padding:10px;display:flex;overflow-y:auto}#social-panel [hidden]{display:none!important}#social-panel .soc-head{color:var(--ink-soft);border-bottom:1px solid var(--wash);margin-bottom:5px;padding-bottom:3px;font-weight:700}#social-panel .soc-body{flex-direction:column;gap:5px;display:flex}#social-panel .soc-person{grid-template-columns:1fr auto;grid-template-areas:"who acts""where acts";align-items:center;gap:0 6px;display:grid}#social-panel .soc-who{grid-area:who;align-items:baseline;gap:5px;display:flex}#social-panel .soc-name{overflow-wrap:anywhere}#social-panel .soc-mark{color:var(--ink-faint);border:1px solid var(--line-soft);border-radius:8px;padding:0 5px;font-size:10px}#social-panel .soc-where{color:var(--ink-faint);overflow-wrap:anywhere;grid-area:where}#social-panel .soc-acts{grid-area:acts;gap:4px;display:flex}#social-panel .soc-btn{border:1px solid var(--line);background:var(--chip);color:var(--link);cursor:pointer;white-space:nowrap;border-radius:3px;padding:2px 7px;font-size:11px}#social-panel .soc-btn:hover:not(:disabled){background:var(--link-wash)}#social-panel .soc-btn:disabled{opacity:.45;cursor:default}#social-panel .soc-btn.soc-yes{color:var(--good)}#social-panel .soc-btn.soc-no{color:var(--danger)}#social-panel .soc-note{color:var(--ink-faint);line-height:1.4}#social-panel .soc-empty{color:var(--ink-faint);font-style:italic}#social-panel .soc-form{gap:5px;display:flex}#social-panel .soc-input{border:1px solid var(--line);border-radius:3px;flex:auto;min-width:0;padding:3px 6px;font-family:inherit;font-size:12px}#social-panel .soc-chat{border:1px solid var(--wash);background:#fcfcfc;border-radius:3px;max-height:132px;padding:4px 6px;line-height:1.4;overflow-y:auto}#social-panel .soc-line{overflow-wrap:anywhere}#social-panel .soc-who-inline{color:var(--link)}html.touch #social-panel{border:none;border-radius:0;width:auto;max-width:none;font-size:14px;inset:0}html.touch #social-panel .soc-bar{padding:calc(8px + var(--safe-top)) 8px 8px 14px;border-radius:0}html.touch #social-panel .soc-title{font-size:18px}html.touch #social-panel .soc-scroll{padding:12px 14px calc(12px + var(--safe-bottom))}html.touch #social-panel .soc-btn{padding:8px 12px;font-size:13px}html.touch #social-panel .soc-input{padding:9px 10px;font-size:16px}html.touch #social-panel .soc-chat{max-height:30vh}#controls-panel{top:calc(48px + var(--safe-top));background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);width:300px;max-width:calc(100vw - 16px);max-height:calc(100vh - 120px);color:var(--ink);z-index:36;flex-direction:column;font-size:12px;display:none;position:fixed;right:8px;box-shadow:0 2px 10px #0003}#controls-panel.show{display:flex}#controls-panel .soc-bar{border-bottom:1px solid var(--line-soft);background:var(--chip);border-radius:3px 3px 0 0;justify-content:space-between;align-items:center;padding:6px 8px 6px 10px;display:flex}#controls-panel .soc-title{font-weight:400;font-family:var(--serif);font-size:15px}#controls-panel .soc-scroll{flex-direction:column;gap:10px;padding:10px;display:flex;overflow-y:auto}#controls-panel .soc-head{color:var(--ink-soft);border-bottom:1px solid var(--wash);margin-bottom:5px;padding-bottom:3px;font-weight:700}#controls-panel .soc-note{color:var(--ink-faint);line-height:1.4}#controls-panel .ctl-row{grid-template-columns:104px 1fr;align-items:baseline;gap:8px;padding:1px 0;display:grid}#controls-panel .ctl-keys{color:var(--ink-soft);background:var(--chip);border:1px solid var(--line-soft);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:11px;overflow:hidden}#controls-panel .ctl-what{line-height:1.35}html.touch #controls-panel{border:none;border-radius:0;width:auto;max-width:none;max-height:none;font-size:14px;inset:0}html.touch #controls-panel .soc-bar{padding:calc(8px + var(--safe-top)) 8px 8px 14px;border-radius:0}html.touch #controls-panel .soc-title{font-size:18px}html.touch #controls-panel .soc-scroll{padding:12px 14px calc(12px + var(--safe-bottom))}html.touch #controls-panel .ctl-row{grid-template-columns:118px 1fr;padding:4px 0}