*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a1a;color:#e0e0e0;font-family:Zen Maru Gothic,Hiragino Kaku Gothic ProN,sans-serif;overflow:hidden;width:100vw;height:100dvh}#app{width:100%;height:100%}.kitsune-viewport{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--kitsune-tile-color, #0a0a1a)}.kitsune-canvas{--kitsune-frame-width: 12px;--kitsune-frame-color: #2a1a0a;position:relative;width:min(100vw - var(--kitsune-frame-width) * 2,100dvh - var(--kitsune-frame-width) * 2);height:min(100vw - var(--kitsune-frame-width) * 2,100dvh - var(--kitsune-frame-width) * 2);border:var(--kitsune-frame-width) solid var(--kitsune-frame-color);container-type:inline-size;container-name:kitsune;overflow:hidden}.kitsune-frame{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:10;pointer-events:none}.kitsune-stage{position:relative;width:100%;height:100%;background:linear-gradient(180deg,#0a0a1a,#0f1528,#162040 60%,#1a2850)}.kitsune-overlay{display:flex;align-items:stretch}.slot{flex:1;position:relative;height:100%;overflow:visible}.bubble{position:absolute;bottom:55%;left:50%;transform:translate(-50%);max-width:75cqw;min-width:15cqw;width:max-content;padding:2.2cqw 2.5cqw;background:#ffffffeb;color:#1a1a2e;border-radius:2.5cqw;font-size:clamp(9px,3.2cqw,18px);line-height:1.7;box-shadow:0 .5cqw 2.5cqw #0000004d;word-break:normal}.slot-left .bubble{left:0;transform:none}.slot-left .bubble:after{left:25%}.slot-right .bubble{left:auto;right:0;transform:none}.slot-right .bubble:after{left:75%}.bubble:after{content:"";position:absolute;bottom:-1.6cqw;left:50%;transform:translate(-50%);width:0;height:0;border-left:1.6cqw solid transparent;border-right:1.6cqw solid transparent;border-top:1.6cqw solid rgba(255,255,255,.92)}