:root{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;color:#e9f5ff;background:#0a121e}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{user-select:none;-webkit-user-select:none}#game-shell{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#0c1623}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:none}#help{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none;font-size:10px;font-weight:800;letter-spacing:.14em;color:#a7bed0;text-shadow:0 2px 4px #06101b}#help span{color:#f6a55a;margin:0 8px}#tuning{position:absolute;right:14px;top:14px;width:min(300px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:#0c1a29ec;border:1px solid #92b9cb77;border-radius:10px;padding:16px;box-shadow:0 12px 40px #0009;cursor:auto}#tuning h2{font-size:15px;letter-spacing:.14em;margin:0 0 12px}#tuning small{display:block;color:#89a6bb;font-size:10px;font-weight:normal;letter-spacing:0;margin-top:4px}#tuning label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#dbeaf6;font-size:12px;padding:5px 0}#tuning input{width:82px;background:#142c40;border:1px solid #668aa0;border-radius:4px;padding:4px 6px;color:white}#tuning label.group{color:#ffa969;border-top:1px solid #52708677;margin-top:8px;padding-top:10px;font-weight:bold}#tuning .qa-button{margin-top:14px;width:100%;padding:9px;background:#b8e7e9;color:#102130;font-weight:900;border:0;border-radius:5px;cursor:pointer}#tuning .qa-button:disabled{opacity:.5}#qa-result{font-size:11px;line-height:1.4;color:#b8e7e9}
#quips-toggle{position:absolute;right:14px;bottom:32px;z-index:2;padding:7px 10px;border:1px solid #8bb6bd99;border-radius:6px;background:#0b1b29e8;color:#dceef2;font:700 11px Inter,system-ui,sans-serif;cursor:pointer}#quips-toggle:hover,#quips-toggle:focus-visible{border-color:#ffbe83;outline:none}#help{max-width:calc(100vw - 16px);text-align:center;white-space:normal;line-height:1.35}@media(max-width:650px){#help{font-size:8px;letter-spacing:0;bottom:5px;padding-right:4px}#help span{margin:0 3px}#quips-toggle{bottom:48px;right:7px;font-size:10px;padding:5px 7px}}
#game{position:absolute;inset:0;width:100%;height:calc(100% - 48px)}
.quip-bubble{position:absolute;z-index:2;max-width:min(240px,calc(100vw - 16px));width:max-content;padding:10px 13px;background:#fff2d9;border:3px solid #172431;border-radius:18px;color:#162536;font:800 clamp(12px,1.25vw,15px)/1.25 Inter,system-ui,sans-serif;box-shadow:3px 4px 0 #07121dc9;text-wrap:balance;pointer-events:none;--tail-x:50%}
#quip-leader{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}#quip-leader[hidden]{display:none}#quip-leader line{stroke:#fff2d9;stroke-width:4;stroke-linecap:round;paint-order:stroke;filter:drop-shadow(1px 2px 0 #172431)}#quip-leader circle{fill:#fff2d9;stroke:#172431;stroke-width:2}
.quip-bubble[hidden],#quip-portrait[hidden]{display:none}
.quip-bubble::before,.quip-bubble::after{display:none;content:"";position:absolute;left:calc(var(--tail-x) - 10px);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent}
.quip-bubble.above::before{bottom:-19px;border-top:20px solid #172431}.quip-bubble.above::after{bottom:-13px;border-top:15px solid #fff2d9}
.quip-bubble.below::before{top:-19px;border-bottom:20px solid #172431}.quip-bubble.below::after{top:-13px;border-bottom:15px solid #fff2d9}
#quip-portrait{position:absolute;z-index:2;width:64px;height:64px;background:#254657;border:3px solid #f5d4a3;border-radius:50%;box-shadow:0 4px 0 #07121dbb;pointer-events:none}
@media(max-width:650px){#game{height:calc(100% - 50px)}.quip-bubble{max-width:min(190px,calc(100vw - 16px));padding:7px 10px;font-size:11px;border-width:2px}#quip-portrait{width:42px;height:42px}#quips-toggle{bottom:29px}}