:root{color:#f7fbff;background:#061626;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(53,126,255,.22),transparent 34rem),linear-gradient(180deg,#061626,#030b14)}button{border:0;font:inherit;color:inherit}img{display:block;max-width:100%}.app-shell{position:relative;width:min(100vw,430px);min-height:100vh;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(120,70,255,.18),transparent 18rem),#061421;box-shadow:0 0 0 1px #6695cd26,0 24px 80px #0000006b}.page{min-height:100vh;padding:18px 16px 96px}.page-with-nav{padding-bottom:104px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:6px}.icon-button,.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:transparent;cursor:pointer}.icon-button{flex:0 0 auto;font-size:28px;line-height:1}.top-left,.top-right{display:flex;align-items:center}.top-left{justify-content:flex-start;gap:8px;min-width:0}.top-right{flex:0 0 auto;justify-content:flex-end}.stars-pill{display:flex;align-items:center;gap:8px;min-height:34px;padding:0;border:0;border-radius:0;background:transparent;font-size:14px}.stars-pill>span{font-size:24px;line-height:1;filter:drop-shadow(0 2px 3px rgba(255,173,34,.28))}.stars-pill strong{color:#fff;font-size:16px;font-weight:900}.topup-button{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:linear-gradient(180deg,#4386ff,#2d73ef);color:#fff;font-size:20px;line-height:1;cursor:pointer}.avatar{position:relative;display:grid;flex:0 0 auto;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;overflow:visible}.avatar img{flex:0 0 auto;width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:center top}.avatar i{position:absolute;right:0;bottom:1px;width:9px;height:9px;border-radius:50%;background:#32e68f}.guest-avatar{display:grid;flex:0 0 auto;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#ffc763,#ffad4f);color:#fff;font-size:17px;font-weight:900}.hero-panel{position:relative;display:grid;justify-items:center;margin-top:2px;padding:0 0 12px;text-align:center}.hero-art{display:grid;place-items:center;width:100%;height:250px;overflow:visible}.hero-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 34px rgba(135,80,255,.26))}.hero-panel h2{margin:12px 0 10px;font-size:26px;line-height:1.03}.rule-chip,.notice-line{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid rgba(108,159,225,.22);border-radius:999px;background:#081c2fd1;color:#c7d7ec;font-size:13px}.rule-chip img{width:20px;height:20px}.rule-chip{display:flex;width:max-content;margin:10px auto 0}.notice-line{width:100%;margin:4px 0 8px;border-radius:8px}.price-panel,.price-card,.featured-redeem,.result-card,.bonus-summary,.delivery-card,.fragment-balance,.history-stats,.rules-card,.detail-drawer,.sticky-action,.hunt-action{border:1px solid rgba(96,146,205,.24);border-radius:8px;background:linear-gradient(180deg,#0d2741f0,#071727f5);box-shadow:inset 0 1px #ffffff0a}.price-card{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:74px;overflow:hidden}.price-left,.price-right{display:grid;align-items:center;padding:12px 14px}.price-left{grid-template-columns:auto auto 1fr;gap:8px;border-right:1px solid rgba(116,163,218,.18)}.star-large{font-size:31px;line-height:1}.price-left strong{font-size:25px}.price-left span:last-child{color:#c5d3e3}.price-right{grid-template-columns:1fr auto;gap:7px}.price-right>div:first-child{display:flex;grid-column:1 / -1;justify-content:space-between;color:#c5d3e3}.price-right strong{color:#e7f0ff;font-size:22px}.price-right img{width:34px;height:34px;object-fit:contain}.price-right .progress{grid-column:1}.price-panel{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;align-items:center;padding:14px}.price-panel>div:first-child,.hunt-price{display:flex;align-items:center;gap:7px}.price-star,.hunt-price span{font-size:26px}.price-panel strong,.hunt-price strong{font-size:22px}.price-panel small,.hunt-price small{color:#b9cadf}.fragment-meter{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;color:#c8d7e8;font-size:12px}.fragment-meter img,.fragment-balance img,.rules-card p img{width:28px;height:28px;object-fit:contain}.progress{grid-column:2;height:6px;overflow:hidden;border-radius:99px;background:#5e7b9f47}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7644ff,#d262ff)}.primary-button,.secondary-button{width:100%;min-height:46px;margin-top:10px;border-radius:8px;cursor:pointer;font-weight:800}.primary-button{background:linear-gradient(180deg,#3289ff,#2464e8);box-shadow:0 12px 24px #2168e93d}.primary-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:16px 8px max(16px,env(safe-area-inset-bottom));background:#00000094}.topup-modal{width:min(100%,404px);padding:22px 18px 18px;border-radius:14px;background:#222728;box-shadow:0 -18px 60px #0000006b}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.modal-head h2{margin:0;font-size:18px;font-weight:900}.modal-close{display:grid;place-items:center;width:34px;height:34px;background:transparent;color:#7c828a;cursor:pointer;font-size:34px;line-height:1}.topup-promo{margin-bottom:20px;padding:13px 16px;border-radius:6px;background:#28364b;color:#fff;font-size:15px;font-weight:900;line-height:1.3;text-align:center}.topup-field{display:grid;gap:10px;margin-bottom:12px}.topup-field>span{color:#fff;font-size:16px;font-weight:900}.topup-field>div{display:grid;grid-template-columns:52px 1fr;align-items:center;overflow:hidden;min-height:48px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff05}.topup-field strong{display:grid;place-items:center;height:100%;border-right:1px solid rgba(255,255,255,.08);color:#ffd8a4}.topup-field input{width:100%;height:100%;border:0;outline:0;padding:0 14px;background:transparent;color:#fff;font:inherit;font-size:16px;font-weight:800}.topup-field input::placeholder{color:#aeb4bc}.topup-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.topup-presets button{min-height:34px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff0a;color:#d4dae2;cursor:pointer;font-size:13px;font-weight:800}.topup-presets button.active{border-color:#4a89ffe6;background:#377fff38;color:#fff}.topup-message{margin:6px 0 0;color:#ffcf8a;font-size:13px}.modal-cancel{width:100%;min-height:42px;margin-top:14px;background:transparent;color:#fff;cursor:pointer;font-weight:900}.secondary-button{border:1px solid rgba(90,144,205,.26);background:#081b2edb;color:#a9cbff}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);width:min(100vw,430px);padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid rgba(116,163,218,.2);background:#051220f0;transform:translate(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:grid;gap:2px;place-items:center;min-height:48px;border-radius:8px;background:transparent;color:#8497ab;cursor:pointer;font-size:12px}.bottom-nav button img{width:23px;height:23px;object-fit:contain;opacity:.72}.bottom-nav button.active{color:#4b9cff}.bottom-nav button.active img{opacity:1}.box-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.treasure-box{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(93,145,207,.24);min-height:52px;border-radius:7px;background:linear-gradient(180deg,#122841f0,#071829f5);cursor:pointer}.treasure-box.selected{border-color:#b961ff;box-shadow:0 0 0 1px #c262ff40,0 0 20px #9b4bff38}.treasure-box.fragment,.treasure-box.bonus{border-color:#b961ff;background:#64309b3d;box-shadow:0 0 18px #ad48ff2e}.treasure-box.opened{background:#64309b2e}.treasure-box img{width:96%;height:96%;object-fit:contain}.box-number{position:absolute;left:4px;top:3px;font-size:11px;color:#d9e7fa}.treasure-box small{position:absolute;right:4px;bottom:4px;font-size:8px;color:#f0d8ff;text-shadow:0 1px 4px rgba(0,0,0,.75)}.sticky-action,.hunt-action{margin-top:12px;padding:14px}.hunt-action{margin-top:10px}.divider{height:1px;margin:8px 0 10px;background:#74a3da24}.action-copy{display:flex;justify-content:space-between;margin-bottom:10px;color:#c7d6e7;font-size:13px}.result-card{display:grid;justify-items:center;margin-top:36px;padding:28px 18px}.result-card .eyebrow{color:#d2ddea}.result-card img{width:160px;height:160px;object-fit:contain;margin:0}.result-prizes{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 10px}.result-prizes img{width:150px;height:150px}.result-prizes img+img{width:110px;height:110px}.result-card h2,.gift-reveal h2{margin:0;color:#e590ff}.bonus-summary{display:grid;grid-template-columns:58px minmax(112px,1fr) 96px;align-items:center;gap:12px;margin:12px 0;padding:12px}.bonus-summary img{width:52px;height:52px;object-fit:contain}.bonus-summary span,.mini-meter,.safe-note{color:#b4c5d8;font-size:12px}.bonus-summary>div:nth-child(2){display:grid;gap:2px}.mini-meter{display:grid;gap:4px}.mini-meter .progress{grid-column:auto}.safe-note{margin:14px 0 0;text-align:center}.gift-reveal{position:relative;display:grid;justify-items:center;margin:28px 0 14px;padding:28px 0}.reveal-main{width:180px;filter:drop-shadow(0 0 28px rgba(140,87,255,.48))}.reveal-fragment{position:absolute;width:52px;top:90px}.reveal-fragment.left{left:34px}.reveal-fragment.right{right:34px}.delivery-card{padding:14px}.status-pill{width:max-content;margin:0 auto 12px;padding:7px 13px;border-radius:999px;background:#904cd55c;color:#f0d7ff}.delivery-card ol{display:grid;gap:14px;margin:0;padding-left:22px}.delivery-card li{color:#b9c8d9}.delivery-card li.done{color:#fff}.delivery-card span{display:block;margin-top:2px;color:#91a3b9;font-size:12px}.fragment-balance{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:8px;padding:12px}.fragment-balance .progress{grid-column:1 / -1}.featured-redeem{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;margin-top:10px;padding:14px}.featured-redeem img{width:128px;height:128px;object-fit:contain}.featured-redeem h2,.detail-drawer h2{margin:0;font-size:18px}.featured-redeem p{margin:6px 0 10px;color:#b4c5d9}.featured-redeem button{width:100%;min-height:34px;border-radius:8px;background:#ffffff14;color:#c7d1dd}.section-title{margin:14px 0 8px;color:#d8e6f6;font-size:15px}.gift-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gift-card{min-width:0;padding:10px;border:1px solid rgba(91,143,205,.24);border-radius:8px;background:#081d31e0}.gift-image-wrap{overflow:hidden;display:grid;place-items:center;height:92px;border-radius:8px;background:#50759d21}.gift-image-wrap img{width:88px;height:88px;object-fit:contain;object-position:center}.gift-card-title{display:flex;gap:6px;align-items:center;justify-content:space-between;margin-top:8px;font-size:12px}.gift-card p{display:flex;align-items:center;gap:5px;margin:6px 0 0;color:#b9c9dc;font-size:11px}.gift-card p img{width:18px;height:18px}.rarity{padding:2px 5px;border-radius:999px;font-size:9px}.rarity.common{background:#68ce8c38;color:#9df0b9}.rarity.rare{background:#388bff38;color:#9dccff}.rarity.epic{background:#bf53ff38;color:#e1b2ff}.rarity.legendary{background:#ffc54838;color:#ffe08b}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:8px 0 12px;padding:4px;border:1px solid rgba(103,151,211,.18);border-radius:8px;background:#07192ac7}.tabs:has(button:nth-child(4)){grid-template-columns:repeat(4,1fr)}.tabs button{min-height:32px;border-radius:6px;background:transparent;color:#9db1c7;cursor:pointer}.tabs button.active{background:linear-gradient(180deg,#884dff,#7034dd);color:#fff}.inventory-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.inventory-card{overflow:hidden;display:grid;justify-items:center;min-height:128px;padding:10px;border:1px solid rgba(93,147,209,.24);border-radius:8px;background:#091f34e0;text-align:center}.inventory-card img{width:74px;height:66px;object-fit:contain;object-position:center}.inventory-card span{color:#a9bdd2;font-size:12px}.inventory-card .delivered{padding:3px 8px;border-radius:999px;background:#58c77a3d;color:#a5f0bd}.inventory-card .locked{color:#8093a9}.mini-gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-gift-grid button{overflow:hidden;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(93,147,209,.18);border-radius:8px;background:#081d31e0}.mini-gift-grid img{width:60px;height:54px;object-fit:contain;object-position:center}.detail-drawer{display:grid;grid-template-columns:88px 1fr;gap:12px;margin-top:12px;padding:14px}.detail-drawer>img{width:84px;height:84px;object-fit:contain;object-position:center;border-radius:8px}.drawer-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.drawer-title span{padding:3px 8px;border-radius:999px;background:#58c77a3d;color:#a5f0bd;font-size:12px}.detail-drawer p{margin:8px 0 0;color:#b4c4d6;font-size:13px}.detail-drawer .primary-button{grid-column:1 / -1}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:12px;padding:14px 8px;text-align:center}.history-stats div+div{border-left:1px solid rgba(116,157,205,.2)}.history-stats strong{display:block;font-size:24px}.history-stats span{color:#a7b9cc;font-size:11px}.timeline{display:grid;gap:8px}.timeline article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(93,147,209,.2);border-radius:8px;background:#081d31d6}.timeline img{width:40px;height:40px;object-fit:contain;object-position:center;border-radius:8px}.timeline span,.timeline small{display:block;color:#9fb2c8;font-size:12px}.record-side{display:grid;justify-items:end;gap:4px}.record-side em{padding:3px 7px;border-radius:999px;font-style:normal;font-size:11px}.record-side .fragment{background:#ac58ff38;color:#e0b5ff}.record-side .delivered{background:#58c77a3d;color:#a5f0bd}.record-side .redeemed{background:#4091ff38;color:#a8ceff}.support-button{margin-top:16px}.rules-card{display:grid;gap:12px;margin-top:10px;padding:14px}.rules-card h2{margin:0 0 2px;text-align:center;font-size:17px}.rule-step{display:grid;grid-template-columns:30px 42px 1fr;gap:10px;align-items:center}.rule-step>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#3c8cff;font-weight:800}.rule-step img{width:40px;height:40px;object-fit:contain;object-position:center;border-radius:8px}.rule-step p{margin:2px 0 0;color:#9fb1c6;font-size:12px}.rules-card.compact p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:8px 0;color:#c3d2e3;border-top:1px solid rgba(118,158,205,.14);font-size:13px}.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.safety-grid article{display:grid;gap:6px;place-items:center;min-height:82px;padding:10px 8px;border:1px solid rgba(93,147,209,.18);border-radius:8px;background:#081d31d6;text-align:center}.safety-grid strong{color:#ff6262;font-size:28px;line-height:1}.safety-grid span{color:#d1ddec;font-size:12px}@media(min-width:800px){body{padding:24px}.app-shell{min-height:calc(100vh - 48px);border-radius:18px}}