/* ---------- New MATCH (2D) : tactics editor + live match ---------- */
.m2d{position:fixed;inset:0;z-index:9000;background:radial-gradient(120% 80% at 50% 0,#1b2a1f,#07090b 70%);color:#eef2ea;font:13px/1.3 "IBM Plex Sans Thai","Mitr",system-ui,sans-serif;overflow:auto;-webkit-tap-highlight-color:transparent}
.m2d button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;margin:0;width:auto}
.m2d .m2d-gold{background:linear-gradient(#ffe08a,#d9a21b 55%,#a8740c);color:#2a1800;font:700 15px "Chakra Petch",sans-serif;letter-spacing:1px;padding:9px 20px;border-radius:10px;box-shadow:0 3px 0 #6b4a06,0 6px 14px #0008;border:1px solid #fff3c4}
.m2d .m2d-gold:active{transform:translateY(2px);box-shadow:0 1px 0 #6b4a06}
.m2d-lbl{font:700 11px "Chakra Petch",sans-serif;letter-spacing:1.5px;color:#cfd8c8;opacity:.8;margin:8px 0 4px;display:flex;align-items:center;gap:6px}
.m2d-sel{background:#15191c;color:#eef2ea;border:1px solid #3c4a40;border-radius:8px;padding:6px 8px;font:12px "Chakra Petch",sans-serif;max-width:190px}

/* prematch */
.m2d-pre{max-width:980px;margin:0 auto;padding:10px 12px 24px}
.m2d-vs{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(#2a2a2f,#050506);border:1px solid #a9aab3;border-radius:12px;margin-bottom:8px}
.m2d-vs img{width:30px;height:30px;object-fit:contain}
.m2d-vs b{font:700 14px "Chakra Petch",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.m2d-vs span{color:#ffd76a;font:700 12px "Chakra Petch",sans-serif}
.m2d-vs .m2d-gold{margin-left:auto;flex:none}

/* editor */
.m2d-ed-bar{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:6px}
.m2d-tabs,.m2d-ph{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.m2d-tab,.m2d-phb{padding:6px 12px;border-radius:8px;background:#15191c;border:1px solid #2c3530!important;font:700 11px "Chakra Petch",sans-serif;letter-spacing:1px;color:#aab5a6!important}
.m2d-tab.on,.m2d-phb.on{background:#e8eee4;color:#16201a!important;border-color:#fff!important}
.m2d-ph{margin-bottom:6px}.m2d-shape{margin-left:auto}
.m2d-pbox{display:flex;justify-content:center}
.m2d-svg{width:100%;max-width:440px;max-height:68vh;aspect-ratio:72/109;touch-action:none;user-select:none;border-radius:10px;background:#2d7432;box-shadow:0 8px 24px #0009}
.m2d-arrow{font:700 2.2px "Chakra Petch",sans-serif;fill:rgba(255,255,255,.55);text-anchor:middle}
.m2d-tok{cursor:grab}
.m2d-tok circle{stroke:#fff;stroke-width:.4;fill:#3a4148}
.m2d-tok.s circle{fill:#1f86e0}.m2d-tok.a circle{fill:#e03535}.m2d-tok.d circle{fill:#3a4148}
.m2d-tok.hero circle{stroke:#ffd76a;stroke-width:.9}
.m2d-tok.sel circle{stroke:#ffd76a;stroke-width:1.1;filter:drop-shadow(0 0 1.2px #ffd76a)}
.m2d-tok text{text-anchor:middle;fill:#fff;pointer-events:none;paint-order:stroke;stroke:rgba(0,0,0,.55);stroke-width:.5}
.m2d-tok .c{font:700 2.3px "Chakra Petch",sans-serif;stroke:none}
.m2d-tok .n{font:600 2.1px "IBM Plex Sans Thai",sans-serif}
.m2d-tok .r{font:400 1.7px "IBM Plex Sans Thai",sans-serif;fill:#e6ffe6}
.m2d-tok.hero .n{fill:#ffd76a}
.m2d-pan{max-width:440px;margin:8px auto 0;background:#0e1214cc;border:1px solid #2c3530;border-radius:10px;padding:8px}
.m2d-hint{color:#9fb09a;text-align:center;font-size:12px}
.m2d-pan-h{display:flex;gap:6px;align-items:center;font-weight:600}
.m2d-pan-h i{font:700 10px "Chakra Petch";background:#ffd76a;color:#2a1800;padding:1px 5px;border-radius:4px;font-style:normal}
.m2d-pan-h span{margin-left:auto;font:700 12px "Chakra Petch";color:#ffd76a}
.m2d-roles,.m2d-duty,.m2d-swap{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.m2d-chip{padding:4px 8px;border-radius:14px;background:#1a2024;border:1px solid #33403a!important;font-size:11px!important}
.m2d-chip.on{background:#ffd76a;color:#2a1800!important;border-color:#ffd76a!important;font-weight:700}
.m2d-dt{flex:1;padding:5px;border-radius:8px;font:700 11px "Chakra Petch",sans-serif!important;opacity:.55;background:#3a4148}
.m2d-dt.s{background:#1f86e0}.m2d-dt.a{background:#e03535}.m2d-dt.on{opacity:1;box-shadow:0 0 0 2px #fff inset}
.m2d-swap .m2d-lbl{width:100%;margin:2px 0 0}
.m2d-pl{display:flex;gap:4px;align-items:baseline;padding:3px 7px;border-radius:7px;background:#1a2024;font-size:11px!important}
.m2d-pl b{font-family:"Chakra Petch";color:#ffd76a}.m2d-pl small{opacity:.6;font-size:9px}
.m2d-pl.bench{background:#121517;border:1px dashed #3c4a40!important}
.m2d-ti{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.m2d-ti-sec{background:#0e1214cc;border:1px solid #2c3530;border-radius:10px;padding:4px 8px 8px}
.m2d-ti-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 0;border-bottom:1px solid #ffffff10;font-size:12px}
.m2d-cyc{display:flex;align-items:center;gap:2px}
.m2d-cyc b{min-width:118px;text-align:center;font:600 11px "Chakra Petch",sans-serif;color:#ffd76a}
.m2d-cyc button{width:26px!important;height:24px;border-radius:6px;background:#1d2428;font-size:10px!important}

/* instruction tiles (FM style) */
.m2d-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.m2d-tile{display:flex!important;flex-direction:column;align-items:stretch;gap:4px;padding:7px 8px 6px!important;border-radius:10px;background:#1b1d2a!important;border:1px solid #3a3d55!important;text-align:left}
.m2d-tile:hover{border-color:#8c7ad6!important}
.m2d-tile .tt{font:700 12px "Chakra Petch",sans-serif;color:#d58cf0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m2d-tile .ic{width:100%;height:58px}
.m2d-tile .tv{display:flex;align-items:center;justify-content:space-between;gap:2px;font-size:12px}
.m2d-tile .tv b{flex:1;text-align:center;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m2d-tile .tv i{font-style:normal;font-size:10px;opacity:.55;padding:2px 5px}

/* live */
.m2d-live{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"sb side" "pos side" "stage side";gap:6px;height:100%;padding:8px;box-sizing:border-box;max-width:1100px;margin:0 auto}
.m2d-sb{grid-area:sb;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(#123a8a,#0a1f4f);border:1px solid #6e8fd8;border-radius:10px}
.m2d-sb .t{display:flex;align-items:center;gap:6px;min-width:0}.m2d-sb .t.r{justify-content:flex-end}
.m2d-sb .t b{font:700 13px "Chakra Petch",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m2d-sb img{width:26px;height:26px;object-fit:contain;flex:none}
.m2d-sb .s{display:flex;flex-direction:column;align-items:center}
.m2d-sb .sc{font:700 24px "Chakra Petch",sans-serif;text-shadow:0 0 8px #8fb4ff}
.m2d-sb .ck{font:700 11px "Chakra Petch";color:#ffd76a}
.m2d-pos{grid-area:pos;height:4px;background:#ffffff22;border-radius:2px;overflow:hidden}.m2d-pos i{display:block;height:100%;width:50%;background:#ffd76a;transition:width .4s}
.m2d-stage{grid-area:stage;position:relative;min-height:0}
.m2d-stage canvas{width:100%;height:100%;display:block}
.m2d-banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) scale(.6);font:800 46px "Chakra Petch",sans-serif;letter-spacing:3px;opacity:0;transition:.25s;text-shadow:0 0 18px #000,0 3px 0 #000;pointer-events:none;white-space:nowrap}
.m2d-banner.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.m2d-side{grid-area:side;overflow:auto;min-height:0;padding-right:2px}
.m2d-ctrl{display:flex;gap:4px}
.m2d-ctrl button{flex:1;padding:7px 4px;border-radius:8px;background:#1a2024;border:1px solid #2c3530!important;font:700 12px "Chakra Petch",sans-serif!important}
.m2d-ctrl button.on{background:#e8eee4;color:#16201a!important}
.m2d-ctrl .m2d-tacb{flex:2.2;background:linear-gradient(#3a4148,#1a1f24)}
.m2d-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.m2d-plan{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-radius:8px;background:#1a2024;border:1px solid #2c3530!important}
.m2d-plan b{font-size:13px}.m2d-plan small{font:600 8px "Chakra Petch";opacity:.6;letter-spacing:1px}
.m2d-plan.on{background:linear-gradient(#2f7a3a,#1a4a22);border-color:#7fe08f!important}
.m2d-dice{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:5px}.m2d-dice small{opacity:.6}
.m2d-die{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:linear-gradient(color-mix(in srgb,var(--c) 75%,#fff),var(--c) 60%,color-mix(in srgb,var(--c) 70%,#000));color:#fff;font:800 14px "Chakra Petch";box-shadow:inset 0 -2px 0 #0005,0 1px 3px #000a;text-shadow:0 1px 1px #000a}
.m2d-orders{display:flex;flex-direction:column;gap:5px}.m2d-orow{display:grid;grid-template-columns:26px repeat(4,1fr);grid-auto-rows:auto;gap:3px}.m2d-orow .m2d-oc{grid-row:span 2}.m2d-oc{display:grid;place-items:center;border-radius:8px;background:var(--c);font:700 10px "Chakra Petch";letter-spacing:.5px;writing-mode:vertical-rl;transform:rotate(180deg);box-shadow:inset 0 0 0 1px #fff3}
.m2d-ord{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-radius:9px;background:linear-gradient(color-mix(in srgb,var(--c) 30%,#1a1a1e),#0b0b0d);border:1px solid var(--c)!important}
.m2d-ord i{font-style:normal;font-size:15px;line-height:1}.m2d-ord b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.m2d-ord small{font-size:8px;color:color-mix(in srgb,var(--c) 55%,#fff);letter-spacing:1px}
.m2d-ord em{position:absolute;top:2px;right:4px;font:700 10px "Chakra Petch";color:#7fe08f;font-style:normal}
.m2d-ord u{text-decoration:none;font:700 10px "Chakra Petch";color:#7fe08f;min-height:12px}
.m2d-ord.act{border-color:#7fe08f!important;box-shadow:0 0 10px #7fe08f66 inset}
.m2d-ord:disabled{opacity:.35;cursor:default}
.m2d-me{display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:center;margin-top:8px;padding:6px 8px;background:linear-gradient(#2a2a2f,#050506);border:1px solid #a9aab3;border-radius:10px}
.m2d-me .rt{grid-row:span 3;font:700 26px "Chakra Petch";color:#ffd76a;text-shadow:0 0 10px #ffd76a88}
.m2d-me span{font-size:12px}.m2d-me .stm{height:4px;background:#ffffff22;border-radius:2px;overflow:hidden}.m2d-me .stm i{display:block;height:100%;background:#7fe08f}
.m2d-feed{margin-top:8px;display:flex;flex-direction:column;gap:3px;font-size:12px}
.m2d-feed div{padding:4px 7px;border-radius:6px;background:#0e1214cc;border-left:3px solid #556}
.m2d-feed div:first-child{background:#2a2410;border-left-color:#ffd76a}
.m2d-feed .t0{border-left-color:#ffd76a}.m2d-feed .t1{border-left-color:#e05555}
.m2d-feed b{font-family:"Chakra Petch";color:#ffd76a;margin-right:4px}
.m2d-ov{position:fixed;inset:0;z-index:9100;background:#000a;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:10px;box-sizing:border-box}
.m2d-ovc{width:min(980px,100%);background:#0b0f10;border:1px solid #3c4a40;border-radius:14px;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px}
.m2d-ovc>.m2d-gold{align-self:flex-end}
.m2d-ft{width:min(420px,100%);margin-top:8vh;align-items:stretch;text-align:center}
.m2d-ft-h{font:800 18px "Chakra Petch";letter-spacing:3px;color:#ffd76a}
.m2d-ft-s{display:flex;align-items:center;justify-content:center;gap:14px}.m2d-ft-s img{width:44px;height:44px;object-fit:contain}.m2d-ft-s b{font:800 38px "Chakra Petch"}
.m2d-ft table{width:100%;border-collapse:collapse;font:600 12px "Chakra Petch"}.m2d-ft td,.m2d-ft th{padding:4px;border-bottom:1px solid #ffffff12}.m2d-ft th{font-weight:400;opacity:.7}
.m2d-ft-me{display:flex;gap:8px;align-items:center;text-align:left;padding:6px 8px;background:linear-gradient(#2a2a2f,#050506);border:1px solid #a9aab3;border-radius:10px}.m2d-ft-me b{font:700 28px "Chakra Petch";color:#ffd76a}.m2d-ft-me span{font-size:11px}

/* phone */
@media (max-width:760px){
 .m2d-live{grid-template-columns:1fr;grid-template-rows:auto auto 56vh auto;grid-template-areas:"sb" "pos" "stage" "side";height:auto;min-height:100%}
 .m2d-side{overflow:visible}
 .m2d-sb .t b{font-size:11px}.m2d-sb .sc{font-size:20px}
 .m2d-ord b{font-size:10px}
 .m2d-tiles{grid-template-columns:repeat(2,1fr);gap:6px}.m2d-tile .ic{height:48px}.m2d-tile .tt{font-size:11px}
 .m2d-cyc b{min-width:96px;font-size:10px}
 .m2d-ti-row{font-size:11px}
 .m2d-vs b{font-size:12px}.m2d-vs .m2d-gold{padding:8px 12px;font-size:13px}
 .m2d-ed-bar{flex-wrap:wrap}
}

/* order feedback on the pitch */
.m2d-actv{position:absolute;left:6px;top:6px;display:flex;flex-wrap:wrap;gap:4px;max-width:60%;pointer-events:none;z-index:3}
.m2d-actv span{padding:2px 7px;border-radius:12px;background:color-mix(in srgb,var(--c) 70%,#000);border:1px solid color-mix(in srgb,var(--c) 60%,#fff);font:700 11px "Chakra Petch",sans-serif;box-shadow:0 0 10px var(--c)}
.m2d-flash{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%) scale(.5);opacity:0;transition:.22s;pointer-events:none;z-index:4;display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:14px;background:linear-gradient(color-mix(in srgb,var(--c) 85%,#fff),var(--c) 50%,color-mix(in srgb,var(--c) 60%,#000));border:2px solid #fff8;font:800 22px "Chakra Petch",sans-serif;letter-spacing:2px;white-space:nowrap;text-shadow:0 2px 0 #0008;box-shadow:0 0 30px var(--c),0 8px 20px #000a}
.m2d-flash i{font-style:normal;font-size:26px}
.m2d-flash.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.m2d-feed .k-goal{background:#2b3a12;border-left-color:#7fe08f!important;font-weight:600}
.m2d-feed .k-red{background:#3a1212;border-left-color:#e0393e!important}
.m2d-feed .k-yellow{background:#3a3412;border-left-color:#e6c229!important}
.m2d-feed .k-injury,.m2d-feed .k-sub{background:#122a3a;border-left-color:#4aa3ff!important}
.m2d-feed .k-pen,.m2d-feed .k-fk{background:#2a1a3a;border-left-color:#c58cf0!important}
.m2d-feed .k-order{background:#1d1d24;border-left-color:#ffd76a!important}
.m2d-feed .k-block{background:#12223a;border-left-color:#467aa8!important}
@media (max-width:760px){.m2d-flash{font-size:16px;padding:6px 12px}.m2d-flash i{font-size:20px}}
/* ---------- live v2: one screen, no scroll (TV scoreboard, pitch, report bar, MANAGE sheet) ---------- */
.m2d-live{display:flex!important;flex-direction:column;gap:5px;height:100dvh!important;max-width:1200px!important;padding:6px!important;box-sizing:border-box;overflow:hidden}
.m2d-tv{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;flex:none;filter:drop-shadow(0 4px 0 #050f24) drop-shadow(0 8px 10px #000b)}
.m2d-tv .side{display:flex;align-items:center;gap:8px;min-height:44px;padding:3px 22px;color:#fff;font:700 14px "Chakra Petch",sans-serif;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 2px #000a;min-width:0;
 background:linear-gradient(#ffffff66,#ffffff66) top/100% 2px no-repeat,linear-gradient(180deg,#6f9bd0 0%,#3a63a0 22%,#1d3f73 50%,#12284f 52%,#0a1a38 100%)}
.m2d-tv .side.l{clip-path:polygon(10px 0,100% 0,calc(100% - 14px) 100%,0 100%);border-radius:6px 0 0 6px;background:linear-gradient(105deg,#ff9c1a 0,#ff9c1a 8px,#ffd27a 8px,#ffd27a 10px,transparent 10px),linear-gradient(#ffffff66,#ffffff66) top/100% 2px no-repeat,linear-gradient(180deg,#6f9bd0 0%,#3a63a0 22%,#1d3f73 50%,#12284f 52%,#0a1a38 100%)}
.m2d-tv .side.r{justify-content:flex-end;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,14px 100%);border-radius:0 6px 6px 0;background:linear-gradient(255deg,#ff9c1a 0,#ff9c1a 8px,#ffd27a 8px,#ffd27a 10px,transparent 10px),linear-gradient(#ffffff66,#ffffff66) top/100% 2px no-repeat,linear-gradient(180deg,#6f9bd0 0%,#3a63a0 22%,#1d3f73 50%,#12284f 52%,#0a1a38 100%)}
.m2d-tv .side span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m2d-tv .side.r span{text-align:right}
.m2d-tv .side img{width:28px;height:28px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 2px #000)}
.m2d-tv .side b{font:700 28px "Chakra Petch",sans-serif;text-shadow:0 0 10px #8fc2ff,0 2px 2px #000a;min-width:24px;text-align:center}
.m2d-tv .clock{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-4px -10px;padding:2px 18px;min-width:86px;background:linear-gradient(#02060f,#0b1630);border:2px solid #4e8fe8;border-radius:9px;box-shadow:0 0 16px #3d8bffaa,inset 0 0 10px #0a2a66}
.m2d-tv .clock small{font:600 8px "Chakra Petch",sans-serif;letter-spacing:.16em;color:#d7e6ff}
.m2d-tv .clock b{font:700 21px "Chakra Petch",sans-serif;color:#ffe08a;text-shadow:0 0 10px #ffd24daa;line-height:1.05}
.m2d-tv .pos{position:absolute;left:8%;right:8%;bottom:-5px;height:3px;background:#ffffff30;border-radius:2px;overflow:hidden}.m2d-tv .pos i{display:block;height:100%;width:50%;background:#ffd76a;transition:width .4s}
.m2d-live .m2d-stage{flex:1;min-height:0;position:relative;border-radius:10px;overflow:hidden;background:#0b120c}
.m2d-live .m2d-stage canvas{width:100%;height:100%;display:block}
.m2d-speed{position:absolute;top:6px;right:6px;display:flex;gap:3px;z-index:5}
.m2d-speed button{min-width:30px;padding:4px 6px;border-radius:7px;background:#000a;border:1px solid #ffffff30!important;font:700 11px "Chakra Petch",sans-serif!important}
.m2d-speed button.on{background:#e8eee4;color:#16201a!important}
.m2d-mini{position:absolute;left:6px;bottom:6px;z-index:5;display:grid;grid-template-columns:auto auto;align-items:center;gap:0 6px;padding:4px 8px;border-radius:9px;background:linear-gradient(#2a2a2fdd,#050506ee);border:1px solid #a9aab3;font-size:10px;line-height:1.1}
.m2d-mini b{font:700 20px "Chakra Petch";color:#ffd76a;text-shadow:0 0 8px #ffd76a88}.m2d-mini .stm{grid-column:span 2;height:3px;background:#ffffff22;border-radius:2px;overflow:hidden;margin-top:2px}.m2d-mini .stm i{display:block;height:100%;background:#7fe08f}
.m2d-manage{position:absolute;right:8px;bottom:8px;z-index:6;display:flex!important;align-items:center;gap:6px;padding:10px 16px!important;border-radius:30px;background:linear-gradient(#ffe08a,#d9a21b 55%,#a8740c)!important;color:#2a1800!important;border:1px solid #fff3c4!important;box-shadow:0 3px 0 #6b4a06,0 8px 18px #000a;font:800 14px "Chakra Petch",sans-serif!important;letter-spacing:1px}
.m2d-manage i{font-style:normal;font-size:18px}.m2d-manage em{font-style:normal}
.m2d-manage.ready{animation:m2dPulse 1.2s ease-in-out infinite}
@keyframes m2dPulse{50%{box-shadow:0 3px 0 #6b4a06,0 0 22px #ffd76a,0 0 40px #ffd76a88}}
.m2d-sheet{position:absolute;left:0;right:0;bottom:0;z-index:8;max-height:82%;display:flex;flex-direction:column;background:linear-gradient(#10161cf5,#07090bf8);border-top:2px solid #d9a21b;border-radius:14px 14px 0 0;box-shadow:0 -10px 30px #000c}
.m2d-sheet[hidden]{display:none}
.sh-top{display:flex;gap:4px;padding:8px 8px 4px;flex-wrap:wrap;flex:none}
.sh-top button{padding:6px 10px;border-radius:8px;background:#1a2024;border:1px solid #2c3530!important;font:700 11px "Chakra Petch",sans-serif!important}
.sh-top button.on{background:#e8eee4;color:#16201a!important}
.sh-top .sh-x{margin-left:auto;background:linear-gradient(#ffe08a,#d9a21b)!important;color:#2a1800!important}
.sh-body{overflow:auto;padding:4px 8px 10px;min-height:0}
.sh-note{margin-top:6px;font-size:11px;color:#9fb09a;text-align:center}
.ord3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.o3{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px!important;border-radius:12px;background:linear-gradient(color-mix(in srgb,var(--c) 45%,#16161a),#0a0a0c)!important;border:2px solid var(--c)!important;box-shadow:0 0 14px color-mix(in srgb,var(--c) 50%,transparent);text-align:center}
.o3 .oc{position:absolute;top:4px;left:6px;font:700 9px "Chakra Petch";color:color-mix(in srgb,var(--c) 40%,#fff)}
.o3 i{font-style:normal;font-size:30px;line-height:1.1}.o3 b{font-size:14px}.o3 small{font:700 9px "Chakra Petch";letter-spacing:1px;opacity:.75}
.o3 .cost{font-size:9px;color:color-mix(in srgb,var(--c) 40%,#fff)}
.o3 u{text-decoration:none;margin-top:3px;padding:2px 8px;border-radius:10px;background:#0008;font:700 11px "Chakra Petch";color:#7fe08f}
.o3:disabled{opacity:.45}.o3:disabled u{color:#ccc}
.o3.act{box-shadow:0 0 22px var(--c)}
.sb-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sb-p{width:100%!important;display:grid!important;grid-template-columns:22px 1fr auto;align-items:center;gap:2px 6px;padding:4px 6px!important;margin-bottom:3px!important;border-radius:7px;background:#1a2024;border:1px solid #2c3530!important;text-align:left;font-size:12px!important}
.sb-p b{font-family:"Chakra Petch";color:#ffd76a}.sb-p small{font-size:9px;opacity:.7}
.sb-p .stm{grid-column:1/-1;height:3px;background:#ffffff1c;border-radius:2px;overflow:hidden}.sb-p .stm i{display:block;height:100%;background:#7fe08f}
.sb-p.on{border-color:#ffd76a!important;background:#3a3010}.sb-p.hero{border-color:#ffd76a88!important}.sb-p:disabled{opacity:.45}
.m2d-report{flex:none;display:flex;flex-direction:column;gap:2px;min-height:44px}
.m2d-report p{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px;margin:0;padding:3px 8px;border-radius:7px;background:linear-gradient(90deg,#1c3a6b99,#0c1a3499);font-size:13px;line-height:1.25;color:#fff;font-weight:600;text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden}
.m2d-report p span:last-child{overflow:hidden;text-overflow:ellipsis}
.m2d-report p:first-child{background:linear-gradient(90deg,#2d5aa3,#14305e);box-shadow:0 0 12px #3d8bff66;color:#ffd400;text-shadow:0 0 8px #ffb80099,0 1px 3px #000}
.m2d-report .lg-min{display:inline-grid;place-items:center;height:20px;border-radius:5px;background:#000a;border:1px solid #4e8fe8;font:700 11px "Chakra Petch";color:#fff}
.m2d-report p.k-goal{background:linear-gradient(90deg,#2f7a3a,#14305e)}.m2d-report p.k-red{background:linear-gradient(90deg,#8a1d1d,#14305e)}.m2d-report p.k-yellow{background:linear-gradient(90deg,#8a7a1d,#14305e)}.m2d-report p.k-injury{background:linear-gradient(90deg,#1d5a8a,#14305e)}
@media (max-width:760px){
 .m2d-live{height:100dvh!important;min-height:0!important;padding:4px!important}
 .m2d-tv .side{min-height:38px;padding:2px 14px;font-size:10px;gap:5px}.m2d-tv .side img{width:20px;height:20px}.m2d-tv .side b{font-size:22px}
 .m2d-tv .clock{min-width:62px;padding:1px 8px}.m2d-tv .clock b{font-size:16px}.m2d-tv .clock small{font-size:6px}
 .m2d-report p{font-size:11.5px;grid-template-columns:36px 1fr}
 .ord3{gap:5px}.o3 i{font-size:24px}.o3 b{font-size:12px}.o3 .cost{font-size:8px}
 .m2d-manage{padding:8px 13px!important;font-size:12px!important}
}
/* position fit */
.m2d-tok.near .n{fill:#ffcf6b}.m2d-tok.bad .n{fill:#ff6b6b}.m2d-tok.bad circle{stroke:#ff4d4d;stroke-dasharray:1 .6}
.m2d-cp{font:600 10px 'Chakra Petch';color:#9fd0ff}.m2d-warn{margin-top:4px;padding:4px 8px;border-radius:6px;background:#3a1414;border:1px solid #a33;color:#ffb3b3;font-size:11px}
.m2d-pl.near{border:1px dashed #c9a24a!important}
.m2d-live .m2d-banner{z-index:4}
.o3 .onew{position:absolute;top:4px;right:6px;padding:0 5px;border-radius:5px;background:#ffd76a;color:#2a1800;font:800 9px 'Chakra Petch'}
.ord3{grid-template-columns:repeat(3,1fr)}@media (max-width:760px){.ord3 .o3{padding:6px 3px 5px!important}.o3 i{font-size:20px}.o3 small{display:none}}

/* full-time: YOUR match card */
.m2d-ft{width:min(460px,100%)!important;margin-top:3vh!important;max-height:94dvh;overflow:auto}
.m2d-me2{text-align:left;border-radius:14px;padding:10px;background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--g) 22%,transparent),transparent 60%),linear-gradient(#2a2a2f,#050506);border:1px solid #a9aab3;box-shadow:0 0 18px color-mix(in srgb,var(--g) 30%,transparent),inset 0 1px 0 #ffffff22}
.me-h{display:flex;align-items:center;gap:12px}
.me-r{position:relative;flex:none;width:76px;height:76px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#111,#000);border:2px solid var(--g);box-shadow:0 0 16px color-mix(in srgb,var(--g) 60%,transparent)}
.me-r b{font:800 30px "Chakra Petch";color:var(--g);text-shadow:0 0 12px var(--g);line-height:1}
.me-r small{font:700 8px "Chakra Petch";letter-spacing:2px;color:#cfd3db}
.me-r i{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--g);color:#111;font:800 13px "Chakra Petch";font-style:normal;box-shadow:0 2px 6px #000a}
.me-n{min-width:0;display:flex;flex-direction:column;gap:2px}
.me-n small{font:700 10px "Chakra Petch";letter-spacing:2px;color:#ffd76a}
.me-n b{font:700 18px "IBM Plex Sans Thai","Chakra Petch";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-n span{font-size:11px;color:#b9c0c8}
.me-bd{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.me-bd .bd{padding:2px 8px;border-radius:10px;font:700 10px "Chakra Petch";letter-spacing:.5px;background:#ffffff14;border:1px solid #ffffff30}
.me-bd .motm{background:linear-gradient(#ffe08a,#d9a21b);color:#2a1800;border-color:#fff3c4}.me-bd .hat{background:#7a3ad9}.me-bd .g{background:#1f6b2c}.me-bd .a{background:#1d4f8a}
.me-bd .y{background:#8a7a1d}.me-bd .red{background:#8a1d1d}.me-bd .inj{background:#1d5a8a}
.me-g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.me-t{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px 9px;border-radius:10px;background:linear-gradient(#1b1d22,#0c0d10);border:1px solid #ffffff1c;text-align:center}
.me-t i{font-style:normal;font-size:16px;line-height:1}
.me-t b{font:800 20px "Chakra Petch";color:#fff;line-height:1.1}
.me-t span{font:700 9px "Chakra Petch";letter-spacing:1px;text-transform:uppercase;color:#aeb6c0}
.me-t small{font-size:9px;color:#7f8893}
.me-t em{position:absolute;left:8px;right:8px;bottom:4px;height:3px;border-radius:2px;background:#ffffff1a;overflow:hidden}
.me-t em u{display:block;height:100%;background:var(--g)}
@media (max-width:420px){.me-r{width:64px;height:64px}.me-r b{font-size:25px}.me-t b{font-size:17px}}

/* report bar on top, under the scoreboard (user request) */
.m2d-live .m2d-tv{order:0}.m2d-live .m2d-report{order:1;margin-top:4px}.m2d-live .m2d-stage{order:2}

/* YOUR MATCH card compact (same weight as the team table) */
.m2d-me2{padding:7px 8px!important;border-radius:10px!important;box-shadow:none!important}
.me-h{gap:8px!important}
.me-r{width:44px!important;height:44px!important;border-radius:9px!important;border-width:1px!important;box-shadow:none!important}
.me-r b{font-size:18px!important;text-shadow:none!important}
.me-r small{font-size:6px!important;letter-spacing:1px!important}
.me-r i{top:-6px!important;right:-6px!important;width:16px!important;height:16px!important;font-size:9px!important}
.me-n small{font-size:8px!important}.me-n b{font-size:13px!important}.me-n span{font-size:10px!important}
.me-bd{margin-top:5px!important}.me-bd .bd{font-size:8px!important;padding:1px 6px!important}
.me-g{gap:3px!important;margin-top:6px!important}
.me-t{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:5px;padding:4px 6px 6px!important;border-radius:7px!important;text-align:left!important}
.me-t i{grid-row:span 2;font-size:12px!important}
.me-t b{font-size:13px!important;line-height:1.1!important}
.me-t span{font-size:7.5px!important;letter-spacing:.5px!important;grid-column:2}
.me-t small{display:none}
.me-t em{left:6px!important;right:6px!important;bottom:2px!important;height:2px!important}

/* compact tactics header */
.m2d-ed-bar{margin-bottom:4px!important;flex-wrap:nowrap!important;gap:4px!important}
.m2d-tabs,.m2d-ph{gap:3px!important;flex-wrap:nowrap!important}
.m2d-ph{margin-bottom:4px!important}
.m2d-tab,.m2d-phb{padding:4px 8px!important;font-size:9.5px!important;letter-spacing:.5px!important;border-radius:6px!important;white-space:nowrap}
.m2d-sel{padding:3px 5px!important;font-size:10px!important;border-radius:6px!important;max-width:120px!important;min-width:0}
.m2d-shape{max-width:108px!important}

/* pitch banners: dark band across the pitch, gold text for us, team-colour edges */
.m2d-live .m2d-banner{left:0!important;right:0;top:40%;transform:translateY(-50%) scaleY(.2)!important;opacity:0;display:flex;flex-direction:column;align-items:center;gap:0;padding:8px 0 9px;font:inherit!important;letter-spacing:0!important;white-space:normal;text-shadow:none!important;
 background:linear-gradient(90deg,transparent,rgba(5,8,14,.86) 18%,rgba(5,8,14,.86) 82%,transparent);border-top:2px solid var(--tc,#ffd76a);border-bottom:2px solid var(--tc,#ffd76a);
 -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);transition:transform .22s cubic-bezier(.2,1.6,.4,1),opacity .18s}
.m2d-live .m2d-banner.on{opacity:1;transform:translateY(-50%) scaleY(1)!important}
.m2d-banner b{font:900 40px "Chakra Petch",sans-serif;letter-spacing:4px;line-height:1;font-style:italic;padding:0 10px;
 background:linear-gradient(#fffbe0 0%,#ffe27a 45%,#d99a1c 55%,#ffcf4a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #3a2400) drop-shadow(0 0 12px rgba(255,200,60,.55))}
.m2d-banner.them b{background:linear-gradient(#ffffff 0%,#e6ecf5 45%,#9aa7ba 55%,#dfe6f0 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 0 #0b1220) drop-shadow(0 0 12px color-mix(in srgb,var(--tc) 70%,transparent))}
.m2d-banner.neutral b{background:linear-gradient(#ffffff,#9fc3ff);-webkit-background-clip:text;background-clip:text}
.m2d-banner small{margin-top:3px;font:600 12px "IBM Plex Sans Thai","Chakra Petch",sans-serif;color:#e8eef8;letter-spacing:.3px;max-width:86%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m2d-banner.on b{animation:m2dShine 1.4s ease-out}
@keyframes m2dShine{0%{letter-spacing:14px;opacity:.2}35%{letter-spacing:4px;opacity:1}}
/* flash (orders, CHANCE!, BALL WON): slim glass pill, coloured icon disc */
.m2d-flash{padding:5px 14px 5px 5px!important;gap:8px!important;border-radius:30px!important;font:800 15px "Chakra Petch",sans-serif!important;letter-spacing:2px!important;background:linear-gradient(rgba(14,18,26,.92),rgba(5,8,14,.92))!important;border:1px solid color-mix(in srgb,var(--c) 70%,#fff)!important;box-shadow:0 0 18px color-mix(in srgb,var(--c) 70%,transparent),0 6px 16px #000a!important;text-shadow:none!important;color:#fff}
.m2d-flash i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:16px!important;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 40%,#fff),var(--c) 60%,color-mix(in srgb,var(--c) 60%,#000));box-shadow:inset 0 -2px 0 #0004}
@media (max-width:760px){.m2d-banner b{font-size:32px}.m2d-banner small{font-size:11px}.m2d-flash{font-size:13px!important}}

/* more room between the scoreboard and the report bar */
.m2d-live .m2d-report{margin-top:12px!important}

/* report bar colours per event */
.m2d-report p.k-save{background:linear-gradient(90deg,#1d4f8a,#14305e)}
.m2d-report p.k-miss,.m2d-report p.k-bigmiss{background:linear-gradient(90deg,#6b3a1d,#14305e)}
.m2d-report p.k-dribble,.m2d-report p.k-through,.m2d-report p.k-cross{background:linear-gradient(90deg,#5a2d8a,#14305e)}
.m2d-report p.k-tackle,.m2d-report p.k-intercept,.m2d-report p.k-block{background:linear-gradient(90deg,#24506b,#14305e)}
.m2d-report p.k-pen,.m2d-report p.k-fk{background:linear-gradient(90deg,#8a1d6b,#14305e)}
.m2d-report p.k-order,.m2d-report p.k-moment{background:linear-gradient(90deg,#8a6a1d,#14305e)}
.m2d-report p.k-late,.m2d-report p.k-press,.m2d-report p.k-half,.m2d-report p.k-end,.m2d-report p.k-kick{background:linear-gradient(90deg,#3a3f4a,#14305e)}
.m2d-report p.k-sub{background:linear-gradient(90deg,#1d6b5a,#14305e)}
.m2d-report p.k-red2{background:linear-gradient(90deg,#8a1d1d,#14305e)}

/* competition bar (old league / cup label) at the top of the pitch, missions strip at the bottom centre */
.m2d-comp{position:absolute;left:6px;top:6px;z-index:5;display:flex;align-items:center;gap:5px;max-width:calc(100% - 150px);padding:3px 9px 3px 5px;border-radius:9px;background:linear-gradient(#26262ce8,#0a0a0ce8);border:1px solid #55555e;color:#e6e7ec;font:600 11px 'Chakra Petch',sans-serif;white-space:nowrap;overflow:hidden}
.m2d-comp i{font-style:normal}.m2d-comp b{overflow:hidden;text-overflow:ellipsis}
.m2d-comp span{flex:none;padding:1px 6px;border-radius:6px;background:#ffd76a22;color:#ffe08a;font-size:10px}
.m2d-live .m2d-actv{top:34px!important}
.m2d-miss{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:4px;max-width:calc(100% - 250px);padding:3px 6px;border-radius:12px;background:#000a;border:1px solid #ffd45a55;overflow:hidden}
.m2d-miss .mt{font:700 8px 'Chakra Petch';letter-spacing:.14em;color:#ffdc7a;writing-mode:vertical-rl;transform:rotate(180deg)}
.m2d-miss .mc{display:inline-flex;align-items:center;gap:3px;padding:2px 6px 2px 3px;border-radius:999px;background:#ffffff10;border:1px solid #ffd45a55;font:600 10px 'Chakra Petch';color:#e8e8ee;white-space:nowrap;min-width:0}
.m2d-miss .mc i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#ffd76a22;font-style:normal;font-size:10px;color:#ffd76a;flex:none}
.m2d-miss .mc em{font-style:normal;overflow:hidden;text-overflow:ellipsis;max-width:78px}
.m2d-miss .mc u{text-decoration:none;color:#ffe08a}
.m2d-miss .mc.ok{background:#1f6b2c88;border-color:#7fe08f}.m2d-miss .mc.ok u{color:#bff5c8}
@media (max-width:760px){.m2d-miss{max-width:calc(100% - 210px);gap:3px}.m2d-miss .mc em{max-width:44px}.m2d-miss .mt{display:none}.m2d-comp{font-size:10px;max-width:calc(100% - 140px)}}

/* missions sit between the YOU card and MANAGE */
.m2d-miss{left:108px!important;right:156px!important;transform:none!important;max-width:none!important;justify-content:center}
@media (max-width:760px){.m2d-miss .mc em{display:none}.m2d-miss{left:104px!important;right:150px!important;padding:3px 4px}}

/* live screen: no YOU card / mission strip; MANAGE bottom-left, text only (user 2026-10-22) */
.m2d-live .m2d-mini,.m2d-live .m2d-miss{display:none!important}
.m2d-live .m2d-manage{left:8px!important;right:auto!important}
.m2d-live .m2d-manage i,.m2d-live .m2d-manage em{display:none!important}

/* inside the real game theme.css gives every button min-height 44px: the new match keeps its own compact sizes */
html body .m2d button,html body .m2d select{min-height:0!important;margin:0!important}
html body .m2d .m2d-ed-bar,html body .m2d .m2d-ph{min-height:0!important}
/* compact pre-match bar + KICK OFF */
html body .m2d .m2d-vs{padding:5px 8px!important;margin-bottom:6px!important;gap:6px!important}
html body .m2d .m2d-vs img{width:22px!important;height:22px!important}
html body .m2d .m2d-vs b{font-size:12px!important}
html body .m2d .m2d-vs .m2d-gold{padding:6px 14px!important;font-size:12px!important;letter-spacing:1px!important;border-radius:8px!important}
html body .m2d .m2d-pre{padding:6px 8px 16px!important}

/* MANAGE > TACTICS: fits the sheet (no scrolling) - pitch takes the space that is left */
.m2d-sheet .sh-top{gap:3px!important;padding:6px 6px 3px!important;flex-wrap:nowrap!important}
.m2d-sheet .sh-top button{padding:6px 7px!important;font-size:10px!important;white-space:nowrap}
.m2d-sheet .sh-top .sh-x{padding:6px 12px!important}
.m2d-sheet.tacm{height:84%}
.m2d-sheet.tacm .sh-body{display:flex;flex-direction:column;flex:1;overflow:hidden!important;padding:2px 6px 6px!important}
.m2d-sheet.tacm .m2d-ed{display:flex;flex-direction:column;flex:1;min-height:0}
.m2d-sheet.tacm .m2d-pbox{flex:1;min-height:0}
.m2d-sheet.tacm .m2d-svg{height:100%!important;width:auto!important;max-height:none!important;max-width:100%!important}
.m2d-sheet.tacm .m2d-pan{margin-top:4px!important;padding:3px 6px!important;flex:none}
.m2d-sheet.tacm .m2d-ed-bar,.m2d-sheet.tacm .m2d-ph{flex:none;margin-bottom:3px!important}

/* instruction tiles: compact, same dark / gold theme as the profile card */
html body .m2d .m2d-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
html body .m2d .m2d-tile{gap:1px!important;padding:4px 4px 3px!important;border-radius:8px!important;background:linear-gradient(#26262c,#0a0a0d)!important;border:1px solid #4a4b53!important;box-shadow:inset 0 1px 0 #ffffff14}
html body .m2d .m2d-tile:hover,html body .m2d .m2d-tile:active{border-color:#ffd24d!important}
html body .m2d .m2d-tile .tt{font-size:9px!important;color:#ffe08a!important;letter-spacing:.02em;text-align:center}
html body .m2d .m2d-tile .ic{height:30px!important}
html body .m2d .m2d-tile .tv{font-size:10px!important;gap:0!important}
html body .m2d .m2d-tile .tv b{color:#fff;font-weight:600}
html body .m2d .m2d-tile .tv i{font-size:8px!important;padding:2px 3px!important;color:#ffe08a;opacity:.7}

/* tactics header: PRESET and SHAPE selects same width, right edges aligned */
html body .m2d .m2d-ed-bar,html body .m2d .m2d-ph{width:100%;box-sizing:border-box}
html body .m2d .m2d-ed-bar .m2d-sel,html body .m2d .m2d-ph .m2d-sel{width:112px!important;max-width:112px!important;flex:none;margin-left:auto!important}

/* full time: no icons in the stat tiles, CONTINUE on the left */
html body .m2d .me-t i{display:none!important}
html body .m2d .me-t{grid-template-columns:1fr!important;text-align:center!important}
html body .m2d .me-t span{grid-column:1!important;font-size:8px!important}
html body .m2d .m2d-ovc>.m2d-gold{align-self:flex-start!important}
html body .m2d .m2d-ovc>.m2d-gold{align-self:center!important}
html body .m2d .m2d-vs{width:100%!important;box-sizing:border-box}html body .m2d .m2d-vs .m2d-gold{margin-left:auto!important}
html body .m2d .m2d-speed [data-k=skip]{font-size:12px!important}

/* MANAGE > ORDERS: compact */
html body .m2d .m2d-sheet .m2d-dice{gap:3px!important;margin:0 0 3px!important;min-height:0!important}
html body .m2d .m2d-sheet .m2d-dice small{font-size:9px!important}
html body .m2d .m2d-sheet .m2d-die{width:22px!important;height:22px!important;font-size:12px!important}
html body .m2d .m2d-sheet .ord3{gap:4px!important;margin-top:2px!important}
html body .m2d .m2d-sheet .o3{padding:14px 3px 4px!important;gap:1px!important;border-radius:9px!important;box-shadow:0 0 6px color-mix(in srgb,var(--c) 40%,transparent)!important;border-width:1px!important}
html body .m2d .m2d-sheet .o3 .oc{top:2px!important;left:4px!important;font-size:8px!important}
html body .m2d .m2d-sheet .o3 i{font-size:20px!important;line-height:1!important}
html body .m2d .m2d-sheet .o3 b{font-size:11px!important;line-height:1.15!important}
html body .m2d .m2d-sheet .o3 .cost{font-size:8px!important;line-height:1.15!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .m2d .m2d-sheet .o3 u{font-size:9px!important;margin-top:1px!important;padding:1px 5px!important}
html body .m2d .m2d-sheet .sh-note{font-size:9px!important;margin-top:4px!important;line-height:1.25!important}

/* pre-match (phones / tablets): KICK OFF sits at the bottom of the screen */
@media (max-width:1099px){
 html body .m2d .m2d-pre{padding-bottom:86px!important}
 html body .m2d .m2d-pre .m2d-vs .m2d-gold{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:auto!important;margin:0!important;padding:14px 10px!important;font-size:17px!important;letter-spacing:2px!important;border-radius:12px!important;z-index:20;box-shadow:0 4px 0 #6b4a06,0 10px 24px #000c!important}
}