.trumpet-svg-defs{position:absolute;width:0;height:0;overflow:hidden}.guide-launcher{display:none!important}.trumpet-hero-character{padding:0;background:none;border:0;pointer-events:auto!important;aspect-ratio:1;transform-origin:50% 85%;touch-action:manipulation}.trumpet-hero-character>img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.trumpet-hero-tools{position:absolute;top:-7px;right:0;z-index:7;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.trumpet-hero-tools button{font-size:11px;line-height:1.5;min-height:38px;padding:8px 12px;border:1px solid #b7a2cd;border-radius:18px;background:#fff9ed;color:#574272}.trumpet-hero-tools button[aria-pressed=true]{background:#67518c;color:#fff}.trumpet-hero-character:focus-visible,.trumpet-sword:focus-visible{outline:3px solid #7350b5;outline-offset:3px;border-radius:20px}.trumpet-formation{position:absolute;inset:0;z-index:4;pointer-events:none;--blade-height:74px}.guide-artwork>.trumpet-formation{z-index:4}.guide-artwork>.trumpet-hero-sigil{z-index:2;top:72%;height:20%}.trumpet-sword{position:absolute;left:54%;top:47%;height:var(--blade-height);width:44px;min-width:44px;min-height:44px;padding:0;border:0;background:none;pointer-events:auto;transform-origin:50% 50%;filter:drop-shadow(0 0 4px currentColor);touch-action:manipulation}.trumpet-sword:disabled{pointer-events:none}.trumpet-sword svg{height:100%;width:100%;display:block;overflow:visible}.trumpet-sigil{position:absolute;left:54%;top:63%;width:72%;height:28%;border:1px solid #9477c290;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;pointer-events:none}.trumpet-sigil:before,.trumpet-sigil:after{content:'';position:absolute;border:1px dashed #c5a3e9;border-radius:50%;inset:7px}.trumpet-sigil:after{inset:13px;border-style:solid;border-color:#d9b97a77}.trumpet-sigil.is-active{opacity:1}.trumpet-pet{position:fixed;left:0;top:0;width:170px;height:195px;z-index:79;pointer-events:none;isolation:isolate;contain:layout style}.trumpet-pet-stage{position:relative;width:100%;height:100%;pointer-events:none}.trumpet-pet-shadow{position:absolute;left:37px;right:25px;bottom:23px;height:22px;border-radius:50%;background:#c6b4e955;filter:blur(2px)}.trumpet-pet-character{position:absolute;left:20px;top:20px;width:135px;height:135px;padding:0;border:0;background:none;pointer-events:auto;touch-action:none;cursor:grab;transform-origin:50% 85%}.trumpet-pet-character img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 2px 0 #fffdf4)}.trumpet-pet-character:focus-visible{outline:3px solid #7350b5;border-radius:25px;outline-offset:2px}.is-dragging .trumpet-pet-character{cursor:grabbing}.trumpet-name{position:absolute;left:30px;right:20px;bottom:6px;font-family:Arial,'Microsoft YaHei',sans-serif;font-size:11px;line-height:1.7;text-align:center;background:#fffaf0;border:1px solid #b7a2cd;border-radius:20px;padding:4px 7px;color:#574272;pointer-events:none}.trumpet-pet .trumpet-formation{--blade-height:55px}.trumpet-pet .trumpet-sword{left:39%;top:32%;filter:drop-shadow(0 0 3px currentColor)}.trumpet-pet .trumpet-sigil{left:50%;top:72%;width:88%}.trumpet-menu,.trumpet-bubble{position:fixed;width:min(280px,calc(100vw - 24px));z-index:83;background:#fffaf0;border:1px solid #b39acb;border-radius:17px;box-shadow:0 8px 35px #49325625;color:#4b3b5c;font-family:Arial,'Microsoft YaHei',sans-serif}.trumpet-menu{padding:12px}.trumpet-menu header{display:flex;align-items:center;justify-content:space-between;padding:0 3px 8px;font-size:15px}.trumpet-menu header>button{background:transparent;border:0;font-size:24px;width:44px;height:44px;color:#71607d}.trumpet-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.trumpet-menu-actions button{min-height:48px;line-height:1.6;padding:8px;background:#eee5f7;border:1px solid #d5c6e4;border-radius:9px;color:#5c4775;font-size:12px;cursor:pointer}.trumpet-menu-actions button:first-child{background:#f7e3a2;border-color:#e1c879}.trumpet-menu-actions button[aria-pressed=true]{border-color:#7c5e9f;background:#dcd1eb}.trumpet-menu button:focus-visible,.trumpet-bubble button:focus-visible,.trumpet-restore:focus-visible{outline:3px solid #7350b5;outline-offset:2px}.trumpet-bubble{padding:16px 18px;z-index:82}.trumpet-bubble p{font-size:14px;line-height:1.8;margin:0 0 10px}.trumpet-bubble>div{display:flex;gap:10px}.trumpet-bubble button{min-height:44px;font-size:12px;line-height:1.5;padding:6px 10px;background:#eee5f7;border:0;border-radius:8px;color:#5c4775}.trumpet-bubble .trumpet-bubble-dismiss{background:none;text-decoration:underline;text-underline-offset:4px}.trumpet-restore{position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:79;font-size:12px;min-height:44px;padding:10px 15px;border:1px solid #b7a2cd;border-radius:22px;background:#fffaf0;color:#574272}.trumpet-pet:not(.trumpet-quiet):not(.is-dragging) .trumpet-pet-character>img{animation:trumpet-breathe 3.6s ease-in-out infinite;transform-origin:50% 85%}.trumpet-hero-character>img{animation:trumpet-breathe 3.6s ease-in-out infinite;transform-origin:50% 85%}.trumpet-quiet .trumpet-hero-character>img{animation:none}.trumpet-pet[hidden],.trumpet-menu[hidden],.trumpet-bubble[hidden],.trumpet-restore[hidden]{display:none!important}body:has(dialog[open]) .trumpet-pet,body:has(dialog[open]) .trumpet-menu,body:has(dialog[open]) .trumpet-bubble{visibility:hidden}@keyframes trumpet-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.012)}}
@media(max-width:760px){.trumpet-hero-tools{top:-4px;right:-1px;gap:5px}.trumpet-hero-tools button{font-size:10px;padding:6px 9px;min-height:36px}.trumpet-formation{--blade-height:60px}.trumpet-pet{width:125px;height:150px}.trumpet-pet-character{width:100px;height:100px;left:13px;top:14px}.trumpet-name{left:15px;right:9px;bottom:5px;font-size:10px}.trumpet-pet-shadow{left:22px;right:15px;bottom:20px;height:17px}.trumpet-pet .trumpet-formation{--blade-height:43px}.trumpet-pet .trumpet-sword{left:33%;top:28%}.trumpet-menu-actions button{font-size:12px}.trumpet-menu{max-height:calc(100dvh - 30px);overflow:auto}.trumpet-pet .trumpet-sigil{height:25%}}
@media(prefers-reduced-motion:reduce){.trumpet-hero-character>img,.trumpet-pet-character>img{animation:none!important}.trumpet-sigil{transition:none}}