:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#ebf4fa;background:#0a1017;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body,main,#viewport{margin:0;width:100%;height:100%;overflow:hidden}main{position:relative;background:radial-gradient(ellipse at 50% 40%,#25323c,#080c12 75%)}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.top,.bottom{position:absolute;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;z-index:2}.top{top:0;padding:26px 30px 42px;background:linear-gradient(#080d15e8,transparent)}.bottom{bottom:0;align-items:end;padding:38px 30px 25px;background:linear-gradient(transparent,#080d15e8)}.identity,.top-right{display:flex;align-items:center;gap:14px}.title{font-size:23px;font-weight:750;letter-spacing:.16em;line-height:1.2}.sub,.micro,.instructions,.pill{font-size:11px;letter-spacing:.095em;color:#a5b8c4}.sub{margin-top:6px}.sigil{width:27px;height:27px;border:1px solid #9de0da;transform:rotate(45deg);display:grid;place-content:center}.sigil:after{content:"";width:11px;height:11px;background:#8fe4d8}.pill{display:flex;gap:8px;align-items:center;background:#111a23c9;border:1px solid #394952;border-radius:99px;padding:8px 11px;white-space:nowrap}.pill i{height:6px;width:6px;border-radius:50%;background:#e1b475}.pill i.ready{background:#8ce3c7;box-shadow:0 0 9px #8ce3c7aa}button{pointer-events:auto;appearance:none;font:inherit;font-size:13px;font-weight:650;color:#081919;background:#a4e6db;border:1px solid #a4e6db;border-radius:6px;padding:9px 14px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){filter:brightness(1.14)}button:focus-visible{outline:2px solid #f7d6a4;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.quiet{background:#121c25e3;color:#e4eef4;border-color:#40535e}.readout{border:1px solid #354753;background:#111a23ed;box-shadow:0 8px 36px #0008;border-radius:9px;padding:14px 17px 15px;min-width:290px;max-width:min(480px,78vw);pointer-events:auto}.micro{display:flex;gap:11px;align-items:center}.micro #floor{background:#25504f;color:#c2fff0;padding:3px 7px;border-radius:4px;font-weight:800;letter-spacing:.035em}.preview{color:#e5bb85}.readout h1{font-size:18px;line-height:1.3;margin:9px 0 4px}.readout p{color:#b9c9d1;font-size:13px;min-height:1.4em;margin:0 0 11px;line-height:1.5}.controls{display:flex;gap:8px;flex-wrap:wrap}.instructions{display:flex;gap:16px;white-space:nowrap;padding-bottom:3px}.loading{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:#0a1017e0;color:#d9e8ee}.loading strong{font-size:19px;letter-spacing:.12em}.loading span{font-size:13px;color:#a5b8c4}.spinner{height:27px;width:27px;border:1px solid #37525e;border-top-color:#adf1e2;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#pins{position:absolute;inset:0;pointer-events:none}.pin{position:absolute;transform:translate(-50%,-50%);border-radius:50px;background:#0e1b23e3;color:#bbfff0;border:1px solid #71b6ab;box-shadow:0 2px 8px #0006;padding:5px 9px;font-size:11px;letter-spacing:.05em}.pin:before{content:"◆";font-size:8px;margin-right:5px}.pin.lift{color:#ffd7a1;border-color:#b78c53}.pin.locked{color:#f4afb4;border-color:#a9505b}.pin .thin{font-weight:400}@media(max-width:650px){.top{padding:18px 15px 33px}.bottom{padding:20px 15px 15px}.title{font-size:18px}.sigil{width:21px;height:21px}.sigil:after{width:8px;height:8px}.top-right{gap:7px}.pill{font-size:10px;padding:7px}.instructions{display:none}.readout{min-width:0;max-width:100%;width:100%;padding:11px 12px}.readout h1{font-size:16px}.readout p,.readout button{font-size:12px}.pin{padding:4px 6px;font-size:10px}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}