.grades-case-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:900;display:none;align-items:center;justify-content:center;font-family:var(--font-family-body)}.grades-case-modal *,.grades-case-modal button,.grades-case-modal input,.grades-case-modal select,.grades-case-modal textarea{font-family:inherit}.grades-case-modal.active{display:flex}.grades-case-modal.active.visible{opacity:1;pointer-events:auto;transition:opacity .15s ease-out}.grades-case-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf}.grades-case-modal__content{position:relative;z-index:1100;background-image:url(/r2/assets/items/trophy-case.png);background-size:contain;background-repeat:no-repeat;background-position:center;width:min(90vw,800px);height:min(80vh,600px);display:flex;flex-direction:column;border:none;background-color:transparent}.grades-case-modal__header{position:absolute;top:-60px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:10}.grades-case-modal__title{color:var(--game-accent-gold);font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 20px rgba(var(--game-accent-gold-rgb),.4);display:flex;align-items:center;gap:10px}.grades-case-modal__title-icon{font-size:1.3rem}.grades-case-modal__close{background:#0009;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:1.25rem;transition:all .2s ease}.grades-case-modal__close:hover{background:#ff3232b3;border-color:#ff646499;transform:scale(1.1)}.grades-case-modal__cost-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:4px}.grades-case-modal__body{flex:1;position:relative}.grades-case-modal__trophy-grid{position:absolute;top:0;left:0;right:0;bottom:0}.grades-case-modal__disabled-notice{margin:0 0 12px;padding:10px 14px;border:1px solid rgba(255,193,7,.45);border-radius:8px;background:#ffc1071f;color:#ffd98a;font-family:var(--font-family-body, "DM Sans", sans-serif);font-size:.8rem;font-weight:600;line-height:1.4;text-align:center}.grades-case-modal__gem-help{margin:0 0 12px;padding:8px 14px;border:1px solid rgba(203,213,225,.25);border-radius:8px;background:#0f172a73;color:#cbd5e1;font-family:var(--font-family-body, "DM Sans", sans-serif);font-size:.8rem;line-height:1.45}.grades-case-modal__gem-help summary{cursor:pointer;font-weight:700;color:#fff;min-height:24px}.grades-case-modal__gem-help p{margin:6px 0 0}.grades-case-modal__trophy-slot{--grade-coin-size: 70px;--grade-coin-sheen: 0;--grade-coin-glint-strength: 0;--grade-coin-glint-width: 20%;--grade-coin-glint-period: 4s;--grade-coin-twinkle-size: 0;--grade-coin-twinkle-period: 4s;position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease;width:80px;height:100px}.grades-case-modal__trophy-slot:hover{transform:translate(-50%,-50%) scale(1.1);z-index:5}.grades-case-modal__trophy-slot--shadow{opacity:.5}.grades-case-modal__trophy-slot--shadow:hover{opacity:.8}.grades-case-modal__trophy-slot--locked{opacity:.32;cursor:default}.grades-case-modal__trophy-slot--locked:hover{opacity:.45;transform:translate(-50%,-50%)}.grades-case-modal__trophy-slot--locked .grades-case-modal__trophy-image,.grades-case-modal__trophy-slot--locked:hover .grades-case-modal__trophy-image{filter:grayscale(1) drop-shadow(0 2px 5px rgba(0,0,0,.5))}.grades-case-modal__trophy-lock{position:absolute;top:calc(var(--grade-coin-size) * .5);left:50%;width:calc(var(--grade-coin-size) * .42);height:calc(var(--grade-coin-size) * .42);transform:translate(-50%,-50%);color:#ffffffeb;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9));pointer-events:none}.grades-case-modal__trophy-lock svg{width:100%;height:100%}.grades-case-modal__trophy-slot--upgrading{opacity:.6;pointer-events:none}.grades-case-modal__trophy-image{width:var(--grade-coin-size);height:var(--grade-coin-size);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transition:transform .2s ease,filter .2s ease}.grades-case-modal__trophy-slot:hover .grades-case-modal__trophy-image{filter:drop-shadow(0 6px 12px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(var(--game-accent-gold-rgb),.4))}.grades-case-modal__trophy-slot--gold .grades-case-modal__trophy-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(var(--game-accent-gold-rgb),.28))}.grades-case-modal__trophy-label{font-size:.65rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.8);margin-top:2px}.grades-case-modal__score{position:absolute;bottom:12%;left:50%;transform:translate(-50%);width:max-content;max-width:92%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 20px;background:#3c2814d9;border-radius:8px;border:2px solid rgba(180,140,80,.6);box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff1a;z-index:5}.grades-case-modal__score-label{white-space:nowrap;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.grades-case-modal__score-value{font-size:1.8rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.4);font-family:var(--font-family-title);line-height:1}.grades-case-modal__status{position:absolute;bottom:8%;left:50%;transform:translate(-50%);padding:10px 24px;text-align:center;font-size:.9rem;font-weight:600;border-radius:20px;transition:all .3s ease;max-width:80%;z-index:10}.grades-case-modal__status--info{background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.2)}.grades-case-modal__status--success{background:#22c55ed9;color:#fff;border:1px solid rgba(134,239,172,.5)}.grades-case-modal__status--error{background:#ef4444d9;color:#fff;border:1px solid rgba(252,165,165,.5)}.grades-case-modal__status.hidden{opacity:0;pointer-events:none}.grades-case-modal__score{position:absolute;bottom:12%;left:50%;transform:translate(-50%);text-align:center;z-index:5}.grades-case-modal__score-label{font-size:.85rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.grades-case-modal__score-value{font-size:2rem;font-weight:700;color:#fff}.grades-case-modal__dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9100;opacity:0;pointer-events:none;transition:opacity .2s ease}.grades-case-modal__dialog-overlay.active{opacity:1;pointer-events:auto}.grades-case-modal__dialog{background:linear-gradient(145deg,#3a3d4a,#2a2d38,#1e2028);border-radius:16px;padding:28px;max-width:380px;width:90%;border:2px solid rgba(var(--game-accent-gold-rgb),.4);box-shadow:0 20px 50px #0009,0 0 30px rgba(var(--game-accent-gold-rgb),.15),inset 0 1px #ffffff1a;transform:scale(.9);transition:transform .2s ease}.grades-case-modal__dialog-overlay.active .grades-case-modal__dialog{transform:scale(1)}.grades-case-modal__dialog-title{color:var(--game-accent-gold);font-size:1.3rem;font-weight:700;margin:0 0 16px;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5)}.grades-case-modal__dialog-text{color:#e2e8f0;font-size:1rem;text-align:center;margin:0 0 20px;line-height:1.6}.grades-case-modal__dialog-cost{display:flex;justify-content:center;gap:16px;margin-bottom:24px}.grades-case-modal__dialog-cost-item{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#0006;border-radius:10px;font-weight:600;font-size:1.1rem;border:1px solid rgba(255,255,255,.1)}.grades-case-modal__dialog-cost-item--coins{color:var(--game-accent-gold)}.grades-case-modal__dialog-cost-item--gems{color:#00bfff}.grades-case-modal__dialog-buttons{display:flex;gap:12px;justify-content:center}.grades-case-modal__button{padding:12px 28px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:110px}.grades-case-modal__button--primary{background:linear-gradient(145deg,#fbbf24,#f59e0b,#d97706);color:#1a1a1a;box-shadow:0 4px 15px #f59e0b66,inset 0 1px #ffffff4d}.grades-case-modal__button--primary:hover{background:linear-gradient(145deg,#fcd34d,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80,inset 0 1px #fff6}.grades-case-modal__button--primary:active{transform:translateY(0)}.grades-case-modal__button--primary:disabled{background:linear-gradient(145deg,#6b7280,#4b5563);cursor:not-allowed;box-shadow:none;opacity:.7;color:#9ca3af}.grades-case-modal__button--secondary{background:#ffffff1a;color:#e2e8f0;border:2px solid rgba(255,255,255,.25)}.grades-case-modal__button--secondary:hover{background:#fff3;border-color:#fff6}.grades-case-modal__footer{display:none}@media (max-width: 700px){.grades-case-modal__content{width:95vw;height:auto;aspect-ratio:4/3}.grades-case-modal__header{top:-50px;padding:0 10px}.grades-case-modal__title{font-size:1.2rem}.grades-case-modal__currency-bar{top:-50px;gap:10px}.grades-case-modal__trophy-slot{--grade-coin-size: 50px;width:60px;height:75px}.grades-case-modal__trophy-label{font-size:.55rem}.grades-case-modal__dialog{padding:20px}.grades-case-modal__close{width:36px;height:36px;font-size:1rem}}@media (max-width: 500px){.grades-case-modal__header{top:-45px}.grades-case-modal__title{font-size:1rem}.grades-case-modal__currency-bar{display:none}.grades-case-modal__trophy-slot{--grade-coin-size: 40px;width:50px;height:65px}}@keyframes trophy-upgrade-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}50%{transform:scale(1.2);filter:drop-shadow(0 6px 15px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(var(--game-accent-gold-rgb),.8))}}.grades-case-modal__trophy-slot--just-upgraded .grades-case-modal__trophy-image{animation:trophy-upgrade-pulse .6s ease-out}.grades-case-modal__trophy-glint{position:absolute;top:0;left:50%;width:calc(var(--grade-coin-size) * .92);height:calc(var(--grade-coin-size) * .92);margin:calc(var(--grade-coin-size) * .04) 0 0;transform:translate(-50%);border-radius:50%;overflow:hidden;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,var(--grade-coin-sheen)),#fff0 62%)}.grades-case-modal__trophy-slot--gold .grades-case-modal__trophy-glint,.grades-case-modal__trophy-slot--platinum .grades-case-modal__trophy-glint{opacity:1}.grades-case-modal__trophy-glint:before{content:"";position:absolute;top:-25%;left:-50%;width:var(--grade-coin-glint-width);height:150%;background:linear-gradient(to right,#fff0,rgba(255,255,255,var(--grade-coin-glint-strength)),#fff0);animation:grade-coin-sweep var(--grade-coin-glint-period) ease-in-out infinite}@keyframes grade-coin-sweep{0%{transform:translate(0) rotate(20deg);opacity:0}12%{opacity:1}58%{opacity:1}70%,to{transform:translate(420%) rotate(20deg);opacity:0}}.grades-case-modal__trophy-glint:after,.grades-case-modal__trophy-slot--platinum:after{content:"";position:absolute;width:var(--grade-coin-twinkle-size);height:var(--grade-coin-twinkle-size);background:radial-gradient(circle at 50% 50%,#fffffff2,#fff0 22%),radial-gradient(ellipse 50% 7% at 50% 50%,#fff,#fff0 72%),radial-gradient(ellipse 7% 50% at 50% 50%,#fff,#fff0 72%);pointer-events:none;opacity:0;mix-blend-mode:screen;animation:grade-coin-twinkle var(--grade-coin-twinkle-period) ease-in-out infinite}.grades-case-modal__trophy-glint:after{top:16%;right:14%}@keyframes grade-coin-twinkle{0%,62%,to{opacity:0;transform:scale(.3) rotate(0)}80%{opacity:1;transform:scale(1) rotate(45deg)}}.grades-case-modal__trophy-slot--gold{--grade-coin-sheen: .16;--grade-coin-glint-strength: .95;--grade-coin-glint-width: 20%;--grade-coin-glint-period: 4s;--grade-coin-twinkle-size: calc(var(--grade-coin-size) * .36);--grade-coin-twinkle-period: 4s}.grades-case-modal__trophy-slot--platinum{--grade-coin-sheen: .3;--grade-coin-glint-strength: .95;--grade-coin-glint-width: 36%;--grade-coin-glint-period: 2.2s;--grade-coin-twinkle-size: calc(var(--grade-coin-size) * .46);--grade-coin-twinkle-period: 1.7s}.grades-case-modal__trophy-slot--platinum .grades-case-modal__trophy-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(var(--game-accent-gold-rgb),.85))}.grades-case-modal__trophy-slot--platinum:after{bottom:calc(var(--grade-coin-size) * .12);left:8%;animation-delay:calc(var(--grade-coin-twinkle-period) * -.5)}.grades-case-modal__trophy-slot--platinum:before{content:"";position:absolute;top:calc(var(--grade-coin-size) * -.1);left:50%;width:calc(var(--grade-coin-size) * 1.2);height:calc(var(--grade-coin-size) * 1.2);margin-left:calc(var(--grade-coin-size) * -.6);border-radius:50%;background:radial-gradient(circle,rgba(var(--game-accent-gold-rgb),.35),rgba(var(--game-accent-gold-rgb),0) 68%);pointer-events:none;z-index:-1;animation:grade-coin-halo 2.2s ease-in-out infinite}@keyframes grade-coin-halo{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion: reduce){.grades-case-modal__trophy-glint:before,.grades-case-modal__trophy-glint:after,.grades-case-modal__trophy-slot--platinum:before,.grades-case-modal__trophy-slot--platinum:after{animation:none}.grades-case-modal__trophy-glint:before{opacity:0}.grades-case-modal__trophy-glint:after,.grades-case-modal__trophy-slot--platinum:after{opacity:.9;transform:scale(1) rotate(45deg)}.grades-case-modal__trophy-slot--platinum:before{opacity:.8;transform:scale(1)}}.grades-case-modal__topup-note{color:#cbd5e1;font-size:.9rem;line-height:1.5;text-align:center;margin:-8px 0 18px}