/* ==========================================================
   NHÂN VẬT CHÍNH - PHONG CÁCH FLAT DESIGN (TỐI GIẢN & ĐẸP)
   ========================================================== */
.char-stage {
    position: relative;
    width: 200px;
    height: 330px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    transition: all 0.35s ease;
    user-select: none;
}

/* Bóng sàn phẳng nhẹ nhàng */
.flat-char-shadow {
    position: absolute;
    bottom: 8px;
    width: 96px;
    height: 12px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.12) 60%, transparent 75%);
    filter: blur(2px);
    animation: flatShadowBreath 3.2s ease-in-out infinite;
    pointer-events: none;
}
@keyframes flatShadowBreath {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(0.92); opacity: 0.55; }
}

/* Hộp mũ danh hiệu trên đầu */
.flat-hat-box {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 30;
    pointer-events: none;
    filter: drop-shadow(0 3px 5px rgba(0,0,0,0.4));
    animation: flatHatBreath 3.2s ease-in-out infinite;
}
@keyframes flatHatBreath {
    0%, 100% { transform: translate(-50%, 0); }
    50% { transform: translate(-50%, -4px); }
}

/* Cả người nhân vật (Hiệu ứng thở nhấp nhô) */
.flat-character-body {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
    animation: flatBodyBreath 3.2s ease-in-out infinite;
    margin-bottom: 6px;
}
@keyframes flatBodyBreath {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

/* 1. ĐẦU HÌNH TRÒN (Circle Head) */
.flat-head {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #fed7aa;
    position: relative;
    z-index: 20;
    box-shadow: 0 4px 10px rgba(0,0,0,0.22), inset 0 -2px 4px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

/* Tóc phẳng đơn giản */
.flat-hair {
    position: absolute;
    top: -2px;
    left: 4px;
    right: 4px;
    height: 32px;
    background: #292524;
    border-radius: 36px 36px 6px 6px;
    z-index: 2;
}

/* Khuôn mặt cười Flat Design tối giản */
.flat-face {
    position: absolute;
    inset: 0;
    z-index: 5;
}

/* 2 Mắt chấm tròn đơn giản */
.flat-eyes {
    display: flex;
    justify-content: space-between;
    width: 34px;
    position: absolute;
    top: 35px;
    left: 19px;
}
.flat-eye {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1c1917;
    transition: all 0.25s ease;
}

/* 2 Má hồng nhẹ */
.flat-blush {
    position: absolute;
    top: 41px;
    width: 10px;
    height: 5px;
    border-radius: 50%;
    background: rgba(244, 63, 94, 0.4);
}
.flat-blush.left { left: 10px; }
.flat-blush.right { right: 10px; }

/* Miệng cười cong tròn sạch sẽ */
.flat-mouth {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 14px;
    height: 7px;
    border-bottom: 2.5px solid #1c1917;
    border-radius: 0 0 14px 14px;
    transition: all 0.25s ease;
}

/* Mồ hôi lo lắng (Nợ nần) */
.flat-sweat {
    position: absolute;
    top: 14px;
    right: 0px;
    width: 6px;
    height: 9px;
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
    background: #38bdf8;
    display: none;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.2));
    animation: sweatDropFlow 2s infinite ease-in;
}
@keyframes sweatDropFlow {
    0% { transform: translateY(0) scale(0.6); opacity: 0; }
    30% { transform: translateY(3px) scale(1); opacity: 0.95; }
    80% { transform: translateY(12px) scale(1.1); opacity: 0.8; }
    100% { transform: translateY(18px) scale(0.3); opacity: 0; }
}

/* Kính râm sành điệu (Giàu có) */
.flat-sunglasses {
    position: absolute;
    top: 31px;
    left: 12px;
    right: 12px;
    display: none;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}
.flat-lens {
    width: 20px;
    height: 14px;
    border-radius: 3px;
    background: #09090b;
    border: 1.5px solid #d4af37;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.4);
}
.flat-bridge {
    flex: 1;
    height: 2px;
    background: #d4af37;
}

/* 2. CỔ NHỎ */
.flat-neck {
    width: 18px;
    height: 10px;
    background: #fdba74;
    margin-top: -4px;
    z-index: 15;
    border-radius: 0 0 4px 4px;
}

/* 3. THÂN HÌNH CHỮ NHẬT BO GÓC (Rounded Rect Torso) */
.flat-torso-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-top: -2px;
    z-index: 12;
    width: 114px;
}

