/* Panther Rally — bright pocket-sized arcade cabinet. */
body.rally-open{overflow:hidden!important;overscroll-behavior:none}
#screen-rally{--rally-purple:#50368d;display:none;position:fixed!important;inset:0;z-index:10000;width:100%;height:100%;height:100dvh;min-height:0!important;max-height:none!important;border-radius:0!important;background:#effaff;color:#352858;font-family:'Plus Jakarta Sans',system-ui,sans-serif;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#screen-rally.active{display:flex!important;flex-direction:column}#screen-rally [hidden]{display:none!important}#screen-rally button{font:inherit;cursor:pointer;touch-action:manipulation}#screen-rally button:focus-visible{outline:3px solid #ffcf55;outline-offset:3px}#screen-rally button:disabled{opacity:.55;cursor:default}
.rally-header{display:flex;align-items:center;gap:10px;padding:8px 12px;flex:0 0 56px;background:linear-gradient(105deg,#5b3c9b,#8455c0);color:white;box-shadow:0 3px 0 #ffffff33;z-index:2}.rally-header>div{flex:1;min-width:0}.rally-header b{font-size:15px;font-weight:1000;letter-spacing:.3px}.rally-header em{font-style:normal;color:#a9ffef}.rally-header small{display:block;font-size:9px;margin-top:2px;color:#f3dbff}.rally-icon{border:1px solid #ffffff55;border-radius:12px;background:#ffffff1a;color:#fff;width:36px;height:36px;font-weight:900!important;flex:none}.rally-layout{flex:1;min-height:0;display:flex;flex-direction:column}.rally-stage{flex:1;position:relative;min-height:0;overflow:hidden;background:#9aeeff}.rally-stage canvas{display:block;width:100%;height:100%;touch-action:none}.rally-race-hud{position:absolute;top:10px;left:12px;right:12px;display:flex;align-items:center;gap:10px;pointer-events:none}.rally-place{padding:3px 10px;border:2px solid #fff5db;border-radius:16px;background:#654398;box-shadow:0 4px 0 #5033774d;color:#fff;white-space:nowrap}.rally-place b{font-size:29px;color:#fff293}.rally-place span{font-size:11px}.rally-distance{flex:1;min-width:0;font-size:10px;font-weight:900;text-align:center;color:#493278;background:#ffffffd9;border-radius:12px;padding:8px}.rally-distance>div{height:5px;border-radius:9px;background:#d6c6f0;margin-top:5px;overflow:hidden}.rally-distance i{display:block;height:100%;background:linear-gradient(90deg,#ff78bb,#965fff);width:0}.rally-coins{font-size:14px;padding:9px;border-radius:12px;background:#fff1a9;color:#9b6216;border:2px solid #fffae9}.rally-notice{position:absolute;top:82px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:1000;white-space:nowrap;color:#60317d;background:#fff6cdee;border-radius:12px;padding:8px 13px;box-shadow:0 6px 15px #34215522;pointer-events:none}.rally-notice:empty{display:none}.rally-countdown{position:absolute;inset:0;display:grid;place-content:center;font-size:90px;font-weight:1000;color:#fff2a7;text-shadow:0 5px 0 #8459ac,0 0 30px #ff83d3;pointer-events:none}.rally-countdown:empty{display:none}
.rally-dashboard{flex:none;background:linear-gradient(110deg,#faf4ff,#e6fcff);padding:8px 12px 7px;border-top:3px solid #fff;z-index:1}.rally-driver{display:flex;align-items:center;gap:8px}.rally-driver>img{height:32px;width:32px;border:2px solid #bd96ed;border-radius:11px}.rally-driver>div{flex:1;min-width:0}.rally-driver b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rally-driver small{display:block;font-size:10px;color:#d25b8f;letter-spacing:1px}.rally-driver>span{font-size:22px;font-weight:1000;color:#654094;display:flex;align-items:baseline;gap:3px}.rally-driver>span small{font-size:8px;color:#654094;letter-spacing:0}.rally-energy{display:flex;align-items:center;gap:7px;margin:6px 0;font-size:8px;color:#7849ac;font-weight:900}.rally-energy>div{height:6px;border-radius:8px;background:#daceed;flex:1;overflow:hidden}.rally-energy i{display:block;height:100%;background:linear-gradient(90deg,#34dcd0,#9880ff,#fb88cd);width:100%}.rally-energy>b{font-size:8px}.rally-controls{display:flex;gap:9px;align-items:stretch}.rally-controls button{height:43px;border:1px solid #bba0e6;border-radius:13px;background:#fff;color:#75499e;box-shadow:0 3px 0 #cbb6e4;font-size:21px!important;flex:1}.rally-controls #rally-boost{flex:2;background:linear-gradient(100deg,#a175ec,#ed83c0);border-color:#fff;color:#fff;font-weight:900!important;display:flex;align-items:center;justify-content:center;gap:6px;touch-action:none;user-select:none}.rally-controls small{font-size:10px}.rally-controls button:active,.rally-controls .boosting{transform:translateY(2px);box-shadow:none;background:#ffd977!important;color:#623577!important}.rally-help{font-size:9px;text-align:center;margin:7px 0 0;color:#715d8c}.rally-rivals{display:flex;gap:4px;justify-content:center;margin-top:6px;flex-wrap:wrap}.rally-rivals span{font-size:7px;background:#e9dff5;padding:3px 5px;border-radius:6px}.rally-rivals .you{background:#9ae9df;font-weight:900}
.rally-menu{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;background:#fff9f1}.rally-poster{position:relative;flex:1;min-height:190px;max-height:52%;overflow:hidden;background:#89e4f8}.rally-poster>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}.rally-title{position:absolute;left:16px;top:12px;color:white;text-shadow:0 3px 0 #70428e,0 2px 12px #40296f66}.rally-title small{font-size:8px;letter-spacing:1.5px;font-weight:1000;background:#7548a7d9;padding:5px 7px;border-radius:8px;text-shadow:none}.rally-title h1{font-size:clamp(30px,7vw,48px);line-height:.86;margin:14px 0 0;font-weight:1000;letter-spacing:-1.5px}.rally-title h1 span{color:#fff396;font-size:1.35em}.rally-menu-body{padding:12px 16px 10px;flex:none;text-align:center;background:linear-gradient(140deg,#fff2de,#ffe9f6 65%,#e0fcf7)}.rally-menu-body>p:first-child{font-size:12px;font-weight:800;margin:0 0 9px;color:#684285}.rally-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0 12px}.rally-track{display:flex;flex-direction:column;align-items:center;padding:7px 4px;border:2px solid #e4c4ef;border-radius:14px;background:#ffffffb3;color:#654484;min-width:0}.rally-track.chosen{border-color:#aa6edd;background:#fff;box-shadow:0 3px 0 #d6b5ec}.rally-track strong{font-size:24px}.rally-track span{font-size:9px;font-weight:900}.rally-track small{display:block;font-size:8px;line-height:1.25;margin-top:3px;font-weight:500}.rally-primary{display:block;width:100%;border:2px solid #fff;border-radius:16px;background:linear-gradient(105deg,#8b5bda,#d964b7 60%,#f69b71);color:white;font-size:15px!important;font-weight:1000!important;padding:13px 10px;box-shadow:0 5px 0 #8750b144}.rally-primary:active{transform:translateY(2px)}.rally-rotate{font-size:10px;display:block;margin-top:10px;color:#7e568e}.rally-legend{font-size:10px;margin:9px 0 0;color:#674783}.rally-menu-mode .rally-dashboard{display:none}.rally-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#51326bb3;backdrop-filter:blur(5px);padding:15px;overflow-y:auto}.rally-result{width:min(100%,370px);border-radius:24px;background:linear-gradient(140deg,#fff7d9,#ffe9f6 75%,#d2ffef);padding:18px;text-align:center;border:3px solid white;box-shadow:0 12px 45px #3b235344}.rally-result-icon{font-size:48px;display:block}.rally-result>small{font-size:9px;color:#875893}.rally-result h2{font-size:23px;line-height:1.1;margin:10px 0;color:#75429b}.rally-result p{font-size:12px;line-height:1.5;color:#775887}.rally-result-stats{display:flex;gap:6px;margin:12px 0}.rally-result-stats span{flex:1;background:#ffffffa1;border-radius:12px;padding:9px 3px;font-size:8px;color:#825898}.rally-result-stats b{display:block;font-size:21px;color:#75459a}.rally-lesson{padding:9px;border-radius:12px;background:#d9f8e7;color:#427966!important}.rally-secondary{display:block;width:100%;border:0;background:none;padding:12px;color:#784898;font-weight:800!important;font-size:12px!important}
#node-rally{background:linear-gradient(145deg,#fff1ab,#ff82b9 55%,#91eeec)!important;border:0!important;overflow:visible}#node-rally img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 5px 3px #63389066)}
@media(orientation:landscape) and (min-width:560px){.rally-layout{flex-direction:row}.rally-dashboard{width:180px;display:flex;flex-direction:column;justify-content:center;border-top:0;border-left:3px solid white;padding:12px}.rally-driver{flex-wrap:wrap}.rally-driver>span{width:100%;justify-content:center;margin:5px 0;font-size:30px}.rally-energy{margin:12px 0}.rally-controls{gap:6px;flex-wrap:wrap}.rally-controls button{height:48px}.rally-controls #rally-boost{order:3;flex-basis:100%;height:55px}.rally-rivals{flex-direction:column;margin-top:12px;gap:5px}.rally-rivals span{font-size:9px;padding:5px}.rally-help{line-height:1.5;margin-top:12px}.rally-menu{flex-direction:row;overflow:auto}.rally-poster{max-height:none;height:100%;width:53%;min-width:45%;flex:1}.rally-menu-body{width:47%;display:flex;flex-direction:column;justify-content:center;padding:10px 18px}.rally-title h1{font-size:40px}.rally-result{padding:10px 16px}.rally-result-icon{font-size:28px}.rally-result h2{font-size:20px;margin:5px}.rally-result-stats{margin:6px}.rally-lesson{margin:6px}.rally-primary{padding:10px}.rally-secondary{padding:8px}}
@media(max-height:660px) and (orientation:portrait){.rally-header{flex-basis:48px;padding:5px 10px}.rally-poster{min-height:150px}.rally-menu-body{padding:8px 12px}.rally-track strong{font-size:19px}.rally-tracks{margin:6px 0 9px}.rally-dashboard{padding:5px 10px}.rally-rivals{display:none}.rally-driver>img{width:26px;height:26px}.rally-controls button{height:38px}.rally-help{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.rally-primary,.rally-controls button{transition:none}}

/* Web preview: keep the race panel wide and readable instead of phone-sized. */
body.rally-open #screen-rally{
  width:100vw!important; max-width:none!important; height:100vh!important;
  min-height:100vh!important; border:0!important; border-radius:0!important;
}
body.rally-open #screen-rally .rally-layout{display:flex!important;flex-direction:row!important;width:100%!important;height:100%!important;min-height:0!important;}
body.rally-open #screen-rally .rally-dashboard{width:300px!important;flex:0 0 300px!important;padding:24px!important;border-left:3px solid #fff!important;border-top:0!important;}
body.rally-open #screen-rally .rally-driver>img{display:none!important;}
body.rally-open #screen-rally .rally-driver>span{font-size:42px!important;}
body.rally-open #screen-rally .rally-controls{gap:10px!important;flex-wrap:wrap!important;}
body.rally-open #screen-rally .rally-controls button{min-height:58px!important;}
body.rally-open #screen-rally .rally-controls #rally-boost{flex-basis:100%!important;height:68px!important;}
body.rally-open #screen-rally .rally-rivals{flex-direction:column!important;gap:7px!important;}
body.rally-open #screen-rally .rally-rivals span{font-size:11px!important;padding:7px!important;}

.rally-result{max-height:100%;overflow-y:auto}
@media(orientation:landscape) and (max-height:500px){.rally-dashboard{justify-content:flex-start;padding:9px 12px}.rally-rivals{display:none}.rally-driver>span{font-size:25px;margin:2px 0}.rally-energy{margin:8px 0}.rally-help{margin-top:9px}.rally-menu-body{padding:8px 12px}.rally-track small{font-size:7px}.rally-track strong{font-size:19px}.rally-rotate{margin-top:7px}}