*{box-sizing:border-box} :root{--gold:#d8bd20;--gold2:#8b7400;--text:#f3f3f3;--muted:#888} html,body{margin:0;min-height:100%;background:#111;color:var(--text);font-family:Arial,Helvetica,sans-serif} body{min-height:100dvh;overflow-x:hidden;background:radial-gradient(ellipse at 50% 54%,rgba(132,111,0,.28),rgba(17,17,17,0) 43%),#111}.topbar{height:92px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.menu-button{width:44px;height:38px;padding:3px 0;background:none;border:0;display:flex;flex-direction:column;justify-content:space-around;cursor:pointer}.menu-button span{display:block;width:43px;height:4px;border-radius:4px;background:#898989}.balances{display:flex;gap:20px;align-items:center;color:#777;font-size:clamp(16px,3.9vw,25px);font-weight:700;white-space:nowrap}.center-stage{position:absolute;left:5%;right:5%;top:50%;transform:translateY(-48%);display:flex;flex-direction:column;align-items:center;width:90%}.rarity-panel{height:64px;width:min(560px,92%);border:5px solid #8b7918;border-radius:19px;background:linear-gradient(#e9d95d,#bda200 55%,#8d7500);box-shadow:inset 0 3px 2px #fff8a2,0 2px 0 #4c4100;position:relative;color:#2b2600;padding:11px 15px}.rarity-title{font-size:16px;font-weight:700}.rarity-progress{position:absolute;left:15px;bottom:11px;width:128px;height:6px;display:flex;gap:5px}.rarity-progress:before{content:"";position:absolute;inset:0;border-radius:8px;background:repeating-linear-gradient(90deg,rgba(76,60,0,.24) 0 17px,transparent 17px 22px)}.rarity-progress span{position:relative;width:16%;height:6px;border-radius:6px;background:#252000}.price{position:absolute;right:15px;top:10px;font-size:clamp(23px,5vw,31px);font-weight:800}.phone-card{margin-top:36px;width:100%;max-width:650px;min-height:122px;border:3px solid #bdbdbd;border-radius:8px;background:linear-gradient(#f0f0f0,#c9c9c9);box-shadow:0 0 0 2px #292929,inset 0 0 0 2px #fff;display:flex;align-items:center;justify-content:center;gap:clamp(5px,1.5vw,15px);padding:12px 10px;color:#080808;text-shadow:0 1px 0 #fff;position:relative;overflow:hidden}.phone-card:after{content:"";position:absolute;inset:5px;border:1px solid #777;border-radius:4px;pointer-events:none}.phone-country{font-size:clamp(20px,4.8vw,32px);font-weight:700;color:#333;white-space:nowrap}.phone-number{font-family:Arial,sans-serif;font-size:clamp(27px,7vw,61px);letter-spacing:clamp(0px,.25vw,2px);font-weight:800;white-space:nowrap}.phone-type{align-self:stretch;display:flex;align-items:center;border-left:2px solid #777;padding-left:10px;font-size:clamp(11px,2.8vw,18px);font-weight:800;letter-spacing:1px}.number-caption{color:#858585;font-size:12px;margin-top:10px}.spin-button{margin-top:32px;border:3px solid #88751a;border-radius:18px;background:linear-gradient(#f0dc61,#c4a900 54%,#8b7400);box-shadow:inset 0 3px 2px #fff4a0,0 3px 0 #403700;color:#211c00;display:flex;align-items:center;gap:13px;padding:12px 28px;min-width:230px;justify-content:center;cursor:pointer}.spin-button:active,.country-button:active,.secondary-btn:active{transform:translateY(2px)}.spin-icon{font-size:31px}.spin-button b{font-size:18px;display:block}.spin-button small{display:block;font-size:12px;margin-top:3px}.action-row{display:flex;gap:10px;margin-top:15px;width:min(440px,100%)}.secondary-btn{flex:1;border:1px solid #5d5111;border-radius:12px;padding:11px 8px;color:#d4c35b;background:#242113;font-size:12px;cursor:pointer}.secondary-btn b{color:#fff}.country-button{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;min-width:280px;justify-content:center;padding:12px 20px;border:4px solid #88751a;border-radius:20px;background:linear-gradient(#f0dc61,#c4a900 54%,#8b7400);box-shadow:inset 0 3px 2px #fff4a0,0 3px 0 #403700;color:#272100;font-size:20px;cursor:pointer;white-space:nowrap}.country-button small{font-size:13px;color:#514500}.flag{font-size:24px}.chevron{font-size:22px;margin-left:auto}.drawer{position:fixed;z-index:10;top:0;bottom:0;left:0;width:min(300px,84vw);background:#1b1b1b;padding:24px 18px;transform:translateX(-105%);transition:transform .22s ease;box-shadow:12px 0 30px #0007}.drawer.open{transform:translateX(0)}.drawer-head,.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:20px}.drawer-head button,.modal-head button{background:none;border:0;color:#ddd;font-size:20px}.nav-item{display:block;width:100%;text-align:left;padding:15px 12px;margin:6px 0;background:#252525;border:1px solid #343434;border-radius:10px;color:#eee;font-size:16px}.nav-item.active{border-color:#a58f19;background:#302b12}.drawer-note{font-size:12px;line-height:1.5;color:#888;margin-top:25px}.scrim{position:fixed;inset:0;background:#0008;z-index:9;display:none}.scrim.show{display:block}.content-page{padding:20px 6% 100px;max-width:720px;margin:auto}.content-page h1{font-size:28px}.muted{color:#999}.tiny{font-size:12px}.hidden{display:none!important}.collection-list{display:grid;gap:10px}.saved-number,.shop-card{padding:15px;border:1px solid #444;border-radius:12px;background:#1d1d1d;display:flex;align-items:center;justify-content:space-between;gap:10px}.saved-number strong,.shop-card strong{display:block;font-size:17px}.saved-number small,.shop-card small{display:block;color:#999;margin-top:5px}.saved-number button,.shop-card button{background:#c7ad19;border:0;border-radius:8px;padding:9px 12px;color:#171300;font-weight:700}.empty-state{padding:24px;border:1px dashed #444;border-radius:12px;text-align:center;color:#888}.shop-card{margin:12px 0}.modal-backdrop{position:fixed;inset:0;background:#000a;z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(390px,100%);background:#1d1d1d;border:1px solid #484848;border-radius:18px;padding:20px;box-shadow:0 20px 70px #0008}.country-option{width:100%;display:flex;align-items:center;gap:12px;padding:14px 10px;border:0;border-bottom:1px solid #333;background:transparent;color:#eee;text-align:left;font-size:16px}.country-option span{font-size:24px}.country-option small{margin-left:auto;color:#aaa}.toast{position:fixed;z-index:30;bottom:100px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#292929;border:1px solid #655717;color:#f2df65;padding:12px 18px;border-radius:12px;transition:.2s;white-space:nowrap;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.spinning .phone-card{animation:pulse .18s linear infinite}@keyframes pulse{50%{filter:brightness(1.35);transform:scale(1.015)}}@media(max-width:420px){.topbar{padding:0 5%;height:80px}.balances{gap:12px}.phone-card{min-height:103px;padding:10px 7px;gap:5px}.phone-type{padding-left:6px}.center-stage{top:49%}.country-button{bottom:17px;min-width:260px}.rarity-panel{height:61px}.spin-button{margin-top:26px}.number-caption{font-size:11px}}