#real-tutorial-hint{position:fixed;z-index:9999;left:12px;right:12px;top:max(8px,env(safe-area-inset-top));background:rgba(255,248,220,.96);border:3px solid #71568f;border-radius:18px;box-shadow:0 6px 0 #45345d,0 12px 30px #34264d44;color:#46345d;padding:11px 13px;font-family:system-ui,sans-serif;pointer-events:auto}.tr-heading,.tr-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.tr-title{font-size:14px}.tr-tip{font-size:13px;line-height:1.45;margin:7px 0}.tr-exit,.tr-next{border:2px solid #71568f;border-radius:12px;padding:7px 9px;font-weight:800;background:#d9f67b;color:#48365b}.tr-exit{background:#f4d9ec;font-size:11px}.tr-controls small{font-size:10px;opacity:.75}#real-tutorial-hint button{cursor:pointer}
.tr-gesture{display:flex;justify-content:center;gap:8px;align-items:center;font-size:13px;font-weight:800;color:#a56a04;background:#fff2ba;border:2px dashed #e5ac38;border-radius:12px;margin-top:7px;padding:6px;animation:tr-glow 1.2s infinite alternate}.tr-progress{font-size:12px;color:#8d5c17}.tr-win{border-color:#ffc32e!important;box-shadow:0 0 24px #ffd35d,0 6px 0 #45345d!important}@keyframes tr-glow{from{filter:brightness(1)}to{filter:brightness(1.16)}}