*,:before,:after{box-sizing:border-box}:root{--cafe-bg:#2c1f14;--cafe-warm:#a0724a;--cream:#f5e6c8;--cream-dim:#f5e6c8b3;--panel-bg:#160e08f0;--panel-border:#f5e6c826;--panel-shadow:0 12px 48px #000000b3;--hotspot-ring:#ffffff59}body{background:var(--cafe-bg);color:var(--cream);margin:0;font-family:system-ui,sans-serif;overflow:hidden}#scene{background-color:var(--cafe-bg);position:fixed;inset:0}.scene-bg{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.hotspot{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0;transition:box-shadow .15s;position:absolute}.hotspot:hover,.hotspot:focus-visible{box-shadow:inset 0 0 0 2px var(--hotspot-ring);outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel-card{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:14px;width:90%;max-width:440px;padding:32px;position:relative}.panel-close{color:var(--cream-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;line-height:1;transition:color .15s;position:absolute;top:16px;right:16px}.panel-close:hover{color:var(--cream)}.received-drink{text-align:center;margin-bottom:28px}.received-drink img{object-fit:contain;border-radius:8px;width:80px;height:80px}.received-drink .drink-name{margin:10px 0 4px;font-size:1.1rem;font-weight:600}.received-drink .drink-message{color:var(--cream-dim);margin:0;font-size:.85rem}.drink-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-bottom:20px;display:grid}.drink-option{border:1px solid var(--panel-border);color:var(--cream);cursor:pointer;text-align:center;background:#f5e6c80f;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:.8rem;transition:background .15s,border-color .15s;display:flex}.drink-option img{object-fit:contain;width:44px;height:44px}.drink-option:hover{background:#f5e6c81f}.drink-option.selected{background:#f5e6c82e;border-color:#f5e6c873}.confirm-btn{background:var(--cafe-warm);width:100%;color:var(--cream);cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:.95rem;font-weight:600;transition:opacity .15s}.confirm-btn:disabled{opacity:.35;cursor:not-allowed}.confirm-btn:not(:disabled):hover{opacity:.88}.stub-message{color:var(--cream-dim);margin:0;padding:8px 0;font-size:.95rem}