.plates-app{padding-bottom:34px;background:linear-gradient(180deg,color-mix(in srgb,var(--os-accent) 8%,var(--os-bg)) 0,var(--os-bg) 260px);min-height:100%;position:relative}.plates-hero{padding:19px;border-radius:24px;background:radial-gradient(circle at 85% 5%,#c7adff40,transparent 38%),linear-gradient(145deg,#20273a,#121722);border:1px solid #ffffff18;color:#fff;box-shadow:0 18px 35px #0003}.plates-hero>div:first-child small,.plate-intro small,.opening-stage>small,.plate-sheet>small{font-size:9px;letter-spacing:1.7px;color:#bfb2e8}.plates-hero h2{font-size:25px;letter-spacing:-.9px;margin:7px 0 5px}.plates-hero p{font-size:11px;color:#abb5c7;margin:0}.plates-stats{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:18px}.plates-stats span{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;border-radius:13px;background:#ffffff09;border:1px solid #ffffff0d}.plates-stats small{font-size:8px;color:#8f9aad}.plates-stats b{font-size:12px}.plate-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--os-raised);padding:4px;margin:14px 0 18px;border-radius:14px}.plate-tabs button{border:0;background:none;color:var(--os-muted);padding:10px;border-radius:11px;font-size:11px;font-weight:700}.plate-tabs button.active{background:var(--os-accent);color:#17352e;box-shadow:0 5px 12px #0002}.plate-tabs i{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;border-radius:9px;background:#0002;font-size:8px;font-style:normal}.plate-content{animation:plate-enter .26s ease both}.plate-intro{display:flex;align-items:end;justify-content:space-between;margin:2px 2px 12px}.plate-intro h3{font-size:19px;margin:5px 0 0}.plate-intro>span{font-size:9px;color:var(--os-muted);padding:7px 9px;background:var(--os-raised);border-radius:10px}.case-list{display:grid;gap:11px}.case-card{--case:#8ebcff;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--case) 28%,var(--os-line));border-radius:20px;padding:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--case) 8%,var(--os-raised)),var(--os-raised));box-shadow:0 10px 28px #00000012}.case-card.rare{--case:#8ebcff}.case-card.ultra{--case:#e5bd66}.case-card.secret{--case:#ba91ff}.case-card.priceless{--case:#ffca58}.case-top{display:flex;align-items:center;gap:12px}.case-top>div{min-width:0}.case-top small{display:block;font-size:8px;color:var(--os-muted);letter-spacing:1px}.case-top h3{font-size:16px;margin:4px 0 3px}.case-orb{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--case) 55%,#fff),color-mix(in srgb,var(--case) 70%,#31285a));color:#fff;font-size:27px;position:relative;box-shadow:inset 0 1px #fff7,0 8px 18px color-mix(in srgb,var(--case) 23%,transparent)}.case-orb i{position:absolute;font-size:11px;font-style:normal}.rarity{display:inline-flex;align-items:center;width:max-content;font-size:8px;font-weight:800;letter-spacing:.3px;color:#8f9bad}.rarity.rare{color:#78aaff}.rarity.ultra{color:#d5a635}.rarity.secret{color:#b58aff}.rarity.priceless{color:#d99b19}.case-odds{margin:13px 0 4px;border-top:1px solid var(--os-line)}.case-odds summary{list-style:none;display:flex;justify-content:space-between;padding:10px 0 5px;color:var(--os-muted);font-size:9px;cursor:pointer}.case-odds summary::-webkit-details-marker{display:none}.case-odds[open] summary span{transform:rotate(180deg)}.case-odds>div{display:grid;grid-template-columns:1fr 34px 70px;gap:7px;align-items:center;padding:4px 0}.case-odds>div b{text-align:right;font-size:8px}.case-odds meter{width:70px;height:5px;appearance:none}.case-odds meter::-webkit-meter-bar{height:4px;background:var(--os-line);border:0;border-radius:4px}.case-odds meter::-webkit-meter-optimum-value{background:var(--case);border-radius:4px}.case-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:10px}.case-bottom>div{display:grid;gap:3px}.case-bottom small{font-size:8px;color:var(--os-muted)}.case-bottom b{font-size:15px}.plate-open{border:0;border-radius:12px;padding:10px 14px;background:var(--case);color:#17202c;font-size:10px;font-weight:900;box-shadow:0 7px 14px color-mix(in srgb,var(--case) 20%,transparent)}.plate-open:disabled{background:var(--os-line);color:var(--os-muted);box-shadow:none}.case-hint{display:block;font-size:8px;color:var(--os-muted);margin-top:8px;text-align:right}.collection-tools{margin-bottom:12px}.plate-filters{display:flex;gap:6px;overflow:auto;padding-bottom:8px;scrollbar-width:none}.plate-filters button{flex:none;border:1px solid var(--os-line);border-radius:10px;background:var(--os-raised);color:var(--os-muted);padding:7px 10px;font-size:9px}.plate-filters button.active{border-color:var(--os-accent);color:var(--os-text)}.collection-tools label{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--os-muted)}.collection-tools select{border:0;border-radius:9px;background:var(--os-raised);color:var(--os-text);padding:7px 9px;font-size:9px}.plate-list{display:grid;gap:11px}.plate-item{border:1px solid var(--os-line);border-radius:19px;padding:13px;background:var(--os-raised);box-shadow:0 10px 22px #00000012}.plate-item-top,.plate-info,.plate-value{display:flex;justify-content:space-between;align-items:center}.plate-star{border:0;background:none;color:#e9bd54;font-size:21px;line-height:1}.plate-item .plate-face.large{margin:12px auto 13px;width:min(230px,100%)}.plate-info b{font-size:11px}.plate-info span{font-size:9px;color:var(--os-muted)}.plate-value{margin-top:10px;padding-top:10px;border-top:1px solid var(--os-line)}.plate-value>b{font-size:13px}.plate-value button,.plates-empty button{border:0;border-radius:9px;background:var(--os-accent);color:#16362e;padding:7px 10px;font-size:9px;font-weight:800}.plate-face{min-width:115px;box-sizing:border-box;position:relative;border:2px solid #1c2028;border-radius:7px;padding:7px 22px 7px 8px;background:linear-gradient(145deg,#fff,#e4e8ee);color:#11141a;box-shadow:inset 0 0 0 1px #fff,0 7px 15px #0003}.plate-face b{font-family:ui-monospace,SFMono-Regular,monospace;font-size:17px;letter-spacing:.045em}.plate-face i{position:absolute;right:6px;top:7px;font-style:normal;font-size:12px;font-weight:900}.plate-face small{position:absolute;right:5px;bottom:5px;font-size:6px}.plate-face.large{margin:17px auto;width:230px;padding:15px 43px 15px 14px;border-width:3px;border-radius:10px}.plate-face.large b{font-size:32px}.plate-face.large i{right:11px;top:16px;font-size:20px}.plate-face.large small{right:9px;bottom:8px;font-size:8px}.plate-face.plate-ultra{box-shadow:inset 0 0 0 2px #e5bd66,0 10px 25px #e5bd6630}.plate-face.plate-secret{background:linear-gradient(145deg,#352b46,#17131e);color:#fff;border-color:#9d79df}.plate-face.plate-priceless{background:linear-gradient(145deg,#fff7b0,#d49b34);border-color:#684714}.plates-empty{text-align:center;padding:34px 18px;border:1px dashed var(--os-line);border-radius:18px;color:var(--os-muted)}.plates-empty>span{display:block;font-size:40px;color:var(--os-accent)}.plates-empty b{display:block;color:var(--os-text);font-size:14px;margin:9px}.plates-empty p{font-size:10px;line-height:1.5}.plates-empty button{margin-top:8px}.plate-toast{position:sticky;bottom:8px;margin:12px auto 0;width:max-content;max-width:90%;padding:10px 14px;border-radius:12px;background:#263a34;color:#a5e6cf;font-size:10px;box-shadow:0 8px 20px #0005;animation:toast-in .3s ease}.plate-sheet-backdrop{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;background:#05070bb8;backdrop-filter:blur(4px)}.plate-sheet{width:100%;padding:9px 20px 25px;text-align:center;background:var(--os-bg);border-radius:24px 24px 0 0;animation:sheet-in .3s ease}.plate-sheet>i{display:block;width:34px;height:4px;margin:0 auto 22px;border-radius:4px;background:var(--os-line)}.plate-sheet p{font-size:10px;color:var(--os-muted)}.plate-sheet h3{font-size:22px;margin:8px}.opening-screen{height:100%;padding:0!important;overflow:hidden;background:#090c13}.opening-close{position:absolute;right:18px;top:42px;z-index:4;width:34px;height:34px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff0c;color:#fff;font-size:23px}.opening-stage{height:100%;min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:38px 18px;position:relative;isolation:isolate}.opening-glow{position:absolute;z-index:-1;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#8060d86b,transparent 67%);animation:glow 1.4s ease-in-out infinite}.animated-case{--reveal:#8ebcff;width:154px;height:154px;margin:30px 0;display:grid;place-items:center;border-radius:38px;background:linear-gradient(145deg,color-mix(in srgb,var(--reveal) 55%,#fff),color-mix(in srgb,var(--reveal) 55%,#271c44));box-shadow:inset 0 2px #fff7,0 25px 70px color-mix(in srgb,var(--reveal) 35%,transparent);color:#fff;position:relative;animation:case-float .8s ease-in-out infinite alternate}.animated-case.ultra{--reveal:#e5bd66}.animated-case.secret{--reveal:#b68aff}.animated-case.priceless{--reveal:#ffca58}.animated-case span{font-size:86px}.animated-case i{position:absolute;font-size:29px;font-style:normal;animation:spark 1s ease-in-out infinite}.opening-stage h2{font-size:23px;margin:7px}.opening-stage p{font-size:11px;color:#aab4c7}.skip-opening{margin-top:25px;border:0;background:none;color:#ffffff8c;font-size:9px;text-decoration:underline}.is-revealed .opening-glow{animation:reveal-glow .7s ease both}.reveal-rarity{padding:6px 11px;margin:11px;border-radius:20px;background:#ffffff0d;font-size:10px;font-weight:800;color:#8ebcff;animation:plate-pop .55s ease both}.reveal-rarity.ultra{color:#e5bd66}.reveal-rarity.secret{color:#c09aff}.reveal-rarity.priceless{color:#ffd46e}.is-revealed .plate-face{animation:plate-pop .65s .08s cubic-bezier(.2,.9,.2,1.2) both}.opening-actions{width:100%;margin-top:16px}.opening-actions .action{margin-top:8px}.opening-actions .action:disabled{opacity:.45}.opening-stage>.plate-face.large{width:min(260px,90%)}
@keyframes plate-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes case-float{from{transform:translateY(7px) rotate(-2deg)}to{transform:translateY(-7px) rotate(2deg)}}@keyframes spark{50%{transform:scale(1.4) rotate(18deg);filter:drop-shadow(0 0 12px #fff)}}@keyframes glow{50%{transform:scale(1.15);opacity:.7}}@keyframes reveal-glow{from{transform:scale(.4);opacity:.1}to{transform:scale(1.35);opacity:.8}}@keyframes plate-pop{from{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:none}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}@keyframes sheet-in{from{transform:translateY(100%)}}
@media(prefers-reduced-motion:reduce){.animated-case,.opening-glow,.is-revealed .plate-face,.reveal-rarity,.plate-content,.plate-sheet{animation:none!important}}

/* Russian registration-plate proportions and construction. */
.plate-face{width:190px;min-width:0;height:43px;padding:0;display:flex;align-items:stretch;overflow:hidden;border:2px solid #111;border-radius:6px;background:#f7f7f3!important;color:#0a0b0d!important;box-shadow:inset 0 0 0 1px #bbb,0 8px 18px #0003;font-family:"Arial Narrow",Arial,sans-serif;text-transform:uppercase;position:relative}.plate-main{flex:1;display:flex;align-items:center;justify-content:center;gap:2px;padding:1px 5px 0}.plate-main>strong{font-family:"Arial Narrow",Arial,sans-serif;font-size:28px;line-height:1;font-weight:700;letter-spacing:-1px}.plate-main>em{font-family:"Arial Narrow",Arial,sans-serif;font-size:19px;line-height:1;font-weight:700;font-style:normal}.plate-region{width:44px;flex:0 0 44px;border-left:2px solid #151515;display:flex;flex-direction:column;align-items:center;justify-content:center}.plate-region>i{position:static;font-family:Arial,sans-serif;font-size:16px;line-height:1;font-weight:700;font-style:normal}.plate-region>small{position:static;margin-top:2px;font-family:Arial,sans-serif;font-size:6px;line-height:1;font-weight:700;white-space:nowrap}.plate-region>small em{font-size:7px;font-style:normal}.plate-face>u{position:absolute;left:3px;width:3px;height:3px;border:1px solid #333;border-radius:50%;background:#aaa;text-decoration:none}.plate-face>u:first-of-type{top:3px}.plate-face>u:last-of-type{bottom:3px}.plate-face.large{width:268px;height:59px;margin:17px auto;padding:0;border-width:2px;border-radius:7px}.plate-face.large .plate-main{gap:3px;padding-left:8px}.plate-face.large .plate-main>strong{font-size:40px;letter-spacing:-2px}.plate-face.large .plate-main>em{font-size:27px}.plate-face.large .plate-region{width:60px;flex-basis:60px}.plate-face.large .plate-region>i{font-size:22px}.plate-face.large .plate-region>small{font-size:8px;margin-top:3px}.plate-face.large .plate-region>small em{font-size:9px}.plate-face.plate-ultra{box-shadow:inset 0 0 0 1px #bbb,0 9px 24px #e5bd6645}.plate-face.plate-secret{border-color:#17131e;box-shadow:inset 0 0 0 1px #bbb,0 9px 24px #9d79df55}.plate-face.plate-priceless{border-color:#684714;box-shadow:inset 0 0 0 1px #cda548,0 9px 28px #d49b3466}.plate-item .plate-face.large{width:min(268px,100%)}.opening-stage>.plate-face.large{width:min(284px,94%);height:62px}

/* Two-stage case opening: unlock the box, then visibly roll the number reel. */
.case-machine{--reveal:#8ebcff;width:168px;height:142px;margin:28px 0 22px;position:relative;perspective:600px;filter:drop-shadow(0 25px 38px color-mix(in srgb,var(--reveal) 35%,transparent));animation:machine-arrive .65s cubic-bezier(.2,.85,.25,1.2) both}.case-machine.ultra{--reveal:#e5bd66}.case-machine.secret{--reveal:#b68aff}.case-machine.priceless{--reveal:#ffca58}.case-lid,.case-base{position:absolute;left:5px;width:158px;border:1px solid #ffffff4d;background:linear-gradient(145deg,color-mix(in srgb,var(--reveal) 68%,#fff),color-mix(in srgb,var(--reveal) 55%,#251b3f));box-shadow:inset 0 2px #fff7}.case-lid{top:8px;height:42px;border-radius:20px 20px 8px 8px;display:grid;place-items:center;font-size:9px;font-weight:900;letter-spacing:2px;transform-origin:center bottom;animation:case-unlock .8s ease-in-out infinite alternate}.case-base{bottom:3px;height:92px;border-radius:10px 10px 27px 27px}.case-core{position:absolute;z-index:3;left:61px;top:55px;width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#ffffff24;border:1px solid #ffffff55;color:#fff;font-size:22px;animation:core-pulse .65s ease-in-out infinite alternate}.case-machine.is-open .case-lid{animation:lid-open .75s cubic-bezier(.2,.9,.2,1) both}.case-machine.is-open .case-core{animation:core-burst .65s ease both}.case-machine.is-open{margin-top:18px;margin-bottom:8px;transform:scale(.78)}.opening-progress{width:190px;height:4px;overflow:hidden;border-radius:4px;background:#ffffff16;margin:2px 0 18px}.opening-progress i{display:block;width:55%;height:100%;border-radius:4px;background:linear-gradient(90deg,transparent,#bba0ff,transparent);animation:unlock-progress .85s linear infinite}.number-reel{width:290px;max-width:94%;height:66px;position:relative;overflow:hidden;margin:0 0 16px;border:1px solid #ffffff24;border-radius:13px;background:#05070b;box-shadow:inset 0 0 20px #000,0 10px 25px #0005}.number-reel>i{position:absolute;z-index:2;left:50%;top:0;bottom:0;width:2px;background:#ffce66;box-shadow:0 0 12px #ffce66}.reel-track{height:100%;display:flex;align-items:center;gap:8px;width:max-content;animation:plate-reel 2.1s cubic-bezier(.08,.65,.13,1) forwards}.reel-track span{width:105px;flex:0 0 105px;padding:8px 3px;border:2px solid #171717;border-radius:5px;background:#f4f4f0;color:#111;font:800 15px/1 Arial,sans-serif;box-shadow:inset 0 0 0 1px #aaa}.is-rolling .opening-glow{animation:rolling-glow .6s ease-in-out infinite alternate}.is-rolling .opening-stage>h2{margin-top:1px}
@keyframes machine-arrive{from{opacity:0;transform:scale(.45) translateY(45px)}to{opacity:1;transform:none}}@keyframes case-unlock{to{transform:translateY(-3px);filter:brightness(1.15)}}@keyframes core-pulse{to{transform:scale(1.16);box-shadow:0 0 30px var(--reveal)}}@keyframes lid-open{0%{transform:none}35%{transform:translateY(-8px)}100%{transform:translateY(-42px) rotateX(-72deg);opacity:.68}}@keyframes core-burst{50%{transform:scale(1.7);box-shadow:0 0 55px 20px var(--reveal)}100%{transform:scale(.6);opacity:.35}}@keyframes unlock-progress{from{transform:translateX(-110%)}to{transform:translateX(290%)}}@keyframes plate-reel{0%{transform:translateX(15px)}70%{transform:translateX(-440px)}100%{transform:translateX(-506px)}}@keyframes rolling-glow{to{transform:scale(1.2);opacity:.9}}@media(prefers-reduced-motion:reduce){.case-machine,.case-lid,.case-core,.opening-progress i,.reel-track,.is-rolling .opening-glow{animation:none!important}}

/* The last reel cell is the already-determined prize and stops under the marker. */
.reel-track{animation:honest-plate-reel 3.6s cubic-bezier(.08,.68,.1,1) forwards}.reel-track .winning-number{border-color:#e9bd54;box-shadow:inset 0 0 0 1px #aaa,0 0 0 #e9bd5400;animation:winning-number-lock 3.6s ease forwards}@keyframes honest-plate-reel{0%{transform:translateX(15px)}18%{transform:translateX(-260px)}45%{transform:translateX(-650px)}72%{transform:translateX(-920px)}88%{transform:translateX(-1015px)}100%{transform:translateX(-1038px)}}@keyframes winning-number-lock{0%,78%{filter:none}90%{filter:brightness(1.08)}100%{transform:scale(1.06);box-shadow:inset 0 0 0 1px #aaa,0 0 16px #e9bd5499}}

/* Capital letters remain visibly full-sized, including numbers migrated from old saves. */
.plate-main>em{font-size:27px}.plate-face.large .plate-main>em{font-size:38px}