#circle-wallet{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1vw,12px);flex-wrap:nowrap;width:100%;font-size:clamp(13px,2.2vw,22px)}
#circle-wallet .circle-artifact{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:0}
#circle-key{color:#b6a9b8;transition:color .3s,filter .3s}
#circle-key.key-owned{color:#f5d28d;filter:drop-shadow(0 0 7px #e4bb6855)}
.guardian-work textarea{width:100%;min-height:112px;font-size:16px;line-height:1.5;resize:vertical}
.game-modal.guardian-modal{height:calc(var(--guardian-viewport,100dvh) - var(--miniapp-safe-top,0px));bottom:auto;align-items:start}
.guardian-modal .modal-card{max-height:calc(var(--guardian-viewport,100dvh) - var(--miniapp-safe-top,0px) - 36px)}
.guardian-modal .modal-buttons{position:sticky;bottom:0;background:#19111f;padding-top:12px;padding-bottom:8px;z-index:3}
.guardian-modal .modal-buttons button{min-height:48px;white-space:normal}
.guardian-saved{white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px;line-height:1.6}
.guardian-key-amount,.guardian-portal-key{color:#f5d28d;font-size:22px;text-align:center}
.guardian-key-flight{position:fixed;left:50%;top:50%;z-index:400;pointer-events:none;font-size:44px;filter:drop-shadow(0 0 16px #e7bd79);animation:guardianKeyFlight 1.05s ease-in-out forwards}
@keyframes guardianKeyFlight{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(calc(-50% + var(--key-dx)),calc(-50% + var(--key-dy))) scale(.3)}}
@media(max-width:540px){#circle-wallet{font-size:clamp(12px,3.1vw,17px);gap:5px}.guardian-modal .modal-card{padding:20px 16px}.guardian-modal .modal-buttons{display:grid;grid-template-columns:1fr}.guardian-modal .modal-buttons button{width:100%;font-size:15px}}
@media(prefers-reduced-motion:reduce){.guardian-key-flight{display:none}#circle-key{transition:none}}