html,body,#app{margin:0;width:100%;height:100%;max-height:100dvh;overflow:hidden;background:#081422;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}canvas{display:block;width:100%;height:100%}#hud-glass{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}#hud-debug{position:fixed;top:8px;left:12px;z-index:3;color:#7aa8b8;font-size:10px;letter-spacing:.06em;pointer-events:none;text-shadow:0 1px 2px #000;opacity:.75}.term-panel,.term-card,#stick-panel{background:#060c12e6;border:1px solid #3a5a68;color:#9ec8d8;font-size:12px;line-height:1.4;text-shadow:0 1px 2px #000;pointer-events:auto;-webkit-user-select:none;user-select:none}.term-stamp{color:#c4b37a;letter-spacing:.16em;font-size:10px;margin-bottom:6px}.term-brand{font-size:26px;letter-spacing:.22em;font-weight:700;color:#d8ecec;margin-bottom:8px}.term-lede,.term-foot,.term-dim{color:#7a9088;font-size:12px;line-height:1.45}.term-foot{margin-top:10px;font-size:10px}.term-field{display:block;margin:12px 0 8px;font-size:11px;letter-spacing:.08em}.term-field input{display:block;width:100%;margin-top:4px;box-sizing:border-box;padding:6px 8px;border:1px solid #3a5a68;background:#0e1a22;color:#d8ecec;font:inherit;letter-spacing:.12em}.term-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.term-card button,.term-panel button,.term-item,#stick-panel button{pointer-events:auto;background:#142028;color:#c4d8e0;border:1px solid #3a5a68;font:inherit;font-size:11px;letter-spacing:.08em;padding:6px 10px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.term-panel button.cp-sel,.term-card button.on,.term-card button.term-go,.term-item.on,#stick-panel button.armed{background:#3a2a10;color:#e0c070;border-color:#6a5a38}.term-card button:disabled{opacity:.4;cursor:default}.term-items{display:flex;flex-direction:column;gap:6px;margin-top:14px}.term-item{text-align:left;width:100%}.term-stats{margin-top:12px}.term-stat{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin-bottom:8px;font-size:11px}.term-stat b{font-variant-numeric:tabular-nums}.term-stat i{display:block;grid-column:1 / -1;height:4px;background:#6a3020}.term-stat em{grid-column:1 / -1;font-style:normal;color:#7a9088;font-size:10px}#menu,#slip{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#04080c94;pointer-events:auto}#menu[hidden],#slip[hidden]{display:none}.term-card{width:min(420px,92vw);padding:22px 24px 18px}#dock-panel.dock-overlay{position:fixed;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;min-width:0;max-width:none;padding:0;background:#04080ca8;border:none;pointer-events:auto}#dock-panel[hidden]{display:none}#dock-panel .dock-card{width:min(460px,92vw);padding:22px 24px 18px}#dock-panel .dp-body{white-space:pre;font-variant-numeric:tabular-nums;margin:12px 0 8px;font-size:12px;color:#c8b890}#dock-panel button.term-go{background:#3a2a10;color:#e0c070;border-color:#6a5a38;margin-left:auto}#dock-prompt,#repair-prompt{position:fixed;left:50%;top:22%;transform:translate(-50%);z-index:8;width:min(420px,86vw);padding:14px 16px}#dock-prompt .cp-head,#repair-prompt .cp-head{display:flex;align-items:baseline;gap:8px;color:#e0b050;letter-spacing:.08em;margin-bottom:8px}#dock-prompt .cp-body,#repair-prompt .cp-body{white-space:pre-wrap;min-height:3.2em;margin-bottom:10px;color:#c8b890;font-size:14px}#dock-prompt .cp-btns,#repair-prompt .cp-btns{display:flex;flex-direction:column;gap:6px}#dock-prompt button,#repair-prompt button{text-align:left}#dock-prompt .cp-hint,#repair-prompt .cp-hint{margin-top:10px;font-size:10px;color:#7a7060}#app[data-mode=title] #dock-prompt,#app[data-mode=create] #dock-prompt,#app[data-mode=landing] #dock-prompt,#app[data-paused="1"] #dock-prompt,#app[data-mode=title] #repair-prompt,#app[data-mode=create] #repair-prompt,#app[data-mode=landing] #repair-prompt,#app[data-paused="1"] #repair-prompt{display:none}#talk-panel{position:fixed;left:12px;bottom:12px;z-index:7;width:min(400px,46vw);padding:10px 12px}#talk-panel .cp-head{display:flex;align-items:baseline;gap:8px;color:#e0b050;letter-spacing:.08em;margin-bottom:8px}#talk-panel .cp-body{white-space:pre-wrap;min-height:4.2em;margin-bottom:8px;color:#c8b890}#talk-panel .cp-btns{display:flex;flex-direction:column;gap:4px}#talk-panel button{text-align:left}#talk-panel .cp-hint{margin-top:8px;font-size:10px;color:#7a7060}#app[data-mode=title] #talk-panel,#app[data-mode=create] #talk-panel,#app[data-mode=landing] #talk-panel,#app[data-paused="1"] #talk-panel{display:none}#comms-panel{position:fixed;right:12px;bottom:12px;z-index:6;width:min(360px,42vw);padding:10px 12px}#comms-panel .cp-head{display:flex;align-items:baseline;gap:8px;color:#e0b050;letter-spacing:.08em;margin-bottom:8px}#comms-panel .cp-dist{margin-left:auto;color:#8a8070;font-size:11px}#comms-panel .cp-body{white-space:pre-wrap;min-height:4.2em;margin-bottom:8px;color:#c8b890}#comms-panel .cp-btns{display:flex;flex-direction:column;gap:4px}#comms-panel button{text-align:left}#comms-panel .cp-hint{margin-top:8px;font-size:10px;color:#7a7060}#app[data-mode=title] #dock-panel,#app[data-mode=create] #dock-panel,#app[data-mode=landing] #dock-panel,#app[data-mode=title] #comms-panel,#app[data-mode=create] #comms-panel,#app[data-mode=landing] #comms-panel,#app[data-paused="1"] #dock-panel,#app[data-paused="1"] #comms-panel,#app[data-paused="1"] #dock-prompt,#app[data-paused="1"] #repair-prompt{display:none}#stick-panel{position:fixed;top:10px;right:12px;z-index:5;max-width:380px;max-height:82vh;overflow:auto;padding:10px 12px;color:#9fb08a;font-size:11px}#stick-panel .sp-title{color:#c4b37a;letter-spacing:.16em;margin-bottom:4px}#stick-panel .sp-id,#stick-panel .sp-hint,#stick-panel .sp-none,#stick-panel .sp-btns{color:#7a8870;margin-bottom:6px}#stick-panel .sp-row{font-variant-numeric:tabular-nums;white-space:pre}#stick-panel .sp-idx{color:#c4b37a;margin-right:6px}#stick-panel .sp-val{margin-left:6px}#stick-panel .sp-tag{color:#c4b37a}#stick-panel .sp-roles{margin-top:8px}#stick-panel .sp-role{display:flex;align-items:center;gap:6px;margin-bottom:4px}#stick-panel .sp-reset{margin-top:6px}@media(max-width:1280px){#dock-panel .dock-card{width:min(420px,94vw);padding:18px 16px 14px;font-size:11px}#comms-panel{width:min(320px,44vw)}.term-card{width:min(400px,94vw);padding:18px 16px 14px}}#landing{position:fixed;inset:0;z-index:30;display:flex;align-items:stretch;justify-content:stretch;background:#081422;pointer-events:auto;overflow:hidden;box-sizing:border-box;padding:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}#landing[hidden]{display:none}.landing-fit{width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;transform-origin:center center}.landing-card{display:flex;flex-direction:column;width:min(520px,100%);max-height:100%;min-width:0;min-height:0;padding:28px 32px 22px;box-sizing:border-box}.landing-card>*:not(.landing-media){flex-shrink:0}.landing-media{flex:1 1 min(38dvh,420px);min-height:48px;max-height:min(42dvh,480px);position:relative;margin:18px 0 14px;border:1px solid #3a5a68;overflow:hidden}.landing-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}.landing-desc{margin-top:14px;font-size:12px;line-height:1.55;color:#9ec8d8}.landing-desc p{margin:0 0 4px}.landing-keys{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:14px}.landing-bind{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.landing-key{display:inline-block;padding:3px 8px;border:1px solid #3a5a68;background:#142028;color:#c4d8e0;font-size:11px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.landing-key-hint{color:#7a9088;font-size:11px}.landing-card .term-go{display:block;width:100%;margin-top:18px;text-align:center}.landing-lang{display:flex;gap:8px;margin-top:12px}.landing-lang button{padding:4px 12px;border:1px solid #3a5a68;background:#142028;color:#8aa8b0;font-size:12px;letter-spacing:.04em;cursor:pointer}.landing-lang button[aria-pressed=true]{border-color:#9ec8d8;background:#1d3242;color:#d8ecf4}@media(max-aspect-ratio:4/3){.landing-media{flex-basis:min(28dvh,280px);max-height:min(32dvh,320px)}}@media(max-height:720px){.landing-card{padding:16px 18px 12px}.landing-media{margin:10px 0 8px;flex-basis:min(28dvh,240px);max-height:min(32dvh,280px)}.landing-desc{margin-top:8px;font-size:11px;line-height:1.4}.landing-keys{margin-top:8px}.landing-card .term-go{margin-top:10px}}@media(max-height:520px){.landing-card .term-foot{display:none}.landing-media{flex-basis:min(22dvh,160px);max-height:min(24dvh,180px);min-height:40px}}@media(max-height:400px){.landing-keys{display:none}}@media(max-height:340px){.landing-desc{display:none}}