:root{color-scheme:dark;--ink: #fff4d7;--muted: rgba(255, 239, 205, .68);--panel: rgba(6, 8, 10, .72);--line: rgba(255, 206, 124, .2);--hot: #ffbd5a;--cyan: #75e3ff;--red: #ff526e;font-family:Trebuchet MS,Franklin Gothic Medium,Verdana,sans-serif;background:#030306}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{overflow:hidden;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit}.app-shell{position:relative;width:100vw;height:100vh;min-height:100svh;background:#030306;overflow:hidden}@supports (height: 100dvh){html,body,#root,.app-shell{height:100dvh}}.app-shell canvas{display:block;width:100%;height:100%}.vhs-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.28;mix-blend-mode:screen;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 2px,transparent 5px),linear-gradient(90deg,rgba(255,60,100,.04),transparent 32%,rgba(80,220,255,.035));animation:scanDrift 7s linear infinite}.vhs-overlay--active{opacity:.58;animation:scanDrift .62s steps(2,end) infinite}@keyframes scanDrift{to{transform:translateY(12px)}}.hud-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.entry-panel,.terminal-panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 48px #00000047}.status-strip{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(60px,auto) auto;gap:10px;align-items:center;max-width:min(260px,calc(100vw - 28px));min-height:24px;padding:4px 9px 5px 11px;border-left:1px solid rgba(255,213,146,.34);background:linear-gradient(90deg,rgba(7,8,10,.54),rgba(7,8,10,.16) 74%,transparent);font-size:11px;letter-spacing:.12em;opacity:.62;text-transform:uppercase}.status-strip strong{overflow:hidden;font-size:12px;line-height:1;letter-spacing:.4px;text-overflow:ellipsis;white-space:nowrap}.status-strip span{color:var(--muted);white-space:nowrap}.context-chip{position:absolute;left:50%;bottom:calc(116px + env(safe-area-inset-bottom));transform:translate(-50%);min-height:30px;min-width:min(190px,calc(100vw - 36px));max-width:min(320px,calc(100vw - 36px));padding:8px 18px;border-top:1px solid rgba(255,213,146,.34);border-bottom:1px solid rgba(255,213,146,.18);background:linear-gradient(90deg,transparent,rgba(7,8,10,.5) 18%,rgba(255,189,90,.08) 50%,rgba(7,8,10,.5) 82%,transparent);color:var(--muted);text-align:center;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.18em;text-shadow:0 0 18px rgba(255,189,90,.22)}.context-chip--active{color:var(--ink);border-color:#ffbd5a6b}.entry-panel{position:absolute;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(280px,calc(100vw - 36px));padding:8px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,189,90,.08),transparent),#04050799;pointer-events:auto}.entry-panel button{width:100%;min-height:50px;border:1px solid rgba(255,213,146,.45);border-radius:1px;background:#ffbd5a1f;color:var(--ink);font-weight:800;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.terminal-panel{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 96px);overflow:auto;padding:14px;border-radius:2px;pointer-events:auto}.terminal-panel__header,.terminal-actions,.terminal-readout{display:flex;align-items:center;justify-content:space-between;gap:10px}.terminal-panel__header{margin-bottom:12px;color:var(--cyan);font-size:12px;letter-spacing:1px}.terminal-panel__header button,.terminal-actions button,.track-button{border:1px solid rgba(255,255,255,.14);background:#ffffff0e;color:var(--ink);border-radius:2px;cursor:pointer}.terminal-panel__header button{width:34px;height:34px}.terminal-readout{min-height:58px;margin-bottom:12px;padding:10px;border:1px solid rgba(126,255,205,.18);border-radius:2px;background:#26ffa811}.terminal-readout strong,.terminal-readout span{display:block}.terminal-readout strong{font-size:14px}.terminal-readout span{color:#b7ffd8;font-size:12px}.track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.track-button{display:grid;min-height:68px;padding:9px;text-align:left}.track-button span{font-weight:700;line-height:1.15}.track-button small{color:var(--muted)}.track-button--active{border-color:#ffbd5acc;background:#ffbd5a26}.terminal-actions{margin-top:10px}.terminal-actions button{flex:1;min-height:42px;color:var(--cyan)}.touch-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.touch-move-zone,.touch-look,.touch-action{pointer-events:auto}.touch-move-zone{z-index:3;position:absolute;left:0;bottom:0;width:50vw;height:min(42vh,320px);min-height:180px;touch-action:none}.touch-stick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:calc(58px + env(safe-area-inset-bottom));width:clamp(116px,30vw,132px);aspect-ratio:1;border:1px solid rgba(255,220,160,.22);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,189,90,.12),transparent 55%),linear-gradient(rgba(255,220,160,.12),rgba(255,220,160,.12)) 50% 0 / 1px 100% no-repeat,linear-gradient(90deg,rgba(255,220,160,.12),rgba(255,220,160,.12)) 0 50% / 100% 1px no-repeat,rgba(5,5,8,.18);opacity:.64;touch-action:none;pointer-events:none;box-shadow:0 0 28px rgba(0,0,0,.24),inset 0 0 18px rgba(255,189,90,.04);transition:opacity .18s ease,border-color .18s ease,box-shadow .18s ease}.touch-stick--active{opacity:.95;border-color:rgba(255,220,160,.42);box-shadow:0 0 30px rgba(0,0,0,.28),0 0 18px rgba(255,189,90,.1)}.touch-stick--hidden{opacity:0}.touch-stick span{position:absolute;left:calc(50% - 19px);top:calc(50% - 19px);width:38px;aspect-ratio:1;border:1px solid rgba(255,220,160,.64);border-radius:50%;background:rgba(255,211,134,.14);box-shadow:0 0 18px rgba(255,181,89,.12);transition:transform 80ms ease-out}.touch-stick em{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);color:rgba(255,220,160,.42);font-size:9px;font-style:normal;font-weight:800;letter-spacing:.34em;text-shadow:0 0 14px rgba(255,189,90,.18);transition:opacity .45s ease,transform .45s ease}.touch-look{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;touch-action:none}.touch-action{z-index:3;position:absolute;right:max(18px,env(safe-area-inset-right));bottom:calc(58px + env(safe-area-inset-bottom));min-width:104px;height:56px;padding:0 18px;border:1px solid rgba(255,220,160,.26);border-radius:3px;background:rgba(5,5,8,.24);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;touch-action:none;box-shadow:0 0 24px rgba(0,0,0,.24),inset 0 0 18px rgba(255,189,90,.04);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.touch-action:active{border-color:rgba(255,220,160,.52);background:rgba(255,189,90,.12);box-shadow:0 0 24px rgba(0,0,0,.24),0 0 18px rgba(255,189,90,.1)}.touch-layer--settled .touch-stick em{opacity:0;transform:translate(-50%,4px)}@media(max-width:760px){.status-strip{width:auto}.status-strip strong{max-width:118px;font-size:11px}.context-chip{left:50%;bottom:calc(132px + env(safe-area-inset-bottom));transform:translate(-50%);min-width:min(170px,calc(100vw - 36px));padding:7px 14px;font-size:11px;text-align:center}.terminal-panel{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:auto}.track-grid{grid-template-columns:1fr}.touch-stick{left:max(18px,env(safe-area-inset-left));bottom:calc(58px + env(safe-area-inset-bottom));width:clamp(104px,30vw,122px)}.touch-action{right:max(16px,env(safe-area-inset-right));bottom:calc(54px + env(safe-area-inset-bottom));min-width:96px;height:52px}}