:root{color:#edf4f9;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#071827;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;background:#10283a;border:1px solid #ffffff25;border-radius:9px;min-height:42px;padding:0 16px;transition:background .15s,transform .15s}button:focus-visible{outline-offset:3px;outline:2px solid #f5d68a}button:active{transform:translateY(1px)}button[aria-pressed=true]{color:#fff1c9;background:#614c21;border-color:#e3bd64}button:disabled{cursor:default;opacity:.55}#app,#stage{position:fixed;inset:0}#stage canvas{touch-action:none;width:100%;height:100%;display:block}header{pointer-events:none;background:linear-gradient(#071827c9,#0000);justify-content:space-between;align-items:center;padding:24px 34px;display:flex;position:absolute;top:0;left:0;right:0}header button{pointer-events:auto}.brand{align-items:center;gap:13px;display:flex}.emblem{color:#f3d997;border:2px solid #ddb767;border-radius:50%;place-items:center;width:44px;height:44px;font:700 30px Georgia;display:grid;box-shadow:0 0 20px #e5b94b15}h1{letter-spacing:5px;margin:0 0 5px;font-size:19px;font-weight:500}.subtitle{color:#c3a76c;font-size:8px}.top-actions{align-items:center;gap:10px;display:flex}.edition{color:#a3b2c1;letter-spacing:2px;margin-right:14px;font-size:10px}#help{width:42px;padding:0;font-family:Georgia;font-size:20px}.scene-label{letter-spacing:2px;color:#ddc68e;pointer-events:none;font-size:10px;position:absolute;top:118px;left:35px}.scene-label small{letter-spacing:.3px;color:#8ea4b6;margin-top:10px;font-size:11px;display:block}.live-dot{background:#9fe3ba;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block;box-shadow:0 0 12px #8fd6ac}.view-tools{flex-direction:column;gap:8px;display:flex;position:absolute;top:125px;right:30px}.view-tools button{background:#0b2031c9;border-color:#ffffff15;min-height:36px;font-size:11px}.gesture-hint{text-align:center;color:#8fa7b9;letter-spacing:.4px;pointer-events:none;font-size:10px;position:absolute;bottom:229px;left:0;right:0}.gesture-hint span{color:#d7b56d;margin:0 9px}.console{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(125deg,#143149ed,#081b2aed);border:1px solid #bfa97642;border-radius:16px;width:min(560px,100% - 32px);padding:16px 22px 12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 55px #0006}.console-top{color:#a8bac8;letter-spacing:1.8px;justify-content:space-between;font-size:9px;display:flex}#clock{letter-spacing:.5px;font-variant-numeric:tabular-nums}#clock b{color:#e3c476;margin-left:8px;font-weight:400}.results{justify-content:center;align-items:end;gap:19px;margin:10px 0 15px;display:flex}#main-results{gap:9px;display:flex}.result{color:#0b1420;border:5px solid var(--ball,#e7ce8e);background:radial-gradient(circle at 35% 25%,#fff 5%,#e9e9e5 58%,#8f9daf 100%);border-radius:50%;place-items:center;width:46px;height:46px;font-size:21px;font-weight:800;display:grid;box-shadow:inset 0 1px 4px #0006,0 3px 7px #0008}.result.empty{color:#6c8396;background:#081b2a;border:1px solid #405469;font-size:15px;box-shadow:inset 0 2px 8px #0004}.result.reveal{animation:.4s ease-out pop}.extra-wrap{border-left:1px solid #ffffff20;padding-left:19px;position:relative}.extra-wrap>span{text-align:center;letter-spacing:1.3px;color:#e5c579;width:46px;font-size:7px;display:block;position:absolute;top:-12px;left:19px}.progress{background:#ffffff0c;height:2px;margin-bottom:13px}.progress>div{background:linear-gradient(90deg,#b99545,#f9d986);width:0;height:100%}.actions{gap:10px;display:flex}.primary{color:#122234;background:linear-gradient(110deg,#e4bb62,#f6de9b);border:0;flex:1;min-height:45px;font-weight:700;box-shadow:0 3px 16px #e3b64b20}.primary span{float:right;font-size:18px}.speed-group{gap:5px;display:flex}.speed-group button{padding:0 13px;font-size:13px}.actions>#history{padding:0 12px;font-size:11px}.footnote{text-align:center;color:#7890a2;letter-spacing:.3px;margin-top:11px;font-size:8px}.footnote span{margin:0 6px}dialog{color:#dfe9ef;background:#10293b;border:1px solid #b99959;border-radius:18px;width:calc(100% - 28px);max-width:540px;max-height:80dvh;padding:30px;box-shadow:0 20px 100px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03101cd0}dialog h2{color:#edcf87;margin-top:0;font:26px Georgia}dialog p,dialog li{color:#b8cbd9;font-size:13px;line-height:1.7}dialog a{color:#e8ca84}.dismiss{background:0 0;border:0;width:30px;min-height:30px;padding:0;font-size:20px;position:absolute;top:10px;right:10px}.history-row{letter-spacing:2px;border-bottom:1px solid #ffffff18;padding:12px 0;font-size:18px}.history-row small{color:#819aab;letter-spacing:.3px;margin-bottom:7px;font-size:10px;display:block}.history-row b{color:#edcc7f}.history-row span{color:#91a8b9;font-size:10px}#loading{color:#c7b079;background:#081c2e;flex-direction:column;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}#loading.hidden{display:none}@keyframes pop{0%{opacity:.1;transform:scale(.6)}70%{transform:scale(1.13)}to{transform:scale(1)}}@media (width<=650px){header{padding:max(18px,env(safe-area-inset-top)) 18px 18px}.brand{gap:9px}h1{letter-spacing:3px;font-size:15px}.emblem{width:36px;height:36px;font-size:25px}.edition{display:none}.top-actions{gap:6px}.top-actions button{min-height:36px;padding:0 10px;font-size:10px}#help{width:32px;font-size:17px}.scene-label{font-size:9px;top:92px;left:19px}.scene-label small{font-size:10px}.view-tools{gap:6px;top:130px;right:14px}.view-tools button{min-height:32px;padding:0 9px;font-size:9px}.console{bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 24px);padding:15px 14px 11px}.results{gap:10px;margin-top:14px}#main-results{gap:5px}.result{border-width:4px;width:38px;height:38px;font-size:17px}.extra-wrap{padding-left:10px}.extra-wrap>span{width:38px;left:10px}.actions{gap:7px}.speed-group{gap:4px}.speed-group button{padding:0 11px}.actions>#history{padding:0 9px}.gesture-hint{font-size:9px;bottom:220px}.gesture-hint span{margin:0 4px}.footnote{font-size:7px}}@media (width<=370px){.result{width:33px;height:33px}.extra-wrap>span{width:33px}.actions>#history{padding:0 7px}.speed-group button{padding:0 9px}}@media (height<=550px) and (orientation:landscape){header{padding:12px 20px}.scene-label{top:77px;left:20px}.view-tools{top:80px;right:15px}.console{width:350px;padding:10px 12px;bottom:10px;left:auto;right:16px;transform:none}.result{border-width:4px;width:33px;height:33px;font-size:15px}#main-results{gap:5px}.results{gap:10px;margin-bottom:8px}.extra-wrap{padding-left:10px}.extra-wrap>span{width:33px;left:10px}.gesture-hint{max-width:220px;line-height:1.6;bottom:15px;left:15px;right:auto}.footnote{display:none}.primary{min-height:39px}.progress{margin-bottom:8px}.edition{display:none}}#stage{top:66px;bottom:215px}body{background:radial-gradient(at 50% 45%,#20394c,#071827 70%)}@media (width<=650px){#stage{top:110px;bottom:220px}}@media (height<=550px) and (orientation:landscape){#stage{top:45px;bottom:15px;right:365px}}.results{height:78px;margin:7px 0 9px;display:block;position:relative}#results-3d{pointer-events:none;position:absolute;inset:0}#results-3d canvas{width:100%;height:100%;display:block}#main-results{justify-content:space-around;gap:0;display:flex;position:absolute;bottom:0;left:0;right:18%}.results .result{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.extra-wrap{pointer-events:none;border-left:1px solid #ffffff20;width:16%;height:100%;padding:0;position:absolute;top:0;right:0}.extra-wrap>span{text-align:center;width:100%;top:0;left:0}.console{padding-top:12px}.gesture-hint{bottom:241px}#stage{bottom:230px}@media (width<=650px){.results{height:65px}.gesture-hint{bottom:242px}#stage{bottom:237px}}@media (height<=550px) and (orientation:landscape){.results{height:56px}.gesture-hint,#stage{bottom:15px}}:root{color:#eef3ea;background:#03130d}body,#app{background:radial-gradient(at 48% 37%,#174e38 0%,#0b3021 34%,#061e15 63%,#020d08 100%)}header{background:linear-gradient(#03150dcc,#0000)}.console{background:linear-gradient(125deg,#123729ed,#061d14f2);border-color:#bfa97652}button{background:#0c2a1e}button:hover{background:#20503a}.view-tools button{background:#09271cd9}.primary{color:#12291c;background:linear-gradient(110deg,#dab55f,#f0d794)}.primary:hover{background:#ffe6a5}dialog{background:#0d2c20}dialog::backdrop{background:#010c08cf}.scene-label small,.gesture-hint,.footnote{color:#94ad9d}.console-top,.edition{color:#b3c4b7}#loading{background:#061d14}#stage{-webkit-mask-image:linear-gradient(#0000 0%,#000 1% 99%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 1% 99%,#0000 100%)}