/* Cánh tay (Hình trụ bo tròn) */
.flat-arm {
    width: 14px;
    height: 74px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 2px;
    z-index: 1;
}
.flat-arm.left {
    left: 4px;
    transform: rotate(4deg);
    transform-origin: top center;
}
.flat-arm.right {
    right: 4px;
    transform: rotate(-4deg);
    transform-origin: top center;
}
.flat-sleeve {
    width: 14px;
    height: 34px;
    border-radius: 7px 7px 3px 3px;
    background: #0284c7;
    transition: background-color 0.3s ease;
}
.flat-forearm {
    width: 12px;
    height: 38px;
    border-radius: 2px 2px 6px 6px;
    background: #fed7aa;
}
.flat-watch {
    width: 14px;
    height: 7px;
    border-radius: 2px;
    background: #f59e0b;
    display: none;
    position: absolute;
    bottom: 8px;
    left: 0;
    box-shadow: 0 0 6px #fde047;
    border: 1px solid #b45309;
}

/* Thân áo hình chữ nhật bo góc */
.flat-torso {
    width: 64px;
    height: 84px;
    border-radius: 14px;
    background: #0284c7;
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 6px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25), inset 0 -3px 6px rgba(0,0,0,0.12);
    transition: background-color 0.3s ease;
}
.flat-collar {
    width: 22px;
    height: 9px;
    border-bottom: 2px solid rgba(255,255,255,0.45);
    border-left: 2px solid rgba(255,255,255,0.2);
    border-right: 2px solid rgba(255,255,255,0.2);
    border-radius: 0 0 11px 11px;
    margin-bottom: 8px;
}
.flat-buttons span {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255,255,255,0.7);
    margin: 6px auto;
}
/* ==========================================================
   GRAPHIC LỚP TRANG PHỤC KHI MẶC ĐỒ TỪ TỦ ĐỒ (WARDROBE)
   ========================================================== */
.avatar-shirt-graphic {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-pant-graphic {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 4;
}

.avatar-equipped-hat {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 78px;
    height: 38px;
    z-index: 25;
    pointer-events: none;
    display: none;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.35));
}

/* 4. CHÂN & QUẦN (Hình trụ bo tròn) */
.flat-legs-wrap {
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 64px;
    height: 86px;
    margin-top: -6px;
    z-index: 10;
}
.flat-leg {
    width: 22px;
    height: 76px;
    border-radius: 4px 4px 6px 6px;
    background: #1e293b;
    position: relative;
    transition: background-color 0.3s ease;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
}
.flat-shoe {
    position: absolute;
    bottom: -8px;
    width: 28px;
    height: 16px;
    border-radius: 8px 8px 4px 4px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.3);
    border-bottom: 2px solid #cbd5e1;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.flat-shoe.left { left: -3px; }
.flat-shoe.right { right: -3px; }

/* Huy hiệu danh hiệu dưới chân nhân vật */
.avatar-status-pill {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(12, 10, 8, 0.94);
    padding: 4px 14px;
    border-radius: 999px;
    border: 1px solid rgba(212, 175, 55, 0.65);
    box-shadow: 0 4px 14px rgba(0,0,0,0.7), 0 0 10px rgba(212, 175, 55, 0.25);
    color: #fde047;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
    z-index: 30;
}

