:root{--bg:#101d23;--panel:#1c303a;--lime:#aaf067;--gold:#ffda63;--paper:#eaf7ed}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 50% 0%,#274e4c 0%,#13272d 48%,#0e1920 100%);color:var(--paper);font-family:system-ui,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:14px 12px 18px;overscroll-behavior:none}
header{display:flex;align-items:center;justify-content:space-between;width:min(1040px,100%);gap:15px}header .brand{display:flex;gap:10px;align-items:center}header .logo{font-size:31px}header strong{font-size:22px;color:var(--lime);letter-spacing:1px;text-shadow:0 3px 0 #214735}header p{font-size:12px;letter-spacing:.12em;color:#aabfba;margin:0}header .pill{background:#263e43;border:1px solid #476265;border-radius:20px;color:#e3efe0;font-weight:bold;padding:7px 11px;font-size:12px;white-space:nowrap}
.game-shell{position:relative;width:min(1040px,100%);aspect-ratio:16/9;overflow:hidden;isolation:isolate;border:4px solid #46715c;box-shadow:0 0 0 4px #122b2a,0 20px 55px #0008;border-radius:12px;background:#7fc8f0;touch-action:none}
canvas{width:100%;height:100%;display:block;image-rendering:pixelated} .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#082426b5,#061c24db);padding:18px;text-align:center;z-index:5;backdrop-filter:blur(2px)}.overlay[hidden]{display:none}
.panel{width:min(550px,94%);border:3px solid #abcf7b;background:#152e32f2;padding:24px 22px;border-radius:14px;box-shadow:0 15px 0 #0b1919aa,0 15px 40px #0009}.eyebrow{color:#a9e86e;font-size:12px;font-weight:900;letter-spacing:4px}.panel h1{margin:6px 0 8px;font-size:clamp(23px,3.2vw,39px);letter-spacing:.07em;color:#ffe7a5;text-shadow:3px 3px #6f5030}.panel p{line-height:1.65;margin:10px auto 18px;max-width:390px;color:#d5e6db;font-size:clamp(12px,1.4vw,15px)}.panel .tips{font-size:12px;background:#0b1e21;padding:10px;border-radius:8px;color:#afcfb5;margin:10px auto 16px}.primary{display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;border:0;border-bottom:5px solid #957a37;border-radius:10px;padding:13px 29px;background:#ffe084;color:#24352c;font-size:17px;font-weight:900;box-shadow:0 6px 16px #0005}.primary:active{transform:translateY(3px);border-bottom-width:2px}.help{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;width:min(1040px,100%);font-size:12px;color:#d0dddc}.key{display:inline-block;min-width:24px;padding:4px 7px;border-radius:6px;border:1px solid #607f7b;border-bottom-width:3px;background:#244047;text-align:center;font-weight:bold;color:white}.help .right{margin-left:auto}.controls{display:flex;align-items:stretch;justify-content:space-between;gap:10px;width:min(1040px,100%);user-select:none;-webkit-user-select:none;touch-action:none}.dpad,.actions{display:flex;gap:10px}.control{width:72px;height:56px;border-radius:12px;border:2px solid #637d79;border-bottom:5px solid #385351;background:#25474c;color:#f1f9ef;font-size:24px;font-weight:900;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.control:active,.control.pressed{background:#568667;transform:translateY(2px);border-bottom-width:2px}.control.attack{background:#744735;border-color:#b76e50}.control.jump{background:#42765e;border-color:#7ab98b}.control.run{background:#55518e;border-color:#8a83c5}.control .ctl-label{font-size:11px;display:block;line-height:1.2}.subbar{display:flex;align-items:center;gap:12px;width:min(1040px,100%);font-size:12px;color:#94b7b4}.subbar button{background:#243b42;color:#e4f1e4;border:1px solid #567278;border-radius:7px;padding:5px 10px;cursor:pointer;font-size:12px}.subbar .note{margin-left:auto;color:#8facaa}
@media(min-width:900px) and (pointer:fine){.controls{max-width:700px;opacity:.85}.control{height:48px;width:66px}.panel{padding:24px}}
@media(max-width:620px){body{padding:9px 6px;gap:9px}header strong{font-size:18px}header .logo{font-size:25px}header .pill{font-size:10px}header p{font-size:10px}.game-shell{border-width:2px;border-radius:7px}.panel{padding:10px 9px;border-width:2px}.panel p{font-size:11px;margin:3px auto 8px}.panel h1{font-size:20px;margin:3px}.panel .tips{font-size:10px;padding:5px;margin:5px auto 8px}.primary{padding:7px 22px;font-size:13px}.eyebrow{font-size:10px}.help{display:none}.control{width:56px;height:58px;font-size:20px}.dpad,.actions{gap:8px}.control .ctl-label{font-size:10px}.subbar{font-size:10px}.subbar .note{display:none}}
@media(orientation:landscape) and (max-height:550px){body{padding:3px;gap:3px}.game-shell{height:calc(100dvh - 91px);width:auto;max-width:100%}header{display:none}.control{height:42px;width:70px}.subbar{display:none}.help{display:none}.controls{width:min(100%,720px)} }

/* iOS Safari: Bigger finger targets and avoid text callouts while holding controls. */
button{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.controls button{touch-action:none;min-height:54px}
@media (pointer:coarse){
  .controls{position:relative;z-index:10;gap:4px}
  .control{min-width:55px;height:64px;font-size:23px}
  .primary{min-height:42px}
  .subbar button{min-height:35px}
}
@media (pointer:coarse) and (max-width:650px){
  body{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}
  .control{width:clamp(54px,14vw,71px);height:65px}
  .dpad,.actions{gap:5px}
  .panel .tips{display:none}
  .panel p{line-height:1.4}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:480px){
  body{gap:2px;padding:2px max(5px,env(safe-area-inset-right)) 2px max(5px,env(safe-area-inset-left))}
  .game-shell{height:min(72dvh,calc(100dvh - 75px));max-height:calc(100dvh - 80px)}
  .controls{max-width:900px}
  .control{height:54px;width:70px}
  .panel p{display:none}
  .primary{padding:7px 20px}
}

/* iPhone controls patch: clear hit targets & instant visual feedback */
.touch-tip{width:min(1040px,100%);text-align:center;color:#efffe3;background:#234c46;border:1px solid #638b6b;border-radius:9px;padding:6px 9px;font-size:12px;font-weight:700;line-height:1.45;min-height:30px}
.control{position:relative;-webkit-touch-callout:none;touch-action:none;min-height:62px;outline-offset:3px}
.controls{position:relative;z-index:20;touch-action:none}
.control.pressed{box-shadow:inset 0 0 0 3px #c9f7b1,0 0 16px #7cff79aa!important;filter:brightness(1.4)}
@media (max-width:650px){.touch-tip{font-size:11px;min-height:30px}.control{min-height:64px}}
@media (orientation:landscape) and (pointer:coarse) and (max-height:560px){
 html,body{height:100%;overflow:hidden;overscroll-behavior:none}
 body{position:relative;display:block;margin:0;padding:0;width:100vw;height:100dvh;}
 header,.subbar,.help{display:none!important}
 .game-shell{position:absolute;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;aspect-ratio:auto;border:0;border-radius:0;margin:0;box-shadow:none}
 .touch-tip{position:fixed;top:max(4px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:auto;min-height:0;max-width:60vw;z-index:22;pointer-events:none;font-size:9px;padding:3px 8px;background:#234c46bc;white-space:nowrap}
 .controls{position:fixed;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-width:none;z-index:30;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}
 .controls button{pointer-events:auto;min-width:61px;width:clamp(61px,9vw,81px);height:clamp(59px,12vh,73px);font-size:24px;border-width:2px;border-bottom-width:5px;background-color:#204c55e8}
 .controls .attack{background:#97533aee}.controls .jump{background:#337c4dee}.controls .run{background:#4d4b87ef}
 .controls .ctl-label{font-size:10px}.dpad,.actions{gap:8px}
 .overlay{z-index:25;padding-bottom:65px;}
 .panel{width:min(570px,65%);max-height:72dvh;overflow:auto;padding:10px 12px;box-shadow:none}
 .panel h1{font-size:clamp(20px,4vh,29px);margin:3px}.panel p{font-size:12px;margin:3px 0 6px}
 .primary{font-size:15px;padding:8px 24px}
}
/* v1.2: a real full-screen 'impact' — the entire viewport, HUD included, moves together. */
.game-shell{will-change:transform;transform-origin:center center;backface-visibility:hidden}
.controls .dpad{display:flex;gap:8px}
.controls .actions{display:flex;gap:8px;align-items:stretch}
.touch-tip{transition:opacity .25s ease}
.touch-tip.fade{opacity:0}
.shake-quick{display:none;position:absolute;z-index:23;right:9px;top:88px;
 padding:7px 10px;border:1px solid #bed99fa8;border-radius:11px;background:#163c42da;
 color:#efffdf;font-weight:900;font-size:12px;cursor:pointer;touch-action:manipulation;
 -webkit-tap-highlight-color:transparent}
@media (pointer:coarse) and (max-width:650px){
 .controls .dpad,.controls .actions{gap:5px}
 .controls .control{min-width:51px;width:clamp(51px,14vw,67px)}
 .shake-quick{display:none}
 .controls .ctl-label{white-space:nowrap;font-size:10px;letter-spacing:-.03em}
 .subbar{flex-wrap:wrap;justify-content:center;gap:6px}
 .subbar>span:first-child{flex-basis:100%;text-align:center;white-space:nowrap;font-size:10px}
 .subbar button{flex:1;min-width:0;white-space:nowrap;min-height:35px;padding:4px 3px;font-size:10px}
}
@media (orientation:landscape) and (pointer:coarse) and (max-height:560px){
 .controls .dpad,.controls .actions{gap:7px}
 .controls button{min-width:61px;width:clamp(61px,9vw,76px)}
 .shake-quick{display:block;position:fixed;top:max(75px,env(safe-area-inset-top));
 right:max(11px,env(safe-area-inset-right));font-size:11px;padding:6px 10px}
}

/* v1.3 select and smaller touch overlays */
#overlay{position:fixed!important;inset:0!important;width:100vw;height:100dvh;z-index:200!important;overflow-y:auto;padding:12px max(8px,env(safe-area-inset-right)) 12px max(8px,env(safe-area-inset-left))}
#overlay .panel{max-height:calc(100dvh - 24px);overflow-y:auto}
.title-logo[hidden],.primary[hidden]{display:none!important}
.title-logo{display:block;width:min(430px,92%);max-height:135px;object-fit:contain;margin:0 auto 4px}
.select-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px auto 11px;max-width:600px}
.select-grid[hidden]{display:none}.panel:has(.select-grid:not([hidden])){width:min(700px,99%);padding:10px 12px;max-height:93%;overflow-y:auto;scrollbar-width:thin}
.dino-choice{min-width:0;min-height:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:2px solid #638d76;border-bottom:4px solid #355342;border-radius:8px;background:#244539;color:#f2f7e7;font-size:11px;font-weight:bold;padding:5px 2px;cursor:pointer;touch-action:manipulation}
.dino-choice img{width:100%;max-width:105px;height:48px;object-fit:contain;image-rendering:pixelated}.dino-choice span{white-space:nowrap;font-size:clamp(9px,1.5vw,11px);letter-spacing:-.04em}.dino-choice small{font-size:8px;color:#aab6af}.dino-choice.locked{filter:grayscale(.8);opacity:.51;cursor:not-allowed}.dino-choice.chosen{border-color:#ffd77b;background:#506f37}.dino-choice:not(.locked):active{background:#577d5c;transform:translateY(1px)}
@media(max-width:650px){.title-logo{max-height:78px}.panel:has(.select-grid:not([hidden])){max-height:97%;padding:5px 6px}.dino-choice{min-height:66px;padding:2px 1px}.dino-choice img{height:40px}.select-grid{gap:4px;margin:3px 0 7px}.panel:has(.select-grid:not([hidden])) p{display:block!important;font-size:10px;line-height:1.3;margin:2px 0 5px}}
@media(orientation:landscape) and (max-height:550px){.panel:has(.select-grid:not([hidden])){max-height:96%;width:min(700px,98%)}.panel:has(.select-grid:not([hidden])) p{display:block!important;line-height:1.2;margin:2px;font-size:10px}.select-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.dino-choice{min-height:63px}.dino-choice img{height:36px}.title-logo{max-height:100px}}

/* v1.4: five right-hand actions, easy to reach with the right thumb. */
.control.special{background:#33647b;border-color:#72bdd3}.control.ultimate{background:#98672a;border-color:#ffcc60;color:#fff4b4}
.dino-choice .skill-label{font-size:8px;color:#bbebd5;line-height:1.1;white-space:normal;text-align:center;min-height:17px}
@media (pointer:coarse) and (orientation:portrait){
 .controls .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-width:60vw}
 .controls .dpad{align-items:flex-end}
 .controls .control{width:clamp(45px,11.8vw,63px);min-width:44px;height:60px;min-height:55px;font-size:20px}
 .controls .ctl-label{font-size:9px}
 .controls{align-items:flex-end}
 .dino-choice .skill-label{font-size:7px}
}
@media (pointer:coarse) and (orientation:landscape){
 .controls .actions{display:flex;gap:5px}
 .controls .control{width:clamp(54px,8vw,76px);min-width:52px;height:57px;font-size:22px}
 .controls .ctl-label{font-size:9px}
}
@media(max-width:480px){.select-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}}

@media(max-width:650px) and (orientation:portrait){
 .controls{align-items:flex-end;gap:8px}.controls .dpad{flex-shrink:0;gap:5px}
 .controls .actions{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:5px;max-width:66%;flex:1}
 .controls .control{min-width:44px;width:100%;min-height:52px;height:55px;font-size:20px}
 .controls .dpad .control{width:52px;height:65px}.control.ultimate{grid-column:auto}
}
.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stage-choice{align-items:flex-start;text-align:left;min-height:100px;padding:10px 12px}.stage-choice strong{font-size:14px;color:#fff0ae}.stage-choice span{font-size:11px!important;white-space:normal!important;line-height:1.5}.stage-choice small{font-size:10px}.stage-choice:last-child{grid-column:1/-1}@media(max-width:650px){.stage-choice{min-height:92px;padding:8px}.stage-choice strong{font-size:12px}.stage-choice span{font-size:10px!important}}
.stage-choice{text-shadow:0 2px 3px #000}.stage-choice span{color:#f1f6e9}.stage-choice small{color:#dcf1d3}.stage-choice.locked{filter:grayscale(.8) brightness(.8)}
.audio-quick{position:fixed;right:max(10px,env(safe-area-inset-right));top:112px;z-index:220;background:#173c40e8;color:#ffedb1;border:1px solid #b4b77a;border-radius:10px;min-width:52px;min-height:36px;font-size:13px;font-weight:800;touch-action:manipulation;cursor:pointer}
.audio-panel{position:fixed;right:max(9px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));z-index:350;width:min(300px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;background:#102c30f7;color:#eff7df;border:2px solid #b6c98b;border-radius:14px;padding:14px;box-shadow:0 10px 40px #0008;text-align:left}.audio-panel[hidden]{display:none}.audio-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.audio-heading button{min-height:40px;padding:6px 12px;border:1px solid #6b9891;background:#244d50;color:#fff;border-radius:8px;cursor:pointer}.audio-toggle{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;margin:9px 0}.audio-toggle input{width:22px;height:22px;accent-color:#cce58a}.audio-slider{display:flex;align-items:center;gap:9px;font-size:12px;margin:7px 0 14px}.audio-slider input{min-width:0;flex:1;height:30px;accent-color:#edd283}.audio-panel p{font-size:11px;color:#c7ddcb;margin:6px 0 0}
.cutin-playing .controls,.cutin-playing .touch-tip,.cutin-playing .shake-quick,.cutin-playing .audio-quick{opacity:0!important;pointer-events:none!important}
#storyScene[hidden]{display:none!important}
#storyScene{position:fixed;inset:0;z-index:300;background:#091c24;color:#fff8e0;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;overflow:hidden;cursor:pointer;padding:max(16px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));touch-action:manipulation}
.story-backdrop{position:absolute;inset:-3%;z-index:-3;background-position:center;background-size:cover;filter:saturate(.65) brightness(.64);animation:story-pan 12s ease-out both}
#storyScene:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#081c3266,transparent 32%,#07182277 54%,#06141a 100%)}
.story-top{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#f4df9e;letter-spacing:.1em}
.story-cast{position:absolute;inset:14% 10% 35%;display:flex;align-items:flex-end;justify-content:center;gap:5vw;pointer-events:none}
.story-cast img{width:37%;height:100%;object-fit:contain;object-position:center bottom;image-rendering:pixelated;filter:drop-shadow(0 10px 7px #0008)}
.story-cast img[hidden]{display:none}
.story-copy{width:min(800px,100%);align-self:center;text-align:left;padding:18px 0 0;border-top:1px solid #f2d78a77;animation:story-in .4s ease-out both}
.story-destination{font-size:11px;letter-spacing:.12em;color:#c2ddb8;font-weight:800}
.story-copy h2{font-size:clamp(23px,3.5vw,38px);letter-spacing:.06em;margin:8px 0 10px;color:#ffe4a1}
.story-copy p{font-size:clamp(14px,1.7vw,19px);line-height:1.85;white-space:pre-line;margin:0;color:#f3f5eb;text-shadow:0 2px 5px #000}
.story-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.story-actions small{font-size:11px;color:#afc1bd}
.story-button{min-height:44px;border:1px solid #d9bf79;border-radius:8px;background:#f4d58d;color:#173337;padding:9px 24px;font-size:15px;font-weight:900;cursor:pointer}
.story-skip{background:#102c39cc;color:#ddd8c4;border-color:#81928a;font-size:12px;padding:7px 13px}
.story-button:focus-visible{outline:3px solid #e5ffae;outline-offset:4px}
@keyframes story-pan{from{transform:scale(1.04) translateX(-1%)}to{transform:scale(1.1) translateX(1%)}}
@keyframes story-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(orientation:portrait){.story-cast{inset:18% 2% 43%}.story-cast img{width:47%}.story-copy{margin-bottom:4vh}.story-copy p{font-size:15px;line-height:1.9}.story-copy h2{font-size:27px}.story-actions small{max-width:160px}}
@media(orientation:landscape) and (max-height:550px){#storyScene{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.story-top{top:max(10px,env(safe-area-inset-top));font-size:10px}.story-cast{inset:13% 4% 10% 58%;gap:1vw;opacity:.7}.story-cast img{width:55%}.story-copy{width:100%;max-width:900px;padding-top:10px}.story-copy h2{font-size:24px;margin:5px 0 7px}.story-copy p{font-size:14px;line-height:1.65;max-width:68%}.story-actions{margin-top:11px}.story-destination{font-size:10px}.story-actions small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.story-backdrop,.story-copy{animation:none}}


.control.ultimate-ready{border-color:#fff3a3;background:#a66d23;box-shadow:0 0 15px #ffd35bc4,inset 0 0 10px #ffec9870;animation:ultimateReadyPulse .8s ease-in-out infinite alternate}
@keyframes ultimateReadyPulse{from{box-shadow:0 0 7px #ffc34b88,inset 0 0 5px #fff1a55c;color:#ffedb0}to{box-shadow:0 0 24px #ffde6be8,inset 0 0 17px #fff1a5a0;color:#fff}}
@media(prefers-reduced-motion:reduce){.control.ultimate-ready{animation:none}}

.panel:has(.retry-options button:not([hidden])){max-height:96%;overflow-y:auto}
#keyConfigPanel{width:min(520px,92vw);max-height:88dvh;overflow:auto;background:#152f38;color:#eaf3e5;border:2px solid #d5c686;border-radius:15px;padding:20px;font-family:inherit;box-shadow:0 12px 60px #000b}#keyConfigPanel::backdrop{background:#06141cce}.keyconfig-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.keyconfig-heading h2{font-size:22px;margin:0}#keyConfigPanel p{line-height:1.6;font-size:13px}#keyBindingGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#keyConfigPanel button,.secondary{background:#294c55;color:#f7f1cf;border:1px solid #73918e;border-radius:8px;padding:10px;cursor:pointer;font:inherit}#keyBindingGrid button{text-align:left;min-height:50px;font-size:13px}.binding-row.listening{outline:3px solid #ffe080;background:#66532b!important}#keyConfigPanel button:focus-visible,.secondary:focus-visible{outline:3px solid #ffe080}.keyconfig-note{color:#b6cfca}.retry-options{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px}.secondary[hidden]{display:none}.secondary{font-size:12px;padding:8px 12px}@media(max-width:430px){#keyConfigPanel{padding:12px}#keyBindingGrid{grid-template-columns:1fr}.keyconfig-heading h2{font-size:19px}}
[data-control="special2"][hidden]{display:none!important}.dev507{position:fixed;top:max(6px,env(safe-area-inset-top));left:8px;z-index:70;background:#162e3ce8;color:#b7dbdf;border:1px solid #5b7e88;border-radius:7px;font-size:11px;padding:5px 8px}#devPanel507{max-width:520px;width:90vw;max-height:85dvh;overflow:auto;background:#102935;color:#e0f0f5;border:2px solid #72c9dc;border-radius:12px;padding:18px}#devPanel507::backdrop{background:#00121acc}#devPanel507 button,#devPanel507 select{font:inherit;background:#244653;color:#eef6e9;border:1px solid #7597a3;border-radius:6px;padding:9px;margin:4px}#devPanel507 label{display:block;margin:10px 0}#devPanel507 p{font-size:13px;line-height:1.5}#devPanel507 h2{margin:0 0 10px}
.control.action-unavailable508,.control.action-unavailable508.pressed{filter:grayscale(1);background:#505b61!important;border-color:#76818a!important;color:#d4dbe0!important;opacity:.55;box-shadow:none!important;transform:none}
.control.action-charging508{border-color:#9ee8ff!important;box-shadow:0 0 9px #74d9ff70}