:root{
  --bg:#070a10; --panel:#0e1320; --panel2:#121929; --line:#202b40;
  --ink:#dfe7f5; --dim:#7d8aa3; --accent:#5ad1ff; --gold:#ffc447;
  --kc:#4fd1c5; --mbon:#7aa2ff; --dan:#ff7ab6; --apl:#c58cff; --oth:#98a6bd;
  --good:#43d17a; --warn:#ff8a5b;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font:14px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}
a{color:var(--accent)}
header{padding:17px 22px 12px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#0c1320,#070a10)}
header h1{margin:0;font-size:24px;letter-spacing:.3px}
header .tagline{margin-top:2px;font-size:15px;font-weight:600;color:var(--gold)}
header .attrib{margin-top:5px;font-size:13.5px;color:#c9d4e8;line-height:1.5}
header .attrib a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
header .attrib .sep{color:var(--dim);margin:0 4px}
header .claim{margin-top:4px;font-size:14px;font-weight:600;color:var(--accent);line-height:1.4}
header .byline{margin-top:3px;font-size:12px;color:var(--dim);letter-spacing:.2px}
@media (max-width:600px){header{padding:13px 14px 10px} header h1{font-size:21px} header .tagline{font-size:14px}
  header .attrib{font-size:12.5px} header .claim{font-size:13px} header .attrib .sep{display:block;height:0;overflow:hidden;margin:0}}
.wrap{display:grid;grid-template-columns:var(--bcol,430px) minmax(170px,280px);grid-template-areas:"board side" "notes side";
  gap:16px;padding:16px 22px 40px;align-items:start;justify-content:center}
#colBoard{grid-area:board;min-width:0;overflow-x:clip} #colSide{grid-area:side;min-width:0} #colNotes{grid-area:notes;min-width:0}
#colSide .grid4{grid-template-columns:1fr 1fr}
@media (max-width:1000px){.wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"board" "side" "notes"}}
@media (max-width:600px){.wrap{padding:12px 10px 30px} #colSide .grid2{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px}
.card.hero{border-color:#2d4a6b;background:linear-gradient(180deg,#0f1a2b,#0e1320)}
.card h2{margin:0 0 10px;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);font-weight:600}
.card.hero h2{color:var(--accent)}
.card h2 .sm{float:right;text-transform:none;letter-spacing:0;font-weight:400;color:#5d6b85}

#boardstage{position:relative}
#flyguy{position:absolute;left:0;top:0;width:52px;height:38px;pointer-events:none;z-index:40;
  opacity:0;transition:opacity .25s;will-change:transform;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}
#flyguy .abdo{fill:#3b4657} #flyguy .thor{fill:#2a3340}
#flyguy .eye{fill:#e2452f} #flyguy .glint{fill:#fff;opacity:.85}
#flyguy .ant,#flyguy .leg{stroke:#222a36;stroke-width:2;fill:none;stroke-linecap:round}
#flyguy .wing ellipse{fill:rgba(205,232,255,.5);stroke:rgba(255,255,255,.5);stroke-width:.7}
#flyguy .wing{transform-origin:34px 18px;animation:flap .07s linear infinite alternate}
#flyguy .wing.wr{animation-delay:.035s}
@keyframes flap{from{transform:scaleY(.35) rotate(-6deg)}to{transform:scaleY(1) rotate(6deg)}}
#flybubble{position:absolute;left:0;top:0;z-index:41;pointer-events:none;opacity:0;transition:opacity .2s;
  background:#f4f7ff;color:#1b2435;border-radius:12px;padding:3px 10px;font:600 13px/1.1 ui-monospace,monospace;
  box-shadow:0 3px 8px rgba(0,0,0,.5)}
#flybubble::after{content:"";position:absolute;left:8px;bottom:-5px;width:8px;height:8px;
  background:#f4f7ff;border-radius:50%}
#flybubble span{animation:dots 1.1s steps(4,end) infinite}
@keyframes dots{0%{opacity:.35}50%{opacity:1}100%{opacity:.35}}
#flycarry{position:absolute;left:0;top:0;z-index:39;pointer-events:none;opacity:0;
  will-change:transform;background:none}
#boardstage>#flyguy,#boardstage>#flybubble,#boardstage>#flycarry,#boardstage>.puff{
  pointer-events:none!important;background-color:transparent}
.puff{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;
  background:rgba(255,255,255,.85);pointer-events:none;z-index:38;animation:puffout .6s ease-out forwards}
