:root{--bg:#05060a;--fg:#e8ecf2;--muted:#8a93a3;--surface:#12161ee0;--border:#ffffff24;--accent:#5aa9ff;--green:#3ecf6e;--red:#e5484d;--gutter:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--fg);overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{height:100dvh;position:fixed;inset:0}#globe{touch-action:none;position:absolute;inset:0}.loading{color:var(--muted);pointer-events:none;place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.loading.hidden{opacity:0}.loading.error{color:#ff7b7b}.btn{font:inherit;border:1px solid var(--border);color:var(--fg);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600}.btn:hover{background:#ffffff1f}.btn-primary{background:var(--accent);border-color:var(--accent);color:#04101f}.btn-primary:hover{background:#7dbcff}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-danger:hover{background:#f0656a}.btn-ghost{background:var(--surface);padding:6px 12px;font-size:14px}.icon-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--fg);cursor:pointer;border-radius:12px;flex:none;font-size:18px}.chip{font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-weight:600}.topbar{padding:calc(env(safe-area-inset-top) + 12px) var(--gutter) 0;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.guess-row,.status-row{pointer-events:auto;align-items:center;gap:8px;width:100%;max-width:560px;display:flex}.guess-wrap{flex:1;min-width:0;position:relative}.guess{border:1px solid var(--border);background:var(--surface);width:100%;height:44px;color:var(--fg);-webkit-backdrop-filter:blur(8px);border-radius:12px;outline:none;padding:0 44px 0 14px;font-size:18px}.guess:focus{border-color:#5aa9ffb3}.clear{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:16px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.clear:hover{color:var(--fg);background:#ffffff14}.counter{height:44px;padding:0 12px;font-size:17px;line-height:42px}.timer{padding:6px 12px;font-size:15px}.timer.urgent{color:var(--red)}.hint{text-align:center;min-width:0;color:var(--muted);opacity:0;text-shadow:0 1px 3px #000;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;transition:opacity .2s;overflow:hidden}.hint.visible{opacity:1}.hint.success{color:var(--green)}.globe-tooltip{background:#0a0c12e6;border-radius:6px;padding:4px 8px;font-size:14px}.overlay{padding:calc(env(safe-area-inset-top) + 16px) var(--gutter) calc(env(safe-area-inset-bottom) + 16px);background:#0304088c;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.panel{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:18px;width:100%;max-width:420px;padding:24px}.start-panel h1{margin:0;font-size:30px}.sub{color:var(--muted);margin:4px 0 20px}.resume{width:100%;margin-bottom:16px}.mode-list{flex-direction:column;gap:10px;display:flex}.mode-btn{text-align:left;justify-content:space-between;align-items:baseline;gap:12px;width:100%;display:flex}.mode-btn .meta{color:var(--muted);text-align:right;font-size:13px;font-weight:400}.end-sheet{right:var(--gutter);top:calc(env(safe-area-inset-top) + 16px);width:360px;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:18px;flex-direction:column;display:flex;position:absolute}.end-head{justify-content:space-between;align-items:center;padding:12px 12px 12px 20px;display:flex}.end-head h2{margin:0;font-size:22px}.end-head .icon-btn{width:36px;height:36px;transition:transform .2s}.end-sheet.collapsed .end-head .icon-btn{transform:rotate(180deg)}.end-sheet.collapsed .end-body{display:none}.end-body{padding:0 20px 20px;overflow-y:auto}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats>div{background:#ffffff0d;border-radius:10px;flex-direction:column;padding:10px;display:flex}.stats .label{color:var(--muted);font-size:12px}.stats .value{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.best{margin:14px 0 4px}.best.record{color:var(--green);font-weight:600}.rank{color:var(--muted);margin:0 0 14px;font-size:13px}.rank:empty{display:none}.rank-text{margin:0 0 8px}.rank-text.warn{color:#f5a524}.rank-text.done{color:var(--green);font-weight:600}.name-form{gap:8px;display:flex}.name-input{border:1px solid var(--border);min-width:0;color:var(--fg);font:inherit;background:#ffffff0f;border-radius:10px;flex:1;padding:9px 12px;font-size:16px}.name-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.name-error{min-height:1em;color:var(--red);margin:6px 0 0}.end-actions{gap:8px;display:flex}.end-actions .btn{flex:1}.missing h3{color:var(--red);margin:18px 0 6px;font-size:14px}.missing ul{columns:2;column-gap:12px;margin:0;padding:0;font-size:14px;list-style:none}.missing li{break-inside:avoid;padding:2px 0}@media (width<=640px){.end-sheet{width:auto;max-height:70dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;inset:auto 0 0}.end-sheet.collapsed .end-head .icon-btn{transform:rotate(180deg)}}.dialog{border:1px solid var(--border);max-width:min(360px,100vw - 32px);color:var(--fg);background:#12161e;border-radius:16px;padding:20px}.dialog::backdrop{background:#0009}.dialog p{margin:0 0 18px;line-height:1.4}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px;font-size:13px;font-weight:600}.continent-mode-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.continent-mode-list .mode-btn{flex-direction:column;align-items:flex-start;gap:2px}.continent-mode-list .mode-btn .meta{text-align:left}.sidebar{left:var(--gutter);top:calc(env(safe-area-inset-top) + 16px);width:230px;max-height:calc(100% - 32px - env(safe-area-inset-top));background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.sheet-handle{display:none}.sidebar-body{padding:14px 16px 16px;overflow-y:auto}.side-section+.side-section{margin-top:16px}.side-section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.continent-list,.recent-list{margin:0;padding:0;list-style:none}.continent-row{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;box-sizing:content-box;background:0 0;border:0;border-radius:8px;grid-template-columns:1fr auto;row-gap:4px;margin:0 -8px;padding:6px 8px;font-size:14px;display:grid}.continent-row:hover{background:#ffffff12}.continent-row .count{font-variant-numeric:tabular-nums;color:var(--muted)}.continent-row .bar{background:#ffffff1a;border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.continent-row .bar>span{background:var(--accent);width:0;height:100%;transition:width .4s;display:block}.continent-row .bar>span.done{background:var(--green)}.recent-list li{padding:3px 0;font-size:14px}.recent-list li:first-child{color:var(--green);font-weight:600}.recent-list li.empty{color:var(--muted);font-weight:400}@media (width<=760px){.sidebar{width:auto;max-height:55%;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:16px 16px 0 0;inset:auto 0 0}.sheet-handle{width:100%;min-height:48px;padding:0 var(--gutter);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.sheet-handle .chevron{color:var(--muted);transition:transform .2s}.sidebar:not(.collapsed) .sheet-handle .chevron{transform:rotate(180deg)}.sidebar.collapsed .sidebar-body{display:none}.sidebar-body{padding-top:0}.start-panel{padding:20px}}body.kb-open .sidebar{display:none}.lb-open{width:100%;margin-top:20px}.lb-panel{flex-direction:column;max-width:520px;max-height:100%;padding:18px 18px 12px;display:flex}.overlay:has(.lb-panel){place-items:stretch center}.lb-head{align-items:center;gap:12px;display:flex}.lb-head h2{margin:0;font-size:22px}.lb-tabs{scrollbar-width:none;border-bottom:1px solid var(--border);gap:6px;margin:14px -18px 0;padding:0 18px 10px;display:flex;overflow-x:auto}.lb-tabs::-webkit-scrollbar{display:none}.lb-tab{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:7px 12px;font-size:14px}.lb-tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#04101f;font-weight:600}.lb-body{flex:1;min-height:0;padding-top:10px;overflow-y:auto}.lb-message{color:var(--muted);margin:12px 0}.lb-message.rule{margin:4px 0 8px;font-size:13px}.lb-message.warn{color:#f5a524}.lb-list{margin:0;padding:0;list-style:none}.lb-list li{font-variant-numeric:tabular-nums;border-radius:10px;grid-template-columns:2.4em 1fr auto;align-items:baseline;gap:8px;padding:8px 10px;display:grid}.lb-list li:nth-child(odd){background:#ffffff08}.lb-list li.own{background:#5aa9ff2e;outline:1px solid #5aa9ff80}.lb-rank{color:var(--muted);text-align:right}.lb-list li:nth-child(-n+3) .lb-rank{color:#f5c542;font-weight:700}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-name.anon{color:var(--muted);font-style:italic}.lb-score{font-weight:600}