:root{--bg:#0a0d13;--panel:#141926;--panel-2:#1b2230;--panel-3:#222b3b;--edge:#2a3344;--edge-hi:#3c4a60;--text:#e7eaf1;--dim:#e7eaf19e;--faint:#e7eaf166;--accent:#54d4e6;--accent-ink:#052028;--accent-soft:#54d4e624;--accent-line:#54d4e680;--amber:#f0b454;--radius:10px;--radius-sm:7px;--shadow:0 1px 0 #ffffff0a inset, 0 6px 20px #00000057}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.enc-app{background:radial-gradient(1200px 460px at 50% -10%, #54d4e614, transparent 60%), radial-gradient(900px 560px at 100% -5%, #f0b4540b, transparent 55%), var(--bg);min-height:100vh}.enc-shell{max-width:1200px;margin:0 auto;padding:20px 24px 56px}.enc-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.enc-brand{align-items:center;gap:11px;display:flex}.enc-brand__mark{background:linear-gradient(150deg, var(--accent), #2f8fa3);border-radius:8px;flex:none;width:28px;height:28px;position:relative;box-shadow:0 0 0 1px #54d4e666,0 4px 16px #54d4e647}.enc-brand__mark:after{content:"";opacity:.7;background:linear-gradient(150deg,#ffffffe6,#ffffff14);border-radius:3px;position:absolute;inset:6px}.enc-title{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:800;line-height:1.1}.enc-sub{color:var(--dim);margin:1px 0 0;font-size:12.5px}.enc-divider{background:var(--edge);opacity:.7;border:0;height:1px;margin:16px 0 18px}.enc-btn{appearance:none;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--edge);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 11px;font-size:13px;line-height:1;transition:background .13s,border-color .13s,color .13s,transform 60ms;display:inline-flex}.enc-btn:hover{background:var(--panel-3);border-color:var(--edge-hi)}.enc-btn:active{transform:translateY(1px)}.enc-btn:focus-visible{outline:2px solid var(--accent-line);outline-offset:1px}.enc-btn[disabled]{opacity:.4;cursor:default}.enc-btn[disabled]:hover{background:var(--panel-2);border-color:var(--edge)}.enc-btn--active,.enc-btn--active:hover{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:600}.enc-btn--primary,.enc-btn--primary:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.enc-btn--primary:hover{filter:brightness(1.08)}.enc-btn--sm{font-variant-numeric:tabular-nums;padding:5px 8px;font-size:12px}.enc-kbd{border:1px solid var(--edge-hi);min-width:15px;height:15px;color:var(--dim);background:#00000047;border-radius:3px;justify-content:center;align-items:center;margin-right:1px;padding:0 3px;font-family:ui-monospace,monospace;font-size:9.5px;font-weight:700;line-height:1;display:inline-flex}.enc-btn:hover .enc-kbd{color:var(--accent);border-color:var(--accent-line)}.enc-seg{background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.enc-seg .enc-btn{background:0 0;border-color:#0000}.enc-seg .enc-btn:hover{background:var(--panel-2);border-color:#0000}.enc-seg .enc-btn--active,.enc-seg .enc-btn--active:hover{background:var(--accent-soft);border-color:var(--accent-line)}.enc-panel{background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow)}.enc-panel--pad{padding:11px}.enc-label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:10.5px;font-weight:600}.enc-stat{font-variant-numeric:tabular-nums;align-items:center;gap:7px;display:inline-flex}.enc-stat__dot{border-radius:3px;flex:none;width:9px;height:9px}.enc-stat__label{color:var(--dim);font-size:12px}.enc-stat__val{font-size:15px;font-weight:700}.enc-stat--urgent .enc-stat__val{color:#ff6b6b;animation:.9s ease-in-out infinite enc-urgent}.enc-stat--urgent .enc-stat__dot{animation:.9s ease-in-out infinite enc-urgent;background:#ff6b6b!important}@keyframes enc-urgent{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.enc-stat--urgent .enc-stat__val,.enc-stat--urgent .enc-stat__dot{animation:none}}.enc-tabs{flex-wrap:wrap;gap:6px;display:flex}.enc-room{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--edge);background:var(--panel);width:100%;color:var(--text);cursor:pointer;padding:9px 11px;transition:background .13s,border-color .13s,transform 80ms;display:block}.enc-room:hover:not([disabled]){background:var(--panel-2);border-color:var(--edge-hi);transform:translate(2px)}.enc-room[disabled]{opacity:.5;cursor:default}.enc-mono{font-family:ui-monospace,SF Mono,monospace}.enc-hud{color:var(--dim);min-height:14px;font-family:ui-monospace,monospace;font-size:11px}.enc-canvas{border-radius:var(--radius);border:1px solid var(--edge);image-rendering:pixelated;box-shadow:var(--shadow);max-width:100%;height:auto;display:block}.enc-game{width:100%}.enc-viewport2{border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);background:radial-gradient(900px 400px at 50% -10%,#54d4e60f,#0000 60%),#07090e;flex-direction:column;justify-content:flex-start;align-items:center;min-height:320px;padding:10px;display:flex;position:relative;overflow:hidden}.enc-canvas2{image-rendering:pixelated;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 230px);display:block}.enc-glass{z-index:3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid var(--edge-hi);border-radius:var(--radius-sm);background:#0a0d13b8;position:absolute;box-shadow:0 6px 22px #00000073}.enc-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;padding:7px 11px;display:flex;position:relative}.enc-underrail{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px;width:100%;margin-top:10px;display:flex}.enc-glass--mini{padding:6px 7px 7px;position:relative}.enc-mini-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.enc-mini-canvas{width:168px;image-rendering:pixelated;border-radius:4px;display:block}.enc-mini-x{appearance:none;color:var(--dim);cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:15px;line-height:1}.enc-mini-x:hover{color:var(--text)}.enc-mini-x:disabled{opacity:.3;cursor:default}.enc-mini-show{font:inherit;color:var(--dim);cursor:pointer;align-self:center;padding:7px 10px;font-size:12px;position:relative}.enc-mini-show:hover{color:var(--text)}.enc-standings{flex-direction:column;gap:2px;width:240px;max-width:100%;padding:7px 9px 8px;display:flex;position:relative}.enc-standings__head{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.enc-standings__hint{color:var(--faint);letter-spacing:.02em;font-size:9.5px}.enc-rank{width:100%;font:inherit;color:inherit;text-align:left;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:2px 4px;font-size:11.5px;transition:background .12s,box-shadow .12s;display:flex}.enc-rank:hover{background:#e2464629;box-shadow:inset 0 0 0 1px #e2464657}.enc-rank:hover .enc-rank__name{color:var(--text)}.enc-rank--you{background:#54d4e61f;box-shadow:inset 0 0 0 1px #54d4e64d}.enc-rank--you:hover{background:#54d4e633;box-shadow:inset 0 0 0 1px #54d4e673}.enc-rank__pos{text-align:right;width:11px;color:var(--faint);font-variant-numeric:tabular-nums;flex:none;font-size:10px}.enc-rank__dot{border-radius:50%;flex:none;width:8px;height:8px}.enc-rank__name{min-width:28px;color:var(--dim);white-space:nowrap;align-items:center;gap:3px;display:flex}.enc-rank--you .enc-rank__name{color:var(--text);font-weight:600}.enc-rank__flag{color:#e8cc42;font-size:9px}.enc-rank__bar{background:#ffffff0f;border-radius:3px;flex:1;min-width:24px;height:5px;overflow:hidden}.enc-rank__fill{border-radius:3px;min-width:2px;height:100%;transition:width .25s;display:block}.enc-rank__score{text-align:right;width:18px;color:var(--text);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.enc-overlay{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07090ea8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.enc-overlay--soft{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0}.enc-paused{letter-spacing:3px;color:var(--text);opacity:.85;background:#080b1199;border-radius:6px;padding:5px 13px;font-size:13px;font-weight:700}.enc-countdown{flex-direction:column;align-items:center;gap:4px;display:flex}.enc-countdown__n{color:var(--accent);text-shadow:0 4px 24px #54d4e680;font-variant-numeric:tabular-nums;font-size:88px;font-weight:800;line-height:1;animation:1s ease-out infinite enc-pop}.enc-countdown__t{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:12px;font-weight:600}@keyframes enc-pop{0%{opacity:.5;transform:scale(1.25)}40%,to{opacity:1;transform:scale(1)}}.enc-feed{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:5px;width:max-content;max-width:92%;display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%)}.enc-feed__item{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid var(--accent-line);border-left:3px solid var(--faint);color:var(--text);letter-spacing:.01em;white-space:nowrap;background:#0a0d13d6;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;animation:.26s ease-out enc-feed-in,4.5s ease-in forwards enc-feed-out;box-shadow:0 6px 18px #0000006b}.enc-feed__item--good{color:#b6f0c4;border-left-color:#5fd07a}.enc-feed__item--bad{color:#f3bcbc;border-left-color:#e26b6b}.enc-feed__item--gold{color:#f4e09a;border-left-color:#e8ce5c}.enc-feed__item--info{color:#cdd9ea;border-left-color:#7aa6d6}.enc-feed__item--big{border-width:1px 1px 1px 4px;padding:7px 18px;font-size:15.5px;box-shadow:0 8px 24px #00000080,0 0 16px #e8ce5c2e}@keyframes enc-feed-in{0%{opacity:0;transform:translateY(-9px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes enc-feed-out{0%,76%{opacity:1}to{opacity:0}}.enc-cmdmode{z-index:5;color:#f4e09a;letter-spacing:.04em;white-space:nowrap;pointer-events:none;background:#241c06db;border:1px solid #e8ce5c99;border-radius:999px;padding:6px 16px;font-size:12.5px;font-weight:800;animation:1.1s ease-in-out infinite enc-urgent;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #e8ce5c40}.enc-heromode{border:1px solid var(--accent-line);color:var(--faint);cursor:pointer;background:#ffffff0d;border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 5px;font-size:11px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.enc-heromode:hover{color:var(--text);border-color:#e7eaf180}.enc-heromode--on{color:#f4e09a;background:#e8ce5c29;border-color:#e8ce5cb3}.enc-cmdbar{background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:flex-start;gap:18px;margin-top:12px;padding:12px 14px;display:flex}.enc-cmdbar__sel{min-width:150px}.enc-cmdbar__cmd{flex:240px;min-width:220px}.enc-cmdbar__status{text-align:right;min-width:170px;margin-left:auto}.enc-hud-text{color:var(--dim);min-height:14px;font-family:ui-monospace,monospace;font-size:11.5px}.enc-lobbybar{margin-top:18px}.enc-rooms{flex-wrap:wrap;gap:8px;display:flex}.enc-room{flex:none;width:210px}@media (width<=560px){.enc-room,.enc-standings{width:100%}.enc-toolbar{gap:9px;padding:6px 8px}.enc-mode-blurb{display:none}.enc-cmdbar{gap:12px}.enc-cmdbar__cmd{flex-basis:100%}.enc-cmdbar__status{text-align:left;margin-left:0}.enc-cmdbar__cmd .enc-btn{padding:11px 13px;font-size:13.5px}}.enc-stage{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.enc-view{flex:560px;min-width:0}.enc-cols{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.enc-viewport{flex:360px;align-self:flex-start;min-width:0;position:relative}.enc-aside{flex-direction:column;gap:12px;width:224px;max-width:100%;display:flex}.enc-lobby{flex:240px;min-width:240px;max-width:340px}@media (width<=780px){.enc-aside{width:100%}.enc-lobby{max-width:none}}@media (width<=520px){.enc-shell{padding:16px 14px 40px}}.enc-input,.enc-select{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--edge);background:var(--panel-2);color:var(--text);outline:none;width:100%;padding:7px 9px;font-size:13px}.enc-input:focus,.enc-select:focus{border-color:var(--accent-line)}.enc-input::placeholder{color:var(--faint)}.enc-chip{font:inherit;border:1px solid var(--edge);background:var(--panel-2);color:var(--dim);cursor:pointer;white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:12px;transition:background .12s,border-color .12s,color .12s}.enc-chip:hover{border-color:var(--edge-hi);color:var(--text)}.enc-chip--on,.enc-chip--on:hover{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:600}.enc-mapcard{text-align:left;border-radius:var(--radius);border:1px solid var(--edge);background:var(--panel);width:256px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;font:inherit;padding:11px;transition:border-color .13s,transform .1s;display:block}.enc-mapcard:hover{border-color:var(--accent-line);transform:translateY(-2px)}.enc-mapcard:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.enc-toasts{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.enc-toast{background:var(--panel-2);border:1px solid var(--accent-line);color:var(--text);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:center;gap:9px;padding:9px 14px;font-size:13px;animation:.22s both enc-toast-in;display:flex}.enc-toast__dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}@keyframes enc-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.enc-pop{animation:.26s cubic-bezier(.2,.9,.3,1.2) both enc-pop-in}@keyframes enc-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.enc-fade{animation:.22s both enc-fade-in}@keyframes enc-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}