.puff.hit{background:rgba(255,120,90,.9)} .puff.gold{background:rgba(255,196,71,.95)}
@keyframes puffout{to{transform:scale(7);opacity:0}}
#skipfly{position:absolute;right:6px;top:6px;z-index:42;display:none}
#boardwrap{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 4px 26px rgba(0,0,0,.5);
  position:relative;touch-action:none;user-select:none}
.bd{position:relative}
.bd-sq{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}
.bd-pc{position:absolute;inset:0;pointer-events:none}
.bd .sq{position:relative}
.bd .sq.lt{background:#c9ba9e} .bd .sq.dk{background:#7a6a53}
.bd .sq.last{box-shadow:inset 0 0 0 100px rgba(255,196,71,.30)}
.bd .sq.sel{box-shadow:inset 0 0 0 100px rgba(60,160,225,.42)}
.bd .sq.chk{background:radial-gradient(ellipse at center,#ff4a3d 0%,#d0201a 28%,rgba(160,0,0,0) 72%)}
.bd .sq.dest::after{content:"";position:absolute;left:50%;top:50%;width:30%;height:30%;
  transform:translate(-50%,-50%);border-radius:50%;background:rgba(30,140,200,.55)}
.bd .sq.dest.cap::after{width:88%;height:88%;background:none;border:5px solid rgba(30,140,200,.55)}
.bd .sq .cr,.bd .sq .cf{position:absolute;font:700 9px/1 ui-monospace,monospace;color:rgba(0,0,0,.42);font-style:normal}
.bd .sq .cr{left:2px;top:2px} .bd .sq .cf{right:3px;bottom:2px}
.bd .sq.dk .cr,.bd .sq.dk .cf{color:rgba(255,255,255,.45)}
.bd .pc{position:absolute;left:0;top:0;background-size:88%;background-repeat:no-repeat;background-position:center;
  pointer-events:none;transition:transform .14s ease-out;will-change:transform;z-index:2}
.bd .pc.drag{transition:none;z-index:9;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}
.capbar{display:flex;align-items:center;gap:2px;min-height:24px}
.capbar .adv{font:600 12px/1 ui-monospace,monospace;color:var(--gold);margin-left:6px}
.capbar .who{font:600 10.5px/1 ui-sans-serif;letter-spacing:1px;color:var(--dim);width:38px;flex:none}
.cpc{width:19px;height:19px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;opacity:.92}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
button{background:#1a2334;color:var(--ink);border:1px solid #2b3a55;border-radius:8px;padding:7px 13px;font-size:13px;cursor:pointer}
button:hover{background:#222f47} button:disabled{opacity:.4;cursor:default}
button.pri{background:#1d4f7a;border-color:#2a6fa8}
button.on{background:#2a6fa8;border-color:#4f9ad4}
button.sm{padding:4px 9px;font-size:12px}
#status{margin-top:10px;font-size:13px;min-height:22px}
#status .big{font-size:15px;font-weight:600}
#flyline{margin-top:6px;font-size:12.5px;color:#9fb0cb;min-height:18px;font-family:ui-monospace,monospace}
.moves{max-height:160px;overflow:auto;font-family:ui-monospace,monospace;font-size:12.5px;color:#b9c6dd;
  background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px;margin-top:10px}
.moves table{border-collapse:collapse;width:100%}
.moves td{padding:1px 4px} .moves td.n{color:var(--dim);width:28px;text-align:right}
.moves td.f{color:var(--gold)} .moves .dim{color:var(--dim)}
.over{margin-top:10px;padding:9px 12px;border-radius:9px;background:#22182c;border:1px solid #43305a;font-size:13.5px}
.over b{color:var(--gold)}

#atlaswrap{position:relative}
#atlas{display:block;width:100%;border-radius:9px;background:#05080e}
.alab{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);margin:8px 2px 0}
.alab b{color:#b9c6dd}
.scrub{display:flex;align-items:center;gap:10px;margin-top:11px}
.scrub input[type=range]{flex:1;accent-color:var(--accent)}
.scrub .lb{font:11px/1 ui-monospace,monospace;color:var(--dim);min-width:112px}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (max-width:900px){.grid2,.grid3,.grid4{grid-template-columns:1fr 1fr}}
.metric{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px 11px}
.metric .k{font-size:10.5px;letter-spacing:.9px;text-transform:uppercase;color:var(--dim)}
.metric .v{font-family:ui-monospace,monospace;font-size:18px;margin-top:2px}
.metric .s{font-size:11px;color:var(--dim);font-family:ui-monospace,monospace}
canvas.chart{display:block;width:100%;background:#080d15;border-radius:6px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:1px}
.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11.5px;color:var(--dim);margin-top:8px;line-height:1.5}
.legend b{color:#b9c6dd}
.cand{display:grid;grid-template-columns:26px 70px 1fr 52px;gap:8px;align-items:center;padding:3px 0;font-size:13px}
.cand .rk{font-family:ui-monospace,monospace;font-size:11px;color:var(--dim);text-align:right}
.cand .mv{font-family:ui-monospace,monospace;font-weight:600}
.cand .bar{height:13px;background:#131b2a;border-radius:6px;overflow:hidden}
.cand .bar i{display:block;height:100%;background:linear-gradient(90deg,#2b6fa0,#5ad1ff);width:0}
.cand .pv{font-family:ui-monospace,monospace;font-size:12px;color:#9fb0cb;text-align:right}
.cand.lead .mv{color:var(--gold)} .cand.lead .bar i{background:linear-gradient(90deg,#a97a13,#ffc447)}
.lamp{display:flex;align-items:center;gap:13px}
.lamp .bulb{width:44px;height:44px;border-radius:50%;background:#241422;border:2px solid #40203a;flex:none}
.lamp .bulb.on{background:var(--dan);border-color:#ffb8db;box-shadow:0 0 28px rgba(255,122,182,.8)}
.lamp .t{font-size:12px;color:var(--dim)}
.lamp .t b{color:var(--ink);font-family:ui-monospace,monospace;font-size:16px;display:block}
svg.mech{width:100%;height:96px;display:block;margin-top:8px}
svg.mech text{font:10px ui-monospace,monospace;fill:#9fb0cb}
svg.mech .box{fill:#151f2e;stroke:#2b3a54}
svg.mech .gate{stroke:#4a2b3c;stroke-width:2.5;fill:none}
svg.mech.fire .gate{stroke:var(--dan);filter:drop-shadow(0 0 6px rgba(255,122,182,.8))}
svg.mech.fire .danbox{stroke:var(--dan);fill:#2a1521}
.hemi{display:grid;grid-template-columns:1fr 56px 1fr;gap:8px;align-items:center;margin-top:7px}
.hemi .hb{height:15px;background:#131b2a;border-radius:4px;overflow:hidden;display:flex}
.hemi .hb.L{justify-content:flex-end}
.hemi .hb i{display:block;height:100%;width:0}
.hemi .hb.L i{background:linear-gradient(90deg,#2b6fa0,#5ad1ff)}
.hemi .hb.R i{background:linear-gradient(90deg,#ff7ab6,#a13d6d)}
.hemi .mid{text-align:center;font-size:11px;color:var(--dim);font-family:ui-monospace,monospace}
table.fact{width:100%;border-collapse:collapse;font-size:12.5px}
table.fact td{padding:3px 0;vertical-align:top;border-bottom:1px solid #18202f}
table.fact td:first-child{color:var(--dim);width:46%}
table.fact td:last-child{font-family:ui-monospace,monospace}
.note{font-size:12.5px;color:#9fb0cb;line-height:1.65}
.note b{color:var(--ink)} .note p{margin:.2em 0 .75em}
.small{font-size:11.5px;color:#75839b}
.warn{color:var(--warn)} .ok{color:var(--good)}
.cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:4px}
.cell{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px 11px}
.cell .h{font-size:12px;font-weight:600}
.cell .d{font-size:11.5px;color:var(--dim);margin-top:3px;line-height:1.5}
.promo{position:fixed;inset:0;background:rgba(4,7,12,.8);display:flex;align-items:center;justify-content:center;z-index:99}
.promo .box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 22px;text-align:center}
.promo .pcs{display:flex;gap:10px;margin-top:14px}
.promo .pcs div{width:64px;height:64px;background:#1a2334;border-radius:9px;cursor:pointer;
  background-size:82%;background-position:center;background-repeat:no-repeat}
.promo .pcs div:hover{background-color:#2a6fa8}
#loader{position:fixed;inset:0;z-index:200;background:rgba(5,8,14,.94);display:flex;align-items:center;justify-content:center}
#loader .box{width:min(520px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 22px}
#loader h3{margin:0 0 6px;font-size:16px} #loader .sub{color:var(--dim);font-size:12.5px}
#loader .pbar{height:12px;background:#131b2a;border-radius:6px;overflow:hidden;margin:14px 0 6px}
#loader .pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2b6fa0,#5ad1ff);transition:width .15s}
#loader .pl{font:12px ui-monospace,monospace;color:#9fb0cb}
#loader.err .pbar{display:none} #loader.err h3{color:var(--warn)}
footer{padding:14px 22px 26px;border-top:1px solid var(--line);color:#75839b;font-size:11.5px;line-height:1.7}
footer b{color:#9fb0cb}
.ob{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:2px;
  padding:2px;background:#0e3b21}
.ob .osq{position:relative;background:#2b8a50}
.ob .osq.can{cursor:pointer}
.ob .osq.can:hover{background:#34985b}
.ob .osq .hint{position:absolute;left:50%;top:50%;width:24%;height:24%;transform:translate(-50%,-50%);border-radius:50%;
  background:rgba(0,0,0,.26)}
.ob .osq .disc{position:absolute;inset:9%;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.45)}
.ob .osq .lastmark{position:absolute;left:50%;top:50%;width:13%;height:13%;transform:translate(-50%,-50%);border-radius:50%;
  background:#ff5a4a;z-index:2}
.ob .osq .cr,.ob .osq .cf{position:absolute;font:700 9px/1 ui-monospace,monospace;color:rgba(255,255,255,.55);z-index:3}
.ob .osq .cr{left:2px;top:2px} .ob .osq .cf{right:3px;bottom:2px}
.disc.b{background:radial-gradient(circle at 35% 30%,#5a606b,#101318 70%)}
.disc.w{background:radial-gradient(circle at 35% 30%,#ffffff,#d3d8e0 70%)}
.disc.flip{animation:dflip .24s ease-in-out}
@keyframes dflip{0%{transform:scaleX(1)}50%{transform:scaleX(.06)}100%{transform:scaleX(1)}}
.cdisc{display:inline-block;width:16px;height:16px;border-radius:50%;margin-right:6px;vertical-align:-3px}
.capbar .cnt{font:600 13px/1 ui-monospace,monospace;color:var(--ink)}
.chooser{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;padding:22px;max-width:1080px;margin:0 auto}
.gamecard{display:block;text-decoration:none;color:var(--ink);background:var(--panel);border:1px solid var(--line);
  border-radius:14px;padding:18px;transition:border-color .15s,transform .15s}
.gamecard:hover{border-color:#4f9ad4;transform:translateY(-2px)}
.gamecard h2{margin:0 0 4px;font-size:22px}
.gamecard .tl{color:var(--gold);font-weight:600;margin-bottom:12px}
.gamecard .pic{aspect-ratio:1.7;border-radius:10px;margin-bottom:12px}
.gamecard .pic.chess{background:repeating-conic-gradient(#c9ba9e 0 25%,#7a6a53 0 50%) 0 0/25% 40%}
.gamecard .pic.oth{background:#2b8a50;position:relative}
.gamecard .pic.oth i{position:absolute;width:15%;aspect-ratio:1;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.45)}
.gamecard .d{color:var(--dim);font-size:13px;line-height:1.6}
.gamecard .go{margin-top:12px;display:inline-block;background:#1d4f7a;border:1px solid #2a6fa8;border-radius:8px;
  padding:7px 13px;font-size:13px}
.regions{display:grid;gap:8px;margin-top:6px}
.region{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:9px 12px;border-radius:9px;
  background:#0f1726;border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit}
.region b{font-size:14px}
.region .rd{font-size:12px;color:var(--dim);line-height:1.45}
.region .rs{font-size:11.5px;color:#9fb0cb;font-family:ui-monospace,monospace}
.region.on{border-color:#4f9ad4;background:#122238;box-shadow:inset 3px 0 0 var(--gold)}
.region:disabled{opacity:.5;cursor:not-allowed}
#picker:not([hidden]){position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;
  background:rgba(4,7,12,.82);overflow-y:auto;padding:28px 16px}
#picker .pbox{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;max-width:960px;width:100%}
#picker h3{margin:0 0 6px;font-size:20px}
#picker .sub{color:var(--dim);font-size:13px;line-height:1.55;margin-bottom:14px}
#picker .pl{color:#ff9a8a;font-size:13px;margin-top:8px}
.picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.pick{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:12px;border-radius:11px;
  background:#0f1726;border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit}
.pick:hover{border-color:#4f9ad4;background:#122238}
.pick:disabled{opacity:.5;cursor:not-allowed}
.pick img{width:100%;height:auto;border-radius:8px;background:#05080e;margin-bottom:4px}
.pick b{font-size:16px}
.pick .rd{font-size:12.5px;color:var(--dim);line-height:1.45}
.pick .rs{font-size:11.5px;color:#9fb0cb;font-family:ui-monospace,monospace;line-height:1.45}
.pick .sz{font-size:12.5px;color:var(--gold);font-weight:600;margin-top:2px}
.store{font-size:12px;color:var(--dim);margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.regions[aria-busy="true"] .region{opacity:.6;pointer-events:none}
.pick .tg{font-size:12.5px;color:var(--gold);font-style:italic;margin-top:-2px}
header{position:relative}
.langs{position:absolute;top:16px;right:22px;font-size:13px;color:var(--dim)}
.langs a{color:var(--dim);text-decoration:none;padding:2px 4px;border-radius:5px}
.langs a[aria-current]{color:var(--ink);font-weight:600}
.langs a.pref{box-shadow:inset 0 0 0 1px var(--gold)}
.claim-en{display:block;font-size:11.5px;font-weight:400;color:var(--dim);margin-top:2px}
:lang(zh-Hant-TW) body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","PingFang TC","Noto Sans TC","Noto Sans CJK TC","Microsoft JhengHei",sans-serif}
.gamecard .pic.pong{background:#05080e;position:relative;border:1px solid var(--line)}
.gamecard .pic.pong::after{content:"";position:absolute;left:50%;top:6%;bottom:6%;border-left:2px dashed #1d2a3f}
.gamecard .pic.pong i{position:absolute;display:block}
.gamecard .pic.pong .pd{width:3%;height:26%;border-radius:3px}
.gamecard .pic.pong .pd.l{left:5%;top:30%;background:var(--gold)} .gamecard .pic.pong .pd.r{right:5%;top:48%;background:var(--accent)}
.gamecard .pic.pong .bl{width:4%;aspect-ratio:1;border-radius:50%;background:#f4f7ff;left:30%;top:40%}
#court{display:block;width:100%;height:100%;touch-action:none;cursor:ns-resize}
.score{display:flex;justify-content:space-between;align-items:center;font:600 13px/1 ui-monospace,monospace;color:var(--dim);margin:2px 2px 8px}
.score b{font-size:22px;color:var(--ink)} .score .fly b{color:var(--gold)} .score .you b{color:var(--accent)}
.act{display:grid;grid-template-columns:62px 1fr 52px;gap:8px;align-items:center;padding:3px 0;font:13px ui-monospace,monospace}
.act .bar{height:13px;background:#131b2a;border-radius:6px;overflow:hidden}
.act .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2b6fa0,#5ad1ff)}
.act.on{color:var(--gold)} .act.on .bar i{background:linear-gradient(90deg,#a97a13,#ffc447)}
.act .pv{text-align:right;color:#9fb0cb;font-size:12px}
#rogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14px,1fr));gap:3px;margin-top:10px}
#rogrid i{display:block;aspect-ratio:1;border-radius:3px;border:1px solid transparent}
#rogrid i.on{border-color:#fff;box-shadow:0 0 6px rgba(255,196,71,.9)}
.rt{font:12px ui-monospace,monospace;color:#9fb0cb;margin-top:6px}
.rt .warn{font-weight:600}
#boardwrap.pongcourt{aspect-ratio:auto}
@media (max-width:600px){
  .phonegrid{padding-left:0;padding-right:0;grid-template-columns:1fr 1fr;gap:8px}
  .phonegrid>#colBoard,.phonegrid>#colSide,.phonegrid>#colNotes{display:contents}
  .phonegrid #colSide>#atlasCard{grid-column:1;order:1;margin-bottom:0}
  .phonegrid #colSide>.card[data-side="command"]{grid-column:2;order:1;margin-bottom:0}
  .phonegrid #colBoard>.card{grid-column:1/-1;order:2;margin-bottom:0;border-radius:0;border-left:0;border-right:0}
  .phonegrid #colSide>.card[data-side="picker"]{grid-column:1/-1;order:3}
  .phonegrid #colSide>.card{grid-column:1/-1;order:4}
  .phonegrid #colNotes>.card{grid-column:1/-1;order:4}
  .phonegrid .phonehide{display:none}
  body.gamepage header .attrib,body.gamepage header .claim,body.gamepage header .byline{display:none}
  body.gamepage header{padding-bottom:8px}
  .phonegrid .card[data-side="command"] #rogrid{max-height:132px;overflow-y:auto;overscroll-behavior:contain}
  .phonegrid #atlasCard .scrub,.phonegrid #atlasCard .alab{display:none}
  .phonegrid #atlasCard .legend{display:none}
  .phonegrid #atlasCard h2 .sm{display:none}
  .phonegrid #atlasCard,.phonegrid .card[data-side="command"]{padding:8px}
  .phonegrid .card[data-side="command"]>.legend{display:none}
}
.gamecard .pic.eye{background:radial-gradient(circle at 38% 34%,#e2452f 0%,#8f2a1d 42%,#0a1420 72%);position:relative;overflow:hidden}
.gamecard .pic.eye .omm{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(5,10,16,.85) 1.6px,transparent 1.7px);background-size:9px 9px}