.gold-plate-border { background: linear-gradient(135deg, #fce588 0%, #b8860b 25%, #664303 50%, #d4af37 75%, #fce588 100%); box-shadow: 0 12px 45px rgba(0,0,0,0.95), inset 0 2px 6px rgba(255,255,255,0.4), inset 0 -3px 8px rgba(0,0,0,0.85); }
.gold-text { background: linear-gradient(180deg, #fff6c9 0%, #d4af37 45%, #9b6b15 75%, #ffe685 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 2px 12px rgba(212, 175, 55, 0.45); }
.wood-inner-panel { background: radial-gradient(circle at center, #26160c 0%, #150903 80%, #0a0401 100%); box-shadow: inset 0 0 40px rgba(0,0,0,0.95), inset 0 0 12px #381e09; }

.dice-3d { width: 44px; height: 44px; background: linear-gradient(145deg, #e71d36, #990012); border-radius: 10px; border: 2px solid #ff8888; box-shadow: 0 10px 22px rgba(0,0,0,0.85), 0 3px 6px rgba(0,0,0,0.6), inset 0 2px 4px rgba(255,255,255,0.45), inset 0 -2px 4px rgba(0,0,0,0.7); display: grid; padding: 5px; position: relative; transform-style: preserve-3d; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.dice-3d::after { content: ''; position: absolute; z-index: -1; left: 10%; bottom: -11px; width: 80%; height: 10px; border-radius: 50%; background: radial-gradient(ellipse, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.42) 48%, transparent 76%); filter: blur(2px); transform: perspective(50px) rotateX(58deg) scaleX(0.82); opacity: 0.75; pointer-events: none; transition: all 0.2s ease; }

/* HIỆU ỨNG TUNG XÚC XẮC LĂN LỘN KHI XÓC (TUMBLING) */
.dice-3d.dice-tumbling { pointer-events: none; }
#dice1.dice-tumbling { animation: diceTumble1 0.28s ease-in-out infinite alternate; }
#dice2.dice-tumbling { animation: diceTumble2 0.24s ease-in-out infinite alternate; }
#dice3.dice-tumbling { animation: diceTumble3 0.30s ease-in-out infinite alternate; }

@keyframes diceTumble1 {
    0% { transform: perspective(400px) translate3d(0, 0, 0) rotate3d(1, 1, 0, 0deg) scale(1); }
    50% { transform: perspective(400px) translate3d(-14px, -38px, 35px) rotate3d(1, 2, -1, 180deg) scale(1.18); }
    100% { transform: perspective(400px) translate3d(-6px, -18px, 15px) rotate3d(2, 1, 1, 360deg) scale(1.08); }
}
@keyframes diceTumble2 {
    0% { transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 1, 0deg) scale(1); }
    50% { transform: perspective(400px) translate3d(3px, -46px, 45px) rotate3d(-2, 1, 2, 210deg) scale(1.24); }
    100% { transform: perspective(400px) translate3d(8px, -24px, 20px) rotate3d(-1, 2, 1, 360deg) scale(1.1); }
}
@keyframes diceTumble3 {
    0% { transform: perspective(400px) translate3d(0, 0, 0) rotate3d(1, 0, 1, 0deg) scale(1); }
    50% { transform: perspective(400px) translate3d(16px, -36px, 30px) rotate3d(1, -2, 1, 190deg) scale(1.15); }
    100% { transform: perspective(400px) translate3d(6px, -16px, 12px) rotate3d(2, -1, 2, 360deg) scale(1.05); }
}

/* HIỆU ỨNG QUỸ ĐẠO PARABOL VÀ NẢY (BOUNCE) KHI CHẠM BÀN */
#dice1.dice-landing { animation: diceParabola1 1.05s cubic-bezier(0.2, 0.85, 0.3, 1) both; }
#dice2.dice-landing { animation: diceParabola2 1.15s cubic-bezier(0.2, 0.85, 0.3, 1) both; }
#dice3.dice-landing { animation: diceParabola3 1.22s cubic-bezier(0.2, 0.85, 0.3, 1) both; }

@keyframes diceParabola1 {
    0% { transform: perspective(450px) translate3d(0, 0, 0) rotate3d(1, 2, 0, 0deg) scale(1); }
    22% { transform: perspective(450px) translate3d(-16px, -48px, 45px) rotate3d(2, 1, -1, 360deg) scale(1.18); }
    46% { transform: perspective(450px) translate3d(-4px, 2px, 0) rotate3d(1, 0.5, 0, 540deg) scale(0.92); }
    60% { transform: perspective(450px) translate3d(-2px, -14px, 12px) rotate3d(0.5, 1, -0.5, 630deg) scale(1.05); }
    74% { transform: perspective(450px) translate3d(0, 1px, 0) rotate3d(0.2, 0.5, 0, 680deg) scale(0.96); }
    86% { transform: perspective(450px) translate3d(0, -4px, 4px) rotate3d(0, 0.2, 0, 710deg) scale(1.01); }
    100% { transform: perspective(450px) translate3d(0, 0, 0) rotate3d(0, 0, 0, 720deg) scale(1); }
}

@keyframes diceParabola2 {
    0% { transform: perspective(450px) translate3d(0, 0, 0) rotate3d(0, 1, 1, 0deg) scale(1); }
    22% { transform: perspective(450px) translate3d(2px, -58px, 55px) rotate3d(-1, 2, 1, 420deg) scale(1.24); }
    46% { transform: perspective(450px) translate3d(1px, 2px, 0) rotate3d(0.5, 1, -0.5, 600deg) scale(0.90); }
    60% { transform: perspective(450px) translate3d(0, -18px, 16px) rotate3d(0.2, 0.8, 0.4, 690deg) scale(1.07); }
    74% { transform: perspective(450px) translate3d(0, 1px, 0) rotate3d(0, 0.3, 0.1, 740deg) scale(0.96); }
    86% { transform: perspective(450px) translate3d(0, -5px, 5px) rotate3d(0, 0.1, 0, 765deg) scale(1.02); }
    100% { transform: perspective(450px) translate3d(0, 0, 0) rotate3d(0, 0, 0, 780deg) scale(1); }
}

@keyframes diceParabola3 {
    0% { transform: perspective(450px) translate3d(0, 0, 0) rotate3d(1, 0, 1, 0deg) scale(1); }
    22% { transform: perspective(450px) translate3d(18px, -45px, 40px) rotate3d(1, -2, 2, 380deg) scale(1.15); }
    46% { transform: perspective(450px) translate3d(4px, 2px, 0) rotate3d(0.8, -1, 1, 560deg) scale(0.93); }
    60% { transform: perspective(450px) translate3d(2px, -13px, 10px) rotate3d(0.4, -0.5, 0.5, 640deg) scale(1.04); }
    74% { transform: perspective(450px) translate3d(0, 1px, 0) rotate3d(0.1, -0.2, 0.2, 690deg) scale(0.97); }
    86% { transform: perspective(450px) translate3d(0, -3px, 3px) rotate3d(0, -0.1, 0, 710deg) scale(1.01); }
    100% { transform: perspective(450px) translate3d(0, 0, 0) rotate3d(0, 0, 0, 720deg) scale(1); }
}

/* ĐỔ BÓNG DƯỚI CHÂN XÚC XẮC PHẢN CHIẾU THEO ĐỘ CAO PARABOL */
#dice1.dice-landing::after { animation: diceShadowParabola1 1.05s ease-out both; }
#dice2.dice-landing::after { animation: diceShadowParabola2 1.15s ease-out both; }
#dice3.dice-landing::after { animation: diceShadowParabola3 1.22s ease-out both; }

@keyframes diceShadowParabola1 {
    0% { opacity: 0.72; transform: perspective(50px) rotateX(58deg) scaleX(0.82); filter: blur(2px); }
    22% { opacity: 0.16; transform: perspective(50px) rotateX(58deg) scaleX(0.35); filter: blur(6px); }
    46% { opacity: 0.90; transform: perspective(50px) rotateX(58deg) scaleX(1.15); filter: blur(1.5px); }
    60% { opacity: 0.40; transform: perspective(50px) rotateX(58deg) scaleX(0.60); filter: blur(3.5px); }
    74% { opacity: 0.82; transform: perspective(50px) rotateX(58deg) scaleX(0.95); filter: blur(2px); }
    86% { opacity: 0.65; transform: perspective(50px) rotateX(58deg) scaleX(0.78); filter: blur(2.5px); }
    100% { opacity: 0.75; transform: perspective(50px) rotateX(58deg) scaleX(0.82); filter: blur(2px); }
}
@keyframes diceShadowParabola2 {
    0% { opacity: 0.72; transform: perspective(50px) rotateX(58deg) scaleX(0.82); filter: blur(2px); }
    22% { opacity: 0.12; transform: perspective(50px) rotateX(58deg) scaleX(0.28); filter: blur(7px); }
    46% { opacity: 0.92; transform: perspective(50px) rotateX(58deg) scaleX(1.20); filter: blur(1.5px); }
    60% { opacity: 0.35; transform: perspective(50px) rotateX(58deg) scaleX(0.55); filter: blur(4px); }
    74% { opacity: 0.84; transform: perspective(50px) rotateX(58deg) scaleX(0.95); filter: blur(2px); }
    86% { opacity: 0.65; transform: perspective(50px) rotateX(58deg) scaleX(0.78); filter: blur(2.5px); }
    100% { opacity: 0.75; transform: perspective(50px) rotateX(58deg) scaleX(0.82); filter: blur(2px); }
}
@keyframes diceShadowParabola3 {
    0% { opacity: 0.72; transform: perspective(50px) rotateX(58deg) scaleX(0.82); filter: blur(2px); }
    22% { opacity: 0.18; transform: perspective(50px) rotateX(58deg) scaleX(0.38); filter: blur(5.5px); }
    46% { opacity: 0.88; transform: perspective(50px) rotateX(58deg) scaleX(1.12); filter: blur(1.5px); }
    60% { opacity: 0.42; transform: perspective(50px) rotateX(58deg) scaleX(0.62); filter: blur(3.5px); }
    74% { opacity: 0.80; transform: perspective(50px) rotateX(58deg) scaleX(0.92); filter: blur(2px); }
    86% { opacity: 0.68; transform: perspective(50px) rotateX(58deg) scaleX(0.80); filter: blur(2.5px); }
    100% { opacity: 0.75; transform: perspective(50px) rotateX(58deg) scaleX(0.82); filter: blur(2px); }
}
.pip { width: 8px; height: 8px; background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e2e2e2 70%, #999 100%); border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,0.6), inset 0 1px 1px rgba(0,0,0,0.3); justify-self: center; align-self: center; }
.dice-1 { display: flex; justify-content: center; align-items: center; }
.dice-1 .pip { width: 14px; height: 14px; background: radial-gradient(circle, #fff, #ffd6d6); box-shadow: 0 0 8px rgba(255,255,255,0.9); }
.dice-2 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.dice-2 .pip:nth-child(1) { grid-column: 1; grid-row: 1; }
.dice-2 .pip:nth-child(2) { grid-column: 2; grid-row: 2; }
.dice-3 { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; }
.dice-3 .pip:nth-child(1) { grid-column: 1; grid-row: 1; }
.dice-3 .pip:nth-child(2) { grid-column: 2; grid-row: 2; }
.dice-3 .pip:nth-child(3) { grid-column: 3; grid-row: 3; }
.dice-4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 4px; }
.dice-5 { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; }
.dice-5 .pip:nth-child(1) { grid-column: 1; grid-row: 1; }
.dice-5 .pip:nth-child(2) { grid-column: 3; grid-row: 1; }
.dice-5 .pip:nth-child(3) { grid-column: 2; grid-row: 2; }
.dice-5 .pip:nth-child(4) { grid-column: 1; grid-row: 3; }
.dice-5 .pip:nth-child(5) { grid-column: 3; grid-row: 3; }
.dice-6 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 2px 8px; }

.phone-owned-state { flex: 0 0 auto; padding: 4px 6px; border: 1px solid rgba(52, 211, 153, .35); border-radius: 999px; color: #86efac; background: rgba(6, 48, 34, .58); font-size: 8px; font-weight: 900; white-space: nowrap; }
.phone-owned-state.active { color: #fde68a; border-color: rgba(245, 208, 97, .44); background: rgba(83, 61, 18, .58); }
.phone-owned-state.pawned { color: #fdba74; border-color: rgba(251, 146, 60, .4); background: rgba(77, 36, 12, .58); }
.phone-shop-buy, .phone-shop-use, .phone-shop-sell { padding: 6px 9px; border-radius: 8px; font-size: 9px; font-weight: 900; }
.phone-shop-buy { color: #181306; border: 1px solid #f4d36f; background: linear-gradient(135deg,#ffe68b,#b98327); }
.phone-shop-use { color: #dbeafe; border: 1px solid rgba(96,165,250,.48); background: linear-gradient(135deg,#254c78,#172844); }
.phone-shop-sell { color: #fecaca; border: 1px solid rgba(248,113,113,.38); background: linear-gradient(135deg,#672929,#351516); }
.store-level-lock { padding: 5px 8px; border: 1px solid rgba(215,180,91,.25); border-radius: 8px; color: #c3ad72; background: rgba(32,27,17,.72); font-size: 8px; font-weight: 900; white-space: nowrap; }
.store-level-heading { position: sticky; top: -1px; z-index: 4; min-height: 27px; padding: 6px 9px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(215,180,91,.34); border-radius: 8px; color: #f0d98f; background: rgba(28,24,16,.96); box-shadow: 0 5px 12px rgba(0,0,0,.28); font-size: 8px; font-weight: 1000; letter-spacing: .45px; }
.store-level-heading i { color: #d7b45b; font-size: 9px; }
.store-tab { min-width: 0; font-size: 9px; line-height: 1.15; white-space: normal; }

@media (max-width: 380px) {
   .store-tab { min-width: 78px; padding-left: 4px; padding-right: 4px; font-size: 8px; }
   .phone-owned-state { padding: 3px 4px; font-size: 7px; }
}