*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:#1b1b23;height:100%;margin:0;padding:0;overflow:hidden}:root{--viewport-top:0px;--viewport-right:0px;--viewport-bottom:0px;--viewport-left:0px;--edge-top:max(var(--viewport-top), env(safe-area-inset-top,0px));--edge-right:max(var(--viewport-right), env(safe-area-inset-right,0px));--edge-bottom:max(var(--viewport-bottom), env(safe-area-inset-bottom,0px));--edge-left:max(var(--viewport-left), env(safe-area-inset-left,0px));--gutter:12px}#game,#bubbles{inset:var(--viewport-top) var(--viewport-right) var(--viewport-bottom) var(--viewport-left);position:fixed}#game{touch-action:none}#game canvas{display:block}#bubbles{pointer-events:none;-webkit-user-select:none;user-select:none;font:500 13px/1.35 ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}#bubbles .speaker{width:0;height:0;position:absolute;top:0;left:0}#bubbles .speaker.hidden{visibility:hidden}#bubbles .stack{flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}#bubbles .said{text-align:center;color:#e8f4ff;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;background:#11131cdb;border:1px solid #9fb4c833;border-radius:12px;-webkit-box-orient:vertical;width:max-content;max-width:15em;padding:5px 9px;animation:2.6s linear forwards said;display:-webkit-box;overflow:hidden}@keyframes said{0%{opacity:0;transform:translateY(4px)}6%{opacity:1;transform:none}86%{opacity:1}to{opacity:0}}#bubbles .think{background:#11131cb3;border-radius:999px;gap:3px;padding:5px 7px;display:flex}#bubbles .think i{background:#f3f7ff;border-radius:50%;width:4px;height:4px;animation:.9s ease-in-out infinite think}#bubbles .think i:nth-child(2){animation-delay:.1s}#bubbles .think i:nth-child(3){animation-delay:.2s}@keyframes think{0%,to{opacity:.25}50%{opacity:1}}#bubbles .note{left:13px;bottom:calc(var(--lift,0) * 3px);color:#fff1c9;text-shadow:0 0 7px #ffbe6e99;font-size:15px;line-height:1;animation:.95s ease-out forwards note;position:absolute}@keyframes note{0%{opacity:0;transform:translateY(0)}8%{opacity:1}40%{opacity:1}to{opacity:0;transform:translateY(-15px)}}#chrome{--layout:stacked;--panel:21rem;inset:var(--edge-top) var(--edge-right) var(--edge-bottom) var(--edge-left);padding:var(--gutter);pointer-events:none;grid-template:"hud""panel"minmax(0,1fr)"budget"/minmax(0,1fr);gap:8px;display:grid;position:fixed}@media (min-width:48rem){#chrome{--layout:docked;grid-template-columns:minmax(0, 1fr) var(--panel);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"hud panel""budget budget"}}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;grid-area:hud;align-items:start;gap:8px;max-width:28rem;font:500 14px/1 ui-monospace,SF Mono,Menlo,monospace;display:flex}#turn{color:#e8f4ff;letter-spacing:.05em;background:#0c0e16b3;border-radius:999px;padding:7px 14px}#dm,#camera,#panel-tabs button,#actions button,#speech button{pointer-events:auto;cursor:pointer;touch-action:none;font:inherit;appearance:none;letter-spacing:.04em;color:#9fb4c8;background:#0c0e16b3;border:1px solid #9fb4c840;border-radius:999px;padding:12px 16px;font-size:13px;transition:color .16s,border-color .16s,background .16s,box-shadow .16s}#dm.veiled{color:#9fd0ff;background:#0a1222d9;border-color:#9fd0ff73}#camera.free{color:#9fe6d8;background:#0e1a1ed9;border-color:#9fe6d873}#actions{flex-wrap:wrap;gap:8px;display:flex}#actions:not(.offered){display:none}#actions #end{color:#e8f4ff;background:#10141ee0;border-color:#e8f4ff66}#actions #end.spent{color:#10141e;background:#e8f4ffeb;border-color:#e8f4fff2;box-shadow:0 0 0 4px #e8f4ff29}#actions button.armed{color:#bfeaff;background:#0e3044e6;border-color:#4fc3f7b3}#actions #ai{color:#ffd98a;background:#3a2c0cd9;border-color:#ffd98a73}#actions button:disabled,#speech button:disabled{opacity:.45;cursor:default}#speech{gap:8px;width:100%;display:flex}#speech:not(.offered){display:none}#utterance{pointer-events:auto;-webkit-user-select:text;user-select:text;min-width:0;font:inherit;letter-spacing:.02em;appearance:none;color:#e8f4ff;background:#0c0e16b3;border:1px solid #9fb4c840;border-radius:999px;flex:8rem;padding:10px 16px;font-size:16px;transition:border-color .16s,background .16s}#utterance::placeholder{color:#9fb4c8a6}#utterance:focus{background:#0e3044e6;border-color:#4fc3f7b3;outline:none}#utterance:disabled{color:#9fb4c880;border-style:dashed}#intents,#notice{white-space:pre-line;overflow-wrap:anywhere;opacity:0;border-radius:12px;padding:7px 14px;font-size:13px;line-height:1.35;transition:opacity .22s}#intents{color:#cfe0ef;background:#0c0e169e;font-style:italic}#notice{color:#ffd9d0;background:#3a1616d1}#intents.showing,#notice.showing{opacity:1}#panel{width:min(var(--panel), 100%);pointer-events:none;-webkit-user-select:none;user-select:none;grid-area:panel;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"pane""strip";justify-self:end;gap:8px;font:500 13px/1.5 ui-monospace,SF Mono,Menlo,monospace;display:grid}#panel>:not(#panel-tabs){grid-area:pane;min-height:0}#panel>[hidden]{display:none}#panel-tabs{grid-area:strip;justify-content:end;gap:8px;display:flex}#panel-tabs button.open{color:#c9c2ff;background:#161426d9;border-color:#c9c2ff73}#scroll,#sheet-pane,#debug-pane{overscroll-behavior:contain;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#0a0c14c7;border:1px solid #9fb4c82e;border-radius:16px;padding:12px 14px;overflow-y:auto}#log-pane{flex-direction:column;gap:8px;display:flex}#scroll{flex:auto;min-height:0}#entries{flex-direction:column;gap:10px;display:flex}.round{grid-template-columns:1.75rem 1fr;column-gap:10px;display:grid}.ordinal{text-align:right;letter-spacing:.08em;color:#9fb4c866;font-size:11px;line-height:1.7;position:sticky;top:0}.lines{flex-direction:column;gap:3px;min-width:0;display:flex}.line{color:#8fa3b6;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.line b{color:#b6c8da;font-weight:500}.line.said{color:#e8f4ff;padding-left:8px;font-size:13px;box-shadow:inset 2px 0 #4fc3f7bf}.line.said b{color:#9fd0ff}.line.said.mine{box-shadow:inset 2px 0 #ffd98abf}.line.said.mine b{color:#ffd98a}.line q{quotes:"“" "”"}#reasoning{overscroll-behavior:contain;pointer-events:auto;-webkit-user-select:text;user-select:text;color:#cfe0ef;background:#0c0e169e;border-radius:12px;flex:0 auto;width:100%;max-height:34%;padding:10px 14px;font-size:12px;font-style:italic;line-height:1.45;display:none;overflow-y:auto}#reasoning.showing{display:block}#reasoning b{letter-spacing:.06em;color:#9fd0ff;margin-bottom:4px;font-size:11px;font-style:normal;display:block}#sheet-pane{flex-direction:column;gap:12px;display:flex}#sheet-pane .who{justify-content:space-between;align-items:baseline;gap:10px;display:flex}#sheet-pane .who b{letter-spacing:.04em;color:#e8f4ff;font-size:16px;font-weight:500}#sheet-pane .driver{letter-spacing:.06em;color:#ffd98a;background:#3a2c0cd9;border:1px solid #ffd98a59;border-radius:999px;flex:none;gap:6px;padding:4px 10px;font-size:11px;display:flex}#sheet-pane .driver i{color:#ffd98a99;font-style:normal}#sheet-pane .stats{border-bottom:1px solid #9fb4c824;gap:16px;padding-bottom:12px;display:flex}#sheet-pane .stat{font-variant-numeric:tabular-nums;color:#e8f4ff;gap:6px;display:flex}#sheet-pane .stat i{color:#9fb4c8;font-style:normal}#sheet-pane .part i{letter-spacing:.08em;color:#9fb4c88c;margin-bottom:5px;font-size:11px;font-style:normal;display:block}#sheet-pane ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}#sheet-pane li{color:#b6c8da;overflow-wrap:anywhere;font-size:12px;line-height:1.5}#sheet-pane .intent li{color:#cfe0ef;font-style:italic}#debug-pane{touch-action:pan-y;flex-direction:column;gap:10px;font:500 14px/1 ui-monospace,SF Mono,Menlo,monospace;display:flex}#debug-pane>*{flex:none}#debug-pane button,#debug-pane input{cursor:pointer;touch-action:none;font:inherit}#dial-tabs{border-bottom:1px solid #9fb4c824;gap:6px;padding-bottom:10px;display:flex}#dial-tabs button{appearance:none;letter-spacing:.06em;color:#9fb4c8;background:#9fb4c81a;border:1px solid #9fb4c833;border-radius:999px;flex:1 1 0;padding:9px 4px;font-size:12px;transition:color .16s,border-color .16s,background .16s}#dial-tabs button.open{color:#bfeaff;background:#9fd0ff29;border-color:#9fd0ff80}.dials{flex-direction:column;gap:8px;display:flex}.dials[hidden]{display:none}#hinge{appearance:none;letter-spacing:.04em;color:#9fb4c8;background:#0c0e16b3;border:1px solid #9fb4c840;border-radius:999px;padding:11px 16px;font-size:13px;transition:color .16s,border-color .16s,background .16s}#hinge.still{color:#c9c2ff;background:#161426d9;border-color:#c9c2ff73}.dial{align-items:center;gap:10px;display:flex}.dial button{appearance:none;color:#e8f4ff;background:#9fb4c824;border:1px solid #9fb4c840;border-radius:50%;width:32px;height:32px;font-size:17px;line-height:1}.dial button:disabled{opacity:.3;cursor:default}.reading{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#e8f4ff;flex:none;justify-content:space-between;gap:8px;min-width:10.5em;font-size:13px;display:flex}.reading i{color:#9fb4c8;font-style:normal}#scale-reading{flex:auto;justify-content:center;min-width:0}.dial input[type=range]{accent-color:#9fd0ff;background:0 0;flex:1 1 0;min-width:0;height:32px}#budget{letter-spacing:.04em;color:#cbd5f5b8;pointer-events:none;-webkit-user-select:none;user-select:none;background:#080a12b8;border:1px solid #cbd5f529;border-radius:999px;grid-area:budget;place-self:end start;gap:12px;padding:7px 12px;font:500 11px/1.4 ui-monospace,SF Mono,Menlo,monospace;display:flex}#budget .over{color:#ff9d8a}
