:root{--bg: #efe4cf;--panel: rgba(255, 248, 235, .92);--ink: #2f241d;--accent: #9f5f36;--accent-soft: #d9a36d;--line: rgba(68, 46, 33, .14);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif;background:#1a1410;color:var(--ink);overscroll-behavior:none}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;display:block;touch-action:none;background:#f3e4bd}button{border:0;border-radius:999px;padding:14px 18px;font:inherit;font-weight:700;color:#fff8f0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-soft) 100%);cursor:pointer}button:hover{filter:brightness(1.06)}button:active{filter:brightness(.94);transform:scale(.98);transition:filter 60ms ease,transform 60ms ease}button:disabled{opacity:.55;cursor:default;filter:none;transform:none}.btn-danger{background:transparent;color:#2f241d99;border:1px solid rgba(47,36,29,.18);font-weight:600}.btn-danger:hover{background:#b437190f;border-color:#b4371947;color:#a02d0fe6;filter:none}.btn-danger:active{background:#b437191a;filter:none}.info-modal[hidden]{display:none}.info-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:20;padding:20px}.info-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1d140f8f}.info-card{position:relative;z-index:1;width:min(680px,100%);max-height:min(80vh,760px);overflow:auto;padding:24px;border-radius:24px;border:1px solid rgba(72,48,35,.16);background:#fff8effa;box-shadow:0 24px 80px #2c1d143d}.info-close{width:auto;margin-left:auto;margin-bottom:14px;display:block;background:transparent;color:var(--ink);border:1px solid var(--line);padding:6px 14px;font-weight:600;font-size:.85rem;opacity:.65}.info-close:hover{opacity:1;background:#2f241d0f;filter:none}.info-close:active{opacity:1;background:#2f241d1a;filter:none;transform:none}.info-meta{margin-top:8px;color:#2f241db8}.info-media{margin-top:16px}.info-media img{width:100%;display:block;border-radius:18px;border:1px solid rgba(72,48,35,.14);background:#ffffffd6}.info-body{margin-top:16px;display:grid;gap:12px;line-height:1.65}h1,h2,p,ul{margin:0}.picture-studio-hint{margin-bottom:12px;font-size:.85rem;color:#2f241dbf}.picture-studio-card{width:min(860px,100%)}.picture-slot-list,.picture-option-list{display:grid;gap:10px}.picture-slot-list{margin-bottom:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.picture-slot-card,.picture-option-card{border:1px solid var(--line);border-radius:14px;background:#ffffffa3}.picture-slot-card{width:100%;padding:12px;color:inherit;text-align:left}.picture-slot-card-selected{border-color:var(--accent);box-shadow:0 0 0 2px #9f5f3638;background:#ffe6cd99}.picture-option-card-selected{border-color:var(--accent);box-shadow:0 0 0 2px #9f5f3638;background:#ffe6cd80}.picture-slot-card strong,.picture-option-card strong{display:block;margin-bottom:4px}.picture-slot-card span,.picture-option-card span{display:block;font-size:.8rem;color:#2f241dc2}.picture-option-list{grid-template-columns:repeat(3,minmax(0,1fr))}.picture-option-card{overflow:hidden}.picture-option-card button{margin:0;border-radius:0;width:100%}.picture-option-preview{aspect-ratio:1 / 1;background:linear-gradient(180deg,#fff9,#e8d5bce6),repeating-linear-gradient(45deg,#9f5f360f,#9f5f360f 10px,#ffffff24 10px,#ffffff24 20px);display:grid;place-items:center}.picture-option-preview img{width:100%;height:100%;object-fit:cover;display:block}.picture-option-meta{padding:10px 12px 12px}.trex-card{width:min(480px,100%)}.trex-hint{margin-bottom:16px;font-size:.85rem;color:#2f241dbf}.trex-pedestal-picker{display:flex;align-items:center;gap:8px;margin-bottom:14px}.trex-pedestal-label{font-size:.85rem;color:#2f241dbf;flex-shrink:0}.trex-pedestal-btn{padding:6px 14px;border-radius:8px;border:1.5px solid var(--line);background:#fff8efb3;color:#000;font-size:.85rem;cursor:pointer;transition:all .15s ease}.trex-pedestal-btn:hover{background:#e8d5bc99}.trex-pedestal-btn.active{background:#9f5f3626;border-color:#9f5f3680;font-weight:600}.trex-preview{aspect-ratio:1 / 1;max-width:320px;margin:0 auto 16px;border-radius:14px;border:2px dashed var(--line);background:linear-gradient(180deg,#fff9,#e8d5bce6),repeating-linear-gradient(45deg,#9f5f360f,#9f5f360f 10px,#ffffff24 10px,#ffffff24 20px);display:grid;place-items:center;overflow:hidden}.trex-preview img{width:100%;height:100%;object-fit:contain;display:block}.trex-preview:empty:after{content:"No image selected";font-size:.85rem;color:#2f241d73}.trex-actions{display:flex;gap:10px}.trex-actions button{flex:1}.card-display-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.card-display-slot{cursor:pointer}.card-display-slot-preview{position:relative;aspect-ratio:3 / 4;border-radius:10px;border:2px dashed var(--line);background:#fff8efb3;display:grid;place-items:center;overflow:hidden;transition:border-color .15s ease}.card-display-slot:hover .card-display-slot-preview{border-color:#9f5f3680}.card-display-slot-preview img{width:100%;height:100%;object-fit:contain;display:block}.card-display-slot-placeholder{font-size:1.5rem;color:#2f241d59}.card-display-remove-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;border-radius:50%;background:#b43719bf;color:#fff;font-size:14px;line-height:22px;text-align:center;cursor:pointer;z-index:1;border:none}.card-display-remove-btn:hover{background:#b43719f2;filter:none}.card-display-tier-btn{padding:6px 14px;border-radius:8px;border:1.5px solid var(--line);background:#fff8efb3;color:#000;font-size:.85rem;cursor:pointer;transition:all .15s ease}.card-display-tier-btn:hover{background:#e8d5bc99}.card-display-tier-btn.active{background:#9f5f3626;border-color:#9f5f3680;font-weight:600}.honor-wall-card{width:min(780px,100%)}.honor-wall-hint{font-size:.85rem;opacity:.55;margin-bottom:12px}.honor-wall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:480px;overflow-y:auto;padding:4px 0}.honor-wall-medal{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:12px;cursor:pointer;transition:background .15s;text-align:center}.honor-wall-medal:hover{background:#2f241d0f}.honor-wall-medal-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#d4a853,#b8860b);display:grid;place-items:center;font-size:1.5rem;border:2px solid rgba(72,48,35,.2);flex-shrink:0}.honor-wall-medal.milestone .honor-wall-medal-icon{box-shadow:0 0 12px 4px #d4a85373;animation:honor-glow 2s ease-in-out infinite}@keyframes honor-glow{0%,to{box-shadow:0 0 12px 4px #d4a85366}50%{box-shadow:0 0 20px 8px #d4a853b3}}.honor-wall-medal-name{font-size:.75rem;font-weight:600;line-height:1.3;word-break:break-word}.honor-wall-empty{grid-column:1 / -1;text-align:center;opacity:.45;padding:24px 0}.honor-wall-detail{padding:4px 0}.honor-wall-back-btn{background:transparent;border:1px solid var(--line);border-radius:6px;padding:4px 12px;font-size:.8rem;cursor:pointer;margin-bottom:16px}.honor-wall-back-btn:hover{background:#2f241d0a}.honor-wall-detail-content{text-align:center}.honor-wall-detail-icon{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#d4a853,#b8860b);margin:0 auto 16px;display:grid;place-items:center;font-size:2.5rem;border:2px solid rgba(72,48,35,.2)}.honor-wall-detail-desc{font-size:.88rem;line-height:1.5;opacity:.6;margin-bottom:20px}.honor-wall-how-label{font-size:.95rem;font-weight:700;margin-bottom:6px}.honor-wall-detail-criteria{font-size:.88rem;line-height:1.5;opacity:.75;margin-bottom:20px}.honor-wall-progress{background:#2f241d0d;border-radius:10px;padding:12px 16px;text-align:left}.honor-wall-progress-header{display:flex;justify-content:space-between;font-size:.82rem;font-weight:600;margin-bottom:8px}.honor-wall-progress-bar{height:8px;background:#2f241d1f;border-radius:4px;overflow:hidden}.honor-wall-progress-fill{height:100%;background:linear-gradient(90deg,#d4a853,#b8860b);border-radius:4px;transition:width .3s ease}.honor-wall-ended{background:#2f241d0d;border-radius:10px;padding:14px 16px;text-align:center;font-size:.88rem;font-weight:600;opacity:.7}.gacha-modal .info-backdrop{background:#000000bf}.gacha-confirm-card,.gacha-result-card{position:relative;z-index:1;width:min(420px,100%);max-height:min(90vh,860px);overflow:auto;padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#1a1a1e;color:#f0ede8;box-shadow:0 24px 80px #00000080}.gacha-close{width:auto;margin-left:auto;margin-bottom:10px;display:block;background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.12);padding:6px 14px;font-weight:600;font-size:.85rem}.gacha-close:hover{color:#fff;background:#ffffff14;filter:none}.gacha-machine-preview{border-radius:16px;overflow:hidden;margin-bottom:16px}.gacha-machine-preview video{width:100%;display:block;border-radius:16px}.gacha-info-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.gacha-pack-name{font-size:1.35rem;font-weight:700;margin:0;color:#f0ede8}.gacha-price-block{text-align:right;flex-shrink:0}.gacha-price{display:block;font-size:1.25rem;font-weight:700;color:#f0ede8}.gacha-ev{display:inline-block;margin-top:4px;font-size:.78rem;color:#ffffff8c;background:#ffffff14;padding:3px 10px;border-radius:999px}.gacha-ev strong{color:#ffffffd9}.gacha-stats-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:12px 0;margin-bottom:18px}.gacha-stat{display:flex;flex-direction:column;gap:4px}.gacha-stat:last-child{padding-left:16px;border-left:1px solid rgba(255,255,255,.1)}.gacha-stat-label{font-size:.78rem;color:#ffffff73}.gacha-stat-value{font-size:1.1rem;font-weight:700}.gacha-rip-btn{width:100%;padding:16px;border-radius:14px;font-size:1.05rem;font-weight:700;color:#1a1a1e;background:linear-gradient(135deg,khaki,#daa520);border:2px solid transparent;background-clip:padding-box;position:relative;cursor:pointer}.gacha-rip-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899,#f59e0b,#22d3ee);z-index:-1}.gacha-rip-btn:hover{filter:brightness(1.08)}.gacha-video-overlay[hidden]{display:none}.gacha-video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000;display:grid;place-items:center}.gacha-video-overlay video{width:100%;height:100%;object-fit:contain}.gacha-result-card{width:min(780px,100%);padding:0;overflow:hidden}.gacha-result-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.gacha-result-header-title{font-size:.8rem;font-weight:700;letter-spacing:.08em;color:#ffffffb3}.gacha-result-close-x{width:32px;height:32px;padding:0;border-radius:6px;background:transparent;color:#ffffff80;font-size:1.3rem;line-height:32px;text-align:center;border:none;cursor:pointer}.gacha-result-close-x:hover{color:#fff;background:#ffffff14;filter:none}.gacha-result-body{display:flex;gap:24px;padding:20px}.gacha-result-image-col{flex-shrink:0;display:flex;flex-direction:column;gap:12px;align-items:center}.gacha-result-image-wrap{width:240px;border-radius:10px;overflow:hidden;background:#111;box-shadow:0 0 30px #ffffff0f}.gacha-result-image-wrap img{width:100%;display:block}.gacha-result-thumbs{display:flex;gap:8px}.gacha-result-thumb{width:52px;height:70px;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.12);cursor:pointer;opacity:.5;transition:opacity .15s,border-color .15s}.gacha-result-thumb.active{opacity:1;border-color:#ffffff80}.gacha-result-thumb:hover{opacity:.85}.gacha-result-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gacha-result-info-col{flex:1;min-width:0}.gacha-result-collection{font-size:.78rem;color:#ffffff73;margin:0 0 4px}.gacha-result-name{font-size:1.15rem;font-weight:700;margin:0 0 10px;color:#f0ede8}.gacha-result-fmv-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.gacha-result-fmv-badge{font-size:.7rem;font-weight:700;letter-spacing:.04em;color:#1a1a1e;background:linear-gradient(135deg,#d4a853,#b8860b);padding:2px 8px;border-radius:4px}.gacha-result-fmv-value{font-size:1rem;font-weight:700;color:#f0ede8}.gacha-result-ids{display:flex;gap:20px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);margin-bottom:12px}.gacha-result-id-label{display:block;font-size:.7rem;color:#fff6;margin-bottom:2px}.gacha-result-id-value{display:block;font-size:.82rem;font-weight:600;color:#6366f1e6}.gacha-result-details-header{font-size:.85rem;font-weight:600;color:#fff9;margin-bottom:8px}.gacha-result-table{width:100%;border-collapse:collapse;margin-bottom:18px}.gacha-result-table tr{border-bottom:1px solid rgba(255,255,255,.06)}.gacha-result-table td{padding:7px 0;font-size:.82rem;vertical-align:top}.gacha-result-table td:first-child{color:#fff6;width:140px}.gacha-result-table td:last-child{color:#f0ede8;text-align:right}.gacha-result-actions{display:flex;gap:10px;margin-top:4px}.gacha-result-actions .gacha-rip-btn,.gacha-result-actions .gacha-sell-btn{flex:1}.gacha-sell-btn{width:100%;padding:16px;border-radius:14px;font-size:1.05rem;font-weight:700;color:#f0ede8;background:transparent;border:1.5px solid rgba(255,255,255,.2);cursor:pointer}.gacha-sell-btn:hover{background:#ffffff0f;border-color:#ffffff59;filter:none}@media(max-width:720px){.info-modal{padding:12px}.info-card{max-height:85dvh;padding:16px;border-radius:18px}.picture-studio-card{width:100%}.picture-slot-list,.picture-option-list{grid-template-columns:1fr}.honor-wall-card{width:100%}.honor-wall-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gacha-result-card{width:100%}.gacha-result-body{flex-direction:column}.gacha-result-image-wrap{width:180px;margin:0 auto}.gacha-result-image-col{align-items:center}}