html,body{margin:0;padding:0;background:#1b1f3a;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{width:100%;height:100%;max-width:75vh;margin:0 auto}canvas{display:block}.guess{position:fixed;inset:0;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding:max(12vh,90px) 16px 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:auto;-webkit-user-select:text;user-select:text}.guess-card{width:min(100%,420px);background:#262b4d;border:2px solid #3a4170;border-radius:18px;padding:18px;box-shadow:0 20px 60px #00000080;display:grid;gap:10px}.guess.is-wrong .guess-card{animation:guess-shake .32s ease;border-color:#ff595e}.guess.is-correct .guess-card{border-color:#8ac926}@keyframes guess-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-5px)}}.guess-pic{width:176px;height:176px;justify-self:center;border-radius:10px;image-rendering:pixelated}.guess-q{color:#fff;font-weight:800;font-size:20px;text-align:center}.guess-input{width:100%;box-sizing:border-box;font:inherit;font-size:20px;font-weight:700;padding:12px 14px;border-radius:12px;border:2px solid #3a4170;background:#1b1f3a;color:#fff;outline:none}.guess-input:focus{border-color:#ffca3a}.guess-list{display:grid;gap:6px}.guess-opt{font:inherit;font-size:18px;font-weight:700;text-align:left;padding:12px 14px;border:0;border-radius:10px;background:#1982c4;color:#fff;cursor:pointer}.guess-feedback{min-height:1.2em;text-align:center;color:#b8bee6;font-size:15px}.guess.is-wrong .guess-feedback{color:#ff595e;font-weight:700}.guess.is-correct .guess-feedback{color:#8ac926;font-weight:800}.guess-wrong{color:#8f96c2;font-size:14px;text-align:center}.guess-close{justify-self:center;font:inherit;font-size:16px;font-weight:700;padding:10px 26px;border:0;border-radius:10px;background:#3a4170;color:#fff;cursor:pointer}