/* YouGenius Nebula Key Run | isolated, responsive original spaceship-maze UI. */
.ygm-cell{--ygm-ink:#f7f7ff;--ygm-muted:#c2c9e8;--ygm-glass:#ffffff14;--ygm-line:#a9bdfb35;--ygm-accent:#f9cc81;--ygm-deep:#10162e;--ygm-panel:#172448;color:var(--ygm-ink);font:500 14px/1.45 ui-rounded,system-ui,-apple-system,'Segoe UI',sans-serif!important;min-width:0;width:100%;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 90% 2%,#684cbd43,transparent 50%),radial-gradient(ellipse at 15% 60%,#2068ae30,transparent 60%),#101735;box-shadow:0 20px 70px #090d293f}
.ygm-cell *,.ygm-cell *::before,.ygm-cell *::after{box-sizing:border-box}
.ygm-cell button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .18s,transform .18s,border-color .18s,box-shadow .18s;color:inherit}
.ygm-cell button:focus-visible,.ygm-cell [tabindex]:focus-visible{outline:3px solid #fbd484;outline-offset:3px}
.ygm-cell button:active{transform:scale(.97)}
.ygm-cell button:disabled{opacity:.5;cursor:default}
.ygm-cell h2,.ygm-cell h3,.ygm-cell p{margin:0}
.ygm-cell .ygm-shell{--ygm-accent:#ffd17b;min-width:0;width:100%;position:relative}
.ygm-cell .ygm-band-6-8{--ygm-accent:#ffcd86;--ygm-soft:#cb92f9;--ygm-choice:#294078}
.ygm-cell .ygm-band-9-11{--ygm-accent:#ffcf85;--ygm-soft:#97b8fc;--ygm-choice:#203b72}
.ygm-cell .ygm-band-12-14{--ygm-accent:#79e3f7;--ygm-soft:#a7a4ff;--ygm-choice:#193b66}
.ygm-cell .ygm-band-15-17{--ygm-accent:#83eed3;--ygm-soft:#7dc5e6;--ygm-choice:#193d5b}
.ygm-cell .ygm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px clamp(12px,2.4vw,24px);border-bottom:1px solid var(--ygm-line);background:linear-gradient(100deg,#28386aa8,#141e43d2)}
.ygm-cell .ygm-identity{display:flex;align-items:center;gap:11px;min-width:0}
.ygm-cell .ygm-emblem{flex:none;display:grid;place-items:center;width:43px;height:43px;border-radius:15px;font-size:29px;color:#293359;background:linear-gradient(140deg,#ffeabb,#eaa7fb);box-shadow:inset 0 1px 0 #fff8,0 4px 13px #0002}
.ygm-cell .ygm-eyebrow,.ygm-cell .ygm-kicker{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--ygm-accent)}
.ygm-cell .ygm-identity h2{font-size:clamp(16px,2.7vw,22px);line-height:1.16;letter-spacing:-.035em;font-weight:900;margin-top:2px}
.ygm-cell .ygm-top-actions{display:flex;align-items:center;gap:8px;flex:none}
.ygm-cell .ygm-progress{font-size:11px;color:#e2e5fa;font-weight:850;white-space:nowrap;margin-right:5px}
.ygm-cell .ygm-tool{border:1px solid #ffffff32;background:#ffffff11;border-radius:12px;padding:9px 12px;min-height:42px;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800}
.ygm-cell .ygm-tool:hover{background:#ffffff25}.ygm-cell .ygm-quit{width:42px;justify-content:center;font-size:22px}
.ygm-cell .ygm-body{padding:12px clamp(9px,2.7vw,24px) 13px;min-width:0}
.ygm-cell .ygm-question-head{text-align:center;max-width:850px;margin:0 auto 10px}
.ygm-cell .ygm-question-head h3{font-size:clamp(17px,2.7vw,25px);letter-spacing:-.025em;line-height:1.3;color:#fffdf6;font-weight:900;margin:3px 0 5px;overflow-wrap:anywhere}
.ygm-cell .ygm-question-head p{color:var(--ygm-muted);font-size:11px;line-height:1.4}
.ygm-cell .ygm-answer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.ygm-cell .ygm-answer{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:5px 9px;align-items:start;text-align:left;background:linear-gradient(140deg,#243963eb,#172b55);border:1px solid #7796cd55;border-radius:15px;padding:11px;box-shadow:0 4px 0 #050d249e;min-height:85px}
.ygm-cell .ygm-answer:hover,.ygm-cell .ygm-answer:focus-visible{background:#35508a;border-color:#b9d4ff;box-shadow:0 5px 0 #061025a0,0 0 17px #93d0fb39}
.ygm-cell .ygm-answer-letter{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--ygm-accent);color:#152747;font-size:11px;font-weight:950}
.ygm-cell .ygm-answer-copy{font-weight:780;font-size:11.5px;line-height:1.3;overflow-wrap:anywhere}
.ygm-cell .ygm-answer-route{grid-column:1/-1;display:flex;gap:4px;align-items:center;justify-content:center;padding-top:3px}
.ygm-cell .ygm-keydot,.ygm-cell .ygm-seq-dot{font-style:normal;display:grid;place-items:center;width:23px;height:23px;border-radius:7px;flex:none;font-size:14px;font-weight:950;color:#101c3b;border:1px solid #ffffff84}
.ygm-cell .ygm-red{background:#ff6685}.ygm-cell .ygm-blue{background:#76caff}.ygm-cell .ygm-orange{background:#ffc275}.ygm-cell .ygm-green{background:#8decc5}
.ygm-cell .ygm-answers-collapsed{display:none}
.ygm-cell .ygm-hud{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 13px;border-radius:13px;border:1px solid #abc5ff31;background:#ffffff0c;margin:0 0 10px;min-height:51px}
.ygm-cell .ygm-route-status{display:flex;align-items:center;gap:10px;min-width:0}
.ygm-cell .ygm-hud-cap{font-size:9px;color:#d2d9ed;font-weight:900;letter-spacing:.06em;white-space:nowrap}
.ygm-cell .ygm-route-line{display:flex;gap:6px;align-items:center;min-width:0}
.ygm-cell .ygm-seq-dot{width:26px;height:26px;position:relative}
.ygm-cell .ygm-seq-dot.next{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 15px #fff8;animation:ygm-next 1s ease-in-out infinite}
.ygm-cell .ygm-seq-dot.collected{background:#d4f6ef;border-color:#a8e4cd;color:#204a42}
.ygm-cell .ygm-no-route{font-size:11px;color:#c7cce5}
.ygm-cell .ygm-shipstats{display:flex;align-items:center;gap:9px;flex:none}
.ygm-cell .ygm-shipstats>span{font-size:13px;color:#dce9fb;white-space:nowrap}
.ygm-cell .ygm-change{background:#f5d28f1b;border:1px solid #f4d49250;border-radius:999px;min-height:34px;padding:6px 11px;color:#f8dc9e;font-weight:800;font-size:10px}
.ygm-cell .ygm-change:hover{background:#f5d28f38}
.ygm-cell .ygm-arena{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,205px);gap:12px;min-width:0;align-items:stretch}
.ygm-cell .ygm-arena-back{position:relative;overflow:hidden;min-width:0;border:1px solid #78adfa65;border-radius:19px;background:#08112c;box-shadow:inset 0 0 40px #090b2280,0 9px 28px #0305144d;display:flex;align-items:center;justify-content:center;min-height:260px}
.ygm-cell #ygm-canvas{width:100%;height:100%;position:absolute;inset:0;display:block;touch-action:none;object-fit:contain}
.ygm-cell .ygm-map-key{pointer-events:none;position:absolute;inset:auto 8px 8px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;z-index:2}
.ygm-cell .ygm-map-key span{font-weight:900;letter-spacing:.04em;font-size:8px;color:#dbe6fc;background:#0d153bdc;padding:3px 6px;border-radius:8px;border:1px solid #94abef44}
.ygm-cell .ygm-arena-toast{position:absolute;top:11px;left:50%;transform:translate(-50%,-12px);z-index:5;opacity:0;transition:opacity .2s,transform .2s;background:#ffe3a3;color:#25355b;border-radius:99px;padding:9px 14px;font-size:11px;font-weight:900;white-space:normal;text-align:center;max-width:92%;box-shadow:0 7px 15px #0008;pointer-events:none}
.ygm-cell .ygm-arena-toast.show{opacity:1;transform:translate(-50%,0)}
.ygm-cell .ygm-controls{min-width:0;background:linear-gradient(170deg,#233767d9,#172349d9);border:1px solid #98b9ff35;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px}
.ygm-cell .ygm-control-help{width:100%;display:flex;flex-direction:column;text-align:center;gap:2px}
.ygm-cell .ygm-control-help strong{color:var(--ygm-accent);font-size:10px;letter-spacing:.1em}
.ygm-cell .ygm-control-help small{font-size:9px;color:#d0dbf3}
.ygm-cell .ygm-pad{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#637dbb,#1b2b5f 66%,#121e42);border:3px solid #7597e9;box-shadow:inset 0 0 0 5px #122653,0 10px 18px #0008,0 0 22px #93baff23;position:relative;touch-action:none;user-select:none;flex:none;-webkit-user-select:none;cursor:grab}
.ygm-cell .ygm-pad:active{cursor:grabbing}
.ygm-cell .ygm-pad-ring{position:absolute;inset:14px;border:1px dashed #c8e3ff66;border-radius:50%;pointer-events:none}
.ygm-cell .ygm-dir{position:absolute;color:#c6deffb7;font-size:15px;pointer-events:none;font-weight:950}
.ygm-cell .ygm-dir-up{top:4px;left:50%;transform:translateX(-50%)}.ygm-cell .ygm-dir-down{bottom:4px;left:50%;transform:translateX(-50%)}.ygm-cell .ygm-dir-left{left:5px;top:50%;transform:translateY(-50%)}.ygm-cell .ygm-dir-right{right:5px;top:50%;transform:translateY(-50%)}
.ygm-cell .ygm-pad-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:2px solid #fff8;display:grid;place-items:center;font-size:28px;color:#ffdf9c;background:radial-gradient(circle at 30% 20%,#5d74c1,#2c4788);box-shadow:0 4px 13px #0008,inset 0 1px #fff5;pointer-events:none;transition:transform .03s linear}
.ygm-cell .ygm-fire{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d4f4ff88;background:radial-gradient(circle at 25% 20%,#83e3f0,#2d689b);border-radius:16px;min-width:88px;min-height:72px;box-shadow:0 5px 0 #153c6b,0 0 16px #5bdeed2b}
.ygm-cell .ygm-fire span{font-size:20px}.ygm-cell .ygm-fire strong{font-size:11px;font-weight:950}.ygm-cell .ygm-fire small{font-size:9px;color:#d5f3ff}
.ygm-cell .ygm-fire:hover{background:#4493b8}
.ygm-cell .ygm-control-foot{width:100%;display:flex;flex-direction:column;gap:4px;text-align:center;font-size:10px;color:#c7d6f1}
.ygm-cell .ygm-access{background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;color:#ffdfab;font-size:11px;font-weight:850;min-height:35px}
.ygm-cell .ygm-help{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#bac8e5;font-size:10px;padding:9px 2px 3px}
.ygm-cell .ygm-overlay-root:empty{display:none}
.ygm-cell .ygm-overlay-root{position:absolute;z-index:10;inset:0;pointer-events:none;display:grid;place-items:center;padding:13px}
.ygm-cell .ygm-overlay{position:absolute;inset:0;background:#09132b9c;backdrop-filter:blur(5px);display:grid;place-items:center;pointer-events:auto;padding:12px}
.ygm-cell .ygm-panel{width:min(430px,100%);max-height:min(85dvh,600px);overflow-y:auto;text-align:center;background:linear-gradient(155deg,#2d4276,#1b2b53 68%,#132344);border:1px solid #c6d5ff6e;border-radius:23px;padding:clamp(17px,3vw,28px);box-shadow:0 27px 65px #0208199e;display:flex;flex-direction:column;align-items:center;gap:12px}
.ygm-cell .ygm-panel-symbol{font-size:clamp(37px,7vw,59px);line-height:1}
.ygm-cell .ygm-panel h3{font-size:clamp(22px,3.5vw,29px);font-weight:950;letter-spacing:-.04em;line-height:1.18}
.ygm-cell .ygm-panel p{font-size:13px;color:#e2e9fc;line-height:1.55}
.ygm-cell .ygm-panel-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;width:100%;margin-top:3px}
.ygm-cell .ygm-action{border:0;border-radius:13px;background:linear-gradient(120deg,#ffe9af,#ffc773);color:#24355e;font-weight:950;padding:12px 19px;min-height:49px;box-shadow:0 4px 0 #bb7d42}
.ygm-cell .ygm-action:hover{background:#fff1c9}
.ygm-cell .ygm-quiet{background:#ffffff19;color:#fff;border:1px solid #ffffff59;border-radius:13px;min-height:46px;padding:10px 15px;font-size:12px;font-weight:800}
.ygm-cell .ygm-answer-result{padding:10px 13px;background:#ffffff16;border-radius:12px}
.ygm-cell .ygm-answer-result strong{color:#ffe1a0}
.ygm-cell .ygm-easy-answers{display:grid;gap:8px;width:100%}
.ygm-cell .ygm-easy-answers button{background:#ffffff12;border:1px solid #a9bee879;border-radius:13px;padding:12px;text-align:left;font-size:12px;min-height:48px}
.ygm-cell .ygm-easy-answers button:hover{background:#ffffff29}
.ygm-cell .ygm-easy-answers span{color:#ffe2a8;font-weight:900;margin-right:7px}
@keyframes ygm-next{50%{box-shadow:0 0 15px #fff8;transform:scale(1.13)}}
@media(min-width:960px){.ygm-cell .ygm-arena-back{min-height:410px}.ygm-cell .ygm-controls{gap:15px}.ygm-cell .ygm-pad{width:138px;height:138px}}
@media(max-width:800px){.ygm-cell .ygm-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ygm-cell .ygm-arena{grid-template-columns:minmax(0,1fr) 155px}.ygm-cell .ygm-control-help small{font-size:9px}.ygm-cell .ygm-pad{width:116px;height:116px}}
@media(max-width:560px){
 .ygm-cell{border-radius:17px}.ygm-cell .ygm-top{padding:9px 11px}.ygm-cell .ygm-emblem{width:35px;height:35px;font-size:24px;border-radius:11px}.ygm-cell .ygm-identity h2{font-size:16px}.ygm-cell .ygm-eyebrow{font-size:8px}.ygm-cell .ygm-progress{font-size:9px}.ygm-cell .ygm-tool{padding:5px 7px;min-height:35px;font-size:11px}.ygm-cell .ygm-tool span{display:none}.ygm-cell .ygm-quit{width:34px;font-size:20px}.ygm-cell .ygm-top-actions{gap:5px}
 .ygm-cell .ygm-body{padding:8px 8px 10px}.ygm-cell .ygm-question-head{margin-bottom:6px}.ygm-cell .ygm-question-head h3{font-size:clamp(15px,4.4vw,20px);line-height:1.23;margin:3px 0}.ygm-cell .ygm-question-head p{font-size:10px;line-height:1.3}
 .ygm-cell .ygm-answer-grid{gap:6px;margin:8px 0}.ygm-cell .ygm-answer{padding:8px;min-height:66px;gap:3px 6px;border-radius:11px;grid-template-columns:auto 1fr}.ygm-cell .ygm-answer-letter{height:20px;width:20px;font-size:10px}.ygm-cell .ygm-answer-copy{font-size:10px}.ygm-cell .ygm-keydot{width:17px;height:17px;font-size:10px;border-radius:5px}
 .ygm-cell .ygm-hud{padding:6px 8px;gap:5px;margin-bottom:7px}.ygm-cell .ygm-route-status{gap:4px;flex-wrap:wrap}.ygm-cell .ygm-hud-cap{font-size:8px}.ygm-cell .ygm-seq-dot{width:21px;height:21px;font-size:12px}.ygm-cell .ygm-route-line{gap:4px}.ygm-cell .ygm-no-route{font-size:9px}.ygm-cell .ygm-shipstats{gap:5px}.ygm-cell .ygm-shipstats>span{font-size:11px}.ygm-cell .ygm-change{font-size:9px;padding:5px 7px;min-height:30px}
 .ygm-cell .ygm-arena{grid-template-columns:minmax(0,1fr);gap:6px}.ygm-cell .ygm-arena-back{height:clamp(205px,39dvh,355px);min-height:205px;border-radius:12px}.ygm-cell .ygm-map-key{gap:3px;bottom:4px}.ygm-cell .ygm-map-key span{font-size:7px;padding:2px 4px}
 .ygm-cell .ygm-controls{position:sticky;bottom:0;z-index:4;flex-direction:row;min-height:116px;align-items:center;justify-content:space-around;gap:7px;padding:8px 6px;border-radius:13px}.ygm-cell .ygm-control-help{display:none}.ygm-cell .ygm-pad{height:106px;width:106px;flex:none}.ygm-cell .ygm-pad-knob{height:43px;width:43px;font-size:24px}.ygm-cell .ygm-fire{min-width:86px;min-height:70px}.ygm-cell .ygm-control-foot{width:auto;flex:1;font-size:9px}.ygm-cell .ygm-help{font-size:9px;gap:5px;padding:6px 0}.ygm-cell .ygm-help span:last-child{display:none}
 .ygm-cell .ygm-panel{max-height:78dvh;border-radius:17px;gap:8px}.ygm-cell .ygm-panel p{font-size:11px}.ygm-cell .ygm-panel h3{font-size:21px}
}
@media(max-width:360px){.ygm-cell .ygm-progress{display:none}.ygm-cell .ygm-top{gap:4px}.ygm-cell .ygm-route-status{flex:1}.ygm-cell .ygm-shipstats>span{font-size:10px}.ygm-cell .ygm-pad{width:99px;height:99px}.ygm-cell .ygm-control-foot span{display:none}.ygm-cell .ygm-fire{min-width:68px}.ygm-cell .ygm-question-head h3{font-size:16px}.ygm-cell .ygm-answer-copy{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ygm-cell *{animation-duration:.001ms!important;transition-duration:.001ms!important}.ygm-cell .ygm-seq-dot.next{animation:none}}

/* Four distinct age-responsive game worlds rather than a one-size-fits-all skin. */
.ygm-cell .ygm-band-6-8{background:radial-gradient(circle at 85% 0%,#a558e949,transparent 44%),radial-gradient(circle at 4% 75%,#ee8ac128,transparent 53%),#201c55}
.ygm-cell .ygm-band-6-8 .ygm-top{background:linear-gradient(100deg,#583377,#2f285f)}
.ygm-cell .ygm-band-6-8 .ygm-answer{background:linear-gradient(140deg,#513770,#433374);border-color:#cda7fd64}
.ygm-cell .ygm-band-6-8 .ygm-answer:hover{background:#614387}
.ygm-cell .ygm-band-6-8 .ygm-controls{background:linear-gradient(170deg,#57418d,#2a2f69)}
.ygm-cell .ygm-band-9-11{background:radial-gradient(circle at 100% 30%,#af632a44,transparent 44%),radial-gradient(circle at 0% 80%,#7b7aba40,transparent 52%),#1b244a}
.ygm-cell .ygm-band-9-11 .ygm-top{background:linear-gradient(105deg,#3b406e,#242d56)}
.ygm-cell .ygm-band-9-11 .ygm-answer{background:linear-gradient(140deg,#344b6e,#233453)}
.ygm-cell .ygm-band-12-14{background:radial-gradient(circle at 80% 0%,#0079a94b,transparent 48%),radial-gradient(circle at 10% 85%,#5e4dc53b,transparent 44%),#091b38}
.ygm-cell .ygm-band-12-14 .ygm-top{background:linear-gradient(110deg,#174e6c,#172a58)}
.ygm-cell .ygm-band-12-14 .ygm-answer{background:linear-gradient(140deg,#175477,#203259);border-color:#75d5e55c}
.ygm-cell .ygm-band-12-14 .ygm-controls{background:linear-gradient(155deg,#164a64,#1a2d54)}
.ygm-cell .ygm-band-15-17{background:radial-gradient(circle at 90% 5%,#278d7f37,transparent 49%),radial-gradient(circle at 0% 75%,#2769a835,transparent 60%),#101b2e}
.ygm-cell .ygm-band-15-17 .ygm-top{background:linear-gradient(100deg,#213b53,#132e3c)}
.ygm-cell .ygm-band-15-17 .ygm-answer{background:linear-gradient(140deg,#284653,#1a3345);border-color:#79bea965}
.ygm-cell .ygm-band-15-17 .ygm-controls{background:linear-gradient(155deg,#25455a,#173547)}
@media(min-width:960px){.ygm-cell .ygm-arena{max-width:1120px;margin-inline:auto}.ygm-cell .ygm-arena-back{min-height:455px}}

/* 1.1: Answer cards are clues, never clickable answer buttons. Flying a code is the answer. */
.ygm-cell .ygm-answer{cursor:default;box-shadow:0 3px 0 #050d2460;transition:opacity .22s,border-color .22s,background .22s}
.ygm-cell .ygm-answer:hover{background:linear-gradient(140deg,#243963eb,#172b55);border-color:#7796cd55;box-shadow:0 3px 0 #050d2460;transform:none}
.ygm-cell .ygm-answer.ygm-route-match{border-color:#ffe39c;box-shadow:0 0 0 1px #ffcf7a40,0 4px 15px #ffc4741e}
.ygm-cell .ygm-answer.ygm-route-unmatched{opacity:.57}
.ygm-cell .ygm-answers-collapsed{display:grid}
.ygm-cell .ygm-seq-dot.ygm-empty{background:#18254b;color:#b8c6e3;border:1px dashed #8095bd;font-size:12px}
.ygm-cell .ygm-change:disabled{opacity:.4;cursor:default}
.ygm-cell .ygm-attempt-code{display:flex;gap:8px;justify-content:center;padding:8px}
.ygm-cell .ygm-attempt-code .ygm-seq-dot{width:34px;height:34px;font-size:18px}
.ygm-cell .ygm-retry .ygm-panel{border-color:#ffdc9f;box-shadow:0 20px 80px #0009,0 0 38px #ffb96929}
.ygm-cell .ygm-hud{gap:6px}
.ygm-cell .ygm-route-status{flex-wrap:wrap}
.ygm-cell .ygm-hud-cap b{color:#ffe6ae;margin-left:3px}
.ygm-cell .ygm-answer-route{flex-wrap:nowrap}
/* Compact handhelds: a thumb-sized persistent controller, never cropped below the fold. */
@media (max-width:560px){
 .ygm-cell{overflow:visible;box-shadow:0 9px 23px #040b1e35}
 .ygm-cell .ygm-shell{overflow:visible}
 .ygm-cell .ygm-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .ygm-cell .ygm-answer{min-height:67px;padding:8px;box-shadow:0 2px 0 #050d244d}
 .ygm-cell .ygm-answer-copy{font-size:clamp(10px,2.85vw,12px);line-height:1.32}
 .ygm-cell .ygm-answer-route{justify-content:flex-start}
 .ygm-cell .ygm-keydot{width:clamp(17px,5vw,23px);height:clamp(17px,5vw,23px)}
 .ygm-cell .ygm-hud{padding:7px 9px}
 .ygm-cell .ygm-route-status{flex:1}
 .ygm-cell .ygm-shipstats{gap:5px}
 .ygm-cell .ygm-change{min-height:37px;padding:5px 8px}
 .ygm-cell .ygm-arena{display:block;padding-bottom:125px}
 .ygm-cell .ygm-arena-back{height:clamp(194px,41dvh,335px);min-height:194px}
 .ygm-cell .ygm-controls{position:fixed;bottom:calc(8px + env(safe-area-inset-bottom,0px));left:max(8px,calc((100vw - 446px)/2));right:max(8px,calc((100vw - 446px)/2));width:auto;max-width:446px;min-height:0;height:113px;padding:5px 10px;z-index:25;box-shadow:0 12px 34px #020b2fce,0 0 0 2px #acc8f951;backdrop-filter:blur(12px);border-radius:22px}
 .ygm-cell .ygm-pad{width:100px;height:100px}
 .ygm-cell .ygm-fire{min-height:64px;min-width:78px}
 .ygm-cell .ygm-control-foot{max-width:126px;line-height:1.25}
 .ygm-cell .ygm-control-foot span{font-size:10px}
 .ygm-cell .ygm-help{display:none}
 .ygm-cell .ygm-overlay-root{position:fixed;inset:0;z-index:100;padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px))}
 .ygm-cell .ygm-panel{max-height:calc(92dvh - env(safe-area-inset-bottom,0px));overflow-y:auto}
}
@media(max-width:360px){
 .ygm-cell .ygm-controls{height:108px;padding:4px 7px;gap:5px}
 .ygm-cell .ygm-pad{width:96px;height:96px}
 .ygm-cell .ygm-fire{min-width:67px;min-height:62px}
 .ygm-cell .ygm-answer-copy{font-size:10px}
 .ygm-cell .ygm-shipstats>span{font-size:10px}
 .ygm-cell .ygm-change{font-size:9px}
}
@media(max-height:620px) and (max-width:560px){
 .ygm-cell .ygm-controls{height:97px}
 .ygm-cell .ygm-pad{width:85px;height:85px}
 .ygm-cell .ygm-arena-back{height:clamp(180px,38dvh,220px);min-height:180px}
}