:root{--bg:#0e1118;--panel:#0e1118d1;--panel-2:#141821e6;--line:#ffffff14;--ink:#f2f0ea;--ink-2:#a7adb8;--ink-3:#6c7280;--accent:#7cc7ff;--warm:#f2b366;--r:14px;--font:Outfit, system-ui, sans-serif;--mono:"DM Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);margin:0;overflow:hidden}#world{position:fixed;inset:0}#world canvas{touch-action:none;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}.card{background:var(--panel);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 10px 40px #00000059}.ui{z-index:5;pointer-events:none;position:fixed}.ui>*{pointer-events:auto}.mono{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px}#tools{gap:6px;padding:6px;display:flex;top:20px;right:20px}.tk{width:36px;height:36px;color:var(--ink-2);border-radius:10px;place-items:center;display:grid}.tk:hover{color:var(--ink);background:#ffffff12}.tk.on{color:var(--accent);background:#7cc7ff24}.tk svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}#light{width:232px;padding:12px;top:72px;right:20px}#light header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}#clock{font-family:var(--mono);color:var(--ink);font-size:13px}.times{flex-direction:column;gap:4px;display:flex}.time{text-align:left;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.time:hover{background:#ffffff0d}.time.on{background:#ffffff14}.time svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:18px;height:18px;color:var(--ink-2)}.time .sky{border-radius:7px;flex:none;width:64px;height:32px}.time b{font-size:13px;font-weight:600;display:block}.time span{font-family:var(--mono);color:var(--ink-3);font-size:10.5px}#tslide{appearance:none;background:linear-gradient(90deg,#1d2440 0%,#5a4a6a 22%,#f0a860 31%,#dbe8f4 52%,#f0a860 73%,#5a4a6a 82%,#1d2440 100%);border-radius:3px;outline:0;width:100%;height:5px;margin:12px 0 2px}#tslide::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid #ffd27a;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00000080}#tslide::-moz-range-thumb{background:#fff;border:3px solid #ffd27a;border-radius:50%;width:14px;height:14px}#tray{max-width:min(92vw,760px);padding:10px 12px 12px;bottom:20px;left:50%;transform:translate(-50%)}.tabs{align-items:center;gap:2px;margin-bottom:10px;display:flex}.tab{color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:13.5px}.tab:hover{color:var(--ink)}.tab.on{color:#111;background:#fff;font-weight:600}.tabs .sep{background:var(--line);width:1px;height:18px;margin:0 8px}#items{scrollbar-width:thin;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.it{width:76px;color:var(--ink-2);text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;flex:none;align-items:center;gap:6px;font-size:11.5px;display:flex}.it .th{background-size:cover;border-radius:10px;width:60px;height:60px;transition:transform .15s;box-shadow:inset 0 0 0 1px #ffffff1a}.it:hover .th{transform:translateY(-2px)}.it.cur{color:var(--accent)}.it.cur .th{box-shadow:0 0 0 2px var(--accent)}.it svg{background:var(--panel-2);fill:none;stroke:#cfd3da;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;border-radius:10px;width:60px;height:60px;padding:10px}#piece{align-items:center;gap:4px;padding:6px 6px 6px 14px;transition:opacity .2s;display:flex;bottom:20px;left:20px}#piece b{margin-right:8px;font-size:13.5px;font-weight:600}#piece button{color:var(--ink-2);border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:12.5px;display:flex}#piece button[hidden]{display:none}#hgt{color:var(--ink-2);align-items:center;gap:6px;padding:0 10px;font-size:12.5px;display:flex}#hgt[hidden]{display:none}#hgt svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}#hgt input{accent-color:#7cc7ff;width:90px}#hgt span{font-family:var(--mono);min-width:52px;font-size:11px}#piece button:hover{color:var(--ink);background:#ffffff12}#piece button[aria-pressed=true]{color:#ffd27a}#piece svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}#import{width:250px;padding:12px;bottom:20px;right:20px}#import h3{letter-spacing:.02em;margin:0 0 8px;font-size:13px;font-weight:600}#drop{text-align:center;color:var(--ink-2);cursor:pointer;border:1px dashed #ffffff38;border-radius:10px;padding:12px 10px;font-size:12.5px;line-height:1.4}#drop:hover,#drop.over{border-color:var(--accent);color:var(--ink);background:#7cc7ff0f}#drop b{color:var(--ink);font-weight:600;display:block}#drop small{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:10px;display:block}#import .row{align-items:center;gap:6px;margin-top:8px;display:flex}#import label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);flex-direction:column;flex:1;gap:3px;font-size:10px;display:flex}#import input[type=number]{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--ink);font:13px var(--mono);border-radius:8px;padding:6px 8px}#import .btn{color:var(--ink);background:#ffffff14;border-radius:9px;padding:7px 10px;font-size:12.5px}#import .btn:hover{background:#ffffff24}#import .btn.ghost{color:var(--ink-2);background:0 0}#srcinfo{color:var(--ink-3);font-size:11.5px;line-height:1.4;font-family:var(--mono);margin-top:8px}#scanopts[hidden]{display:none}.chk{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;margin-top:8px;font-size:12.5px;display:flex}.chk input{accent-color:var(--accent)}#ann{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tag{flex-direction:column;align-items:center;gap:0;transition:opacity .25s;display:flex;position:absolute;transform:translate(-50%,-100%)}.tag .th{background-size:cover;border-radius:12px;width:66px;height:66px;box-shadow:0 6px 20px #00000080,inset 0 0 0 1px #ffffff40}.tag .lb{border:1px solid var(--line);text-align:center;white-space:nowrap;background:#0a0c12d9;border-radius:6px;margin-top:-6px;padding:4px 8px;font-size:11px;line-height:1.1}.tag .lb small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;font-size:8.5px;display:block}.tag .ln{width:1px;height:var(--h,60px);background:linear-gradient(#ffffffe6,#ffffff1a)}.tag .dot{background:#fff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff40}#ghost{z-index:50;pointer-events:none;background-size:cover;border-radius:12px;width:58px;height:58px;display:none;position:fixed;transform:translate(-50%,-50%)scale(1.05);box-shadow:0 10px 30px #0009,0 0 0 2px #fff}#toast{z-index:60;color:#111;opacity:0;pointer-events:none;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:112px;left:50%;transform:translate(-50%)translateY(8px)}#toast.show{opacity:1;transform:translate(-50%)}#loading{z-index:100;background:var(--bg);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);place-items:center;font-size:12px;transition:opacity .5s;display:grid;position:fixed;inset:0}#loading.off{opacity:0;pointer-events:none}dialog{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;max-width:460px;padding:22px 24px;font-size:14px;line-height:1.5}dialog::backdrop{background:#00000080}dialog h2{margin:0 0 10px;font-size:20px}dialog kbd{font-family:var(--mono);background:#ffffff1a;border-radius:5px;padding:1px 6px;font-size:11px}dialog ol{margin:8px 0;padding-left:18px}dialog li{margin:4px 0}dialog .btn{color:#111;background:#fff;border-radius:999px;margin-top:10px;padding:8px 14px;font-weight:600}.vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 55%,#00000073 100%);position:fixed;inset:0}body.view #tray,body.view #piece,body.view #import,body.view #undo,body.view #redo,body.view #ann{display:none}#viewbtn.on{color:var(--ink);background:#ffffff24}#viewhint{z-index:5;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}body.view #viewhint{display:block}@media (max-width:1100px){#light{width:200px}#import{display:none}}@media (max-width:760px){#light{display:none}#tray{max-width:calc(100vw - 32px);left:16px;right:16px;transform:none}}#root{display:contents}#piece[hidden],#drop[hidden]{display:none}