/* Compact, shared visual language for the release menus and small screens. */
.icon-btn{display:flex;align-items:center;justify-content:center;padding:0;line-height:1;}
.icon-btn>svg,.icon-btn>img{display:block;flex:none;}
.notification-bell>img{width:35px;height:35px;object-fit:contain;}
.featured-heading .icon-btn>svg{width:23px;height:23px;}
.mode-section+.mode-section{margin-top:20px;}
.mode-section>h3{margin:0 0 9px!important;font-size:11px!important;letter-spacing:.15em;color:#a9c5c5;text-transform:uppercase;}
.mode-cards{gap:9px;}
.mode-card{width:100%;min-height:76px;position:relative;padding:13px 42px 13px 15px;gap:4px;}
.mode-card:after{content:'›';position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:27px;color:#acc6c5;}
.mode-card strong{font-size:16px;line-height:1.25;}
.mode-card span{line-height:1.45;font-size:12px;}
.mode-card.cup-mode{min-height:90px;border-color:#bba76c;background:radial-gradient(ellipse at 90% 0,#d4b66e24,transparent 75%),linear-gradient(130deg,#34483f,#1a3440);}
.mode-card.cup-mode strong{color:#f2d593;}
.mode-card.cup-mode strong:before{content:'✦';margin-right:8px;color:#edd099;}
.mode-note{font-size:11px!important;line-height:1.5;margin:13px 0 0!important;}
#race-modes-dialog .mode-card+.mode-card{margin-top:10px;}
.ranking-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;}
.ranking-tabs button{min-width:0;padding:10px 2px;font-size:12px;}
#daily-quests-dialog .modal-head{padding:13px 15px;}
#daily-quests-dialog .modal-head h2{font-size:20px;}
#daily-quests-dialog .modal-body{padding:11px 13px 13px;}
#daily-quests-dialog #quests-note{font-size:11px;line-height:1.35;margin:0 0 5px;}
#daily-quests-dialog #quests-timer{font-size:11px;margin:0 0 10px;line-height:1.3;}
#daily-quests-dialog #quests-refresh{margin:10px 0 0;min-height:34px;padding:6px 12px;width:100%;font-size:12px;}
.quests-list{gap:9px;}
.quest-card{border:1.5px solid #64828d;border-radius:15px;box-shadow:inset 0 0 0 1px #081d2566;gap:8px;padding:11px 12px;}
.quest-card.complete{border-color:#c2c88a;background:linear-gradient(135deg,#30483b,#1d393e);}
.quest-card.claimed{border-color:#557d70;opacity:1;background:#17332f;}
.quest-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.quest-card-header strong{font-size:14px;line-height:1.25;}
.quest-state{flex:none;font-size:9px;line-height:1.3;letter-spacing:.02em;border:1px solid #587480;border-radius:6px;padding:3px 5px;color:#bfd1d3;background:#102b35;}
.quest-card.complete .quest-state{color:#f1e7b4;border-color:#929d68;background:#384c37;}
.quest-card.claimed .quest-state{color:#b8dfc8;border-color:#608a74;background:#24483b;}
.quest-card .quest-description{font-size:11px;line-height:1.4;margin:5px 0 0;color:#b5c9ca;}
.quest-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:31px;}
.quest-rewards{display:flex;align-items:center;gap:7px;}
.quest-reward{display:flex;align-items:center;gap:3px;padding:2px 6px;border-radius:8px;background:#0d2730;border:1px solid #3d5a5f;color:#f0dc9c;font-size:13px;font-weight:700;line-height:1;}
.quest-reward img{width:21px;height:21px;object-fit:contain;}
.quest-progress-count{font-size:11px;color:#acc6c4;font-variant-numeric:tabular-nums;white-space:nowrap;}
.quest-card progress{display:block;height:5px;}
.quest-card .quest-claim{width:auto;min-height:31px;padding:5px 9px;font-size:11px;}
.quest-card.claimed .quest-progress-count{color:#a3cfb6;}
@media(max-height:700px){#modes-dialog .modal-head{padding:12px 15px;}#modes-dialog .modal-head h2{font-size:20px;}#modes-dialog .modal-body{padding:13px 15px;}#modes-dialog .mode-card{min-height:64px;padding-top:10px;padding-bottom:10px;}#modes-dialog .mode-card.cup-mode{min-height:72px;}#modes-dialog .mode-card strong{font-size:15px;}#modes-dialog .mode-card span{font-size:11px;}#modes-dialog .mode-section+.mode-section{margin-top:14px;}#modes-dialog .mode-note{display:none;}}
@media(max-height:660px){#daily-quests-dialog .modal-head{padding:10px 13px;}#daily-quests-dialog .modal-head h2{font-size:18px;}#daily-quests-dialog .modal-body{padding:9px 11px 10px;}#daily-quests-dialog #quests-note{font-size:10px;}.quests-list{gap:7px;}.quest-card{padding:9px 10px;gap:6px;}.quest-card .quest-description{font-size:10px;line-height:1.35;margin-top:4px;}.quest-card-header strong{font-size:13px;}.quest-state{font-size:8px;padding:3px 4px;}}