*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html,body{margin:0;height:100%;overflow:hidden;background:#0c0f16;color:#eef4ff;font:14px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;overscroll-behavior:none;touch-action:manipulation}
body{position:fixed;inset:0}
#app{position:absolute;inset:0;display:flex;flex-direction:column;gap:5px;max-width:520px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 5px) calc(env(safe-area-inset-right) + 7px) calc(env(safe-area-inset-bottom) + 6px) calc(env(safe-area-inset-left) + 7px)}
button{font:inherit;color:inherit;border:0;border-radius:12px;background:#1d2636;touch-action:manipulation;cursor:pointer}
button:active{transform:scale(.96)}
#top{display:flex;align-items:center;gap:8px}
.bar{position:relative;flex:1;height:20px;border-radius:10px;background:#06080d;overflow:hidden;border:1px solid #2a3344}
.bar.small{height:16px}
.bar .fill{position:absolute;inset:0;transform-origin:left;transition:transform .2s}
.bar.red .fill{background:linear-gradient(90deg,#a3203a,#ff4d6a)}
.bar.blue .fill{background:linear-gradient(90deg,#1661c2,#3fd2ff)}
.bar span{position:relative;display:block;text-align:center;font-weight:700;font-size:11px;line-height:18px;text-shadow:0 1px 2px #000}
.bar.small span{line-height:14px;font-size:11px}
#clock{display:flex;flex-direction:column;align-items:center;min-width:66px}
#time{font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}
#phase{font-size:11px;font-weight:800;letter-spacing:.06em;color:#9fb0c8}
#phase.overdrive{color:#ffb340}#phase.meltdown{color:#ff4d6a;animation:blink 1s infinite}
@keyframes blink{50%{opacity:.35}}
#pauseBtn{width:36px;height:32px;font-weight:900}
.bay{border-radius:12px;padding:4px 7px 5px;border:1px solid}
.bay.red{background:#1c0f14;border-color:#5a2030}
.bay.blue{background:#0d1626;border-color:#1f4170}
.bayHead{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap;overflow:hidden}
.bay.red b{color:#ff6b84;letter-spacing:.07em}.bay.blue b{color:#5cc8ff;letter-spacing:.07em}
.bayHead span{font-weight:700;font-variant-numeric:tabular-nums}
.surge{color:#ffe08a}
.state{margin-left:auto;font-weight:900!important;letter-spacing:.04em}
.state.warn{color:#fff;background:#d4243f;padding:1px 6px;border-radius:6px;animation:blink .25s infinite}
.state.vent{color:#ffb340;animation:blink .5s infinite}
.state.seal{color:#8896ad}
.bayRow{display:flex;align-items:center;gap:6px;margin-top:3px}
.meter{flex:1;height:8px;border-radius:4px;background:#06080d;overflow:hidden;min-width:50px}
.meter .fill{height:100%;width:0;transition:width .2s}
.red .meter .fill{background:#ff4d6a}.blue .meter .fill{background:#3fd2ff}
.meter .fill.full{background:#ffb340!important}
.chips{display:flex;gap:4px}
.chip{display:flex;align-items:center;gap:2px;background:#ffffff0d;border-radius:8px;padding:1px 5px 1px 1px;border:2px solid transparent;min-width:52px}
.chip img{width:26px;height:26px}
.chip .n{font-weight:900;font-size:15px;font-variant-numeric:tabular-nums}
.chip.zero{opacity:.3}
.chip.top{border-color:#ff4d6a;background:#ff4d6a22}
.buildLine{font-size:11px;color:#c99aa6;margin-top:2px}
#laneWrap{position:relative;flex:1;min-height:140px;border-radius:12px;overflow:hidden;background:#b8874f}
#lane{position:absolute;inset:0;width:100%;height:100%;display:block}
#banner{position:absolute;left:0;right:0;top:42%;text-align:center;font-weight:900;font-size:24px;letter-spacing:.05em;text-shadow:0 2px 8px #000,0 0 2px #000;opacity:0;transition:opacity .3s;pointer-events:none}
#banner.show{opacity:1}
#toast{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);background:#000b;padding:5px 10px;border-radius:10px;font-weight:700;font-size:12px;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap}
#toast.show{opacity:1}
#eco{display:flex;align-items:center;gap:8px}
#credits{font-weight:900;font-size:20px;color:#7ff0ff;font-variant-numeric:tabular-nums;min-width:46px}
#credits::after{content:" cr";font-size:11px;color:#7fb5c8}
#rate{font-size:11px;color:#9fd9e8;font-weight:700;min-width:42px}
#rate.paused{color:#ffb340}
#cycleTxt{font-size:11px;color:#9fb0c8;min-width:76px}
#cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.card{position:relative;display:flex;align-items:center;gap:3px;text-align:left;padding:4px 4px 16px;min-height:64px;background:#152036;border:2px solid #24406a;overflow:hidden}
.card .figWrap{position:relative;flex:none;width:42px;height:42px}
.card img.fig{width:42px;height:42px}
.card .own{position:absolute;left:-2px;bottom:-4px;font-weight:900;font-size:12px;background:#060a12;border:1px solid #3a5a8c;border-radius:7px;padding:0 4px}
.card .txt{display:flex;flex-direction:column;min-width:0}
.card .nm{font-weight:800;font-size:13px;white-space:nowrap}
.card .cls{font-size:11px;font-weight:800;letter-spacing:.02em;color:#8fb0d8}
.card .cost{font-weight:800;color:#7ff0ff;font-size:12px}
.card .beats{position:absolute;bottom:1px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:2px;font-size:11px;color:#9fe3b6}
.card .beats img{width:15px;height:15px}
.card.poor{opacity:.5}
.card.flash{animation:flash .3s}
@keyframes flash{0%{background:#1f6a4a}100%{background:#152036}}
body.selling .card{border-color:#ff4d6a;background:#3a1420}
body.selling #sellBtn{background:#c42440}
#ups{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#ups button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40px;padding:2px}
#ups b{font-size:12px}#ups span{font-size:11px;color:#7ff0ff;font-weight:700}
#ups button.poor{opacity:.5}
#doorBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;border-radius:31px;background:linear-gradient(180deg,#1b6fd8,#0f4a9c);border:2px solid #57c6ff;box-shadow:0 0 calc(6px + var(--glow,0) * 30px) rgba(80,200,255,calc(.3 + var(--glow,0)))}
#doorBtn b{font-size:20px;font-weight:900;letter-spacing:.08em}
#doorBtn span{font-size:12px;font-weight:700;color:#cfeeff}
#doorBtn.disabled{background:#1d2636;border-color:#33415a;box-shadow:none}
#doorBtn.warn{background:#d4243f;border-color:#ff9db0;animation:blink .25s infinite}
#doorBtn.vent{border-color:#ffb340;background:linear-gradient(180deg,#d07a10,#8f4c00)}
.overlay{position:fixed;inset:0;background:#05070ce8;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 10px);z-index:10}
.overlay.hidden{display:none}
.panel{background:#121a28;border:1px solid #2a3a58;border-radius:18px;padding:14px 14px 12px;max-width:420px;width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.panel h1{margin:0;font-size:28px;text-align:center;letter-spacing:.04em}
.panel .sub{margin:2px 0 4px;text-align:center;color:#9fb0c8;font-size:12px}
.panel ol{margin:5px 0;padding-left:20px}.panel li{margin:5px 0;font-size:13.5px}
.note{font-size:12px;color:#b8c6dc;margin:2px 0;text-align:center}
#chart{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap;margin:2px 0;font-weight:800;font-size:11px}
#chart .u{display:flex;flex-direction:column;align-items:center}
#chart img{width:42px;height:42px}
.big{display:block;width:100%;margin-top:9px;padding:13px;font-size:18px;font-weight:900;background:#1b6fd8}
.big.ghost{background:#1d2636}
#endTitle.win{color:#5cf0b0}#endTitle.lose{color:#ff6b84}
#endReason{text-align:center;color:#c6d4ea}
#endStats{font-size:13px;color:#c6d4ea;text-align:center;line-height:1.6}
@media (max-height:620px){.buildLine{display:none}#ups button{min-height:34px}#doorBtn{min-height:52px}#doorBtn b{font-size:17px}.card{min-height:56px}.card img.fig,.card .figWrap{width:34px;height:34px}.bay{padding:3px 6px}.chip img{width:20px;height:20px}#app{gap:4px}}
.panel .tag{margin:2px 0 0;text-align:center;color:#7fd0ff;font-weight:800;letter-spacing:.08em;font-size:13px}
#uplinkTxt{font-size:11px;font-weight:800;color:#ffe08a;white-space:nowrap}
#uplinkTxt.p{color:#3fd2ff}#uplinkTxt.e{color:#ff6b84}#uplinkTxt.contested{color:#fff;animation:blink .4s infinite}
#doorBtn{position:relative}
#doorTag{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:900;color:#fff7c2}
#eco{flex-wrap:nowrap}#eco .bar{min-width:70px}

#endWhy{font-weight:800;color:#ffd770;margin:6px 0 10px;line-height:1.3;font-size:16px}

.diffLbl{margin-top:8px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9fb0c8}
#diffSel{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}
#diffSel button{padding:9px 2px;font-size:13px;font-weight:800;background:#1d2636;color:#c9d6e8;border-radius:10px}
#diffSel button.on{background:#ffd770;color:#1a1300}

.panelFoot{position:sticky;bottom:-12px;margin:0 -14px -12px;padding:10px 14px 12px;background:linear-gradient(rgba(18,26,40,0),#121a28 12px)}
@media (max-height:620px){#help .panel h1{font-size:23px}#help .panel li{margin:2px 0;font-size:12.5px}#help .panel .note{font-size:11px;margin:2px 0}#diffSel button{padding:7px 2px}}

#muteBtn{width:36px;height:32px;font-size:15px;padding:0}
#ovMute{position:fixed;top:calc(env(safe-area-inset-top) + 8px);right:10px;z-index:40;width:40px;height:36px;font-size:17px;padding:0;border-radius:10px;background:#1d2636;border:1px solid #2a3a58;display:none}
body:not(.inMatch) #ovMute{display:block}
body:not(.inMatch) .overlay{padding-top:calc(env(safe-area-inset-top) + 50px)}

/* ---- v5 campaign ---- */
.link{background:none;padding:4px 2px;color:#7fd0ff;font-weight:800;font-size:13px}
.mNo{margin:0;text-align:center;font-size:12px;font-weight:800;letter-spacing:.1em;color:#9fb0c8}
.newTag{margin:4px 0;text-align:center;color:#5cf0b0;font-weight:800;font-size:13px}
.newTag:empty{display:none}
.foe{display:flex;align-items:center;gap:8px;background:#1c0f14;border:1px solid #5a2030;border-radius:12px;padding:8px;margin:8px 0}
.foe .por{font-size:26px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#3a1420;border-radius:50%}
.foe .fw{flex:1;min-width:0}.foe b{color:#ff8a9e}.foe small{display:block;color:#c99aa6;font-size:11px;margin-top:2px}
.foe .lo{display:flex;gap:2px}.foe .lo img{width:30px;height:30px}
.goalsHd{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9fb0c8;margin-top:6px}
.goals{list-style:none;margin:4px 0;padding:0}
.goals li{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:4px 0;background:#ffffff08;border-radius:10px;font-size:14px;font-weight:700}
.goals li .st{font-size:18px;color:#3a4558}.goals li.got .st{color:#ffd770}
.starRow{text-align:center;font-size:40px;letter-spacing:6px;color:#3a4558;margin:2px 0}.starRow .on{color:#ffd770;text-shadow:0 0 12px #ffb340}
#mEndTitle.win{color:#5cf0b0}#mEndTitle.lose{color:#ff6b84}
#mEndWhy{font-weight:800;color:#ffd770;margin:6px 0 4px;line-height:1.3;font-size:15px;text-align:center}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row2 .big{margin-top:8px;font-size:16px;padding:11px}
.diffs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}
.diffs button{padding:9px 2px;font-size:13px;font-weight:800;background:#1d2636;color:#c9d6e8;border-radius:10px}
.diffs button.on{background:#ffd770;color:#1a1300}
#mapList{position:relative;margin:8px 0 4px;padding-left:4px}
#mapList::before{content:"";position:absolute;left:27px;top:24px;bottom:24px;width:3px;background:#2a3a58;border-radius:2px}
.node{position:relative;display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px 8px 7px 4px;margin:5px 0;background:#152036;border:2px solid #24406a;border-radius:14px}
.node .dot{flex:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;background:#1b6fd8;border:3px solid #0c0f16;z-index:1}
.node .nt{flex:1;min-width:0}.node .nn{font-weight:900;font-size:15px}.node .nd{font-size:11px;color:#9fb0c8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.node .ns{font-size:15px;color:#3a4558;letter-spacing:1px;white-space:nowrap}.node .ns .on{color:#ffd770}
.node.cleared .dot{background:#1f8a5a}
.node.next{border-color:#57c6ff;box-shadow:0 0 14px #3fd2ff55}.node.next .dot{animation:pulse 1.4s infinite}
.node.locked{opacity:.45;border-color:#2a3344;background:#121a28}.node.locked .dot{background:#2a3344}
.node.boss .dot{background:#a3203a}
@keyframes pulse{50%{box-shadow:0 0 0 6px #3fd2ff44}}
#hint{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);background:#ffd770;color:#1a1300;padding:7px 14px;border-radius:14px;font-weight:900;font-size:15px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none;box-shadow:0 4px 14px #000a}
#hint.show{opacity:1;animation:bob 1.2s ease-in-out infinite}
#hint::after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:#ffd770}
@keyframes bob{50%{transform:translate(-50%,-4px)}}
#doorBtn.pulse{animation:doorPulse 1s infinite}
@keyframes doorPulse{50%{box-shadow:0 0 30px #3fd2ff;transform:scale(1.03)}}
.card.counter{border-color:#5cf0b0;box-shadow:0 0 12px #5cf0b088}
.card.counter::after{content:"▲ COUNTER";position:absolute;top:-8px;right:6px;font-size:11px;font-weight:900;color:#5cf0b0;letter-spacing:.04em;background:#0b1220;padding:1px 5px;border-radius:5px;border:1px solid #2fbf86}
body.hideCards #cards{display:none}
body.hideUps #ups .up{display:none}
body.hideSell #sellBtn{display:none}
body.hideUps.hideSell #ups{display:none}
body.hideEbay #enemyBay{display:none}
body.hideMybay #myBay{display:none}
body.hideEco #credits,body.hideEco #rate,body.hideEco #cycleTxt{display:none}
body.hideUps:not(.hideSell) #ups{grid-template-columns:1fr}

/* v6: map title + star total stay pinned while the node list scrolls; bay header never wraps on narrow phones */
.mapHead{position:sticky;top:-14px;z-index:3;margin:-14px -14px 0;padding:12px 14px 6px;background:linear-gradient(#121a28 85%,rgba(18,26,40,0));border-radius:18px 18px 0 0}
@media (max-width:380px){.bayHead{gap:5px;font-size:11px}.bay.red b,.bay.blue b{letter-spacing:.03em}}
#map .panelFoot{z-index:3}
.card.counter{overflow:visible}
html,body{touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%}canvas{touch-action:none}
#resetBtn{color:#ff9aa8}#resetBtn.armed{background:#d4243f;color:#fff}
.card.sellme{overflow:visible;border-color:#d4515f}.card.sellme::after{content:"▼ SELL?";position:absolute;top:-8px;right:6px;font-size:11px;font-weight:900;color:#ff9aa8;letter-spacing:.02em;background:#1c0f14;padding:1px 5px;border-radius:5px;border:1px solid #d4515f}
/* v7 tap targets: every control reaches 44 px. Header buttons keep their look but get a 44x44 hit area (::before), so the lane doesn't shrink on SE */
#muteBtn,#pauseBtn{position:relative}
#muteBtn::before,#pauseBtn::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
#ovMute{width:44px;height:44px}
.link{min-height:44px;min-width:44px;padding:4px 6px}
.diffs button,#diffSel button{min-height:44px}
.row2 .big{min-height:44px}
#ups button,body.hideUps:not(.hideSell) #sellBtn{min-height:44px}
@media (max-height:620px){#ups button{min-height:44px}}
#chart small{font-size:11px;opacity:.8}
/* v7 perf: the lane background and the Overdrive/Meltdown tint live in their own layers (composited), so the game canvas only redraws units, doors and fx */
#laneBg{position:absolute;inset:0;width:100%;height:100%;display:block}
#laneTint{position:absolute;inset:0;pointer-events:none;opacity:0;background:#ff283c}
#laneTint.overdrive{opacity:.05;background:#ffaa28}
#laneTint.meltdown{animation:meltPulse .63s ease-in-out infinite alternate}
@keyframes meltPulse{from{opacity:.02}to{opacity:.12}}
/* v8 playtest log fallback box (text selection is allowed only here) */
#logOv{z-index:60}
#logTxt{width:100%;height:42vh;margin:8px 0;background:#0b1018;color:#cfe3ff;border:1px solid #2a3850;border-radius:10px;font:11px/1.35 ui-monospace,Menlo,monospace;padding:8px;-webkit-user-select:text;user-select:text;resize:none}
#pause .panel{max-height:calc(100% - 16px);overflow-y:auto}
#pause .big{padding:11px;font-size:17px;margin-top:8px}
/* ---------- v8 presentation pass: key art, logo, commander portrait, card finish ---------- */
.panel{background:linear-gradient(180deg,#16213a 0%,#111a2b 40%,#0e1522 100%);box-shadow:0 14px 44px #000b,inset 0 1px 0 #ffffff17}
#map,#help{background:linear-gradient(#05070ca8,#05070cd8),url(art/keyart.webp) center/cover #05070c}
.hero{position:relative;margin:-14px -14px 6px;padding:14px 14px 10px;border-radius:18px 18px 0 0;overflow:hidden;
  background:linear-gradient(180deg,rgba(14,21,34,.15) 0%,rgba(14,21,34,.55) 55%,#121b2c 100%),url(art/keyart.webp) center 46%/cover}
.mapHead.hero{background:linear-gradient(180deg,rgba(14,21,34,.1) 0%,rgba(14,21,34,.55) 60%,#131c2e 100%),url(art/keyart.webp) center 46%/cover;padding-top:16px}
.heroHelp{margin-top:0;border-radius:14px;padding:16px 10px 8px}
.logo{font-size:34px!important;line-height:1;text-transform:uppercase;letter-spacing:.06em!important;color:#fff;
  text-shadow:0 2px 0 #0a3a6e,0 0 18px #3fd2ffaa,0 3px 12px #000}
.logo span{display:block;margin-top:4px;font-size:13px;letter-spacing:.42em;color:#ffd770;text-shadow:0 0 10px #ffb34099,0 2px 6px #000}
.hero .tag{text-shadow:0 1px 6px #000}.hero .sub{color:#d6e2f2;text-shadow:0 1px 4px #000}
/* briefing: commander card */
.foe{position:relative;background:linear-gradient(90deg,#3a1220,#1c0f14 70%);border-color:#7a2a3c}
.foe .por{overflow:hidden;box-shadow:0 0 0 2px #ff4d6a,0 0 12px #ff4d6a88}
.foe .por img{width:100%;height:100%;object-fit:cover;display:block}
.foe.boss{padding:10px 8px;border-color:#ff4d6a;box-shadow:0 0 18px #ff4d6a44,inset 0 0 24px #ff4d6a22}
.foe.boss .por{width:68px;height:68px;box-shadow:0 0 0 3px #ff4d6a,0 0 18px #ff4d6acc}
.foe.boss b{font-size:18px}
.bossTag{position:absolute;top:-9px;left:12px;background:#ff4d6a;color:#1a0408;font-size:11px;font-weight:900;letter-spacing:.14em;padding:2px 8px;border-radius:6px;box-shadow:0 2px 8px #000a}
/* end card */
.endHero{padding-bottom:6px}
.endHero.win{background:linear-gradient(180deg,rgba(10,40,30,.25),rgba(14,21,34,.7) 60%,#121b2c),url(art/keyart.webp) center 52%/cover}
.endHero.lose{background:linear-gradient(180deg,rgba(60,8,20,.45),rgba(14,21,34,.8) 60%,#121b2c),url(art/keyart.webp) center 30%/cover}
#mEndTitle{font-size:36px;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 3px 14px #000}
#mEndTitle.win{color:#7dffc4;text-shadow:0 0 18px #2bd88f99,0 3px 12px #000}
#mEndTitle.lose{color:#ff7b92;text-shadow:0 0 16px #ff2b5088,0 3px 12px #000}
#mEndFoe:empty{display:none}
#mEndFoe{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 0;font-size:12px;font-weight:800;color:#ffc2cc;text-shadow:0 1px 4px #000}
#mEndFoe img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #ff4d6a}
#mEndFoe img.beaten{filter:grayscale(1) brightness(.7);box-shadow:0 0 0 2px #6b7a90}
.goals li{background:linear-gradient(90deg,#ffffff0d,#ffffff05);border:1px solid #ffffff0a}
.goals li.got{border-color:#ffd77033}
.big{box-shadow:0 3px 0 #0a3d80,0 6px 16px #0007;transition:transform .08s}.big:active{transform:translateY(2px);box-shadow:0 1px 0 #0a3d80}
.big.ghost{box-shadow:0 2px 0 #0b111c}
@media (max-height:620px){.logo{font-size:28px!important}.foe.boss .por{width:56px;height:56px}#mEndTitle{font-size:30px}.hero{padding-top:10px}}
.mapHead.hero{position:sticky}
#map,#help{background:linear-gradient(#05070c70,#05070cc8 70%),url(art/keyart.webp) center/cover #05070c}
#map .panel,#help .panel{background:linear-gradient(180deg,#16213ae8 0%,#111a2bf0 40%,#0e1522f2 100%)}
#pause .big{min-height:44px}
/* v8.1: the boss briefing fits on SE (568 px) without scrolling: tighter goal rows, title and portrait under 620 px height */
@media (max-height:620px){#brief .goals li{padding:4px 8px;margin:3px 0;font-size:13.5px}#brief .panel h1{font-size:25px}#brief .foe{margin:6px 0}#brief .foe.boss{padding:7px 8px}.foe.boss .por{width:48px;height:48px}#brief .goalsHd{margin-top:4px}#brief .newTag{margin:2px 0}}