:root{--bw-text: #eaf3f8;--bw-muted: #b3c7d3;--bw-panel: #142737;--bw-border: #486174;--bw-button: #233747;--bw-accent: #91e4d3;--bw-width: 450px;--bw-radius: 24px}.bw-dialog{position:fixed;width:min(var(--bw-width),calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:30px;border:1px solid var(--bw-border);border-radius:var(--bw-radius);background:var(--bw-panel);color:var(--bw-text);text-align:center;z-index:1000}.bw-dialog::backdrop{background:#030d19bb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.bw-dialog a,.bw-dialog button,.bw-menu a{display:block;width:100%;padding:13px 18px;margin-top:10px;border:1px solid #385061;border-radius:13px;background:var(--bw-button);color:var(--bw-text);font:inherit;text-decoration:none;text-align:center;cursor:pointer;box-sizing:border-box}.bw-dialog .primary,.bw-menu .primary{background:var(--bw-accent);color:#102d32;border-color:var(--bw-accent);font-weight:750}.bw-dialog p{color:var(--bw-muted);line-height:1.65;font-size:14px}.bw-menu{display:flex;flex-direction:column;gap:0;margin:16px 0}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#eaf3f8;background:#09121e;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;height:100vh;height:100dvh;background:radial-gradient(ellipse at 25% 20%,#1d4150 0,transparent 50%),radial-gradient(ellipse at 80% 80%,#273251 0,transparent 55%),#0c1825}button,select,summary{font:inherit}button{cursor:pointer;color:#e5f4f7;border:1px solid #385061;background:#233747;border-radius:13px;padding:13px 18px;transition:background .2s}button:hover{background:#314c5f}button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #8fe3d4;outline-offset:3px}button:disabled{opacity:.4;cursor:wait}.ambient{position:fixed;width:130vw;height:130vh;left:-15vw;top:-15vh;opacity:.14;filter:blur(44px);background:repeating-conic-gradient(from 30deg at 25% 70%,#81dac9 0 12deg,transparent 12deg 35deg);animation:drift 28s ease-in-out infinite alternate;pointer-events:none}@keyframes drift{to{transform:rotate(14deg) scale(1.2)}}#shell{height:min(100vh,960px);height:min(100dvh,960px);width:min(100vw,48dvh,480px);max-width:100%;position:relative;margin:auto;box-shadow:0 0 100px #030a1280;background:#101e2c;border:1px solid #ffffff08;overflow:hidden}#game{position:absolute;top:0;right:0;bottom:0;left:0}html.origin-page-background{background:var(--origin-page-color)}html.origin-page-background body{background:var(--origin-page-image) center / cover no-repeat var(--origin-page-color)}html.origin-page-background #shell{background:transparent;border-color:transparent;box-shadow:none}html.origin-page-background .ambient{display:none}canvas{display:block!important;touch-action:none}header{position:absolute;left:7.3%;right:7.3%;top:max(4.2%,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{font-size:clamp(12px,2.3dvh,22px);letter-spacing:.12em;font-weight:850;text-decoration:none;color:#e9f3f8;pointer-events:auto}.brand span{font-weight:350}.brand i{font-style:normal;color:#8fe3d4;font-size:.6em;margin-left:6px}#pause{pointer-events:auto;border-radius:50%;width:38px;height:38px;padding:0;background:#ffffff07;border:1px solid #ffffff20}dialog{position:absolute;width:min(450px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:var(--bw-width);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;border:1px solid var(--bw-border);border-radius:var(--bw-radius);background:var(--bw-panel);color:#eaf3f8;padding:30px;text-align:center;box-shadow:0 24px 90px #0009;margin:auto}dialog::backdrop{background:#030d19bb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}dialog h1{font-size:clamp(22px,3.5dvh,34px);letter-spacing:-.05em;margin:16px 0}dialog p{color:#b3c7d3;font-size:14px;line-height:1.65}dialog button{width:100%;margin-top:10px}.primary{background:#91e4d3;color:#102d32;border-color:#91e4d3;font-weight:750}.primary:hover{background:#b6f5e7}.eyebrow{font-size:10px;letter-spacing:.2em;color:#91e4d3}details{text-align:left;border-top:1px solid #ffffff15;margin-top:20px;padding-top:15px;font-size:13px}summary{cursor:pointer;color:#dae8f1}label{display:flex;align-items:center;gap:10px;margin:16px 0}select{margin-left:auto;background:#203a4c;padding:7px;border-radius:6px;border:1px solid #476378}.fine{font-size:10px!important;color:#829ba9!important}#final-score{font-size:60px;color:#91e4d3}#loading{position:absolute;top:70%;width:100%;text-align:center;font-size:12px;letter-spacing:.1em;color:#b5cecf;pointer-events:none;display:none}#loading span{display:block;margin:5px}.desktop-note{position:fixed;bottom:32px;left:36px;color:#b6d3db66;font-size:9px;letter-spacing:.2em;line-height:2}.desktop-note span{display:block;color:#b6d3db33}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}html.reduced .ambient{animation:none}@media(max-width:700px){.desktop-note{display:none}#shell{border:none;width:min(100vw,50dvh)}dialog{padding:22px}}@media(prefers-reduced-motion:reduce){.ambient{animation:none}button{transition:none}}button{background-image:var(--button-art, none);background-size:100% 100%}#app-version{display:block;text-align:center;margin-top:20px}summary{min-height:44px;padding-block:12px}select,label{min-height:44px}input[type=checkbox]{width:22px;height:22px}[hidden]{display:none!important}#debug-overlay{white-space:pre-line;position:fixed;left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));z-index:50;padding:4px 7px;border-radius:5px;color:#d5fbff;background:#061820d9;font:12px/1.4 ui-monospace,monospace;font-variant-numeric:tabular-nums;pointer-events:none}body{isolation:isolate}.epoch-backgrounds{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.epoch-background-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:center / cover no-repeat}#epoch-transition-tools{position:fixed;left:8px;top:8px;z-index:80;padding:10px;max-width:320px;background:#071f27ed;color:#eaf3f8;font:12px system-ui;border:1px solid #486174}#epoch-transition-tools output{display:block;white-space:pre-line;margin:8px 0}#epoch-transition-tools button{padding:5px;margin:3px;font-size:11px}.kloss-account{--bw-width: 640px}.kloss-account form,.kloss-account section{display:grid;gap:.75rem;margin-block:1rem}.kloss-account dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;text-align:left}.kloss-account dd{margin:0;text-align:right}.kloss-account details,.kloss-account pre{text-align:left}.kloss-account pre{overflow:auto;max-height:20rem}.kloss-account summary{overflow-wrap:anywhere}.kloss-avatar{display:grid;place-items:center;width:64px;height:64px;margin-inline:auto;overflow:hidden;border-radius:50%;background:var(--bw-button);font-size:1.6rem;font-weight:700}.kloss-avatar img{width:100%;height:100%;object-fit:cover}.kloss-portal{overflow-wrap:anywhere}.kloss-portal h2{font-size:22px}.kloss-portal section{border-top:1px solid #ffffff15;margin-block:24px;padding-top:16px}.kloss-portal label{display:block;margin:16px 0;text-align:left}.kloss-portal input:not([type=checkbox]),.kloss-portal select{width:100%;margin:6px 0;padding:9px;border:1px solid #476378;border-radius:6px;background:#203a4c;color:var(--bw-text);font:inherit}.kloss-portal small{color:var(--bw-muted);line-height:1.65}.kloss-portal small a{display:inline;padding:0;border:0;background:transparent;color:var(--bw-accent);text-decoration:underline}.kloss-portal .kloss-avatar{width:40px;height:40px;flex:0 0 40px;background:#294451;color:#d3e4e7;font-size:14px}.kloss-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.kloss-stats-grid dt{font-size:13px;color:var(--bw-muted)}.kloss-stats-grid dd{margin:5px 0 0;color:var(--bw-accent);font-size:clamp(20px,6vw,28px);font-weight:750}.kloss-rank-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.kloss-rank-table :is(th,td){border-bottom:1px solid #ffffff15;padding:8px 4px;text-align:left}.kloss-rank-table td{padding-block:16px}.kloss-rank-table th:first-child{width:44px}.kloss-rank-table th:last-child{width:90px}.kloss-rank-table :is(th,td):last-child{text-align:right;font-variant-numeric:tabular-nums}.kloss-player-identity{display:flex;align-items:center;gap:12px}.kloss-player-identity .kloss-avatar{margin:0}.kloss-player-identity>:last-child{min-width:0}.kloss-own-score{background:#91e4d318}@media(max-width:380px){.kloss-portal{padding:20px 12px}.kloss-player-identity{gap:8px}}.kloss-rank-periods{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-block:18px}.kloss-rank-periods a{width:auto;margin:0;padding:0;border:0;background:transparent;color:var(--bw-accent);text-decoration:underline;text-underline-offset:4px}.kloss-rank-periods a[aria-current]{color:var(--bw-text);font-weight:750}
