:root{color:#11150c;background-color:#d9e1ca;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;--debug-dock-space: 360px;--lock-scale-x: 1;--lock-scale-y: 1}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{overflow:hidden;background:#fff}.app-shell{position:relative;width:100%;height:100%}.viewport{position:relative;z-index:2;width:100%;height:100%}.deepscreen-bar{position:absolute;left:0;width:100%;height:15vh;background:#000;z-index:1;pointer-events:none}.deepscreen-bar--top{top:0;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% 96%,85% 94%,68% 92%,50% 90.5%,32% 92%,15% 94%,0 96%)}.top-typo{display:block;height:75%;width:auto;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;margin-bottom:2%}.deepscreen-bar--bottom{bottom:0;height:18vh;display:flex;align-items:center;justify-content:flex-end;padding:0 20px}.bottom-qr canvas,.bottom-qr img{display:block;width:18vh;height:18vh;border-radius:4px}.locked-overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.locked-overlay-item{position:absolute;left:calc(var(--lock-left, 0px) * var(--lock-scale-x));top:calc(var(--lock-top, 0px) * var(--lock-scale-y));-webkit-user-select:none;user-select:none;pointer-events:none}.locked-overlay-item.is-bottom-anchored{top:auto;bottom:calc(var(--lock-bottom, 0px) * var(--lock-scale-y))}.locked-logo-slot{--lock-left: 24px;--lock-bottom: 18px;--lock-width: 360px;width:calc(var(--lock-width) * var(--lock-scale-x))}.locked-typo1-slot{--lock-left: 32px;--lock-width: 340px;left:calc(var(--lock-left) * var(--lock-scale-x));top:50%;transform:translateY(calc(-50% + 3.5vh));width:calc(var(--lock-width) * var(--lock-scale-x))}.typo1{display:block;width:100%;height:auto;object-fit:contain}.bottom-logo{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.viewport canvas{display:block;width:100%;height:100%;touch-action:none}.debug-panel{position:absolute;z-index:10;top:16px;right:16px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:16px;border-radius:14px;border:1px solid rgba(31,47,24,.18);background:#f4f8e8e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 26px #23311b38}body.embedded-mode .debug-panel{display:none}body.debug-dock-mode .app-shell{height:calc(100% - var(--debug-dock-space))}body.debug-dock-mode .debug-panel{top:auto;right:16px;bottom:16px}.debug-panel h1{margin:0 0 14px;font-size:1.1rem;letter-spacing:.02em}.control-group{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin-bottom:11px}.control-group label{grid-column:1 / -1;font-size:.86rem;font-weight:600}.control-group input[type=range]{width:100%;margin:0}.control-group output{min-width:56px;text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem}.color-section{margin-top:14px;margin-bottom:8px;padding-top:8px;border-top:1px solid rgba(31,47,24,.16)}.color-section h2{margin:0 0 10px;font-size:.92rem}.color-controls{display:flex;flex-direction:column;gap:7px}.color-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.color-row label{font-size:.84rem;font-weight:600;word-break:break-word}.color-row input[type=color]{width:44px;height:30px;border:none;border-radius:6px;background:transparent;padding:0;cursor:pointer}.hint{margin:0;font-size:.8rem;color:#3d4a33}.button-row{display:flex;gap:8px;margin-top:10px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:9px;padding:9px 12px;font:inherit;font-size:.86rem;cursor:pointer;background:#22331a;color:#f3f7e8}button:hover{filter:brightness(1.08)}button.ghost{background:#c8d3b4;color:#1f2d17}#status{min-height:1.2em;margin:10px 2px 2px;font-size:.84rem}#status[data-error=true]{color:#9f1d10}@media (max-width: 720px){.debug-panel{left:10px;right:10px;top:auto;bottom:10px;width:auto;max-height:44vh;padding:13px}.button-row{flex-wrap:wrap}button{flex:1 1 140px}}