/* LYAMIO · black, racing red, midnight navy */
:root{color-scheme:dark;--bg:#080b10;--paper:#101a28;--ink:#f2f4f7;--muted:#a1afc0;--line:#25344a;--green:#ef2638;--dark:#101e32;--orange:#ef2638}
body{background:var(--bg);font-size:14px}button{min-height:44px;border-radius:9px;font-weight:500;background:#121f30;color:var(--ink)}button:hover{background:#1a2c43;border-color:#ef2638}a:hover{color:#ff6271}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid #ff5666;outline-offset:4px}input[type=checkbox],input[type=radio]{accent-color:#ef2638}select,input[type=date]{color-scheme:dark}.wordmark{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-style:italic;letter-spacing:-1.1px;color:#f2f4f7}.wordmark i{font-style:inherit;color:#ef2638}.brand{display:flex;align-items:center;font-size:32px;gap:11px}.brand>span:last-child{font-weight:800}.brandmark{display:none}.eyebrow{font-size:8px;color:#9faebf;letter-spacing:2px;margin-top:8px}aside{width:216px;padding:32px 24px;background:#0a101a;border-color:#1b293b}nav{margin-top:58px;gap:12px}nav button{padding:14px;color:#9caabe;background:none;border-radius:8px}nav button b{display:flex}nav button.active{background:#18263a;color:#fff;box-shadow:inset 3px 0 #ef2638}nav button.active svg{color:#ef2638}.sidebottom{border-color:var(--line)}.sidebottom strong{color:var(--ink);font-family:'Barlow Condensed',sans-serif;font-size:38px}.pulse{background:#ef2638}.main{margin-left:216px;width:calc(100% - 216px)}header{height:82px;margin:0 42px}.breadcrumb{display:flex;align-items:center;gap:9px}.breadcrumb .wordmark{font-size:23px;letter-spacing:-.5px}.breadcrumb>span{margin-left:5px}.breadcrumb:before{display:none}.header-right button{background:#101a28;border-color:#26354a;min-height:40px}.header-right button:hover{border-color:#ef2638}main{max-width:1480px;padding:35px 42px 50px}h1{font-size:clamp(30px,3.3vw,45px);letter-spacing:-1.4px;font-weight:700;line-height:1.35}h2,h3{letter-spacing:-.4px}.intro{margin-bottom:28px}.intro p{margin-top:10px;line-height:1.8}.intro .tiny{margin-bottom:12px}.tiny{letter-spacing:1.7px}.accent{color:#ff5c6b}.hero{min-height:370px;border:1px solid #344057;background:#0c1522 url('assets/lyamio-circuit.webp') center 65% / cover;border-radius:16px;margin-bottom:18px}.herocopy{max-width:74%;padding:36px 38px}.hero .tiny{color:#f2f4f7}.heroflag{background:#142238b8;border-color:#53617a;color:#fff}.hero h2{font-size:clamp(31px,3.6vw,48px);max-width:600px;line-height:1.18;margin:24px 0 16px}.hero p{color:#c2cbd6;line-height:1.8}.hero .nextcount{display:flex;align-items:center;gap:15px;color:#c0c9d7;margin-top:23px;font-size:11px;line-height:1.7}.nextcount strong{font-family:'Barlow Condensed',sans-serif;font-size:51px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:1px}.hero button,.primary{background:#ef2638;color:white;border:1px solid #ef2638}.hero button:hover,.primary:hover{background:#d51d2f;border-color:#ff6775;color:#fff}.hero button{margin-top:24px;padding:12px 20px}.scene-credit{position:absolute;right:14px;bottom:12px;font-size:8px;color:#afbdcf;background:#080b1099;padding:5px 7px}.rating-entry{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #334056;background:#101b2b;border-radius:12px;padding:24px;margin-bottom:27px}.rating-entry h3{font-size:20px;margin-top:10px}.rating-entry p{font-size:12px;color:var(--muted);margin-bottom:0}.rating-entry button{white-space:nowrap;background:transparent}.note{background:#111e30;border-color:#61728c;color:#c4cddb;border-radius:0 8px 8px 0}.segmented{padding:4px;border:1px solid var(--line);background:#0b111b;border-radius:10px}.segmented button{background:transparent;color:#a7b4c5}.segmented button.active{background:#26364e;color:white;box-shadow:none}.search,input[type=date]{background:#101a28;border-color:#2b3b52;color:var(--ink);min-height:44px}.filters button{background:#101a28;color:#b7c2d1;border:1px solid #26354a;min-height:40px}.filters button.active{background:#ef2638;border-color:#ef2638;color:white}.contentgrid{grid-template-columns:minmax(0,1fr) 258px;gap:26px}.datehead{border-color:#304058;padding:23px 0 14px;font-size:14px}.racecard{background:#101a28;border-color:#26354a;border-radius:12px;min-height:124px}.racecard:hover{background:#142135;transform:translateY(-1px);box-shadow:0 8px 25px #0003}.racetime{width:96px;background:#0d1522;border-color:#26354a;padding:26px 12px}.racetime strong{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:700;letter-spacing:.5px}.racetime small{font-size:9px;line-height:1.7;color:#9fadc1}.racebody{padding:21px 19px}.racebody h3{font-size:17px;margin:10px 0;line-height:1.45}.racebody p{color:#a4b2c4;line-height:1.8}.racebody .tiny{flex-wrap:wrap;line-height:1.6}.star{color:#a8b5c8;min-width:44px;min-height:44px}.star.saved{color:#ff4a5d}.badge{border:1px solid #34455c;background:#18263a;color:#c7d0dd;border-radius:5px;line-height:1.7;font-size:9px}.badge.unconfirmed{color:#bdcadb;background:#152237;border-color:#354761}.badge.free{background:#18362f;color:#b6e3d1;border-color:#3d6c5c}.railbox{background:#0f1928;border-color:#293a52;border-radius:12px;padding:23px}.railbox h3{font-size:14px;line-height:1.7}.railrow{border-color:#28394f;gap:12px}.railrow b{text-align:right}.railbox p{color:#a2afc1;font-size:12px}.railbox.mint{background:#14233a;border:1px solid #304565}.railbox.mint .tiny{color:#ff5e6e}.railbox button{font-size:12px}.empty{background:#0e1827;border-color:#35445c}.empty p{color:#a5b3c7}.catalogue{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.seriescard{background:#101b2c;border:1px solid #2b3b52;border-radius:14px;padding:22px;position:relative;overflow:hidden;min-height:285px}.seriescard:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101b2c 38%,#101b2c66),url('assets/lyamio-circuit.webp') right center / cover;opacity:.62;pointer-events:none}.seriescard>*{position:relative}.seriescard:hover{border-color:#ef2638;transform:translateY(-2px)}.seriesmark{border-left:3px solid #ef2638;padding-left:14px;margin:30px 0 18px;min-height:67px;display:flex;align-items:center}.seriesmark-fallback{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-style:italic;font-size:36px;line-height:1.05}.seriescard h3{font-size:15px}.seriescard p{font-size:12px;line-height:1.85}.seriesfoot{color:#c5d0df}.stat{background:#111d2f;border-color:#2e405a}.stat strong{font-family:'Barlow Condensed',sans-serif;font-size:40px}.tablewrap{border:1px solid #293b54;border-radius:8px;background:#0d1725}table{color:#d9e1ed}th{color:#a2b1c7;background:#122037}td,th{border-color:#2b3b52;padding:14px 10px}td small{line-height:1.9}.sectionhead{gap:15px}.sectionhead h2{font-size:21px}.sectionhead p{font-size:12px;margin:8px 0 0}.linkbutton{background:#142238;border-color:#30445e;color:#e2e8f1;min-height:44px}dialog{background:#0d1725;border:1px solid #34455f;max-width:850px;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#03070dc9;backdrop-filter:blur(6px)}.modalhead{padding:34px;background:linear-gradient(90deg,#0b1322ee,#111c30aa),url('assets/lyamio-circuit.webp') center / cover}.modalhead .tiny{color:#ff6776!important}.modalhead h2{font-size:32px;line-height:1.3;padding-right:20px}.modalhead p{color:#b9c6d8;line-height:1.8}.modalbody{padding:27px 32px}.tabs button{min-height:44px;color:#b1bfd3}.tabs button.active{background:#ef2638;color:white}.close{min-width:44px;min-height:44px}.detailrow{border-color:#2c3e58}.detailrow strong{font-family:'Barlow Condensed',sans-serif;font-size:25px}.detailrow h3{font-size:14px;line-height:1.7}.entity-card{background:#111f33;border-color:#30445d;border-radius:12px}.entity-visual{background:#16253b;height:225px;border-color:#30445d}.entity-monogram{color:#8293ad}.entity-visual img{background:#e8e9eb;object-fit:contain}.entity-info{padding:20px}.person-image-label,.portrait-credit{color:#afbdd0}.entity-info h3{font-size:19px}.entity-country{font-size:12px}.entity-association{color:#bbc8da;font-size:12px}.entity-source{color:#d0d9e7}.team-card .entity-visual{background:#17273f}.team-card .entity-monogram{color:#b9c9de}.team-card h3{font-size:16px}.sourcepill,.identity-note{font-size:11px;line-height:1.9}.prefscontent{padding:32px}.prefscontent select{background:#101f34;border-color:#354a68;color:#f2f4f7;min-height:48px}.prefscontent h2{font-size:27px}.prefscontent .checkbox{display:flex;line-height:1.8;gap:10px}.prefscontent p{color:#aebcd0}.prefscontent .buttons{gap:12px}.myhero{background:linear-gradient(90deg,#0c1421dd,#101a28aa),url('assets/lyamio-circuit.webp') center 66% / cover;border:1px solid #31435d;border-radius:15px;padding:34px;margin-bottom:30px}.myhero .tiny{color:#ff6675}.myhero h1{margin-top:14px}.myhero p,.myhero small{color:#b6c3d6;line-height:1.9}.myhero small{font-size:11px}.mygrid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:30px}.mygrid .sectionhead{margin-top:0}.follow-list{display:grid;gap:12px}.follow-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#101c2d;border:1px solid #2a3c56;border-radius:10px;padding:9px 15px}.follow-title{background:transparent;border:0;text-align:left;flex:1;padding:12px 4px}.follow-title strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:29px;font-style:italic;margin:7px 0}.follow-title small{color:#ff6776;font-size:10px}.follow-title span{font-size:11px;color:#aab8cd}.preferences-panel{border:1px solid #2b3d58;background:#101b2c;border-radius:13px;padding:25px;height:fit-content}.preferences-panel h2{margin-top:12px}.preferences-panel dl{margin:20px 0 0}.preferences-panel dl>div{display:flex;gap:14px;justify-content:space-between;padding:15px 0;border-top:1px solid #30415b}.preferences-panel dt{font-size:13px}.preferences-panel dd{text-align:right;margin:0;font-size:13px}.preferences-panel dd small{display:block;font-size:11px;color:#aab9d0;margin-top:8px}.preferences-panel p,.privacy p{font-size:11px;line-height:1.9;color:#acbad0;margin:6px 0 15px}.wide{width:100%;margin:15px 0}.settings-link{display:block;padding:18px 0;border-bottom:1px solid #30415b;font-size:12px}.privacy summary{padding:18px 0;font-size:12px;cursor:pointer}.upcoming-row{display:flex;width:100%;gap:18px;align-items:center;text-align:left;margin:10px 0;padding:18px}.upcoming-row strong{font-family:'Barlow Condensed',sans-serif;font-size:29px}.upcoming-row>span:nth-child(2){flex:1;font-size:13px;line-height:1.7}.upcoming-row small{display:block;font-size:10px;color:#a7b8cf;margin-top:5px}.rating-notice{padding:21px 24px;border:1px solid #30405b;border-radius:12px;background:#111f33}.rating-notice b{font-size:11px;letter-spacing:1px;color:#ff7180}.rating-notice p{font-size:12px;color:#b5c2d6;line-height:1.9;margin-bottom:0}.rating-toolbar{display:flex;align-items:end;gap:18px;margin:28px 0}.rating-toolbar label{display:grid;gap:12px;flex:1;font-size:12px;color:#aebcd0}.rating-toolbar select{background:#111e30;border:1px solid #344763;color:#f2f4f7;border-radius:8px;min-height:48px;padding:12px;max-width:100%;width:100%}.rating-toolbar button{white-space:nowrap}.rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rating-driver{display:flex;align-items:center;text-align:left;gap:14px;padding:20px;min-width:0;background:#111d2f;border-color:#2c405b;border-radius:12px}.rating-avatar{width:48px;height:58px;background:#1b2c46;border-bottom:2px solid #ef2638;display:grid;place-items:center;font-family:'Barlow Condensed',sans-serif;font-size:25px;flex-shrink:0;color:#b6c6dc}.rating-person{min-width:0;flex:1}.rating-person strong{font-size:15px;line-height:1.7}.rating-person small{display:block;color:#aabbd2;font-size:10px;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}.rating-value{font-family:'Barlow Condensed',sans-serif;font-size:36px;color:#fff;text-align:center;min-width:47px}.rating-value small{display:block;font:9px 'DM Sans','Noto Sans TC',sans-serif;color:#ff7180;letter-spacing:.5px;margin-top:4px}.rating-dialog{max-width:510px}.rating-dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.rating-dialog-heading button{font-size:22px}.score-display{text-align:center;font-family:'Barlow Condensed',sans-serif;font-size:92px;color:#ff4256;margin:20px}.score-display small{font-size:24px;color:#9cacc3;margin-left:7px}.score-choices{padding:0;border:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.score-choices legend{margin-bottom:17px;font-size:13px}.score-choices label{margin:0;position:relative}.score-choices input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.score-choices span{display:grid;place-items:center;min-height:48px;border:1px solid #3b4c68;border-radius:8px;font-family:'Barlow Condensed',sans-serif;font-size:25px}.score-choices input:checked+span{background:#ef2638;color:#fff;border-color:#ef2638}.score-choices input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.score-scale{display:flex;justify-content:space-between;font-size:10px;color:#aab9ce;margin:12px 0 25px}button:disabled{opacity:.4;cursor:default}#ratingStatus{color:#ff8793}.rating-saved{color:#f2f4f7!important}footer{padding:10px 42px 30px;line-height:1.9;font-size:10px}#toast{background:#f2f4f7;color:#101a28;box-shadow:0 10px 40px #0008}
@media(min-width:1500px){.hero{min-height:410px}.herocopy{padding:43px}.hero h2{font-size:50px}}
@media(max-width:1100px){.contentgrid{grid-template-columns:1fr}.rail{display:grid;grid-template-columns:1fr 1fr;gap:17px}.railbox{margin:0}.railbox:last-child{display:block;grid-column:1/-1}.catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.mygrid{grid-template-columns:1fr}.preferences-panel{max-width:none}.rating-grid{grid-template-columns:1fr}}
@media(max-width:850px){aside{width:76px;padding:28px 10px}.brand{font-size:0;justify-content:center}.brand .wordmark{display:none}.brandmark{display:block;font-size:26px;margin:0;color:#ef2638}.eyebrow,.sidebottom,nav button span{display:none}nav{margin-top:45px}nav button{justify-content:center;padding:14px}.main{margin-left:76px;width:calc(100% - 76px)}header{margin:0 26px}main{padding:28px 26px}.herocopy{max-width:85%}}
@media(max-width:580px){body{font-size:13px}aside{width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:5px 10px env(safe-area-inset-bottom);background:#0a1221f2;bottom:0;z-index:5;border:0;border-top:1px solid #2d3e58;backdrop-filter:blur(18px)}aside .brand{display:none}nav{margin:0;gap:6px;flex-direction:row;width:100%}nav button{flex:1;flex-direction:column;gap:4px;min-height:54px;padding:7px 4px;color:#9dabbe}nav button.active{background:none;color:#ff5a6c;box-shadow:none}nav button span{display:block;font-size:10px}nav button svg{width:23px;height:23px}.main{margin:0 0 calc(78px + env(safe-area-inset-bottom));width:100%}header{height:64px;margin:0 18px}.breadcrumb .wordmark{font-size:27px}.breadcrumb>span{display:none}.header-right{gap:6px}.header-right button{padding:7px 10px;font-size:10px;min-height:38px}.settingsbutton{max-width:142px}main{padding:25px 16px}.intro{margin-bottom:23px;align-items:flex-start}h1{font-size:29px;line-height:1.4;letter-spacing:-1px}.intro p{font-size:12px;max-width:310px}.hero{min-height:370px;background-position:63% center;border-radius:13px}.herocopy{padding:26px 23px;max-width:100%;width:100%;background:linear-gradient(90deg,#080e19b3,transparent)}.hero .tiny{font-size:8px;letter-spacing:1.2px}.heroflag{font-size:8px;margin-left:7px}.hero h2{font-size:36px;margin-top:25px;max-width:310px;line-height:1.2}.hero p{font-size:11px;max-width:275px}.nextcount strong{font-size:49px}.hero .nextcount{font-size:10px;gap:12px;margin-top:23px}.hero button{font-size:12px;margin-top:22px}.scene-credit{font-size:7px}.rating-entry{padding:20px 17px;gap:12px;align-items:flex-start;flex-direction:column}.rating-entry h3{font-size:19px}.rating-entry .tiny{font-size:8px}.rating-entry p{font-size:11px}.rating-entry button{font-size:12px;align-self:flex-end}.tools{flex-wrap:wrap;gap:12px}.segmented{width:100%}.segmented button{padding:9px 7px;min-height:39px;font-size:11px;flex:1}.search{max-width:100%;font-size:12px}.filters button{font-size:11px;min-height:39px}.datehead{font-size:13px;gap:8px;line-height:1.7}.datehead span{font-size:9px;text-align:right}.racecard{min-height:143px}.racetime{width:70px;padding:24px 7px}.racetime strong{font-size:29px}.racetime small{font-size:8px}.racebody{padding:18px 10px}.racebody h3{font-size:14px;line-height:1.5}.racebody p{font-size:10px;line-height:1.9}.racebody .tiny{font-size:8px;gap:5px}.cardactions{max-width:77px;min-width:65px;padding:9px 7px 12px 0}.badge{font-size:8px;padding:4px;white-space:normal;line-height:1.65}.star{min-width:44px;min-height:44px}.listmeta{font-size:10px;line-height:1.9}.listmeta .checkbox{font-size:10px}.rail{grid-template-columns:1fr}.railbox:first-child{display:block}.railbox{padding:21px}.catalogue{grid-template-columns:1fr 1fr;gap:11px}.seriescard{padding:15px;min-height:268px}.seriesmark{margin:23px 0 16px;padding-left:10px;min-height:65px}.seriesmark-fallback{font-size:29px}.seriescard .tiny{font-size:8px;letter-spacing:.8px}.seriescard h3{font-size:13px;line-height:1.7}.seriescard p{font-size:11px;line-height:1.8}.seriescard .seriesfoot{font-size:9px;line-height:1.7;gap:5px}.seriescard .star{padding:0;min-width:35px}.statsbar{gap:8px}.stat{padding:17px 12px}.stat strong{font-size:33px}.stat span{font-size:9px}.modalhead{padding:28px 22px}.modalhead h2{font-size:27px;line-height:1.35}.modalbody{padding:22px 17px}.tabs button{min-height:44px;font-size:11px}.entity-grid{grid-template-columns:1fr 1fr;gap:10px}.entity-visual{height:210px}.entity-info{padding:14px}.entity-info h3{font-size:16px}.entity-association{font-size:11px}.entity-country{font-size:11px}.team-card{grid-column:1/-1}.team-card h3{font-size:15px}.sourcepill{font-size:10px}.prefscontent{padding:26px 22px}.prefscontent h2{font-size:25px}.myhero{padding:27px 23px;min-height:225px;background-position:60% center}.myhero h1{font-size:32px}.mygrid{gap:25px}.preferences-panel{padding:23px}.sectionhead h2{font-size:20px}.sectionhead button{font-size:11px}.follow-title strong{font-size:29px}.rating-notice{padding:19px}.rating-notice b{font-size:10px}.rating-notice p{font-size:11px}.rating-toolbar{align-items:stretch;flex-direction:column;gap:11px}.rating-toolbar label{min-width:0;font-size:11px}.rating-toolbar button{align-self:flex-end}.rating-toolbar select{font-size:12px}.rating-driver{padding:18px 14px;gap:12px}.rating-person strong{font-size:14px}.rating-person small{font-size:10px}.rating-avatar{width:43px}.rating-value{font-size:33px}.rating-grid{gap:11px}.rating-dialog .buttons button{font-size:12px}.score-display{font-size:82px}.rating-dialog .prefscontent{padding:24px}.rating-dialog h2{font-size:25px}footer{padding:10px 18px 25px;font-size:9px}#toast{bottom:calc(89px + env(safe-area-inset-bottom));font-size:11px}.country{white-space:normal;line-height:1.7}}
@media(max-width:360px){.catalogue,.entity-grid{grid-template-columns:1fr}.seriescard{min-height:220px}.hero h2{font-size:31px}.header-right button{font-size:9px}.settingsbutton{max-width:120px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.rating-avatar{position:relative;overflow:hidden}.rating-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#e8e9eb}.rating-avatar img[hidden]{display:none}
.seriesmark{background:transparent;border:0;border-left:3px solid #ef2638;border-radius:0;align-items:flex-start;flex-direction:row;justify-content:flex-start;color:#f2f4f7}.seriesmark-fallback{color:#f2f4f7;overflow-wrap:anywhere}
/* LYAMIO 0.2 · driver profiles, following, local backup */
.profile-link{width:100%;text-align:left;font-size:12px;padding:11px 12px;margin:8px 0;background:#172b45;border-color:#3a506e}.following-tabs{margin:0 0 22px;display:flex;width:100%}.following-tabs button{flex:1;font-size:12px;min-width:0}.following-tabs small{margin-left:5px;font-size:10px;color:#c4cfdf}.follow-list .follow-title strong{font-size:25px;line-height:1.3;overflow-wrap:anywhere}.backup-actions{margin-top:20px;padding-top:21px;border-top:1px solid #30415b}.backup-actions h3{font-size:14px;line-height:1.8}.backup-actions button{margin-right:6px;font-size:12px}.backup-actions #backupStatus{color:#c5d1e3;margin-top:13px}.backup-dialog{max-width:510px}.driver-profile{max-width:850px}.profile-banner{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(90deg,#0c1726cc,#14243b99),url('assets/lyamio-circuit.webp') center 60% / cover;border-bottom:1px solid #32445e}.profile-banner .tiny{font-size:10px;color:#bdcada;text-align:right;line-height:1.8}.profile-back{background:#091321b3;border-color:#425575;white-space:nowrap;min-height:44px}.profile-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:35px;padding:30px}.profile-portrait{position:relative;height:310px;display:grid;place-items:center;background:#17283f;border:1px solid #324960;border-radius:12px;overflow:hidden}.profile-portrait>span{font:700 80px 'Barlow Condensed',sans-serif;color:#8296b0}.profile-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f2f2f2}.profile-portrait img[hidden]{display:none}.profile-portrait small{position:absolute;bottom:0;width:100%;padding:10px;background:#0b1726e8;text-align:center;font-size:10px;color:#cad7e9;z-index:1}.profile-info{padding:12px 0}.profile-info h2{font-family:'Barlow Condensed','Noto Sans TC',sans-serif;font-size:45px;font-weight:700;line-height:1.08;margin:17px 0;overflow-wrap:anywhere}.profile-nationality{font-size:14px;color:#c2d0e5}.profile-team{font-size:15px;line-height:1.9;color:#b8c8dd;margin:20px 0}.profile-info button{margin:5px 0 8px}.profile-content{padding:0 30px 30px}.profile-content section{border-top:1px solid #2f415c;padding-top:24px;margin-top:8px;margin-bottom:26px}.profile-content h3{font-size:17px}.profile-content .portrait-credit{margin-top:15px}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:20px}.profile-stats article{padding:20px;background:#14233a;border:1px solid #354965;border-radius:10px}.profile-stats small{color:#abbdd7;font-size:11px}.profile-stats strong{font:700 46px 'Barlow Condensed',sans-serif;display:block;margin:10px 0}.profile-stats strong span{font-size:13px;color:#ff6274}.profile-stats p{font-size:12px;color:#b0c1d9}.build-info{font-size:10px;color:#98aac4;margin-top:20px;border-top:1px solid #2f415c;padding-top:15px}.profile-content .linkbutton{margin-top:15px}
@media(max-width:580px){.profile-banner{padding:17px 18px}.profile-banner .tiny{font-size:8px}.profile-layout{grid-template-columns:115px minmax(0,1fr);padding:24px 17px;gap:17px}.profile-portrait{height:205px;border-radius:9px}.profile-portrait>span{font-size:48px}.profile-portrait small{font-size:8px;padding:8px 4px}.profile-info{padding:1px 0}.profile-info .tiny{font-size:8px;letter-spacing:1px}.profile-info h2{font-size:31px;margin:15px 0;line-height:1.1}.profile-nationality{font-size:11px}.profile-team{font-size:11px;margin:12px 0;line-height:1.8}.profile-info button{font-size:11px;padding:10px 11px}.profile-info .sourcepill{font-size:9px}.profile-content{padding:0 17px 20px}.profile-content h3{font-size:16px}.profile-content .detailtext{font-size:12px}.profile-stats article{padding:17px}.profile-stats strong{font-size:40px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.following-tabs button{font-size:11px;padding:9px 6px}.following-tabs small{font-size:9px;margin-left:3px}.backup-actions button{font-size:11px}.follow-list .follow-title strong{font-size:25px}.backup-dialog .buttons{flex-wrap:wrap}.backup-dialog button{font-size:12px}}