/* Syndicate: 1920s cartoon caper. Oxblood, teal and brass. */
@font-face{font-family:'Limelight';src:url('../fonts/limelight-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.sy-body{background:#14060d;margin:0;padding:0}
.sy{--ox:#2b0713;--ox2:#4a0f24;--ox3:#6b1f3a;--teal:#0b2c30;--teal2:#12474b;--brass:#d9b44a;--gold:#f0d27a;--cream:#f6ecd2;--mut:#cdbf9d;--bad:#ff9a82;--ok:#7fd0c2;
  display:flex;justify-content:center;padding:0 8px 8px;box-sizing:border-box;font-family:'Quicksand',sans-serif;color:var(--cream)}
.sy *{box-sizing:border-box}
.sy [hidden]{display:none!important}
.sy button{font-family:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.sy-stage{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:520px;border-radius:20px;background:var(--ox);border:2px solid var(--ox3);box-shadow:0 12px 40px rgba(0,0,0,.5)}

/* HUD */
.sy-hud{background:var(--teal);padding:0;border-bottom:2px solid var(--teal2);flex:none}
.sy-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sy-clock{text-align:center;line-height:1.1}.sy-clock b{display:block;font-family:'Limelight',serif;font-weight:400;font-size:20px;color:var(--gold)}.sy-clock small{font-size:11px;font-weight:700;color:#a9c9c6;letter-spacing:.06em}
.sy-ibs{display:flex;gap:6px}
.sy-ib{width:40px;height:40px;border-radius:12px;border:0;background:var(--ox2);display:flex;align-items:center;justify-content:center}
.sy-ib:disabled{opacity:.4}
.sy-money{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin-top:6px;align-items:end}
.sy-money small{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;color:#a9c9c6}
.sy-money b{font-family:'Limelight',serif;font-weight:400;font-size:24px;line-height:1.1}
.sy-money .mid{text-align:center}.sy-money .mid b{font-family:'Quicksand',sans-serif;font-weight:700;font-size:16px;color:var(--brass)}
.sy-money .rt{text-align:right}.sy-money .rt b{color:var(--gold)}
.sy-bars{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:10px;margin-top:8px}
.sy-bar-wrap{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;min-width:0}
.sy-meter{height:10px;border-radius:99px;background:var(--ox);overflow:hidden}
.sy-meter i{display:block;height:100%;width:0;border-radius:99px;background:#7fd0c2}
.sy-meter.heat i{background:#ff7a5c}.sy-meter.xp i{background:var(--brass)}
#syHeat.hot .sy-meter{box-shadow:0 0 0 2px #ff7a5c;animation:syPulse .6s infinite alternate}
.sy-stam{display:flex;gap:4px;height:14px;align-items:center}
.sy-stam i{width:12px;height:12px;border-radius:50%;border:2px solid #3b6f69}.sy-stam i.on{background:#7fd0c2;border-color:#7fd0c2}
.sy-lvl{display:flex;align-items:center;gap:8px;margin-top:8px}
.sy-lvl b{font-family:'Limelight',serif;font-weight:400;font-size:14px;color:var(--brass);white-space:nowrap}
.sy-lvl .sy-meter{flex:1}
.sy-sp{border:0;border-radius:99px;padding:5px 10px;background:var(--brass);color:var(--ox);font-weight:700;font-size:11px;letter-spacing:.06em;animation:syPulse .8s infinite alternate;white-space:nowrap}
.sy-strikes{display:flex;gap:3px}.sy-strikes i{width:12px;height:12px;border-radius:50% 50% 3px 3px;border:2px solid #6b3a44}.sy-strikes i.on{background:#ff7a5c;border-color:#ff7a5c}
.sy-frozen{font-size:11px;font-weight:700;color:var(--bad);text-align:center;letter-spacing:.1em}.sy-frozen:empty{display:none}

/* body column */
.sy-body-col{flex:1;min-height:0;display:flex;flex-direction:column}
.sy-hint{margin:8px 14px 0;font-size:13px;font-weight:600;color:var(--mut);text-align:center}.sy-hint:empty{display:none}
.sy-tip{margin:8px 12px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 8px 14px;border-radius:14px;background:var(--brass);color:var(--ox);font-size:13px;font-weight:700;animation:syPulse .5s infinite alternate}
.sy-tip button{border:0;border-radius:10px;padding:8px 12px;background:var(--ox);color:var(--gold);font-weight:700;font-size:12px;letter-spacing:.08em;min-height:36px}
.sy-panel{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 12px 12px;display:flex;flex-direction:column;gap:8px}
.sy-note{margin:2px 4px 0;font-size:13px;font-weight:600;line-height:1.4;color:var(--mut)}
.sy-note.mood{color:var(--gold)}
.sy-pw{font-size:13px;font-weight:700;color:var(--brass);padding:0 4px}
.sy-dist{display:flex;gap:6px;overflow-x:auto;flex:none;padding-bottom:2px}
.sy-dist button{flex:1 0 auto;min-height:42px;padding:6px 10px;border-radius:12px;border:2px solid var(--ox3);background:var(--ox2);font-size:12px;font-weight:700;white-space:nowrap}
.sy-dist button small{display:block;font-size:10px;color:var(--mut)}
.sy-dist button[aria-selected=true]{background:var(--brass);color:var(--ox);border-color:var(--cream)}
.sy-dist button.lock{opacity:.6}

.jc{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;width:100%;padding:8px 12px;border-radius:16px;border:2px solid var(--ox3);background:var(--ox2);text-align:left;flex:none}
.jc:active{transform:scale(.985)}
.jc.no{opacity:.55}
.jc-main{display:flex;flex-direction:column;gap:2px;min-width:0}.jc-main b{font-size:15px;font-weight:700}.jc-main i{font-style:normal;font-size:12px;font-weight:600;color:var(--mut)}
.jc-main i.req{color:var(--ok)}
.heat{color:#ff9a82;font-weight:700;margin-left:4px}.heat.cool{color:var(--ok)}
.jc-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}
.jc-e{padding:3px 9px;border-radius:99px;background:var(--ox);color:var(--gold);font-size:13px;font-weight:700;white-space:nowrap}
.jc-st{font-size:12px;color:var(--brass);letter-spacing:1px}
.jc.boss{border-color:var(--brass);background:linear-gradient(135deg,#4a0f24,#3a0c1d)}
.jc.boss.done{opacity:.6}.jc.boss.lockd{opacity:.7;border-style:dashed}
.jc.rv.easy{border-color:#3b8f84}.jc.rv.fair{border-color:var(--brass)}.jc.rv.hard{border-color:#e0533d}.jc.rv.xhard{border-color:#8a2b2b;opacity:.8}
.sy-row{display:flex;align-items:center;gap:12px;min-height:80px;padding:8px 12px;border-radius:16px;background:var(--ox2);border:2px solid var(--ox3);flex:none}
.sy-row.lock{opacity:.55;border-color:#4a0f24}
.sy-ic{width:52px;height:52px;border-radius:12px;background:var(--teal2);display:flex;align-items:center;justify-content:center;font-size:26px;flex:none}
.sy-rt{flex:1;min-width:0}.sy-rt b{display:block;font-size:15px;font-weight:700}.sy-rt i{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--mut)}
.sy-rt em{display:inline-block;margin-top:3px;padding:1px 8px;border-radius:99px;background:var(--ox);color:var(--brass);font-size:11px;font-weight:700;font-style:normal}
.sy-lk{width:88px;text-align:center;font-size:12px;font-weight:700;color:var(--mut);border:1.5px dashed var(--ox3);border-radius:12px;padding:8px 4px;flex:none}.sy-lk.ok{color:var(--ok);border-style:solid}
.buy{width:88px;min-height:52px;border:0;border-radius:12px;background:var(--brass);color:var(--ox)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;box-shadow:0 3px 0 #a8842a}
.buy b{font-family:'Limelight',serif;font-weight:400;font-size:15px}.buy span{font-size:10px;font-weight:700;letter-spacing:.14em}
.buy.no{background:#5a4a2a;color:#b9a9ae!important;box-shadow:none}
.buy:active{transform:translateY(2px);box-shadow:0 1px 0 #a8842a}

.sy-nav{display:flex;flex:none;height:62px;background:#1a0510;border-top:2px solid var(--ox2)}
.sy-nav button{flex:1;border:0;background:none;color:var(--mut)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700}
.sy-nav button[aria-current=page]{color:var(--brass)!important}

.sy-pops{position:absolute;left:0;right:0;top:34%;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:30}
.sy-pop{padding:7px 14px;border-radius:99px;background:var(--teal);border:2px solid var(--ok);font-weight:700;font-size:14px;animation:syPop 1.5s ease forwards;max-width:92%;text-align:center}
.sy-pop.gold{background:var(--brass);color:var(--ox);border-color:var(--cream);font-size:16px}.sy-pop.bad{background:#4a0f24;border-color:#ff7a5c;color:var(--bad)}

/* overlays: opaque */
.sy-ov{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;padding:16px 16px 18px;text-align:center}
.sy-ov>:first-child{margin-top:auto}.sy-ov>:last-child{margin-bottom:auto}
.sy .sy-big{font-family:'Limelight',serif;width:100%;max-width:360px;min-height:72px;border:0;border-radius:18px;background:var(--brass);color:var(--ox)!important;font-family:'Limelight',serif;font-size:28px;letter-spacing:.05em;box-shadow:0 5px 0 #a8842a;flex:none}
.sy-big:active{transform:translateY(3px);box-shadow:0 2px 0 #a8842a}
.sy-btn{width:100%;max-width:360px;min-height:48px;margin-top:8px;border-radius:14px;border:2px solid var(--ox3);background:var(--ox2);font-weight:700;font-size:15px;flex:none}
.sy-btn.danger{color:var(--bad)}
.sy-tiny{margin:10px 8px 0;font-size:12px;font-weight:600;color:var(--mut)}
.sy-label{margin:10px 0 6px;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--brass)}
.sy-work{background:var(--teal);background-image:repeating-conic-gradient(from 0deg at 50% 120%,#0f3a3f 0 6deg,#0b2c30 6deg 12deg)}
.sy-wk{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:8px}
.sy-wk small{font-size:11px;font-weight:700;letter-spacing:.2em;color:#a9c9c6}
.sy-wk h2{margin:0;font-family:'Limelight',serif;font-weight:400;font-size:28px;line-height:1.1}
.sy-wk p{margin:0;font-size:13px;font-weight:600;color:var(--mut)}
.sy-wbar{position:relative;width:100%;height:48px;border-radius:99px;background:var(--ox);border:3px solid var(--ox3);overflow:hidden;margin:12px 0}
.sy-wbar .sy-zone{position:absolute;top:0;bottom:0;background:var(--gold);opacity:.95;box-shadow:0 0 14px var(--gold)}
.sy-wbar .sy-fill{position:absolute;left:0;top:10px;bottom:10px;width:0;border-radius:99px;background:var(--cream);opacity:.88;mix-blend-mode:normal}
.sy-wbar.in{border-color:var(--gold);box-shadow:0 0 0 4px rgba(240,210,122,.5)}
.sy-big.go{background:var(--gold);animation:syPulse .25s infinite alternate}
.shake{animation:syShake .3s}
.sy-duel{background:var(--ox)}
.sy-dh{display:flex;align-items:baseline;gap:10px}.sy-dh h2{margin:0;font-family:'Limelight',serif;font-weight:400;font-size:26px}.sy-dh span{font-weight:700;color:var(--bad)}
.sy-arena{position:relative;width:100%;max-width:380px;height:210px;margin:10px 0;border-radius:20px;overflow:hidden;background:repeating-conic-gradient(from 0deg at 50% 100%,#0f3a3f 0 6deg,#0b2c30 6deg 12deg);flex:none}
.sy-fig{position:absolute;bottom:4px;width:92px;height:140px}.sy-fig.you{left:14px}.sy-fig.rival{right:14px;transform:scaleX(-1)}
.sy-fig.rival .body{fill:#b83a3a}.sy-fig.rival .hat{fill:#4a3a3a}.sy-fig.rival .hatb{fill:#4a3a3a}
.sy-fig.rival.r1 .body{fill:#5a6fb8}.sy-fig.rival.r2 .body{fill:#7a3a8a}
.sy-fig.rival.boss0 .body{fill:#3a5a3a}.sy-fig.rival.boss1 .body{fill:#3a3a5a}.sy-fig.rival.boss2 .body{fill:#8a3a6a}.sy-fig.rival.boss3 .body{fill:#111}
.sy-hp{position:absolute;right:14px;top:12px;width:55%;height:12px;border-radius:99px;background:var(--ox)}.sy-hp i{display:block;height:100%;width:100%;border-radius:99px;background:#e0533d;margin-left:auto}
.sy-pow{position:absolute;left:0;right:0;top:70px;text-align:center;font-family:'Limelight',serif;font-size:26px;color:var(--gold);text-shadow:2px 2px 0 var(--ox)}
.sy-arena.hit .you{animation:syLunge .3s}.sy-arena.hit .rival{animation:syRecoil .3s}
.sy-steps{display:flex;gap:8px;margin-bottom:8px}.sy-steps i{width:62px;height:30px;border-radius:99px;border:2px solid var(--ox3);font-style:normal;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;color:var(--mut)}
.sy-steps i.cur{border-color:var(--brass);color:var(--brass)}.sy-steps i.g-p{background:var(--brass);color:var(--ox);border-color:var(--brass)}.sy-steps i.g-g{background:var(--cream);color:var(--ox);border-color:var(--cream)}.sy-steps i.g-m{background:#4a0f24;color:var(--bad);border-color:#ff7a5c}
.sy-track{position:relative;width:100%;max-width:380px;height:56px;border-radius:99px;background:var(--ox2);overflow:hidden;margin-bottom:12px;flex:none}
.sy-track .good{position:absolute;left:64.5%;width:41%;top:0;bottom:0;background:rgba(127,208,194,.28)}
.sy-track .perf{position:absolute;left:77.3%;width:15.4%;top:0;bottom:0;background:rgba(240,210,122,.5)}
.sy-track .mark{position:absolute;left:85%;top:0;bottom:0;width:4px;margin-left:-2px;background:var(--gold)}
.sy-track .cursor{position:absolute;top:8px;width:40px;height:40px;margin-left:-20px;border-radius:50%;background:var(--cream);opacity:.5;border:4px solid var(--cream)}.sy-track .cursor.live{opacity:1;background:var(--ox);border-color:var(--brass);box-shadow:0 0 0 4px #6e5a2a}

.sy-raid{background:radial-gradient(circle at 0 0,#7a1f1a 0,rgba(122,31,26,0) 55%),radial-gradient(circle at 100% 0,#1f3f8a 0,rgba(31,63,138,0) 55%),#14060d;gap:0}
.sy-raid h2{margin:0;font-family:'Limelight',serif;font-weight:400;font-size:64px;line-height:1;text-shadow:4px 4px 0 #b3261e}
.sy-raid .sub{margin:8px 0 0;font-weight:600;color:#e3d6bb}
.sy-rstrikes{margin:10px 0;display:flex;align-items:center;gap:10px}.sy-rstrikes span{display:flex;gap:6px}.sy-rstrikes i{width:24px;height:24px;border-radius:50% 50% 4px 4px;border:2px solid #6b3a44}.sy-rstrikes i.on{background:#ff7a5c;border-color:#ff7a5c}.sy-rstrikes small{font-size:13px;font-weight:700;color:#e3d6bb}
.sy-ring{position:relative;width:76px;height:76px;margin:6px 0}.sy-ring div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.sy-ring b{font-family:'Limelight',serif;font-weight:400;font-size:28px;line-height:1}.sy-ring small{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--mut)}
.sy-choices{width:100%;max-width:380px;display:flex;flex-direction:column;gap:8px;margin-top:8px}
.rc{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:76px;padding:10px 14px;border-radius:16px;border:2px solid var(--ox3);background:var(--ox);text-align:left}
.rc.primary{background:var(--brass);border-color:var(--cream);color:var(--ox)!important}
.rc b{display:block;font-size:17px}.rc i{display:block;font-style:normal;font-size:12px;font-weight:600;opacity:.85}
.rc em{font-style:normal;padding:6px 12px;border-radius:99px;background:var(--ox2);color:var(--gold);font-weight:700;font-size:14px;white-space:nowrap}.rc.primary em{background:var(--ox);color:var(--cream)}.rc em.bad{color:var(--bad)}
.rc.no{opacity:.5}

.sy-start{background:var(--ox);background-image:repeating-conic-gradient(from 0deg at 50% 18%,#350a1b 0 5deg,#2b0713 5deg 10deg);padding:0}
.sy-start>:first-child,.sy-start>:last-child{margin:0}
.sy-sky{width:100%;height:150px;flex:none}.sy-sky svg{width:100%;height:100%;display:block}
.sy-st{flex:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;padding:12px 16px 18px;overflow-y:auto}
.sy-st small{font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--brass)}
.sy-st h1{margin:2px 0 0;font-family:'Limelight',serif;font-weight:400;font-size:44px;line-height:1.1;text-shadow:3px 3px 0 #a8842a}
.sy-st .tag{margin:4px 0 12px;font-size:14px;font-weight:600;color:var(--mut)}
.sy-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:380px}
.sy-mode{min-height:60px;border-radius:14px;border:2px solid var(--ox3);background:var(--ox2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}
.sy-mode b{font-size:15px}.sy-mode span{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--mut)}
.sy-mode[aria-checked=true]{background:var(--brass);border-color:var(--cream);color:var(--ox)!important}.sy-mode[aria-checked=true] span{color:var(--ox)}
.sy-mdesc{margin:10px 6px 2px;font-size:13px;font-weight:600;line-height:1.4;min-height:54px}
.sy-best{margin:2px 0 12px;font-size:13px;font-weight:700;color:var(--gold)}
.sy-sheet{background:var(--ox)}
.sy-sheet h2{margin:0 0 8px;font-family:'Limelight',serif;font-weight:400;font-size:28px}
.sy-sheet .jc,.sy-sheet .sy-modes{max-width:380px;margin-top:6px}
.sy-opts{align-items:center}
.sy-row2{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:380px;min-height:48px;margin-top:8px;padding:8px 14px;border-radius:14px;border:2px solid var(--ox3);background:var(--ox2);font-weight:700;font-size:15px}
.sy-row2 b{font-size:12px;letter-spacing:.1em;color:var(--brass)}
#trophy-list{width:100%;max-width:380px;max-height:46vh;overflow-y:auto;margin-top:8px;text-align:left;background:#1a0510;border-radius:14px;padding:10px}
.sy-count{position:absolute;inset:0;z-index:40;background:rgba(20,6,13,.94);display:flex;align-items:center;justify-content:center;font-family:'Limelight',serif;font-size:120px;color:var(--gold)}
.sy-ofs{font-family:'Limelight',serif;font-size:52px;margin:6px 0 14px}

/* compact / tight / land */
.sy-stage.compact .sy-hud{padding:0}.sy-stage.compact .sy-money b{font-size:20px}.sy-stage.compact .sy-ib{width:36px;height:36px}.sy-stage.compact .sy-nav{height:56px}.sy-stage.compact .sy-arena{height:160px}.sy-stage.compact .sy-fig{width:72px;height:110px}.sy-stage.compact .sy-st h1{font-size:36px}.sy-stage.compact .sy-sky{height:96px}
.sy-stage.tight .sy-bars{gap:6px}.sy-stage.tight .jc-main b{font-size:14px}.sy-stage.tight .buy,.sy-stage.tight .sy-lk{width:76px}.sy-stage.tight .sy-big{font-size:24px}.sy-stage.tight .sy-steps i{width:54px}
.sy-stage.land{flex-direction:row;min-height:0}
.sy-stage.land .sy-hud{width:250px;border-bottom:0;border-right:2px solid var(--teal2);overflow-y:auto}
.sy-stage.land .sy-body-col{flex:1}
.sy-stage.land .sy-nav{height:50px}.sy-stage.land .sy-nav span{display:none}
.sy-stage.land .sy-arena{height:130px;margin:6px 0}.sy-stage.land .sy-fig{width:60px;height:92px}
.sy-stage.land .sy-ov{padding:8px 12px}.sy-stage.land .sy-big{min-height:54px;font-size:22px}
.sy-stage.land .sy-start{flex-direction:row}.sy-stage.land .sy-sky{display:none}
.sy-stage.land .sy-wk h2{font-size:20px}.sy-stage.land .sy-wbar{margin:4px 0;height:38px}
.sy-stage.land .sy-raid h2{font-size:36px}.sy-stage.land .rc{min-height:54px}

@keyframes syPulse{from{opacity:1}to{opacity:.7}}
@keyframes syPop{0%{opacity:0;transform:translateY(10px) scale(.9)}15%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;transform:translateY(-24px)}}
@keyframes syShake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@keyframes syLunge{50%{transform:translateX(30px)}}
@keyframes syRecoil{50%{transform:scaleX(-1) translateX(24px)}}
@media (prefers-reduced-motion:reduce){.sy *{animation:none!important;transition:none!important}}
#beta-report-trigger{display:none!important}
.sy-stage.land .sy-clock b{font-size:16px;white-space:nowrap}
.sy-stage.land .sy-hint{margin:4px 10px 0;font-size:12px}
.sy-stage.land .sy-raid .sub,.sy-stage.land .sy-raid>.sy-tiny{display:none}
.sy-stage.land .sy-raid h2{font-size:30px}.sy-stage.land .sy-rstrikes{margin:4px 0}.sy-stage.land .sy-ring{transform:scale(.8);margin:0}
.sy-stage.land .jc{min-height:54px;padding:6px 10px}