:root{
  --tqh-ivory:#f4e8cb;
  --tqh-gold:#efc982;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}
body.tqh-body{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:var(--tqh-ivory);background:#081629;overflow-x:hidden}
.tqh-bg,.tqh-overlay{position:fixed;inset:0;pointer-events:none}
.tqh-bg{z-index:0;background:url('/img/temple-quest/home/tq-home-sacred-map-room-bg-v1.png') center/cover no-repeat}
.tqh-overlay{z-index:1;background:radial-gradient(62% 40% at 50% 18%, rgba(241,204,126,.22), transparent 74%),linear-gradient(180deg, rgba(4,12,22,.2) 0%, rgba(4,11,20,.78) 100%)}

.tqh-layout{position:relative;z-index:2;width:min(1180px,100% - 20px);margin:10px auto 20px;display:grid;gap:16px;padding-bottom:max(14px, env(safe-area-inset-bottom))}
.tqh-shell{width:min(470px,100%);min-height:calc(100dvh - 24px);margin:0 auto;border-radius:26px;border:1px solid rgba(241,203,126,.58);background:linear-gradient(170deg, rgba(4,17,29,.24), rgba(5,16,27,.52));backdrop-filter:blur(3px);box-shadow:0 20px 38px rgba(1,7,15,.52);padding:12px 12px max(14px, calc(10px + env(safe-area-inset-bottom)));display:grid;grid-template-rows:auto 1fr;gap:10px}

.tqh-top-hud{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.tqh-brand{display:flex;align-items:center;gap:10px;min-width:0}
.tqh-logo{width:40px;height:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35))}
.tqh-brand-en{margin:0;color:#f0d7a6;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.tqh-brand-title{margin:2px 0 0;font-size:18px;line-height:1.08;letter-spacing:.04em}
.tqh-hud-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:44%}
.tqh-chip{padding:5px 9px;border-radius:999px;border:1px solid rgba(240,204,128,.58);background:rgba(8,40,44,.68);font-size:11px;font-weight:800;white-space:nowrap}

.tqh-world{position:relative;border-radius:20px;border:1px solid rgba(242,206,132,.32);overflow:hidden;display:grid;grid-template-rows:auto auto 1fr;align-content:start;padding:10px;gap:9px}
.tqh-player-block{display:flex;align-items:center;gap:9px;border-radius:14px;border:1px solid rgba(241,203,126,.4);background:linear-gradient(160deg, rgba(8,39,46,.75), rgba(6,25,33,.8));padding:7px 8px}
.tqh-avatar{width:min(24vw,78px);max-width:78px;height:auto;display:block}
.tqh-player-meta{min-width:0}
.tqh-player-rank{font-size:16px;font-weight:900;letter-spacing:.05em;line-height:1.05}
.tqh-player-state{margin-top:3px;font-size:11px;color:#e7d8b8;line-height:1.25}

.tqh-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tqh-icon-btn{border:1px solid rgba(241,204,130,.38);border-radius:14px;background:linear-gradient(165deg, rgba(7,36,42,.66), rgba(6,24,31,.72));padding:8px 6px;display:grid;justify-items:center;gap:4px;color:#f2e7cc;font-weight:800;font-size:13px;transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease}
.tqh-icon-btn img{width:min(18vw,66px);max-width:66px;height:auto;display:block;filter:drop-shadow(0 0 10px rgba(239,202,122,.3));transition:transform .16s ease, filter .16s ease}
.tqh-icon-btn span{transition:color .16s ease, text-shadow .16s ease}
.tqh-icon-btn:not(.is-active){cursor:pointer}
.tqh-icon-btn.is-active{border-color:rgba(246,220,160,.9);background:linear-gradient(165deg, rgba(247,228,188,.95), rgba(224,180,95,.94));color:#31220f;box-shadow:0 0 0 1px rgba(246,220,160,.4) inset, 0 0 16px rgba(236,191,102,.26);transform:translateY(-1px) scale(1.02)}
.tqh-icon-btn.is-active img{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(219,168,66,.44))}
.tqh-icon-btn.is-active span{color:#2d1f0d;text-shadow:0 1px 0 rgba(255,242,211,.4)}

.tqh-feature-panel{position:relative;min-height:174px;border-radius:18px;border:1px solid rgba(241,203,126,.58);padding:11px;background:linear-gradient(166deg, rgba(10,45,50,.9), rgba(7,27,34,.9));box-shadow:0 12px 24px rgba(1,7,14,.45);overflow:hidden}
.tqh-feature-panel::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/home/tq-home-panel-frame-v1.png') center/cover no-repeat;opacity:.34;pointer-events:none}
.tqh-feature-panel>*{position:relative;z-index:1}
.tqh-panel-title{margin:0;font-size:22px;line-height:1.05}
.tqh-panel-sub{margin:3px 0 0;font-size:11px;color:#d8ecdf;letter-spacing:.05em;text-transform:uppercase}
.tqh-panel-desc{margin:7px 0 0;line-height:1.38;color:#ebdec0;font-size:13.5px}
.tqh-panel-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.tqh-panel-chip{padding:5px 9px;border-radius:999px;border:1px solid rgba(241,203,126,.56);background:rgba(8,39,42,.68);font-size:11px;font-weight:800}
.tqh-panel-chip.is-soon{border-color:rgba(140,230,198,.62);background:rgba(10,56,56,.68);color:#daf5e8}
.tqh-cta,.tqh-cta-line{width:100%;min-height:43px;display:inline-flex;align-items:center;justify-content:center;margin-top:9px;border-radius:999px;border:1px solid rgba(241,203,126,.84);font-weight:900;font-size:15px;letter-spacing:.05em;text-decoration:none}
.tqh-cta{background:linear-gradient(165deg, rgba(248,229,189,.95), rgba(224,181,96,.95));color:#32220f}
.tqh-cta-line{margin-top:8px;background:linear-gradient(165deg, rgba(23,95,84,.95), rgba(12,57,49,.96));color:#f2e7cd;border-color:rgba(142,231,198,.46)}
.tqh-cards-preview{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;border-radius:12px;border:1px solid rgba(240,204,128,.38);background:rgba(8,37,45,.6)}
.tqh-cards-preview-art{width:56px;height:56px;object-fit:contain;display:block}
.tqh-cards-preview-meta{display:grid;gap:2px;font-size:12px;line-height:1.3;color:#ead9b4}
.tqh-cards-preview-meta strong{font-size:13px;color:#f4e9cc}

.tqh-album-sheet{position:fixed;inset:0;z-index:12;background:rgba(2,10,19,.72);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:10px 10px max(14px, calc(8px + env(safe-area-inset-bottom)))}
.tqh-album-sheet[hidden]{display:none}
.tqh-album-sheet-body{width:min(520px,100%);max-height:min(91dvh,860px);overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:22px;border:1px solid rgba(239,201,124,.3);background:rgba(2,10,18,.8);box-shadow:0 24px 52px rgba(0,8,16,.76);padding:8px}
.tqh-album-wrap{position:relative;border-radius:20px;overflow:hidden;padding:14px 14px max(16px, calc(12px + env(safe-area-inset-bottom)));min-height:728px;background:#061520}
.tqh-album-wrap::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/cards/tq-card-collection-bg-v5.png') center/100% 100% no-repeat;opacity:1;pointer-events:none}
.tqh-album-wrap::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 16%, rgba(236,196,118,.14) 0 1px, transparent 2px),radial-gradient(circle at 76% 30%, rgba(94,176,145,.12) 0 1px, transparent 2px),radial-gradient(circle at 52% 66%, rgba(236,196,118,.1) 0 1px, transparent 2px),radial-gradient(circle at 32% 78%, rgba(94,176,145,.11) 0 1px, transparent 2px);background-size:220px 220px,180px 180px,260px 260px,200px 200px;animation:tqhParticleDrift 7.8s linear infinite}
.tqh-album-wrap>*{position:relative;z-index:1}
.tqh-album-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:62px;padding-top:4px}
.tqh-album-head h3{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:11px 30px 12px;min-width:212px;min-height:60px;font-size:25px;line-height:1.02;letter-spacing:.02em;color:#fff6de;text-shadow:0 2px 4px rgba(2,12,22,.95)}
.tqh-album-head h3::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/cards/tq-card-collection-title-v5.png') center/100% 100% no-repeat;opacity:1;pointer-events:none}
.tqh-album-head h3>*{position:relative;z-index:1}
.tqh-album-close{position:relative;width:54px;height:54px;flex:0 0 54px;border-radius:999px;border:0;background:transparent;color:#f8ecd2;font-size:24px;line-height:1;cursor:pointer}
.tqh-album-close::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/cards/tq-card-close-v5.png') center/cover no-repeat;opacity:1}
.tqh-album-close{display:inline-flex;align-items:center;justify-content:center}
.tqh-album-close>span{position:relative;z-index:1;transform:translateY(-1px)}
.tqh-album-sub{margin:2px 0 10px;font-size:12px;color:#f5e7c6;padding-left:6px;text-shadow:0 1px 2px rgba(2,12,22,.85);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tqh-album-sub::before{content:"Temple Card Collection";font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#c7e7dd;background:rgba(8,40,46,.55);border:1px solid rgba(117,194,163,.45);padding:2px 8px;border-radius:999px}
.tqh-album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:6px 10px 0}
.tqh-album-slot{appearance:none;border:0;border-radius:0;padding:0;min-height:0;background:transparent;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;gap:8px;color:#f3e5c7;position:relative;overflow:visible;text-align:center;transition:transform .22s ease, filter .22s ease}
.tqh-album-slot-frame{position:absolute;inset:0;background:url('/img/temple-quest/cards/tq-card-slot-unlocked-v5.png') center/100% 100% no-repeat;opacity:1;pointer-events:none}
.tqh-album-slot img{width:auto;max-width:100%;height:auto;object-fit:contain;display:block;position:relative;z-index:1}
.tqh-album-slot.is-unlocked{padding:2px 0 0;min-height:278px}
.tqh-album-slot.is-unlocked img{width:min(88%,170px);max-height:196px;margin-top:14px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35));animation:tqhCardShimmer 2.4s ease-in-out infinite}
.tqh-album-slot.is-locked,.tqh-album-slot.is-future{padding:2px 0 0;min-height:278px}
.tqh-album-slot.is-locked img,.tqh-album-slot.is-future img{width:min(94%,224px);max-height:246px;opacity:1;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}
.tqh-album-slot.is-future::after,.tqh-album-slot.is-locked::after{content:"";position:absolute;top:86px;width:96px;height:96px;background:url('/img/temple-quest/cards/tq-card-locked-seal-v5.png') center/contain no-repeat;pointer-events:none;opacity:.84;animation:tqhSealPulse 2.2s ease-in-out infinite}
.tqh-album-slot:hover,.tqh-album-slot:focus-visible{transform:translateY(-2px);filter:drop-shadow(0 0 10px rgba(109,192,158,.22))}
.tqh-album-slot-label{font-size:12px;font-weight:900;letter-spacing:.02em;line-height:1.2;min-height:26px;display:flex;align-items:flex-end;justify-content:center;padding:0 6px;position:relative;z-index:1;color:#f4e7cc;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.tqh-card-detail{position:relative;margin-top:8px;padding:10px 10px 10px;border-radius:0;border:0;background:transparent;overflow:hidden}
.tqh-card-detail-pedestal{position:absolute;inset:0;background:url('/img/temple-quest/cards/tq-card-selected-pedestal-v5.png') center/100% 100% no-repeat;opacity:1;pointer-events:none}
.tqh-card-detail-media,.tqh-card-detail-meta{position:relative;z-index:1}
.tqh-card-detail-media{display:flex;justify-content:center;padding-top:14px}
.tqh-card-detail-art{width:min(60vw,224px);max-width:224px;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));position:relative}
.tqh-card-detail-media::before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:200px;height:200px;border-radius:999px;background:radial-gradient(circle, rgba(109,194,159,.28), rgba(109,194,159,.04) 62%, transparent 74%);pointer-events:none}
.tqh-card-detail-art.is-locked{opacity:.82}
.tqh-card-detail-meta{display:grid;justify-items:center;text-align:center;gap:4px;padding:4px 10px 8px}
.tqh-card-detail-meta .tqh-panel-chips{justify-content:center;margin-top:2px}
.tqh-card-detail-meta .tqh-panel-chip{background:rgba(8,48,52,.82);border-color:rgba(232,198,126,.62);color:#f5e8c9}
.tqh-card-detail-meta h4{margin:7px 0 2px;font-size:20px;line-height:1.12;color:#f6ebd0;text-shadow:0 1px 2px rgba(0,0,0,.76)}
.tqh-card-detail-meta p{margin:2px 0 0;font-size:12px;color:#f0dfbb;line-height:1.35}

/* CARD-COLLECTION-SCREEN-1 showcase-first layout */
.tqh-showcase-wrap{display:flex;flex-direction:column;gap:4px;min-height:664px;background:#061520}
.tqh-showcase-wrap::before{background:url('/img/temple-quest/cards/tq-card-showcase-bg-clean-v2.png') center/cover no-repeat}
.tqh-showcase-wrap::after{background-image:linear-gradient(180deg, rgba(3,12,20,.1) 0%, rgba(3,12,20,.24) 62%, rgba(3,12,20,.4) 100%);background-size:auto;animation:none}
.tqh-showcase-head h3::before{background:url('/img/temple-quest/cards/tq-card-title-plaque-clean-v2.png') center/100% 100% no-repeat}
.tqh-showcase-head{min-height:56px;padding:4px 4px 0;align-items:center}
.tqh-showcase-head h3{font-size:17.4px;min-width:196px;min-height:54px;padding:14px 24px 6px;font-weight:800;letter-spacing:.01em;color:#fff6df;text-shadow:0 2px 4px rgba(0,0,0,.88), 0 0 8px rgba(236,196,118,.16);z-index:2}
.tqh-showcase-head h3::before{z-index:-1;transform:translateY(3px)}
.tqh-showcase-sub{margin:0 0 2px;padding-left:6px;color:#f3e6c7;font-size:11px}
.tqh-showcase-sub::before{content:none}
.tqh-album-close::before{background:url('/img/temple-quest/cards/tq-card-close-ornament-clean-v2.png') center/cover no-repeat}
.tqh-showcase-head .tqh-album-close{width:50px;height:50px;flex:0 0 50px;align-self:flex-start;transform:translate(-4px,4px)}

.tqh-showcase-main{position:relative;flex:1;min-height:0;max-height:min(49dvh,418px);display:grid;align-content:start;justify-items:center;padding:1px 8px 0;overflow:hidden}
.tqh-showcase-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(2,11,20,.26) 0%, rgba(2,11,20,.38) 56%, rgba(2,11,20,.54) 100%);pointer-events:none}
.tqh-showcase-pedestal{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:min(100%,420px);height:354px;background:url('/img/temple-quest/cards/tq-card-selected-shrine-v2.png') center/contain no-repeat;pointer-events:none;opacity:.94;z-index:0}
.tqh-showcase-locked-aura{position:absolute;left:50%;top:54px;transform:translateX(-50%);width:210px;height:210px;background:url('/img/temple-quest/cards/tq-card-showcase-locked-aura-v1.png') center/contain no-repeat;opacity:.8;pointer-events:none;animation:tqhSealPulse 2.3s ease-in-out infinite}
.tqh-showcase-card{position:relative;z-index:1;margin-top:29px;width:min(65vw,234px);aspect-ratio:2 / 3;max-height:min(40dvh,336px);display:flex;align-items:center;justify-content:center}
.tqh-showcase-card::before{content:"";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:84%;height:84%;border-radius:999px;background:radial-gradient(circle, rgba(114,198,164,.34), rgba(114,198,164,.08) 58%, transparent 74%);pointer-events:none;z-index:0}
.tqh-showcase-card-art{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 14px 20px rgba(0,0,0,.4));animation:tqhCardShimmer 2.7s ease-in-out infinite}
.tqh-showcase-card-art.is-locked{animation:none;opacity:.94}
.tqh-showcase-meta{position:relative;z-index:1;display:grid;justify-items:center;gap:5px;margin-top:12px;text-align:center}
.tqh-showcase-meta h4{margin:0;font-size:16px;line-height:1.16;font-weight:650;color:#f8efd6;text-shadow:0 1px 2px rgba(0,0,0,.75)}
.tqh-showcase-meta p{margin:0;font-size:12px;color:#eadab5;line-height:1.35}
.tqh-showcase-meta .tqh-panel-chips{justify-content:center;gap:5px;margin-top:2px;row-gap:4px}
.tqh-showcase-meta .tqh-panel-chip{padding:2px 8px;font-size:9.8px;line-height:1.15;background:url('/img/temple-quest/cards/tq-card-chip-frame-clean-v2.png') center/100% 100% no-repeat;border-color:transparent;color:#f5e8c9;min-height:22px;display:inline-flex;align-items:center}

.tqh-showcase-carousel{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-top:auto;padding:4px 8px max(14px, env(safe-area-inset-bottom))}
.tqh-showcase-slot{appearance:none;border:0;background:transparent;position:relative;display:grid;justify-items:center;align-content:start;gap:4px;padding:4px 4px 4px;min-height:154px;transition:transform .2s ease, filter .2s ease}
.tqh-showcase-slot-frame{position:absolute;inset:0;background:url('/img/temple-quest/cards/tq-card-carousel-slot-clean-v2.png') center/contain no-repeat;pointer-events:none}
.tqh-showcase-slot img{position:relative;z-index:1;width:min(78%,92px);max-height:104px;height:auto;object-fit:contain;display:block;margin-top:10px;filter:saturate(.95) brightness(.96) drop-shadow(0 8px 12px rgba(0,0,0,.35))}
.tqh-showcase-slot.is-locked img{width:min(76%,90px);max-height:104px}
.tqh-showcase-slot-label{position:relative;z-index:1;font-size:10.5px;font-weight:700;line-height:1.1;min-height:19px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;color:#f4e7cb;text-shadow:0 1px 2px rgba(0,0,0,.75)}
.tqh-showcase-slot.is-active{transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 0 12px rgba(111,198,162,.32))}
.tqh-showcase-slot.is-active::after{content:"";position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:86px;height:114px;border-radius:14px;border:1px solid rgba(123,219,181,.38);box-shadow:0 0 12px rgba(123,219,181,.18),0 0 8px rgba(123,219,181,.14) inset;pointer-events:none;animation:tqhCardPulse 2.1s ease-in-out infinite}

/* AVATAR-SYSTEM-1 */
.tqh-avatar-wrap{position:relative;border-radius:20px;overflow:hidden;padding:10px 12px max(14px, calc(10px + env(safe-area-inset-bottom)));min-height:680px;background:#071521}
.tqh-avatar-wrap::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/avatar/tq-avatar-screen-bg-v1.png') center/cover no-repeat;pointer-events:none}
.tqh-avatar-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(3,12,20,.24) 0%, rgba(3,12,20,.4) 58%, rgba(3,12,20,.64) 100%);pointer-events:none}
.tqh-avatar-wrap>*{position:relative;z-index:1}
.tqh-avatar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;padding:0 1px}
.tqh-avatar-head h3{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;min-width:180px;min-height:50px;padding:11px 20px 8px;font-size:16.5px;letter-spacing:.02em;color:#fff2d5;text-shadow:0 2px 4px rgba(0,0,0,.8)}
.tqh-avatar-head h3::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/avatar/tq-avatar-title-plaque-v1.png') center/100% 100% no-repeat;z-index:-1}
.tqh-avatar-head .tqh-album-close::before{background:url('/img/temple-quest/avatar/tq-avatar-close-v1.png') center/cover no-repeat}
.tqh-avatar-sub{margin:0 0 8px;padding-left:5px;color:#f0e4c7;font-size:11px;letter-spacing:.04em;line-height:1.28;text-shadow:0 1px 2px rgba(0,0,0,.66)}
.tqh-avatar-stage{position:relative;display:flex;justify-content:center;align-items:flex-end;height:238px;margin:0 2px 6px;overflow:hidden}
.tqh-avatar-stage-base{position:absolute;inset:auto 0 0;height:224px;background:url('/img/temple-quest/avatar/tq-avatar-character-stage-v1.png') center/contain no-repeat;pointer-events:none}
.tqh-avatar-stage-art{position:relative;z-index:1;width:min(48vw,188px);max-width:188px;max-height:208px;object-fit:contain;object-position:center bottom;display:block;filter:drop-shadow(0 10px 14px rgba(0,0,0,.42))}
.tqh-avatar-stage-art.is-locked{opacity:.78;filter:saturate(.56) brightness(.8) drop-shadow(0 10px 14px rgba(0,0,0,.42))}
.tqh-avatar-detail{position:relative;margin-top:4px;border-radius:14px;overflow:hidden;padding:8px 9px 9px;text-align:center}
.tqh-avatar-detail-frame{position:absolute;inset:0;background:url('/img/temple-quest/avatar/tq-avatar-character-stage-v1.png') center/100% 100% no-repeat;opacity:.5;pointer-events:none}
.tqh-avatar-detail>*{position:relative;z-index:1}
.tqh-avatar-detail h4{margin:0;font-size:18px;color:#f6e9cc;line-height:1.16;font-weight:800}
.tqh-avatar-detail .tqh-panel-chips{justify-content:center;margin-top:5px}
.tqh-avatar-detail p{margin:4px 0 0;font-size:11.2px;color:#e7d8b5;line-height:1.32}
.tqh-avatar-locked-hint{color:#d7f1e4}
.tqh-avatar-confirm-btn{margin-top:8px;min-height:40px;width:100%;border:0;background:url('/img/temple-quest/avatar/tq-avatar-select-button-v1.png') center/100% 100% no-repeat;color:#f8edd2;font-size:14px;font-weight:800;letter-spacing:.03em}
.tqh-avatar-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
.tqh-avatar-slot{position:relative;appearance:none;border:0;background:transparent;padding:4px 4px 5px;min-height:144px;display:grid;grid-template-rows:86px auto auto;align-content:start;justify-items:center;gap:2px}
.tqh-avatar-slot-frame{position:absolute;inset:0;background:url('/img/temple-quest/avatar/tq-avatar-card-frame-unlocked-v1.png') center/100% 100% no-repeat;pointer-events:none}
.tqh-avatar-slot-media{position:relative;z-index:1;width:min(68px,64%);height:68px;display:flex;align-items:center;justify-content:center;margin-top:9px}
.tqh-avatar-slot-media img{width:100%;height:100%;max-width:68px;max-height:68px;object-fit:contain;display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.34))}
.tqh-avatar-slot.is-locked .tqh-avatar-slot-frame{opacity:.92;filter:saturate(.85) brightness(.9)}
.tqh-avatar-slot.is-locked .tqh-avatar-slot-media{width:min(76px,72%);height:76px;margin-top:13px}
.tqh-avatar-slot.is-locked .tqh-avatar-slot-media img{max-width:76px;max-height:76px;opacity:.84;filter:saturate(.74) brightness(.84) drop-shadow(0 8px 12px rgba(0,0,0,.36))}
.tqh-avatar-slot.is-locked::after{content:"";position:absolute;top:38px;left:50%;transform:translateX(-50%);width:38px;height:38px;background:url('/img/temple-quest/avatar/tq-avatar-locked-seal-v2.png') center/contain no-repeat;opacity:.2;pointer-events:none}
.tqh-avatar-slot-label,.tqh-avatar-slot-state{position:relative;z-index:1;text-align:center;color:#f4e8cf;text-shadow:0 1px 2px rgba(0,0,0,.76)}
.tqh-avatar-slot-label{font-size:10.4px;line-height:1.1;font-weight:700;padding:0 2px}
.tqh-avatar-slot-state{font-size:9.2px;line-height:1.1;color:#d7f0e4}
.tqh-avatar-slot.is-locked .tqh-avatar-slot-state{color:#e4cda2}
.tqh-avatar-slot.is-active{transform:translateY(-1px);filter:drop-shadow(0 0 10px rgba(116,200,166,.28))}

.tqh-map-wrap{position:relative;border-radius:20px;overflow:hidden;padding:10px 12px max(14px, calc(10px + env(safe-area-inset-bottom)));min-height:680px;background:#071521}
.tqh-map-wrap::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/map/tq-map-bangkok-worldmap-illustrated-v5.png') center/cover no-repeat;pointer-events:none}
.tqh-map-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(3,12,20,.08) 0%, rgba(3,12,20,.18) 52%, rgba(3,12,20,.34) 100%);pointer-events:none}
.tqh-map-wrap>*{position:relative;z-index:1}
.tqh-map-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;padding:0 1px}
.tqh-map-head h3{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;min-width:180px;min-height:50px;padding:11px 20px 8px;font-size:16.5px;letter-spacing:.02em;color:#fff2d5;text-shadow:0 2px 4px rgba(0,0,0,.8)}
.tqh-map-head h3::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/map/tq-map-title-plaque-v1.png') center/100% 100% no-repeat;z-index:-1}
.tqh-map-head .tqh-album-close::before{background:url('/img/temple-quest/map/tq-map-close-v1.png') center/cover no-repeat}
.tqh-map-sub{margin:0 0 8px;padding-left:5px;color:#f0e4c7;font-size:11px;letter-spacing:.04em;line-height:1.28;text-shadow:0 1px 2px rgba(0,0,0,.66)}
.tqh-map-scene{position:relative;margin:0 2px;border-radius:14px;min-height:354px;padding:14px 8px 10px;overflow:hidden}
.tqh-map-scene-frame{display:none}
.tqh-map-node{position:absolute;appearance:none;border:0;background:transparent;width:132px;height:122px;padding:0;display:grid;place-items:end center;transform:translate(-50%,-50%);cursor:pointer;z-index:1}
.tqh-map-node img{position:relative;z-index:1;width:124px;height:108px;object-fit:contain;display:block;filter:brightness(1.22) contrast(1.16) saturate(1.14) drop-shadow(0 0 12px rgba(114,201,167,.26)) drop-shadow(0 10px 12px rgba(0,0,0,.34))}
.tqh-map-node.ganesha img{width:100px;height:108px;filter:brightness(1.28) contrast(1.2) saturate(1.2) drop-shadow(0 0 14px rgba(126,220,184,.34)) drop-shadow(0 11px 13px rgba(0,0,0,.38))}
.tqh-map-node.is-locked img{width:74px;height:70px;opacity:.84;filter:brightness(1.1) contrast(1.09) saturate(.98) drop-shadow(0 0 8px rgba(103,183,156,.16)) drop-shadow(0 6px 8px rgba(0,0,0,.3))}
.tqh-map-node-name,.tqh-map-node-state{display:none}
.tqh-map-node.is-locked .tqh-map-node-state{color:#e4cda2}
.tqh-map-node[aria-disabled="true"]{cursor:default}
.tqh-map-node.ganesha{left:52%;top:49%}
.tqh-map-node.future-a{left:31%;top:39%}
.tqh-map-node.future-b{left:70%;top:40%}
.tqh-map-node.future-c{left:77%;top:67%}
.tqh-map-player{position:absolute;pointer-events:none;z-index:2;transform:translate(-50%,-50%);transition:left .44s cubic-bezier(.2,.7,.2,1), top .44s cubic-bezier(.2,.7,.2,1), transform .44s cubic-bezier(.2,.7,.2,1)}
.tqh-map-player.ganesha{left:46%;top:55%}
.tqh-map-player.future-a{left:25%;top:45%}
.tqh-map-player.future-b{left:64%;top:46%}
.tqh-map-player.future-c{left:71%;top:73%}
.tqh-map-player.is-moving{transform:translate(-50%,-50%) scale(1.03)}
.tqh-map-player-glow{display:block;width:68px;height:44px;object-fit:contain;opacity:.68;filter:drop-shadow(0 0 8px rgba(86,201,171,.26))}
.tqh-map-player-avatar{display:block;width:50px;height:64px;object-fit:contain;margin:-60px auto 0;filter:drop-shadow(0 0 6px rgba(110,208,176,.22)) drop-shadow(0 8px 10px rgba(0,0,0,.34));animation:tqhPlayerIdle 2.9s ease-in-out infinite}
.tqh-map-detail{position:relative;margin-top:7px;border-radius:14px;overflow:hidden;padding:8px 9px 9px;text-align:center}
.tqh-map-detail-frame{position:absolute;inset:0;background:url('/img/temple-quest/map/tq-map-location-detail-frame-v2.png') center/100% 100% no-repeat;pointer-events:none}
.tqh-map-detail>*{position:relative;z-index:1}
.tqh-map-detail h4{margin:0;font-size:17px;color:#f6e9cc;line-height:1.16;font-weight:800}
.tqh-map-detail p{margin:4px 0 0;font-size:11px;color:#e7d8b5;line-height:1.28}
.tqh-map-panel-chips .tqh-panel-chip{background:url('/img/temple-quest/map/tq-map-status-chip-v2.png') center/100% 100% no-repeat;border-color:transparent;color:#f5e8c9;min-height:26px;min-width:90px;padding:4px 10px;display:inline-flex;align-items:center;justify-content:center}
.tqh-map-cta{margin-top:8px;min-height:44px;width:100%;border:0;background:url('/img/temple-quest/map/tq-map-cta-button-v2.png') center/100% 100% no-repeat;color:#f8edd2;font-size:14px;font-weight:800;letter-spacing:.03em}
.tqh-map-cta.is-disabled{opacity:.62}

/* ACHIEVEMENT-SYSTEM-1 */
.tqh-achievement-wrap{position:relative;border-radius:20px;overflow:hidden;padding:10px 12px max(14px, calc(10px + env(safe-area-inset-bottom)));min-height:680px;background:#071521}
.tqh-achievement-wrap::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/achievements/tq-achievement-bg-v1.png') center/cover no-repeat;pointer-events:none}
.tqh-achievement-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(3,12,20,.14) 0%, rgba(3,12,20,.28) 56%, rgba(3,12,20,.48) 100%);pointer-events:none}
.tqh-achievement-wrap>*{position:relative;z-index:1}
.tqh-achievement-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;padding:0 1px}
.tqh-achievement-head h3{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;min-width:180px;min-height:50px;padding:11px 20px 8px;font-size:16.5px;letter-spacing:.02em;color:#fff2d5;text-shadow:0 2px 4px rgba(0,0,0,.8)}
.tqh-achievement-head h3::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/achievements/tq-achievement-title-plaque-v1.png') center/100% 100% no-repeat;z-index:-1}
.tqh-achievement-head .tqh-album-close::before{background:url('/img/temple-quest/achievements/tq-achievement-close-v1.png') center/cover no-repeat}
.tqh-achievement-sub{margin:0 0 8px;padding-left:5px;color:#f0e4c7;font-size:11px;letter-spacing:.04em;line-height:1.28;text-shadow:0 1px 2px rgba(0,0,0,.66)}
.tqh-achievement-showcase{position:relative;margin:2px 0 6px;min-height:222px;display:grid;justify-items:center;align-content:start}
.tqh-achievement-showcase-pedestal{position:absolute;left:50%;top:4px;transform:translateX(-50%);width:min(74vw,272px);height:188px;background:url('/img/temple-quest/achievements/tq-achievement-selected-pedestal-v2.png') center/contain no-repeat;pointer-events:none;opacity:.96}
.tqh-achievement-showcase-art{position:relative;z-index:1;width:min(34vw,120px);height:min(34vw,120px);max-width:120px;max-height:120px;object-fit:contain;margin-top:20px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.38))}
.tqh-achievement-showcase-art.is-locked{opacity:.74;filter:brightness(.86) saturate(.82) drop-shadow(0 8px 12px rgba(0,0,0,.38))}
.tqh-achievement-showcase h4{position:relative;z-index:1;margin:4px 0 0;font-size:18px;line-height:1.12;font-weight:800;color:#f8ecd2;text-shadow:0 1px 2px rgba(0,0,0,.78)}
.tqh-achievement-showcase-status{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:30px;padding:4px 14px 6px;margin-top:3px;background:url('/img/temple-quest/achievements/tq-achievement-status-seal-v2.png') center/100% 100% no-repeat;color:#f6e9cc;font-size:13px;font-weight:800;letter-spacing:.03em}
.tqh-achievement-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:0 1px;margin-top:2px}
.tqh-achievement-slot{position:relative;appearance:none;border:0;background:transparent;padding:2px 1px 3px;min-height:100px;display:grid;grid-template-rows:70px auto;align-content:start;justify-items:center;gap:2px}
.tqh-achievement-slot-frame{position:absolute;inset:0;background:url('/img/temple-quest/achievements/tq-achievement-compact-slot-v2.png') center/100% 100% no-repeat;pointer-events:none}
.tqh-achievement-slot.is-locked .tqh-achievement-slot-frame{background-image:url('/img/temple-quest/achievements/tq-achievement-compact-slot-locked-v2.png')}
.tqh-achievement-slot-media{position:relative;z-index:1;width:min(42px,76%);height:42px;display:flex;align-items:center;justify-content:center;margin-top:12px}
.tqh-achievement-slot-media img{width:100%;height:100%;max-width:42px;max-height:42px;object-fit:contain;display:block;filter:drop-shadow(0 6px 9px rgba(0,0,0,.34))}
.tqh-achievement-slot.is-locked .tqh-achievement-slot-media img{opacity:.66;filter:brightness(.82) saturate(.8) drop-shadow(0 6px 9px rgba(0,0,0,.34))}
.tqh-achievement-icon-optical{--ax:0px;--ay:0px;transform:translate(var(--ax),var(--ay))}
.tqh-achievement-slot-media .tqh-achievement-icon-optical[data-achievement-id="first_step"]{--ay:2px}
.tqh-achievement-slot-media .tqh-achievement-icon-optical[data-achievement-id="offering_ready"]{--ay:16px}
.tqh-achievement-slot-media .tqh-achievement-icon-optical[data-achievement-id="proof_mark"]{--ay:2px}
.tqh-achievement-slot-media .tqh-achievement-icon-optical[data-achievement-id="ganesha_blessing"]{--ay:16px}
.tqh-achievement-slot-media .tqh-achievement-icon-optical[data-achievement-id="first_temple_card"]{--ay:17px;--ax:-1px}
.tqh-achievement-showcase-art.tqh-achievement-icon-optical[data-achievement-id="first_step"]{--ay:3px}
.tqh-achievement-showcase-art.tqh-achievement-icon-optical[data-achievement-id="offering_ready"]{--ay:18px}
.tqh-achievement-showcase-art.tqh-achievement-icon-optical[data-achievement-id="proof_mark"]{--ay:3px}
.tqh-achievement-showcase-art.tqh-achievement-icon-optical[data-achievement-id="ganesha_blessing"]{--ay:18px}
.tqh-achievement-showcase-art.tqh-achievement-icon-optical[data-achievement-id="first_temple_card"]{--ay:19px;--ax:-1px}
.tqh-achievement-slot-label{position:relative;z-index:1;text-align:center;color:#f4e8cf;text-shadow:0 1px 2px rgba(0,0,0,.76);font-size:8.6px;line-height:1.06;font-weight:700;padding:0 2px}
.tqh-achievement-slot.is-active{transform:translateY(-1px);filter:drop-shadow(0 0 10px rgba(116,200,166,.24))}
.tqh-achievement-detail{position:relative;margin-top:7px;border-radius:14px;overflow:hidden;padding:8px 9px 9px;text-align:center}
.tqh-achievement-detail-frame{position:absolute;inset:0;background:url('/img/temple-quest/achievements/tq-achievement-detail-frame-v1.png') center/100% 100% no-repeat;pointer-events:none}
.tqh-achievement-detail>*{position:relative;z-index:1}
.tqh-achievement-detail p{margin:4px 0 0;font-size:10.4px;color:#e7d8b5;line-height:1.25}
.tqh-achievement-chips .tqh-panel-chip{background:url('/img/temple-quest/achievements/tq-achievement-chip-frame-v1.png') center/100% 100% no-repeat;border-color:transparent;color:#f5e8c9;min-height:26px;min-width:96px;padding:4px 10px;display:inline-flex;align-items:center;justify-content:center}
.tqh-achievement-status-wrap{display:flex;justify-content:center;margin-top:7px}
.tqh-achievement-status-seal{display:inline-flex;align-items:center;justify-content:center;min-width:132px;min-height:34px;padding:5px 16px 7px;background:url('/img/temple-quest/achievements/tq-achievement-status-seal-v2.png') center/100% 100% no-repeat;color:#f7ead1;font-size:13px;font-weight:800;letter-spacing:.03em}

/* BAG-SYSTEM-1 */
.tqh-bag-wrap{position:relative;border-radius:20px;overflow:hidden;padding:10px 12px max(14px, calc(10px + env(safe-area-inset-bottom)));min-height:680px;background:#071521}
.tqh-bag-wrap::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/bag/tq-bag-inventory-bg-v1.png') center/cover no-repeat;pointer-events:none}
.tqh-bag-wrap::after{content:"";position:absolute;inset:0;background:radial-gradient(72% 46% at 50% 34%, rgba(7,32,39,.12) 0%, rgba(7,32,39,.42) 72%, rgba(3,13,22,.66) 100%),linear-gradient(180deg, rgba(4,14,23,.34) 0%, rgba(4,14,23,.26) 32%, rgba(4,14,23,.46) 72%, rgba(4,14,23,.62) 100%);pointer-events:none}
.tqh-bag-wrap>*{position:relative;z-index:1}
.tqh-bag-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;padding:0 1px}
.tqh-bag-head h3{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;min-width:180px;min-height:50px;padding:11px 20px 8px;font-size:16.5px;letter-spacing:.02em;color:#fff2d5;text-shadow:0 2px 4px rgba(0,0,0,.8)}
.tqh-bag-head h3::before{content:"";position:absolute;inset:0;background:url('/img/temple-quest/bag/tq-bag-title-plaque-v1.png') center/100% 100% no-repeat;z-index:-1}
.tqh-bag-head .tqh-album-close::before{background:url('/img/temple-quest/bag/tq-bag-close-v1.png') center/cover no-repeat}
.tqh-bag-sub{margin:0 0 8px;padding-left:5px;color:#f0e4c7;font-size:11px;letter-spacing:.04em;line-height:1.28;text-shadow:0 1px 2px rgba(0,0,0,.66)}
.tqh-bag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 1px}
.tqh-bag-slot{position:relative;appearance:none;border:0;background:transparent;padding:4px 4px 3px;min-height:144px;display:grid;grid-template-rows:98px 1fr;align-content:start;justify-items:center;gap:2px}
.tqh-bag-slot-frame{position:absolute;inset:0;background:url('/img/temple-quest/bag/tq-bag-item-slot-v1.png') center/100% 100% no-repeat;pointer-events:none}
.tqh-bag-slot.is-empty .tqh-bag-slot-frame{background-image:url('/img/temple-quest/bag/tq-bag-item-slot-empty-v1.png')}
.tqh-bag-slot-media{position:relative;z-index:1;width:min(64px,62%);height:64px;display:flex;align-items:center;justify-content:center;margin-top:34px}
.tqh-bag-slot img{width:100%;height:100%;max-width:64px;max-height:64px;object-fit:contain;display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.34))}
.tqh-bag-slot.is-empty img{opacity:.5;filter:saturate(.6) brightness(.7)}
.tqh-bag-slot[data-item-id="item_offering_tray"] .tqh-bag-slot-media img{transform:translate(1px,1px)}
.tqh-bag-slot[data-item-id="item_flower_garland"] .tqh-bag-slot-media img{transform:translate(-1px,0)}
.tqh-bag-slot[data-item-id="item_blessing_card"] .tqh-bag-slot-media img{transform:translate(0,0)}
.tqh-bag-slot[data-item-id="item_candle"] .tqh-bag-slot-media img{transform:translate(1px,1px)}
.tqh-bag-slot[data-item-id="item_proof_stamp"] .tqh-bag-slot-media img{transform:translate(-1px,2px)}
.tqh-bag-slot-label{position:relative;z-index:1;min-height:19px;font-size:9.1px;line-height:1.12;font-weight:600;letter-spacing:.01em;color:#f4e8cf;text-shadow:0 1px 2px rgba(0,0,0,.76);display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:0 4px 2px}
.tqh-bag-slot.is-active{transform:translateY(-1px);filter:drop-shadow(0 0 10px rgba(116,200,166,.28))}
.tqh-bag-detail{position:relative;margin-top:6px;border-radius:14px;overflow:hidden;padding:7px 8px max(12px, calc(10px + env(safe-area-inset-bottom)))}
.tqh-bag-detail-frame{position:absolute;inset:0;background:url('/img/temple-quest/bag/tq-bag-item-detail-frame-v1.png') center/100% 100% no-repeat;pointer-events:none}
.tqh-bag-detail-kicker{position:relative;z-index:1;margin:0;display:flex;justify-content:center;font-size:10.2px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#d9f1e6;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.tqh-bag-detail-media,.tqh-bag-detail-meta{position:relative;z-index:1}
.tqh-bag-detail-media{display:flex;justify-content:center;margin-top:2px}
.tqh-bag-detail-media-box{width:min(28vw,82px);height:min(28vw,82px);max-width:82px;max-height:82px;display:flex;align-items:center;justify-content:center}
.tqh-bag-detail-media img{width:100%;height:100%;max-width:82px;max-height:82px;object-fit:contain;display:block;filter:drop-shadow(0 8px 11px rgba(0,0,0,.36))}
.tqh-bag-detail-meta{display:grid;justify-items:center;text-align:center;gap:2px;margin-top:2px}
.tqh-bag-detail-meta h4{margin:0;font-size:14.5px;color:#f6e9cc;line-height:1.16;font-weight:700}
.tqh-bag-detail-meta p{margin:0;font-size:10.6px;color:#e7d8b5;line-height:1.24}
.tqh-bag-detail-meta .tqh-panel-chips{margin-top:1px;gap:5px}
.tqh-bag-detail-meta .tqh-panel-chip{font-size:10px;padding:3px 7px}

body.tqh-album-open{overflow:hidden}
@keyframes tqhParticleDrift{0%{transform:translateY(0)}50%{transform:translateY(6px)}100%{transform:translateY(0)}}
@keyframes tqhSealPulse{0%{opacity:.6;transform:scale(.96)}50%{opacity:.92;transform:scale(1.02)}100%{opacity:.6;transform:scale(.96)}}
@keyframes tqhCardShimmer{0%{filter:drop-shadow(0 10px 14px rgba(0,0,0,.35)) brightness(1)}50%{filter:drop-shadow(0 10px 14px rgba(0,0,0,.35)) brightness(1.06)}100%{filter:drop-shadow(0 10px 14px rgba(0,0,0,.35)) brightness(1)}}
@keyframes tqhCardPulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}
@keyframes tqhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes tqhPlayerIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

.tqh-companion{display:none;padding:22px;border-radius:22px;border:1px solid rgba(241,203,126,.52);background:linear-gradient(165deg, rgba(7,27,39,.72), rgba(6,18,29,.86));box-shadow:0 16px 32px rgba(1,8,15,.45)}
.tqh-companion h2{margin:0 0 10px;font-size:30px}
.tqh-companion p{margin:0 0 14px;line-height:1.5;color:#eadfc3}
.tqh-companion-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;border-radius:999px;border:1px solid rgba(241,204,132,.84);text-decoration:none;font-weight:900;background:linear-gradient(165deg, rgba(248,229,189,.95), rgba(225,182,99,.95));color:#2f210e}

@media (max-width:380px){.tqh-brand-title{font-size:16px}.tqh-icon-btn span{font-size:12px}.tqh-avatar{width:min(23vw,72px)}.tqh-feature-panel{min-height:168px}.tqh-album-sheet-body{padding:6px;border-radius:18px}.tqh-album-wrap{padding:9px 8px max(10px, calc(8px + env(safe-area-inset-bottom)));min-height:604px}.tqh-showcase-head{min-height:54px;padding:3px 3px 0}.tqh-showcase-head h3{font-size:16.8px;padding:12px 18px 5px;min-width:170px;min-height:48px}.tqh-showcase-sub{font-size:10.5px;margin-bottom:1px}.tqh-showcase-head .tqh-album-close{width:46px;height:46px;flex-basis:46px;transform:translate(-2px,3px)}.tqh-showcase-main{max-height:min(45dvh,352px)}.tqh-showcase-pedestal{top:20px;height:278px;width:min(100%,386px)}.tqh-showcase-card{margin-top:25px;width:min(61vw,194px);max-height:min(35dvh,258px)}.tqh-showcase-meta{margin-top:11px;gap:4px}.tqh-showcase-meta h4{font-size:14.5px}.tqh-showcase-meta .tqh-panel-chip{font-size:9.6px;padding:2px 6px}.tqh-showcase-carousel{gap:3px;padding:3px 5px max(14px, env(safe-area-inset-bottom))}.tqh-showcase-slot{min-height:146px;padding-bottom:4px}.tqh-showcase-slot img{width:min(74%,82px);max-height:94px;margin-top:10px}.tqh-showcase-slot.is-locked img{width:min(72%,80px);max-height:92px}.tqh-showcase-slot-label{font-size:10px;min-height:18px;padding-bottom:5px}.tqh-avatar-wrap{min-height:600px;padding:9px 9px max(12px, calc(10px + env(safe-area-inset-bottom)))}.tqh-avatar-head{min-height:50px}.tqh-avatar-head h3{font-size:15.4px;min-width:148px;min-height:44px;padding:10px 13px 7px}.tqh-avatar-sub{font-size:10.4px;margin-bottom:6px}.tqh-avatar-stage{height:208px}.tqh-avatar-stage-base{height:194px}.tqh-avatar-stage-art{width:min(44vw,164px);max-width:164px;max-height:184px}.tqh-avatar-detail{padding:7px 8px 8px}.tqh-avatar-detail h4{font-size:15.6px}.tqh-avatar-detail p{font-size:10.2px}.tqh-avatar-confirm-btn{min-height:37px;font-size:12.8px}.tqh-avatar-roster{gap:4px}.tqh-avatar-slot{min-height:124px;grid-template-rows:74px auto auto;padding:3px 3px 4px}.tqh-avatar-slot-media{width:min(56px,62%);height:56px;margin-top:8px}.tqh-avatar-slot-media img{max-width:56px;max-height:56px}.tqh-avatar-slot.is-locked .tqh-avatar-slot-media{width:min(62px,68%);height:62px;margin-top:10px}.tqh-avatar-slot.is-locked .tqh-avatar-slot-media img{max-width:62px;max-height:62px}.tqh-avatar-slot.is-locked::after{top:31px;width:30px;height:30px}.tqh-avatar-slot-label{font-size:9.4px}.tqh-avatar-slot-state{font-size:8.6px}.tqh-map-wrap{min-height:600px;padding:9px 9px max(12px, calc(10px + env(safe-area-inset-bottom)))}.tqh-map-head{min-height:50px}.tqh-map-head h3{font-size:15.4px;min-width:148px;min-height:44px;padding:10px 13px 7px}.tqh-map-sub{font-size:10.4px;margin-bottom:6px}.tqh-map-scene{min-height:312px;padding:14px 8px 10px}.tqh-map-node{width:100px}.tqh-map-node img{width:62px;height:62px}.tqh-map-node-name{font-size:9.4px}.tqh-map-node-state{font-size:8.6px}.tqh-map-detail h4{font-size:15.6px}.tqh-map-detail p{font-size:10.2px}.tqh-map-cta{min-height:37px;font-size:12.8px}.tqh-bag-wrap{min-height:600px;padding:9px 9px max(12px, calc(10px + env(safe-area-inset-bottom)))}.tqh-bag-head{min-height:50px}.tqh-bag-head h3{font-size:15.4px;min-width:148px;min-height:44px;padding:10px 13px 7px}.tqh-bag-sub{font-size:10.4px;margin-bottom:6px}.tqh-bag-grid{gap:4px}.tqh-bag-slot{min-height:122px;grid-template-rows:86px 1fr;padding:3px 3px 2px}.tqh-bag-slot-media{width:min(52px,60%);height:52px;margin-top:29px}.tqh-bag-slot img{max-width:52px;max-height:52px}.tqh-bag-slot-label{font-size:8.8px;min-height:17px}.tqh-bag-detail{margin-top:6px;padding:6px 7px max(11px, calc(9px + env(safe-area-inset-bottom)))}.tqh-bag-detail-kicker{font-size:9.8px}.tqh-bag-detail-media-box{width:min(34vw,72px);height:min(34vw,72px);max-width:72px;max-height:72px}.tqh-bag-detail-media img{max-width:72px;max-height:72px}.tqh-bag-detail-meta h4{font-size:13.5px}.tqh-bag-detail-meta p{font-size:10px;line-height:1.22}.tqh-bag-detail-meta .tqh-panel-chip{font-size:9.4px;padding:2px 6px}}
@media (min-width:980px){.tqh-layout{grid-template-columns:minmax(530px,660px) minmax(320px,1fr);align-items:start;gap:22px}.tqh-shell{width:100%;min-height:calc(100vh - 34px)}.tqh-companion{display:block;position:sticky;top:14px}}
@media (max-width:380px){
  .tqh-map-node{width:130px;height:122px}
  .tqh-map-node img{width:98px;height:86px}
  .tqh-map-node.ganesha img{width:82px;height:90px}
  .tqh-map-node.is-locked img{width:64px;height:60px}
  .tqh-map-player{transition-duration:.36s}
  .tqh-map-player-glow{width:58px;height:38px;opacity:.64}
  .tqh-map-player-avatar{width:42px;height:54px;margin:-50px auto 0}
  .tqh-achievement-wrap{min-height:600px;padding:9px 9px max(12px, calc(10px + env(safe-area-inset-bottom)))}
  .tqh-achievement-head{min-height:50px}
  .tqh-achievement-head h3{font-size:15.4px;min-width:148px;min-height:44px;padding:10px 13px 7px}
  .tqh-achievement-sub{font-size:10.4px;margin-bottom:6px}
  .tqh-achievement-showcase{min-height:188px}
  .tqh-achievement-showcase-pedestal{width:min(78vw,246px);height:162px;top:4px}
  .tqh-achievement-showcase-art{width:min(31vw,94px);height:min(31vw,94px);margin-top:16px}
  .tqh-achievement-showcase h4{font-size:15.6px}
  .tqh-achievement-showcase-status{min-width:100px;min-height:27px;font-size:11.8px}
  .tqh-achievement-grid{gap:2px}
  .tqh-achievement-slot{min-height:90px;grid-template-rows:62px auto}
  .tqh-achievement-slot-media{width:min(34px,72%);height:34px;margin-top:11px}
  .tqh-achievement-slot-media img{max-width:34px;max-height:34px}
  .tqh-achievement-slot-label{font-size:7.9px}
  .tqh-achievement-detail p{font-size:10px}
  .tqh-achievement-status-seal{min-width:114px;min-height:31px;font-size:11.8px}
}

@media (prefers-reduced-motion:reduce){
  .tqh-map-player,.tqh-map-player-avatar{transition:none;animation:none}
}