.temple-hud{position:fixed;left:12px;top:152px;z-index:20;display:flex;gap:6px;flex-wrap:wrap;max-width:360px;padding:7px;background:#fff8e9ed;border:1px solid #c8ab73;border-radius:14px;box-shadow:0 8px 24px #281f1725}.temple-hud button{font-weight:700;color:#754327}.temple-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 28px));max-height:88dvh;padding:0;border:1px solid #b89962;border-radius:22px;background:#fffaf0;color:#423c2e;box-shadow:0 22px 70px #291c1940}.temple-dialog::backdrop{background:#18322870}.temple-dialog>header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px 22px;background:#efe3c9;cursor:move}.temple-dialog h2{margin:4px 0 0;font-size:24px}.temple-dialog small{font-size:12px;color:#84745b}.temple-dialog>header button{background:#fff9eb;border:1px solid #c4ae84;white-space:nowrap}.temple-balance{white-space:nowrap;color:#89612d}.temple-dialog>nav{display:flex;gap:6px;padding:10px 16px;flex-wrap:wrap;border-bottom:1px solid #e0d2b7}.temple-dialog>nav button{border:1px solid #ddc9a7;font-size:13px;padding:8px 12px}.temple-dialog>nav [aria-pressed=true]{background:#7d4330;color:#fff4db;border-color:#7d4330}.temple-body{padding:18px 22px;overflow:auto;max-height:calc(88dvh - 215px);display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}.temple-body>h3{margin:4px 0;font-size:20px}.temple-body p{line-height:1.75;margin:5px 0;overflow-wrap:anywhere}.temple-note{font-size:13px;color:#84745e}.temple-body button{border:1px solid #d9c8a9;background:#fffdf7;padding:12px 14px;text-align:left;font-size:14px}.temple-body button.primary{background:#85503a;color:#fff6df;border-color:#85503a;font-weight:750}.temple-body button.done{background:#e7efdd;color:#476449}.temple-body button:disabled{opacity:.5;cursor:wait}.temple-card{padding:16px;background:#f3ecdc;border:1px solid #ded0b5;border-radius:14px}.temple-card h4{margin:0 0 7px;font-size:16px}.temple-card p{font-size:14px}.temple-card button{margin-top:8px}.temple-card small{display:block}.temple-poem{white-space:pre-line;font:700 19px/1.85 serif!important;text-align:center;color:#804b30;letter-spacing:.1em}.temple-body form{display:grid;gap:12px}.temple-body label{display:grid;gap:6px;font-size:14px;font-weight:650}.temple-body input:not([type=checkbox]),.temple-body textarea,.temple-body select{box-sizing:border-box;width:100%;border:1px solid #cdbb99;border-radius:10px;font-family:inherit;font-size:16px;line-height:1.5;background:white;color:#423c2e;padding:11px}.temple-body textarea{min-height:105px;resize:vertical;font-family:inherit;font-size:16px}.temple-body .temple-share{display:flex;align-items:flex-start;font-size:13px;gap:8px;line-height:1.7}.temple-share input{width:18px;height:18px;flex-shrink:0}.temple-preview{padding:14px;background:#e7eddf;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75}.temple-status{color:#876039;font-size:14px;font-weight:650;min-height:1.5em}.temple-wish-card{background:#f8efd9;border-left:5px solid #ba6d49}.temple-dialog>footer{padding:12px 20px;border-top:1px solid #e0d2b7;font-size:12px;color:#8b785d;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.temple-dialog>footer a{color:#85503a}.temple-priest-bubble{max-width:260px!important;padding:14px!important;white-space:normal!important;background:#fffae7!important;border:1px solid #c6a96c!important;color:#70432c!important;line-height:1.6!important}.temple-object-tag{border-color:#d5bc87!important;color:#774b32!important;background:#fff6dfed!important}
@media(max-width:640px){.temple-hud{top:146px;left:10px;right:10px;max-width:none;justify-content:center}.temple-hud button{font-size:12px;padding:7px 9px}.temple-dialog{width:calc(100vw - 20px);max-height:94dvh;border-radius:16px;left:auto!important;top:auto!important;margin:auto!important}.temple-dialog>header{padding:13px 14px;gap:8px;cursor:auto}.temple-dialog h2{font-size:20px}.temple-dialog>header small{font-size:10px}.temple-dialog>header button{font-size:12px;padding:8px}.temple-dialog>nav{padding:8px;gap:4px}.temple-dialog>nav button{padding:7px 9px;font-size:12px}.temple-body{max-height:calc(94dvh - 245px);padding:14px}.temple-dialog>footer{padding:10px 14px}.temple-priest-bubble{max-width:190px!important;font-size:12px!important}.temple-object-tag{font-size:11px!important}}

.temple-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.temple-dialog>header,.temple-dialog>nav,.temple-dialog>footer{flex-shrink:0}.temple-body{min-height:0;max-height:none;flex:1 1 auto}
