.tr-backdrop,.tr-panel,.tr-panel *{box-sizing:border-box}.tr-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:86;display:grid;place-items:center;background:#10121be6;color:#f2eff8}.tr-panel{display:flex;flex-direction:column;gap:8px;width:min(560px,100%);height:100dvh;min-height:0;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:radial-gradient(ellipse at 25% 20%,#28263b,#11121c 75%)}@media (min-width: 640px) and (min-height: 640px){.tr-panel{height:min(780px,92dvh);border-radius:20px;border:1px solid #ffffff14}}.tr-panel button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.tr-header{display:flex;align-items:center;gap:10px;min-height:44px;flex-shrink:0}.tr-header h2{margin:0;font-size:19px;letter-spacing:-.03em;flex:1}.tr-badge{font-size:11px;padding:3px 8px;border-radius:999px;background:#ffffff14;color:#dac2ff}.tr-icon{width:44px;height:44px;border:0;border-radius:12px;background:#ffffff0c;color:inherit;font-size:26px;line-height:1}.tr-body{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}.tr-body::-webkit-scrollbar{width:6px}.tr-body::-webkit-scrollbar-thumb{background:#ffffff30;border-radius:3px}.tr-body::-webkit-scrollbar-track{background:transparent}.tr-muted{color:#ffffff8c;font-size:13px;margin:4px 0}.tr-error{color:#ff9a9a;font-size:13px;margin:6px 0}.tr-desc{font-size:13px;color:#ffffffb3;margin:4px 0;white-space:pre-wrap}.tr-sponsor{color:#dac2ff;font-weight:600}.tr-empty{text-align:center;padding:48px 12px}.tr-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.tr-card{display:flex;gap:12px;padding:12px;border-radius:16px;background:#ffffff0a;border:1px solid #ffffff14}.tr-card.done{opacity:.7}.tr-thumb{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none;background:#ffffff10}.tr-thumb-blank{display:grid;place-items:center;font-size:28px}.tr-card-main{flex:1;min-width:0;display:grid;gap:2px;align-content:start}.tr-card-top{display:flex;justify-content:space-between;gap:8px;font-size:12px}.tr-kind{color:#fff9}.tr-status{padding:1px 8px;border-radius:999px;background:#ffffff14}.tr-status.s-owned{background:#8a5cf633;color:#e3d4ff}.tr-status.s-requested,.tr-status.s-shipped{background:#3fb95033;color:#b9f0c2}.tr-primary,.tr-ghost{min-height:44px;margin-top:8px;padding:0 16px;border-radius:12px;color:#fff;font-weight:700}.tr-primary{border:0;background:linear-gradient(135deg,#8a5cf6,#d946aa)}.tr-primary:disabled{opacity:.5;cursor:default}.tr-ghost{border:1px solid #ffffff2a;background:#ffffff0c;font-weight:600}.tr-link{border:0;background:none;color:#dac2ff;text-decoration:underline;padding:0;font-size:13px}.tr-foot{font-size:12px;color:#ffffff80;text-align:center;margin:16px 0 4px}.tr-step{display:grid;gap:10px;padding:8px 2px 24px}.tr-step h3{margin:4px 0 0;font-size:18px}.tr-big{font-size:22px;font-weight:800;margin:4px 0;display:grid;gap:2px}.tr-big .tr-sponsor{font-size:14px}.tr-coupon{text-align:center;padding:24px 16px;border-radius:20px;background:#ffffff08;border:1px dashed #ffffff2a}.tr-coupon.used{border-style:solid;border-color:#3fb95066}.tr-code{font:700 24px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.04em;padding:12px;border-radius:12px;background:#0c0e16;-webkit-user-select:all;user-select:all;word-break:break-all}.tr-field{display:grid;gap:4px;text-align:left;font-size:13px;color:#ffffffb3}.tr-field input{font:inherit;font-size:16px;color:#fff;min-height:46px;padding:0 12px;border-radius:12px;border:1px solid #ffffff2a;background:#0c0e16}.tr-field input:focus{outline:2px solid #8a5cf6;outline-offset:1px}.tr-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#ffffffb3;line-height:1.5;text-align:left}.tr-consent input{width:20px;height:20px;margin-top:2px;flex:none}.tr-rules{display:grid;gap:14px;padding-bottom:24px}.tr-rules h3{margin:0 0 4px;font-size:15px}.tr-rules p{margin:0;font-size:13px;color:#ffffffb8;line-height:1.6}.tr-tag{font-size:11px;padding:1px 7px;border-radius:6px;background:#fff2;color:#fff;flex:none}.tr-banner{position:fixed;z-index:30;top:var(--edge-t);left:50%;transform:translate(-50%);max-width:min(520px,calc(100vw - 2 * var(--app-gutter) - 220px));min-height:40px;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid var(--hud-ring);background:var(--hud-glass);color:var(--hud-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hud-shadow);font:inherit;font-size:13px;text-align:left}button.tr-banner{cursor:pointer}.tr-banner img{width:28px;height:28px;border-radius:50%;object-fit:cover}.tr-banner-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tr-banner-go{color:#dac2ff;flex:none;font-weight:600}@media (max-width: 720px){.tr-banner{top:calc(var(--edge-t) + 56px);max-width:calc(100vw - 2 * var(--app-gutter))}}.tr-popup{justify-items:stretch;text-align:left}.tr-popup-img{width:100%;max-height:42dvh;object-fit:cover;border-radius:14px}.tr-popup-title{display:flex;gap:8px;align-items:center}.tr-popup-title h2{font-size:20px}.tr-popup-body{margin:0;color:#ffffffbf;font-size:14px;line-height:1.6;white-space:pre-wrap}.tr-popup-go{width:100%}.tr-notices{justify-items:stretch}.tr-notices ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:55dvh;overflow:auto}.tr-notice-head{width:100%;display:flex;gap:8px;align-items:center;text-align:left;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid #ffffff14;background:#ffffff08;color:#fff;font:inherit;cursor:pointer}.tr-notice-body{padding:8px 12px 4px;font-size:13px;color:#ffffffbf;line-height:1.6}.tr-notice-body p{margin:0 0 6px;white-space:pre-wrap}.tr-notice-body img{width:100%;border-radius:10px;margin-bottom:6px}
