html,body{color:#e0e0e0;-webkit-font-smoothing:antialiased;background:#0a0a12;width:100%;height:100%;margin:0;padding:0;font-family:Fredoka,Comic Sans MS,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.viewport{aspect-ratio:16/9;box-sizing:border-box;background:#000;width:min(100vw,177.778vh);height:min(100vh,56.25vw);position:relative}.viewport canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute;inset:0}.viewport:before{content:"";pointer-events:none;z-index:10;border:22px solid #0000;border-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'><rect width='44' height='44' fill='%231c1810'/><rect x='0' y='0' width='44' height='2' fill='%23c9a249'/><rect x='0' y='42' width='44' height='2' fill='%23c9a249'/><g fill='%23c9a249'><rect x='4' y='10' width='14' height='2'/><rect x='4' y='10' width='2' height='10'/><rect x='4' y='20' width='10' height='2'/><rect x='12' y='14' width='2' height='8'/><rect x='8' y='14' width='4' height='2'/><rect x='22' y='10' width='14' height='2'/><rect x='34' y='10' width='2' height='10'/><rect x='26' y='20' width='10' height='2'/><rect x='26' y='14' width='2' height='8'/><rect x='28' y='14' width='4' height='2'/></g></svg>") 22 round;position:absolute;inset:0}.viewport:after{content:"";pointer-events:none;z-index:9;position:absolute;inset:22px;box-shadow:inset 0 0 0 2px #2a2418,inset 0 0 22px #0009}.hud{z-index:11;color:#ffde6a;letter-spacing:1px;text-shadow:0 0 6px #000c;pointer-events:none;white-space:pre-line;font-family:monospace;font-size:12px;line-height:1.5;position:absolute;top:24px;left:24px}.dialogue-box[hidden]{display:none}.dialogue-box{color:#f3e8c0;z-index:12;pointer-events:none;background:#14120cf0;border:2px solid #c9a249;gap:14px;width:min(640px,100% - 80px);padding:12px 14px;font-family:monospace;font-size:14px;line-height:1.45;display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #2a2418,0 6px 24px #000000b3}.dialogue-portrait{background:#1c1810;border:2px solid #c9a249;flex-shrink:0;width:96px;height:96px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2a2418,inset 0 0 12px #000000a6}.dialogue-portrait-fill{text-shadow:0 1px 2px #0009;justify-content:center;align-items:center;font-family:serif;font-size:56px;font-weight:700;line-height:1;display:flex;position:absolute;inset:4px}.dialogue-body{flex-direction:column;flex:1;min-width:0;display:flex}.dialogue-name{color:#ffde6a;letter-spacing:1px;text-shadow:0 1px 2px #0009;margin-bottom:6px;font-family:serif;font-size:18px;font-weight:700}.dialogue-text{white-space:pre-line;flex:1}.dialogue-arrow{color:#c9a249;text-align:right;letter-spacing:1px;margin-top:6px;font-size:11px}.toast{color:#ffde6a;z-index:13;pointer-events:none;background:#14120ceb;border:2px solid #c9a249;padding:10px 18px;font-family:monospace;font-size:14px;animation:1.4s ease-out forwards toast-pop;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))}15%{opacity:1;transform:translate(-50%,-50%)}85%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 12px))}}#app.trip-host{background:#000;display:block}.trip-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.trip-hud{pointer-events:none;z-index:5;text-transform:lowercase;font-family:Fredoka,Comic Sans MS,sans-serif;position:absolute;inset:0}@keyframes trip-hue{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes trip-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.06)}}.trip-brand{letter-spacing:3px;color:#ff5bd8;text-shadow:0 0 14px;opacity:.85;font-size:22px;font-weight:700;animation:8s linear infinite trip-hue;position:absolute;top:16px;left:20px}.trip-hint{text-align:center;letter-spacing:2px;position:absolute;left:50%;transform:translate(-50%)}.trip-hint-move{color:#8ffcff;text-shadow:0 0 12px #78ffffe6;font-size:clamp(16px,2.4vw,22px);transition:opacity 1.2s;animation:6s linear infinite trip-hue;bottom:7%}.trip-hint-move.gone{opacity:0}.trip-hint-finish{color:#ffe45b;text-shadow:0 0 18px,0 0 46px #ffc85099;font-size:clamp(22px,4vw,38px);font-weight:700;line-height:1.5;animation:3s linear infinite trip-hue,1.6s ease-in-out infinite trip-pulse;top:16%}.trip-hint-finish span{margin-top:6px;font-size:.55em;font-weight:400;display:inline-block}.trip-hint-finish[hidden]{display:none}.trip-flash{opacity:0;pointer-events:none;z-index:4;background:#fff;transition:opacity .55s ease-out;position:absolute;inset:0}.trip-flash.on{opacity:.85;transition:none}.trip-error{color:#ff8bd0;text-shadow:0 0 12px;text-align:center;font-family:Fredoka,Comic Sans MS,sans-serif;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}