*{margin:0;padding:0;box-sizing:border-box}:root{--ui-bg: rgba(20, 20, 22, .72);--ui-fg: #f4f4f5;--ui-dim: #a1a1aa;--ui-line: rgba(255, 255, 255, .14)}html,body{height:100%;overflow:hidden;background:#101012}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;color:var(--ui-fg);-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#scene{display:block;width:100%;height:100%;touch-action:none}#crosshair{position:fixed;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;opacity:0;transition:opacity .12s ease}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#141416d9;box-shadow:0 0 0 1px #ffffff80}#crosshair:before{left:50%;top:0;width:1px;height:100%;margin-left:-.5px}#crosshair:after{top:50%;left:0;height:1px;width:100%;margin-top:-.5px}body.locked #crosshair{opacity:1}body.aim-locked #crosshair{border-radius:50%;box-shadow:inset 0 0 0 1px #141416d9,0 0 0 1px #ffffff80}body.aim-locked #crosshair:before{top:30%;height:40%}body.aim-locked #crosshair:after{left:30%;width:40%}#toolbar{position:fixed;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--ui-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ui-line);border-radius:14px;opacity:.35;transition:opacity .16s ease;user-select:none}body.locked #toolbar{opacity:1}#toolbar .group{display:flex;align-items:center;gap:6px}#toolbar .sep{width:1px;height:22px;background:var(--ui-line)}button{font:inherit;color:var(--ui-dim);cursor:pointer;background:transparent;border:1px solid transparent;border-radius:8px}button:hover{color:var(--ui-fg)}.tool-btn{padding:5px 12px;font-size:12px;letter-spacing:.04em}.tool-btn[aria-pressed=true]{color:#101012;background:var(--ui-fg)}.size-btn{width:30px;height:30px;display:grid;place-items:center;border-color:var(--ui-line)}.size-btn[aria-pressed=true]{border-color:var(--ui-fg);background:#ffffff1a}.size-btn i{display:block;border-radius:50%;background:currentColor}.color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px var(--ui-line) inset;position:relative}.color-btn[aria-pressed=true]{border-color:var(--ui-fg);transform:scale(1.12)}#overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0c0c0e8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}body.locked #overlay,body.overlay-suppressed #overlay{display:none}#overlay .panel{max-width:340px;padding:28px 32px;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:18px;text-align:left}#overlay h1{font-size:20px;font-weight:500;letter-spacing:.12em}#overlay .lead{margin-top:6px;font-size:13px;color:var(--ui-dim)}#overlay .keys{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:20px 0 0;font-size:12px;color:var(--ui-dim)}#overlay .keys dt{color:var(--ui-fg);font-variant-numeric:tabular-nums}#overlay .keys dt .alt{color:var(--ui-dim);font-size:11px}#overlay .keys>div{display:contents}#overlay.compact h1,#overlay.compact .keys,#overlay.compact .note{display:none}#overlay.compact .panel{padding:16px 24px}#overlay.compact .lead{margin-top:0;font-size:12px;color:var(--ui-fg)}#overlay .note{margin-top:18px;padding-top:14px;border-top:1px solid var(--ui-line);font-size:11px;line-height:1.6;color:var(--ui-dim)}#stats{position:fixed;left:12px;top:12px;padding:6px 10px;font:11px/1.5 ui-monospace,Menlo,monospace;white-space:pre;color:var(--ui-dim);background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:8px;pointer-events:none}#toast{position:fixed;left:50%;top:24px;transform:translate(-50%);padding:8px 16px;font-size:12px;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:999px}[hidden]{display:none!important}#overlay{z-index:10}#crosshair{z-index:15}#toolbar{z-index:20}#stats,#toast{z-index:30}#admin-toggle,#admin{z-index:25}#admin-toggle{position:fixed;right:16px;top:14px;width:34px;height:34px;font-size:15px;line-height:1;display:grid;place-items:center;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:.35;transition:opacity .16s ease}#admin-toggle:hover,#admin-toggle[aria-expanded=true]{opacity:1}body.locked #admin-toggle{opacity:.35}#admin{position:fixed;right:16px;top:58px;width:300px;max-height:calc(100vh - 96px);overflow-y:auto;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px}#admin header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--ui-line)}#admin h2{font-size:12px;font-weight:500;letter-spacing:.08em}.admin-close{width:22px;height:22px;font-size:16px;line-height:1}.admin-body{padding:6px 14px 14px}#admin section{padding:12px 0;border-bottom:1px solid var(--ui-line)}#admin section:last-child{border-bottom:none}#admin h3{font-size:10px;font-weight:500;letter-spacing:.1em;color:var(--ui-dim);text-transform:uppercase;margin-bottom:10px}.admin-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.admin-row:last-child{margin-bottom:0}.admin-btn{flex:1;padding:7px 10px;text-align:left;font-size:12px;color:var(--ui-fg);border-color:var(--ui-line);background:#ffffff0a}.admin-btn:hover{background:#ffffff1a}.admin-btn.is-destructive:hover{border-color:#e0685e;color:#ff9e95}.admin-btn.is-armed{border-color:#e0685e;background:#e0685e2e;color:#ffb3ab}.admin-hint{color:var(--ui-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.admin-note{color:var(--ui-dim);line-height:1.7;white-space:pre-line}.admin-slider{cursor:pointer}.admin-slider .admin-label{flex:0 0 92px;color:var(--ui-dim)}.admin-slider input{flex:1;accent-color:var(--ui-fg)}.admin-slider .admin-value{flex:0 0 46px;text-align:right;font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace}#notepad{position:fixed;inset:0;z-index:18;display:grid;place-items:center;padding:24px 24px 92px;background:#0a0a0cc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.notepad-frame{display:flex;flex-direction:column;gap:10px;max-width:min(94vw,1240px);max-height:100%}.notepad-frame header{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.08em;color:var(--ui-fg)}.notepad-title{flex:0 0 auto}.notepad-hint{margin-left:auto;font-size:11px;color:var(--ui-dim);letter-spacing:0}.notepad-nav{display:flex;align-items:center;gap:4px;padding:3px 5px;border:1px solid var(--ui-line);border-radius:9px}.notepad-page-btn{width:24px;height:22px;font-size:10px;line-height:1;border-radius:6px;color:var(--ui-dim)}.notepad-page-btn:hover{color:var(--ui-fg);background:#ffffff1a}.notepad-page-input{width:44px;padding:2px 4px;text-align:right;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--ui-fg);background:#ffffff0f;border:1px solid var(--ui-line);border-radius:6px}.notepad-page-input::-webkit-outer-spin-button,.notepad-page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.notepad-page-input{-moz-appearance:textfield;appearance:textfield}.notepad-page-total{color:var(--ui-dim);letter-spacing:0;font-variant-numeric:tabular-nums}.notepad-close{width:24px;height:24px;font-size:17px;line-height:1}.notepad-sheet{width:min(94vw,1240px);max-height:calc(100vh - 170px);border-radius:4px;overflow:hidden;box-shadow:0 18px 60px #0000008c}.notepad-sheet canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}body.notepad-open #crosshair{display:none}#pc{position:fixed;inset:0;z-index:18;display:grid;place-items:center;padding:24px 24px 92px;background:#0a0a0ccc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pc-frame{display:flex;flex-direction:column;gap:10px;align-items:center}.pc-screen{position:relative;width:min(88vw,1080px);aspect-ratio:16 / 10;max-height:calc(100vh - 180px);display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:linear-gradient(150deg,#2c3440,#3b4756 45%,#55606c);box-shadow:0 20px 70px #0009}.pc-desktop{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,92px);grid-auto-rows:92px;align-content:start;gap:6px;padding:18px}.pc-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px;font-size:11px;color:#eef1f5;letter-spacing:.02em;border-radius:8px;border:1px solid transparent;text-shadow:0 1px 3px rgba(0,0,0,.5)}.pc-icon:hover{background:#ffffff14}.pc-icon[aria-pressed=true]{background:#78a5dc4d;border-color:#a0c8f58c}.pc-icon-glyph{font-size:30px;line-height:1}.pc-taskbar{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:0 12px;height:34px;font-size:11px;letter-spacing:.08em;color:#e7ebf1;background:#12161cb8;border-top:1px solid rgba(255,255,255,.1)}.pc-clock{margin-left:auto;font-variant-numeric:tabular-nums;letter-spacing:.04em}.pc-close{width:22px;height:22px;font-size:15px;line-height:1;color:#cfd6de}.pc-close:hover{color:#fff;background:#ffffff1f}.pc-hint{font-size:11px;color:var(--ui-dim)}body.pc-open #crosshair{display:none}