:root{--bg: #0d0b17;--panel: #171428;--line: #2c2748;--text: #e8e4f5;--muted: #9c95b8;--accent: #8fe3ff;--ok: #7ee2a8;--ng: #ff8f9c;color-scheme:dark;font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:1280px;margin:0 auto;padding:16px}.top{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:12px}.top h1{margin:0;font-size:20px;letter-spacing:.08em}.top h1 span{color:var(--accent);font-weight:400}.meta{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.small{font-size:11px}.hint{color:var(--muted);font-size:12px}.err{color:var(--ng)}.stage{margin-bottom:16px}.canvas-wrap{position:relative;width:100%;aspect-ratio:16 / 9;max-height:72vh;background:#000;border:1px solid var(--line);border-radius:8px;overflow:hidden}.unity-canvas{width:100%;height:100%;display:block}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.loading-title{color:var(--muted)}.bar{width:min(420px,80%);height:6px;background:var(--line);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);transition:width .2s}.controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}button{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px 11px;font-size:13px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.keytest{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--muted)}.keytest input{flex:1;min-width:200px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 8px}.panels{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px;min-width:0}.panel.wide{grid-column:1 / -1}.panel h2{font-size:13px;margin:0 0 8px;color:var(--accent);letter-spacing:.04em}.row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px dashed var(--line);font-size:13px}.row .k{color:var(--muted);flex-shrink:0}.row .v{text-align:right;overflow-wrap:anywhere}.tbl{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}.tbl th,.tbl td{text-align:left;padding:3px 6px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.tbl th{color:var(--muted);font-weight:400}.tbl tr.ng td{color:var(--ng)}.tbl tr:not(.ng) td:first-child{color:var(--ok)}.log{max-height:280px;overflow:auto;font-size:12px}.log .in b{color:var(--ok)}.log .out b{color:var(--accent)}.link{display:block;margin-top:10px;color:var(--accent);font-size:13px}.md{width:100%;height:200px;margin-top:8px;background:var(--bg);color:var(--text);border:1px solid var(--line);font-size:11px}@media(max-width:480px){.app{padding:10px}.panels{grid-template-columns:1fr}}