*{box-sizing:border-box}body{margin:0;background:#07110e;color:#eef7f1;font:14px Arial,sans-serif}.app{max-width:650px;min-height:100dvh;margin:auto;background:#091612;padding-bottom:80px}header{height:72px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b3229}.brand{font-size:29px;font-weight:900;letter-spacing:-2px;line-height:24px}.brand span,.green{color:#22d880}.brand small{display:block;font-size:9px;letter-spacing:1px;font-weight:600;color:#9cb3a6;margin-top:7px}.head-right{display:flex;gap:12px;align-items:center}.demo{font-size:9px;color:#8da99a;border:1px solid #365344;border-radius:20px;padding:6px 9px}.avatar{font-size:22px}main{padding:15px 13px 30px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:23px 2px 11px;font-size:16px;font-weight:800}.section-title small{font-size:11px;color:#28d77e;font-weight:400}.scoreboard{background:linear-gradient(115deg,#123b2b,#111e1a 52%,#3c1a1c);border:1px solid #30513c;border-radius:17px;padding:13px 15px 12px;text-align:center;position:relative;overflow:hidden}.scoreboard:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,#6da67d20,transparent 55%);pointer-events:none}.period{font-size:11px;color:#bbcec3;letter-spacing:1.1px}.scoreline{display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:center;margin:10px 0 4px}.team{font-weight:800;font-size:15px}.crest{font-size:27px;display:block;margin-bottom:5px}.xanh{color:#2ce08c}.chin{color:#ff686b}.big-score{font-size:clamp(47px,13vw,78px);font-weight:900;letter-spacing:-4px;white-space:nowrap;line-height:1.15}.big-score em{font-style:normal;color:#a3afa7;font-size:.55em;margin:0 4px}.goals{display:flex;justify-content:space-between;border-top:1px solid #ffffff23;padding:10px 9px 0;font-size:12px;color:#c0d2c5}.goals strong{font-size:19px;display:block}.shortcut{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.shortcut button{border:1px solid #244337;background:#11251e;color:white;border-radius:12px;padding:13px 2px;cursor:pointer;font-size:11px;font-weight:700}.shortcut .ico{font-size:22px;display:block;color:#2be28b;margin-bottom:7px}.card{background:#11241d;border:1px solid #294439;border-radius:14px;padding:14px;margin-bottom:11px}.muted{color:#91aa9b;font-size:12px}.flex{display:flex;justify-content:space-between;align-items:center;gap:8px}.match-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;margin:15px 0}.match-score b{font-size:37px;white-space:nowrap}.match-score span{font-weight:700}.scorers{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #2d453a;padding-top:12px;font-size:12px}.scorers p{margin:8px 0;line-height:1.4}.scorers>div:last-child{text-align:right}.pill{background:#1b4230;color:#47e796;padding:5px 9px;border-radius:20px;font-size:11px}.tag{font-size:10px;border:1px solid #54705d;border-radius:5px;padding:4px 6px;color:#c9d9ce}.rowitem{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #294136;cursor:pointer}.rowitem:last-child{border:0}.rowitem .grow{flex:1}.rowitem b{font-size:14px}.rowitem small{display:block;color:#8ba89a;margin-top:5px}.number{font-weight:900;font-size:22px}.photo{height:39px;width:39px;border-radius:50%;background:#284536;display:grid;place-items:center;font-size:20px;flex-shrink:0}.tabs{display:flex;gap:7px;overflow:auto;margin:12px 0}.tabs button{white-space:nowrap;background:#182a22;color:#a9c0b1;border:0;border-radius:8px;padding:10px 13px}.tabs button.on{background:#20c875;color:#05170d;font-weight:800}h2{font-size:18px;margin:3px 0 15px}.rank{width:26px;font-weight:800;color:#b1c2b6}.rank.gold{color:#f6cb54}.bar{height:7px;background:#294034;border-radius:9px;overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;background:#2cda81}.btn{background:#1bcb73;color:#06150c;border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer}.btn.outline{background:#16372a;color:#43e995}.activity{display:flex;gap:12px;align-items:center}.activity .symbol{background:#294234;border-radius:12px;font-size:31px;padding:12px}.activity h3{margin:0 0 6px;font-size:14px}.activity p{margin:0;color:#9db4a6;font-size:12px}.note{font-size:12px;color:#a1b7a8;line-height:1.6}select,input{font:inherit;background:#182e23;border:1px solid #3a5948;border-radius:8px;color:white;padding:9px}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:650px;background:#0a1712;border-top:1px solid #294438;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 2px max(9px,env(safe-area-inset-bottom));z-index:10}nav button{border:0;background:transparent;color:#8da89a;font-size:22px;cursor:pointer}nav button.active{color:#2be083}nav small{display:block;font-size:10px;margin-top:5px}.detail{background:#173126;border-radius:9px;padding:12px;margin-top:9px}.statrow{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.statrow .bar{width:58%;margin:0}.statrow label{min-width:95px}.statrow strong{min-width:28px;text-align:right}@media(min-width:700px){body{background:#06100b}.app{box-shadow:0 0 70px #0009}}

/* FC5H v2.1: approved graphical theme; all text remains live HTML in Arial */
body,.app,button,input,select{font-family:Arial,Helvetica,sans-serif!important}
.app{background:linear-gradient(180deg,#06140f,#081611 50%,#07120e)}
header{background:#061510;border-bottom:0;height:77px;padding:15px 16px 10px}
.brand{font-size:33px;letter-spacing:-2.5px}.brand small{letter-spacing:.25px;font-size:9px}
main{padding:0 12px 30px}
.scoreboard{min-height:246px;border:0;border-radius:0 0 17px 17px;margin:0 -12px;padding:16px 15px 13px;background:linear-gradient(180deg,rgba(0,13,10,.68),rgba(0,16,12,.10) 50%,rgba(0,10,9,.9)),url('images/tra-khuc-hero.jpg') center 53%/cover;box-shadow:inset 0 -22px 32px #07150e}
.scoreboard:before{background:linear-gradient(90deg,rgba(0,75,42,.23),transparent 50%,rgba(102,5,14,.27))}
.scoreboard>*{position:relative;z-index:1}
.period{font-size:12px;color:#fff;font-weight:800;text-shadow:0 2px 5px #000}
.scoreline{grid-template-columns:1fr 1.45fr 1fr;margin:15px 0 12px;gap:0}
.team{font-size:13px;color:#fff;text-shadow:0 2px 4px #000}.crest{display:flex;justify-content:center;align-items:center;height:68px;margin:0 auto 3px}.crest img{height:66px;width:68px;object-fit:contain;filter:drop-shadow(0 2px 7px #000)}
.big-score{font-size:clamp(53px,14vw,84px);letter-spacing:-4px;color:#fff;text-shadow:0 2px 12px #000}.big-score .xanh{color:#e8fff3}.big-score .chin{color:#ffe5e6}.big-score em{color:#fff}
.goals{border:0;background:linear-gradient(90deg,#06281dd9,#071710b8,#35161bcb);border-radius:12px;padding:9px 16px;align-items:center;color:#fff;text-shadow:0 1px 5px #000}.goals strong{font-size:29px}.goals div:last-child{text-align:right}
.shortcut{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px;gap:7px}.shortcut button{min-height:89px;background:linear-gradient(145deg,#0d3225,#081b15);border:1px solid #226347;border-radius:13px;font-size:12px}.shortcut .ico{font-size:25px}
.section-title{font-size:17px;letter-spacing:.15px}.card{background:linear-gradient(145deg,#0b2119,#091912);border-color:#246043}.card.featured-match{background:linear-gradient(180deg,#091912c9,#061710ed),url('images/football-gallery.jpg') center/cover;border-color:#268159;box-shadow:0 6px 22px #0004}
.match-score{margin:18px 0}.match-score b{font-size:43px;color:white}.match-score .team-crest{width:40px;height:45px;display:block;margin:auto auto 4px}
.scorers{color:#f2fff7}.scorers p{margin:9px 0}
.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.activity-tile{display:block;overflow:hidden;border-radius:12px;background:#102b20;border:1px solid #24523d;color:white;text-decoration:none;min-height:148px}.activity-tile img{width:100%;height:78px;object-fit:cover;display:block}.activity-tile strong{display:block;font-size:11px;line-height:1.35;padding:8px}
nav{background:#061610f7;backdrop-filter:blur(12px)}
@media(max-width:360px){.team{font-size:11px}.crest img{width:52px}.big-score{font-size:49px}.shortcut button{font-size:10px}.activity-tile strong{font-size:10px}}