*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#2c4a28;height:100%;margin:0;padding:0;font-family:Trebuchet MS,Verdana,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#scene{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}#hud{top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));pointer-events:none;z-index:3;align-items:center;gap:10px;min-width:0;display:flex;position:absolute}#title{color:#ffe9b8;letter-spacing:1px;background:#20242acc;border:2px solid #ffe9b855;border-radius:10px;padding:6px 12px;font-size:14px;font-weight:800}#clock,#hint{color:#fff;white-space:nowrap;background:#20242a99;border-radius:10px;padding:6px 10px;font-size:13px}#follow{pointer-events:auto;color:#ffe9b8;letter-spacing:1px;cursor:pointer;background:#20242acc;border:2px solid #ffe9b855;border-radius:10px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:800}#follow:active{transform:scale(.94)}#hint{opacity:.9;text-overflow:ellipsis;min-width:0;margin-left:auto;overflow:hidden}#thought{z-index:4;pointer-events:none;max-width:240px;display:none;position:absolute;transform:translate(-50%,-100%)}#thought.show{display:block}#thought .bubble{color:#3a2e22;text-align:center;background:#fffdf5;border:3px solid #3a2e22;border-radius:14px;padding:8px 10px;font-size:14px;box-shadow:0 4px #0006}#thought .who{text-align:center;color:#ffe9b8;text-shadow:0 2px #000;letter-spacing:1px;margin-top:4px;font-size:11px;font-weight:800}body.portrait #hud{transform-origin:0 0;width:100vh;top:0;left:0;right:auto;transform:rotate(90deg)translateY(-100%)}body.portrait #thought{transform:translate(-50%,-50%)}body.portrait #thought .bubble,body.portrait #thought .who{transform:rotate(-90deg)}#panel{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));z-index:5;color:#fff;background:#20242af2;border:2px solid #ffe9b855;border-radius:14px;width:230px;padding:10px 12px;position:absolute}#panel.hidden{display:none}#panel-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}#panel-name{color:#ffe9b8;letter-spacing:1px;font-size:14px;font-weight:800}#panel-x{color:#fff9;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-family:inherit;font-size:18px;line-height:1}.mrow{align-items:center;gap:8px;margin:3px 0;font-size:12px;display:flex}.mrow span{color:#fffc;width:44px}.meter{background:#0009;border-radius:5px;flex:1;height:10px;overflow:hidden}.meter i{border-radius:5px;height:100%;display:block}#panel-counts{color:#fff9;margin-top:6px;font-size:11px;line-height:1.5}@media (orientation:portrait){#panel{left:50%;bottom:max(10px, env(safe-area-inset-bottom));width:min(330px,86vw);transform:translate(-50%)}}