html[data-view-mode=phone] .phone-ut-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center}html[data-view-mode=phone] .phone-ut-heading h1{grid-column:1;grid-row:1;font-size:23px!important;overflow-wrap:anywhere}html[data-view-mode=phone] .phone-ut-heading>p{grid-column:1/-1;grid-row:2}html[data-view-mode=phone] .phone-pretty-wallet{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:9px 11px;border:1px solid #b38a3a88;border-radius:16px;background:linear-gradient(125deg,#463718,#262b2d 65%);box-shadow:inset 0 1px 0 #ffe8a41f,0 5px 18px #0003;grid-column:2;grid-row:1}html[data-view-mode=phone] .phone-pretty-wallet small{display:block;font-size:8px;letter-spacing:1.2px;font-weight:800;color:#e5c681;line-height:1.4}html[data-view-mode=phone] .phone-pretty-wallet strong{display:block;font-size:19px;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:-.4px;color:#fff0bd;line-height:1.2;overflow-wrap:anywhere}html[data-view-mode=phone] .phone-pretty-coin{flex:none;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:2px solid #ffe899;background:linear-gradient(135deg,#fff2ac,#e7b84e 55%,#a9761e);box-shadow:0 2px 0 #8a5a14,0 0 14px #f6bd3426;color:#795116}html[data-view-mode=phone] .phone-pretty-coin>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #b77d27;border-radius:50%;font-size:17px;font-weight:900;font-style:italic}
html[data-view-mode=phone] .phone-ut-browser[data-pretty-view=store] .phone-ut-items{gap:12px;padding:2px 2px 14px}html[data-view-mode=phone] .phone-ut-choice.phone-pretty-pack{position:relative;min-height:248px;justify-content:flex-start;gap:9px;padding:15px 10px 11px;border:1px solid #63717c;border-radius:20px;background:radial-gradient(ellipse at 50% 24%,#bd9a4c26,transparent 62%),linear-gradient(150deg,#233d50,#10202d 78%);box-shadow:inset 0 1px 0 #ffffff0d,0 5px 15px #0003;overflow:hidden}html[data-view-mode=phone] .phone-pretty-pack .phone-ut-choice-art{display:grid;place-items:center;width:100%;height:128px;flex:none;margin:2px 0 0}html[data-view-mode=phone] .phone-pretty-pack .phone-ut-choice-art :is(img,svg,.ut-pack-art,.crest-pack-art){width:100%!important;max-width:108px!important;height:128px!important;max-height:128px!important;object-fit:contain;filter:drop-shadow(0 7px 9px #0008)}html[data-view-mode=phone] .phone-pretty-pack>strong{font-size:13px;line-height:1.3;min-height:32px;display:flex;align-items:center;justify-content:center}html[data-view-mode=phone] .phone-pretty-pack>small{font-size:10px;line-height:1.45;color:#c7d8e4;overflow-wrap:anywhere}html[data-view-mode=phone] .phone-pretty-pack-count{position:absolute;z-index:1;top:10px;right:10px;min-width:28px;padding:5px 7px;border:1px solid #e4c46a88;border-radius:9px;background:#102330;color:#ffe6a3;font-size:11px;font-weight:800}html[data-view-mode=phone] .phone-pretty-pack-action{margin-top:auto;display:block;width:100%;padding:9px 5px;box-sizing:border-box;border-radius:10px;background:#c9f864;color:#1b2a17;font-size:10px;line-height:1.3;font-weight:800}html[data-view-mode=phone] .phone-pretty-pack[data-pretty-pack=shop] .phone-pretty-pack-action{background:#2c465a;color:#e8f2ff;border:1px solid #6c8596}html[data-view-mode=phone] .phone-pretty-pack:focus-visible{outline:3px solid #c9f864;outline-offset:2px}html[data-view-mode=phone] .phone-pretty-pack:active{border-color:#e4c46a;background:linear-gradient(145deg,#3c4b3b,#152c36)}
html[data-view-mode=phone] #phoneUTDetail .phone-ut-detail-body:has(.ut-pack-art,.crest-pack-art)>.ut-tile{background:radial-gradient(ellipse at 50% 20%,#d8b64e22,transparent 65%),#172e3e;border:1px solid #667b86;border-radius:18px;padding:20px;text-align:center}html[data-view-mode=phone] #phoneUTDetail .phone-ut-detail-body .ut-pack-art{height:210px!important;width:155px!important;filter:drop-shadow(0 10px 12px #0008)}html[data-view-mode=phone] #phoneUTDetail .phone-ut-detail-body>.ut-tile>.btn{width:100%;margin:6px 0;min-height:48px;font-weight:800}
@media(max-width:360px){html[data-view-mode=phone] .phone-pretty-wallet{padding:7px;gap:5px}html[data-view-mode=phone] .phone-pretty-wallet strong{font-size:16px}html[data-view-mode=phone] .phone-pretty-coin{width:25px;height:25px}html[data-view-mode=phone] .phone-ut-heading h1{font-size:21px!important}}

html[data-view-mode=phone] .phone-pretty-coin-image{display:block;flex:none;width:48px;height:34px;object-fit:contain;object-position:center;filter:drop-shadow(0 2px 3px #0004)}
@media(max-width:360px){html[data-view-mode=phone] .phone-pretty-coin-image{width:37px;height:29px}}