:root{color-scheme:dark;--bg:#101917;--surface:#17211e;--edge:#304039;--mint:#bce8ce;--gold:#d7cd9d;--text:#e7ebe2;--muted:#82978a;font-family:"Segoe UI","Microsoft JhengHei",system-ui,sans-serif}
.upgrade-dialog{width:min(550px,calc(100% - 28px));padding:22px 30px;background:linear-gradient(150deg,#e4e7d8,#f0efe2);color:#334631}.upgrade-heading{text-align:center}.upgrade-heading .eyebrow{color:#718464;font-size:10px;letter-spacing:1px}.upgrade-heading h2{font-size:26px;font-weight:500;margin:10px 0}.upgrade-name{color:#687d5d;font-size:13px;margin:0}.upgrade-comparison{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:14px;margin:16px 0 14px}.upgrade-comparison figure{margin:0;text-align:center;border:1px solid #8c9f7955;background:#fafbf177;border-radius:8px;padding:10px}.upgrade-comparison figure:last-child{border-color:#76966a;background:#f7ffe977}.upgrade-comparison canvas{display:block;width:100%;height:68px;object-fit:contain}.upgrade-comparison figcaption{font-size:12px;color:#637b55}.upgrade-comparison figure:last-child figcaption{color:#345830;font-weight:600}.upgrade-arrow{text-align:center;color:#7c9569;font-size:22px}.upgrade-breakthrough{font-size:12px;color:#715c28;background:#d7b86624;border:1px solid #baa56b55;border-radius:5px;padding:8px;text-align:center;margin:0 0 12px}.upgrade-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;text-align:left}.upgrade-table thead{font-size:10px;color:#839177}.upgrade-table th{font-weight:400}.upgrade-table td,.upgrade-table th{padding:9px 7px;border-bottom:1px solid #8d9f7133}.upgrade-table td:nth-child(2){color:#8b967f}.upgrade-table td:last-child{color:#365f2d;font-weight:600}.upgrade-table .upgrade-milestone{background:#d9ca8b20}.upgrade-fragments{text-align:center;color:#738565;font-size:11px;line-height:1.7;margin:13px 0 3px}.upgrade-enchant{text-align:center;font-size:10px;color:#89947b;margin:0 0 18px}.upgrade-confirm p{text-align:center;font-size:10px;color:#859378;margin:9px 0 0}.game-overlay[data-result="over"] .overlay-symbol,.game-overlay[data-result="over"] h2{color:#efb0a1}.game-overlay[data-result="won"] h2{color:#d3e8b9}
@media(max-width:720px){.upgrade-dialog{padding:21px 18px}.upgrade-heading h2{font-size:23px}.upgrade-comparison{gap:8px;margin-top:16px}.upgrade-comparison figure{padding:8px}.upgrade-comparison canvas{height:62px}.upgrade-table{font-size:11px}.upgrade-table td,.upgrade-table th{padding:9px 5px}.upgrade-table th:first-child{width:32%}.upgrade-fragments{font-size:10px}}
.vehicle-status{display:flex;align-items:center;gap:7px;margin:7px auto 0;padding:3px 10px 3px 5px;width:fit-content;max-width:100%;border:1px solid #bce8ce25;background:#102019d9;border-radius:6px;color:#c1d7b7;font-size:10px;pointer-events:none}.vehicle-status canvas{width:48px;height:24px;flex-shrink:0}.vehicle-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-status strong{font-size:9px;font-weight:400;color:#d3cc9e;white-space:nowrap}.vehicle-card{border-color:#769982}.reward-vehicle{width:94px;height:50px;display:block;margin:0 auto 5px}.reward-options[data-count="1"]:not(.weapon-picker){grid-template-columns:1fr;max-width:300px;margin-inline:auto}.world-guide .victory-rule{color:#c7d5ae;line-height:1.7}
@media(min-width:721px){.sidebar{height:clamp(460px,calc(100dvh - 174px),820px)}.sidebar .arsenal{display:flex;flex-direction:column;min-height:125px;overflow:hidden}.sidebar .weapon-list{min-height:0;max-height:none;overflow:auto}.sidebar .run-stats,.sidebar .world-guide{flex-shrink:0}}
@media(min-width:1550px){.sidebar{height:calc(100dvh - 215px)}}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#24362b80,transparent 60%),var(--bg);color:var(--text);font-size:14px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{cursor:default;opacity:.38}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}.app{max-width:1480px;margin:auto;padding:30px 42px 20px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:16px}.brand{display:flex;align-items:center;gap:15px}.brand-mark{font-size:42px;color:var(--mint);line-height:1}.brand h1{font:28px Georgia,serif;letter-spacing:4px;margin:0}.brand h1 span{font:13px "Microsoft JhengHei",sans-serif;letter-spacing:2px;margin-left:17px;color:#adbaac}.brand p{font-size:9px;letter-spacing:2.1px;color:var(--muted);margin:7px 0 0}.header-right{display:flex;align-items:center;gap:20px}.demo-tag{font-size:10px;color:#a9c4af;letter-spacing:1px;white-space:nowrap}.demo-tag i{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:7px}.quiet-button{background:transparent;border:1px solid var(--edge);color:#b2c1b6;padding:9px 14px;border-radius:6px;font-size:12px}.quiet-button:first-letter{font-size:18px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:20px}.arena{position:relative;height:clamp(460px,calc(100dvh - 174px),820px);min-width:0;border:1px solid #3b4d3d;border-radius:12px;overflow:hidden;background:#1a2921}.arena:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 100px #09110c70;pointer-events:none;border-radius:inherit}#game{display:block;width:100%;height:100%;outline-offset:-3px;touch-action:none}.arena-top{position:absolute;left:24px;right:20px;top:23px;display:flex;justify-content:space-between;align-items:flex-start;z-index:1;pointer-events:none}.health-group{width:100px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.4px;display:block}.hearts{color:var(--mint);font-size:22px;letter-spacing:4px;line-height:1.6}.hearts .lost{color:#455748}.arena-location{font-size:12px;color:#b4c5ad;letter-spacing:2px;text-align:center;padding-top:2px}.location-dot{display:inline-block;border:1px solid #afc8a2;width:6px;height:6px;transform:rotate(45deg);margin-right:8px}.location-sub{display:block;font-size:8px;letter-spacing:2px;color:#728875;margin-top:7px}.pause-button{pointer-events:auto;color:#b8c8b7;background:#111d1490;border:1px solid #5a715140;width:36px;height:36px;border-radius:7px;font-size:20px}.arena-bottom{position:absolute;left:24px;right:24px;bottom:20px;z-index:1;display:flex;justify-content:space-between;color:#89a080;font-size:10px;letter-spacing:1.2px;pointer-events:none}.live-dot{display:inline-block;width:5px;height:5px;background:#abc7a4;box-shadow:0 0 10px #bce8ce;margin-right:7px;border-radius:50%}.sidebar{border:1px solid var(--edge);border-radius:12px;background:linear-gradient(160deg,#1c2822,#141e1a);display:flex;flex-direction:column;overflow:hidden}.run-stats{display:grid;grid-template-columns:1fr 1fr;padding:24px 21px;gap:18px;border-bottom:1px solid var(--edge)}.run-stats>div+div{border-left:1px solid var(--edge);padding-left:20px}.run-stats strong{display:block;font:29px Georgia,serif;font-variant-numeric:tabular-nums;color:#e5e8d4;margin-top:8px}.run-stats small{font:11px "Microsoft JhengHei",sans-serif;color:var(--muted)}.arsenal{padding:22px 20px;flex:1;min-height:150px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:15px;font-weight:500;letter-spacing:1px;margin:0}.section-heading>span{font-size:10px;color:var(--mint);padding:5px 7px;background:#bce8ce0b;border:1px solid #bce8ce22;border-radius:4px}.section-copy{font-size:11px;color:var(--muted);margin-top:8px}.weapon-list{max-height:310px;overflow:auto;scrollbar-width:thin;scrollbar-color:#486253 transparent}.empty-arsenal{text-align:center;padding:20px 0;color:#526e59}.empty-arsenal>span{font-size:50px}.empty-arsenal p{font-size:12px;line-height:1.9;letter-spacing:1px;color:#7e9384}.weapon-item{display:flex;align-items:center;gap:12px;margin-top:10px;background:#0e171140;border:1px solid #324b3860;border-radius:6px;padding:5px 10px}.weapon-item canvas{width:43px;height:43px;flex-shrink:0}.weapon-item strong{font-size:12px;font-weight:500;display:block}.weapon-item small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.weapon-item>span{margin-left:auto;font-size:10px;color:var(--muted)}.progress-heading{display:flex;justify-content:space-between;gap:8px;margin:11px 0}.progress-heading strong{font-size:12px;font-weight:500}.progress-heading>span{font-size:11px;color:var(--gold);font-variant-numeric:tabular-nums}.progress-track{height:5px;background:#344337;border-radius:3px;overflow:hidden}.progress-track>span{display:block;height:100%;width:0;background:var(--gold);transition:width .2s}.side-note{display:flex;gap:12px;align-items:center;padding:18px 20px;border-top:1px solid var(--edge);color:var(--gold)}.side-note>span{font-size:25px}.side-note p{font-size:10px;color:#8e9e88;line-height:1.9;margin:0}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px;color:#81917d;font-size:10px}.controls{display:flex;gap:22px;align-items:center}.controls>span{white-space:nowrap}kbd{font:9px "Segoe UI",sans-serif;display:inline-block;border:1px solid #3a4a3d;border-bottom-width:2px;background:#1c2921;padding:3px 5px;border-radius:3px;color:#b8c7b2;margin-right:3px}.footer p{margin:0}.footer p>span{color:var(--gold);margin-left:16px}.mobile-control{display:none}.toast{position:absolute;left:50%;bottom:62px;transform:translate(-50%,12px);background:#e7eedb;color:#253827;border-radius:5px;padding:9px 15px;z-index:4;opacity:0;transition:.2s;font-size:12px;white-space:nowrap;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0b160ec7;backdrop-filter:blur(5px);z-index:5}.overlay-card{text-align:center;width:min(85%,330px)}.overlay-symbol{font:52px Georgia,serif;color:var(--mint);display:block;margin-bottom:20px}.overlay-card h2{font-size:26px;font-weight:500;letter-spacing:2px}.overlay-card>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#acbca4}.overlay-card .primary-button{margin-top:24px}.result-stats{display:flex;justify-content:center;gap:28px;margin:20px 0;color:#e4e7d4;font-size:21px;font-family:Georgia,serif}.result-stats small{display:block;font:10px "Microsoft JhengHei",sans-serif;color:var(--muted);margin-top:6px}.joystick{display:none;position:absolute;width:88px;height:88px;border:1px solid #bce8ce40;background:#bce8ce0d;border-radius:50%;bottom:54px;left:24px;pointer-events:none;z-index:2}.joystick>span{display:block;position:absolute;left:27px;top:27px;width:32px;height:32px;border-radius:50%;background:#bce8ce44;border:1px solid #bce8ce70}
dialog{border:1px solid #60705860;background:#e9e8db;color:#2c392e;border-radius:15px;padding:0;width:min(860px,calc(100% - 40px));max-height:calc(100dvh - 32px);box-shadow:0 28px 120px #0007;overflow:auto}dialog::backdrop{background:#08150dc9;backdrop-filter:blur(5px)}.text-button{border:0;background:none;color:#64795b;font-size:11px;padding:6px 8px}.primary-button{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;background:#3d5c3e;color:#edf2de;border:1px solid #3d5c3e;border-radius:5px;font-size:12px;padding:14px 16px;letter-spacing:1px;transition:.15s}.primary-button span{font-size:17px}.primary-button:focus-visible{outline-color:#3d5c3e}.primary-button:disabled{opacity:1;background:#d2d9c6;border-color:#c6cfb8;color:#8a987c}
@media(min-width:1550px){.app{padding-top:42px}.header{margin-bottom:34px}.arena{height:calc(100dvh - 215px)}}
@media(max-width:1050px){.app{padding:22px 24px}.layout{grid-template-columns:minmax(0,1fr) 218px;gap:14px}.sidebar .arsenal{padding:20px 16px}.run-stats{padding:22px 16px;gap:12px}.run-stats>div+div{padding-left:14px}.side-note{padding:16px}.brand h1{font-size:24px}.brand h1 span{font-size:11px;margin-left:12px}.footer p{display:none}}
@media(max-width:720px){.app{padding:16px 14px}.header{margin-bottom:17px}.brand{gap:9px}.brand-mark{font-size:32px}.brand h1{font-size:20px;letter-spacing:2px}.brand h1 span{display:block;font-size:10px;margin:5px 0 0;letter-spacing:2px}.brand p{display:none}.header-right{gap:8px}.demo-tag{display:none}.quiet-button{padding:7px 10px;font-size:12px}.layout{grid-template-columns:1fr}.arena{height:clamp(390px,calc(100dvh - 210px),660px)}.arena-top{top:17px;left:18px;right:14px}.arena-bottom{left:18px;right:18px;bottom:17px}.sidebar{display:grid;grid-template-columns:1fr 1.5fr}.run-stats{padding:16px 14px;gap:10px;border-bottom:0}.run-stats>div+div{padding-left:12px}.run-stats strong{font-size:23px}.arsenal,.side-note{display:none}.progress-heading{margin:7px 0;font-size:10px}.progress-heading strong{font-size:10px}.footer{margin-top:12px;font-size:9px}.controls{gap:12px}.arena-location{font-size:10px}.health-group{width:80px}.hearts{font-size:20px}dialog{width:min(440px,calc(100% - 28px))}}
@media(pointer:coarse){.joystick{display:block}.controls>span:not(.mobile-control){display:none}.mobile-control{display:block}.arena-bottom{left:130px;font-size:9px}}
@media(max-width:720px){.sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.run-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.run-stats>div+div{padding-left:10px}.run-stats .eyebrow{font-size:9px;letter-spacing:.6px;white-space:nowrap}.run-stats strong{white-space:nowrap}.progress-heading strong{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Elements, map and growth choices. */
.health-group{width:140px}.hearts{font-size:19px;letter-spacing:2px;white-space:nowrap}.buffs{position:absolute;left:24px;top:83px;font-size:10px;color:#b4d5bd;z-index:1;max-width:calc(100% - 45px);pointer-events:none}.boss-objective{position:absolute;top:78px;left:50%;transform:translateX(-50%);text-align:center;font-size:10px;color:#c4c6a5;letter-spacing:.7px;z-index:1;width:230px;pointer-events:none}#boss-track{background:#6d495780;height:5px;border-radius:3px;overflow:hidden;margin-top:8px}#boss-fill{display:block;height:100%;background:#db8ba7;width:100%}#minimap{position:absolute;right:17px;bottom:48px;width:164px;height:116px;border:1px solid #7c947146;border-radius:6px;z-index:1;pointer-events:none;opacity:.88}.world-guide{padding:15px 20px;border-top:1px solid var(--edge)}.world-guide p{font-size:10px;line-height:1.6;color:#899e8c;margin:8px 0}.world-guide p span{font-size:13px;margin-right:4px}.legend-crate{color:#c6af7e}.legend-shrine{color:var(--mint)}.legend-chest{color:var(--gold)}.world-guide strong{display:block;font-size:10px;font-weight:400;color:var(--gold);line-height:1.7;margin-top:12px}.arsenal{padding-bottom:16px}.weapon-list{max-height:235px}.reward-dialog{width:min(790px,calc(100% - 36px));background:linear-gradient(145deg,#223028,#121f1a);color:var(--text);border-color:#56654e;padding:32px}.reward-heading{text-align:center}.reward-heading .eyebrow{color:var(--gold);font-size:9px;letter-spacing:2px}.reward-heading h2{font-size:24px;font-weight:500;letter-spacing:1px;margin:15px 0 12px}.reward-heading p{font-size:12px;line-height:1.8;color:#91a38e;margin:0}.reward-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 22px}.reward-card{position:relative;display:flex;align-items:flex-start;flex-direction:column;text-align:left;min-height:243px;background:#bce8ce06;border:1px solid #63775a77;border-radius:9px;padding:23px 19px;color:var(--text);transition:background .15s,border-color .15s,transform .15s}.reward-card:hover{background:#bce8ce12;border-color:#bce8ceaa;transform:translateY(-3px)}.reward-number{position:absolute;right:16px;top:17px;font:11px Georgia,serif;color:#748d71}.reward-icon{font:42px Georgia,serif;color:var(--mint);line-height:1.3;margin-bottom:20px}.reward-tag{font-size:9px;color:var(--gold);letter-spacing:1px;margin-bottom:9px}.reward-card strong{font-size:16px;font-weight:500;line-height:1.7}.reward-card p{font-size:11px;line-height:1.9;color:#94a38e;margin:12px 0 0}.reward-note{text-align:center;font-size:10px;color:#81927b;margin:0}
@media(max-width:1050px){.world-guide{padding:14px 16px}.world-guide p{font-size:9px}.boss-objective{top:80px;width:200px;font-size:9px}.buffs{top:108px}.hearts{font-size:17px}.health-group{width:115px}.weapon-item{gap:7px;padding:5px 7px}.weapon-item strong{font-size:11px}.weapon-item>span{display:none}}
@media(max-width:720px){.world-guide{display:none}.buffs{left:18px;top:90px;font-size:9px}.boss-objective{top:65px;width:205px;font-size:9px}.health-group{width:110px}.hearts{font-size:17px}.arena-location{padding-top:3px;font-size:9px;letter-spacing:1px}.location-sub{font-size:7px;letter-spacing:1px}#minimap{width:112px;height:79px;right:13px;bottom:43px}.reward-dialog{padding:25px 20px}.reward-heading h2{font-size:21px}.reward-heading p{font-size:11px}.reward-options{grid-template-columns:1fr;margin:19px 0;gap:10px}.reward-card{min-height:112px;padding:15px 16px 15px 70px}.reward-icon{position:absolute;left:20px;top:25px;font-size:33px;margin:0}.reward-number{right:13px;top:12px;font-size:10px}.reward-tag{font-size:8px;margin-bottom:4px}.reward-card strong{font-size:14px}.reward-card p{font-size:10px;margin-top:6px;padding-right:6px}}
/* Brush progression{margin-top:17px}.legend-fragment{color:#f1d5a3}.health-count{font-size:16px;letter-spacing:1px;font-variant-numeric:tabular-nums}.enchant-card{border-color:color-mix(in srgb,var(--reward-color) 50%,transparent)}.enchant-card .reward-icon{color:var(--reward-color)}.reward-back{display:block;margin:15px auto 0;font-size:11px}.reward-weapon{width:50px;height:50px;margin-bottom:17px}.weapon-picker .reward-card{min-height:218px}.weapon-picker{max-height:55dvh;overflow:auto;scrollbar-width:thin;scrollbar-color:#607e60 transparent;padding:3px}.world-guide{padding-top:12px;padding-bottom:12px}.world-guide p{margin:7px 0}
@media(max-width:720px){.weapon-picker .reward-card{min-height:119px}.reward-weapon{position:absolute;left:15px;top:29px;width:42px;height:42px;margin:0}.health-count{font-size:15px}.world-guide{display:none}}
.weapon-picker{grid-template-columns:repeat(auto-fit,minmax(180px,220px));justify-content:center}
@media(max-width:720px){.weapon-picker{grid-template-columns:1fr}}
.joystick:not([style]){display:none}.joystick[style]{display:block}

/* Keep both growth meters together inside the top of the battlefield. */
.arena-hud{position:absolute;top:20px;left:24px;right:20px;z-index:1;pointer-events:none}
.arena-hud .arena-top{position:static;top:auto;left:auto;right:auto;min-height:43px}
.arena-progress{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;width:min(100%,640px);margin:12px auto 0}
.level-meter{position:static;top:auto;left:auto;right:auto;bottom:auto;width:auto;min-width:0;z-index:auto;padding:10px 12px;border:1px solid #bce8ce38;border-radius:8px;background:#102019e0;box-shadow:0 3px 18px #08120d33;backdrop-filter:blur(4px)}
.arena-progress .meter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--mint);font-size:11px;line-height:17px}
.meter-heading>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.4px}
.arena-progress .meter-heading strong{flex-shrink:0;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.3px}
.arena-progress .progress-track{height:7px;margin:8px 0;background:#bce8ce1c;border-radius:4px;overflow:hidden}
.arena-progress .progress-track>span{background:linear-gradient(90deg,#79ba93,#c2f0d0);border-radius:inherit}
.arena-progress small{display:block;color:#a6b6a0;font-size:10px;line-height:14px;white-space:normal}
.arena-hud .boss-objective{position:static;top:auto;left:auto;transform:none;width:min(100%,260px);margin:10px auto 0;line-height:1.5}
.arena-hud .buffs{position:static;top:auto;left:auto;max-width:none;margin:7px 0 0;text-align:center;line-height:1.5}
.arena-hud .buffs:empty{display:none}
@media(max-width:720px){
  .arena-hud{top:14px;left:14px;right:14px}
  .arena-hud .arena-top{min-height:37px}
  .arena-progress{gap:8px;margin-top:8px}
  .level-meter{padding:8px 9px;border-radius:7px}
  .arena-progress .meter-heading{font-size:10px;line-height:15px;gap:5px}
  .arena-progress .meter-heading strong{font-size:11px}
  .arena-progress .progress-track{height:6px;margin:7px 0}
  .arena-progress small{font-size:9px;line-height:12px}
  .arena-hud .boss-objective{margin-top:8px;font-size:9px}
  .arena-hud .buffs{font-size:9px}
  .sidebar{display:block}
  .run-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px 18px;gap:18px}
  .run-stats>div+div{padding-left:18px}
}

/* Six fixed weapons, automatic fragment growth and a compact battle HUD. */
.reward-options[data-count="2"]:not(.weapon-picker){grid-template-columns:repeat(2,minmax(0,1fr));max-width:510px;margin-inline:auto}
.loadout-dialog{width:min(830px,calc(100% - 32px));padding:27px 30px;background:linear-gradient(150deg,#e4e7d8,#f0efe2)}
.loadout-heading{text-align:center}.loadout-heading .eyebrow{color:#77876d;font-size:9px;letter-spacing:2px}.loadout-heading h2{font-size:27px;font-weight:500;letter-spacing:1px;margin:12px 0}.loadout-heading p{font-size:12px;color:#74856b;line-height:1.8;margin:0}
.starter-group{margin-top:22px}.starter-group h3{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;color:#4a6347;margin:0 0 10px}.starter-group h3 small{font-size:10px;color:#7e8b71;font-weight:400}
.starter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.starter-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:145px;border:1px solid #8c9f7966;border-radius:8px;background:#f8f8ed77;color:#334d34;padding:10px 9px 13px;transition:background .15s,border-color .15s,transform .15s}.starter-card:hover{background:#fcfff5;border-color:#6e905e;transform:translateY(-2px)}.starter-card:focus-visible{outline-color:#557a49}.starter-card canvas{width:75px;height:56px;margin-bottom:4px}.starter-card strong{font-size:15px;font-weight:500;letter-spacing:1px}.starter-summary{font-size:10px;color:#68815c;margin-top:8px;line-height:1.6}.starter-card small{font-size:9px;color:#8a987c;margin-top:5px}.starter-number{position:absolute;top:10px;left:11px;font:10px Georgia,serif;color:#8fa17e}.loadout-note{text-align:center;font-size:10px;color:#7c8c71;line-height:1.9;margin:20px 0 0}
.arena-progress{grid-template-columns:minmax(150px,1fr) minmax(0,2.9fr);gap:10px;width:min(100%,740px);align-items:stretch;margin-top:10px}
.fragment-meter{min-width:0;border:1px solid #d4c99440;border-radius:8px;padding:8px;background:#102019e6;box-shadow:0 3px 18px #08120d33;backdrop-filter:blur(4px)}.fragment-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#e1d29c;line-height:15px;margin-bottom:5px}.fragment-heading small{font-size:9px;color:#92a282;line-height:15px}.fragment-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.fragment-slot{position:relative;min-width:0;border:1px solid #5b715331;border-radius:4px;background:#a9c7a605;padding:3px;text-align:center;color:#849878}.fragment-slot canvas{display:block;width:29px;height:23px;margin:auto}.fragment-name{display:block;font-size:9px;line-height:12px}.fragment-slot strong{display:block;font-size:10px;line-height:14px;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500;color:#b9bc96}.fragment-level{position:absolute;right:3px;top:2px;font-size:7px;color:#bce8ce}.fragment-track{height:2px;background:#a6ba8d22;margin-top:3px;border-radius:2px;overflow:hidden}.fragment-track span{display:block;height:100%;width:0;background:#ddc78f;transition:width .2s}.fragment-slot.owned{background:#bce8ce0c;border-color:#bce8ce33;color:#c3d6b7}.fragment-slot.maxed{border-color:#e5d39466}.fragment-slot.maxed strong{color:#e5d394}.fragment-slot.received{border-color:#f0d996;box-shadow:0 0 10px #e8d29533}
.locked-weapon{opacity:.55}.weapon-list{max-height:330px}.weapon-item{gap:8px;padding:6px 8px}.weapon-item canvas{width:40px;height:34px}.weapon-item small{font-size:9px;margin-top:4px}.weapon-item small:last-child{color:#abae8a}.arsenal{padding-top:18px}
.arena-location{max-width:210px}.arena-location .location-sub{color:#bec4a1;font-size:9px;letter-spacing:.5px;margin-top:6px;font-variant-numeric:tabular-nums}.arena-location #boss-track{margin-top:5px;height:4px}
.arena>.buffs{top:auto;left:20px;bottom:43px;max-width:calc(100% - 220px);font-size:9px;line-height:1.6;text-align:left;pointer-events:none}
@media(max-width:1050px){.weapon-list{max-height:270px}.arena-progress{grid-template-columns:minmax(140px,1fr) minmax(0,2.6fr)}}
@media(max-width:720px){
  .reward-options[data-count="2"]:not(.weapon-picker){grid-template-columns:1fr}
  .reward-vehicle{position:absolute;left:10px;top:32px;width:54px;height:29px;margin:0}
  .loadout-dialog{padding:21px 16px;width:min(440px,calc(100% - 28px))}.loadout-heading h2{font-size:21px;margin:10px 0}.loadout-heading p{font-size:10px}.starter-group{margin-top:18px}.starter-group h3{font-size:11px}.starter-group h3 small{font-size:8px}.starter-options{gap:7px}.starter-card{min-height:136px;padding:12px 4px 11px}.starter-card canvas{width:58px;height:44px;margin-bottom:8px}.starter-card strong{font-size:12px;letter-spacing:0}.starter-summary{font-size:9px;line-height:1.7;margin-top:6px;max-width:85px}.starter-card small{font-size:8px}.starter-number{font-size:9px;left:6px;top:6px}.loadout-note{font-size:9px;margin-top:17px}
  .arena{min-height:440px}.arena-hud{top:13px;left:12px;right:12px}.arena-progress{grid-template-columns:1fr;gap:6px;margin-top:8px}
  .level-meter{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;position:relative}.level-meter .meter-heading{display:contents}.level-meter #level-label{grid-column:1;grid-row:1;font-size:10px;color:var(--mint);letter-spacing:.2px}.level-meter #progress-label{grid-column:3;grid-row:1;font-size:11px;color:var(--mint)}.level-meter .progress-track{grid-column:2;grid-row:1;height:5px;margin:0}.level-meter #progress-title{display:none}
  .fragment-meter{padding:6px 7px}.fragment-heading{font-size:9px;line-height:12px;margin-bottom:4px}.fragment-heading small{font-size:8px;line-height:12px}.fragment-slots{gap:4px}.fragment-slot{padding:2px}.fragment-slot canvas{width:26px;height:20px}.fragment-name{font-size:8px;line-height:10px}.fragment-slot strong{font-size:9px;line-height:12px}.fragment-level{font-size:6px;top:1px;right:2px}.fragment-track{margin-top:2px}
  .arena-location .location-sub{font-size:8px;margin-top:5px;letter-spacing:.2px}.arena>.buffs{left:14px;bottom:40px;max-width:calc(100% - 150px);font-size:8px}.arena-bottom{font-size:9px;letter-spacing:.3px}.toast{font-size:10px;padding:8px 10px;max-width:calc(100% - 24px);white-space:normal;text-align:center}
}


/* A newly unlocked Lv.1 weapon introduces its starting role and abilities. */
.unlock-position{color:#426738;background:#c1d6ad30;border:1px solid #89a67644;border-radius:5px;text-align:center;padding:8px;font-size:12px;margin:0 0 9px}.unlock-description{color:#687d5d;font-size:12px;line-height:1.7;margin:0 0 10px}.unlock-details dl{display:grid;grid-template-columns:1fr auto;margin:0;font-size:12px}.unlock-details dt,.unlock-details dd{padding:8px 7px;border-bottom:1px solid #8d9f7133}.unlock-details dt{color:#6c7e62}.unlock-details dd{margin:0;color:#365f2d;font-weight:600;text-align:right}.fragment-slot:not(.owned) .fragment-level{color:#91a181}
@media(max-width:720px){.unlock-position,.unlock-description,.unlock-details dl{font-size:11px}.unlock-details dt,.unlock-details dd{padding:8px 5px}.unlock-description{line-height:1.7}.unlock-details dd{max-width:190px}}

/* Vitality rewards show the same persistent hero growth as the battlefield. */
.hero-growth{display:block;font-size:9px;color:#b6c9a7;line-height:1.5;letter-spacing:.2px;white-space:nowrap}.vitality-card{border-color:#a1b28a}.reward-hero{display:block;width:105px;height:63px;margin:0 auto 5px}
@media(max-width:720px){.hero-growth{font-size:8px}.reward-hero{position:absolute;left:8px;top:29px;width:61px;height:37px;margin:0}.vitality-card strong{font-size:13px}.vitality-card p{line-height:1.65}}

/* Collected kinds occupy real slots; undiscovered weapons have no placeholders. */
.intro-dialog{width:min(390px,calc(100% - 32px));padding:30px;text-align:center;background:linear-gradient(150deg,#e4e7d8,#f0efe2)}.intro-dialog>.eyebrow{font-size:9px;color:#78876e;letter-spacing:2px}.intro-dialog h2{font-weight:500;font-size:26px;margin:17px 0 13px}.intro-dialog canvas{display:block;width:120px;height:75px;margin:0 auto 9px}.intro-weapon{display:block;font-weight:500;font-size:16px;color:#456347}.intro-weapon small{font-size:11px;color:#7d8d71;margin-left:5px}.intro-dialog p{font-size:12px;line-height:1.9;color:#687b60;margin:17px 0 23px}.intro-controls{display:block;font-size:9px;color:#7d8d71;margin-top:14px}
.arena-progress{grid-template-columns:minmax(150px,1fr) auto}.fragment-meter{width:fit-content;min-width:140px;max-width:100%}.fragment-slots{grid-template-columns:repeat(var(--discovered-count,1),minmax(0,1fr));width:calc(var(--discovered-count,1)*49px + (var(--discovered-count,1) - 1)*5px);max-width:100%;justify-content:start}.fragment-slot{min-width:0}
@media(max-width:720px){.arena-progress{grid-template-columns:minmax(0,1fr)}.fragment-meter{min-width:135px}.fragment-slots{width:calc(var(--discovered-count,1)*44px + (var(--discovered-count,1) - 1)*4px)}.intro-dialog{padding:26px 22px}.intro-dialog h2{font-size:23px}}

/* Battle HUD: a long top meter, a vertical journal and permanent heart icons. */
.arena-hud .health-group{width:174px;flex-shrink:0}.hearts{display:grid;grid-template-columns:repeat(5,16px);gap:2px 3px;width:max-content;max-width:100%;font-size:18px;line-height:1;letter-spacing:0;margin:7px 0 5px;white-space:normal;color:#c5f1d4}.hearts>span{display:block;text-align:center;text-shadow:0 0 5px #bce8ce22}.hearts .lost{color:#506453;text-shadow:none}.hearts.dense{grid-template-columns:repeat(10,13px);gap:2px;font-size:14px}
.arena-hud .arena-progress{display:block;grid-template-columns:none;width:calc(100% - 96px);max-width:none;margin:12px 0 0}.arena-hud .level-meter{display:block;min-width:0;padding:10px 13px;border:1px solid #a6dcb068;background:#0e211bf0;box-shadow:0 0 16px #89dab41a,0 4px 16px #07140e44}.arena-hud .level-meter .meter-heading{display:flex;color:#d0f4d9;font-size:11px;font-weight:600;line-height:17px}.arena-hud .level-meter .meter-heading strong{font-size:12px;color:#e4f8e9}.arena-hud .level-meter .progress-track{height:10px;margin:8px 0 6px;background:#bce8ce20;border:1px solid #bce8ce18;box-shadow:inset 0 1px 3px #07140e77;border-radius:6px}.arena-hud .level-meter .progress-track>span{background:linear-gradient(90deg,#80cca2,#d4f8df);box-shadow:0 0 10px #bce8ce66;border-radius:inherit}.arena-hud .level-meter #progress-title{display:block;color:#aebfab;font-size:9px;line-height:13px}.arena-hud .vehicle-status{margin:8px 0 0;max-width:calc(100% - 96px)}
.arena>.fragment-rail{position:absolute;z-index:2;top:98px;right:14px;bottom:154px;width:84px;min-width:0;max-width:none;height:fit-content;max-height:calc(100% - 252px);padding:7px;background:#102019ef;pointer-events:auto;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#78936b #17291d;touch-action:pan-y}.fragment-rail .fragment-heading{display:block;font-size:9px;line-height:13px;margin-bottom:6px;white-space:nowrap}.fragment-rail .fragment-heading small{display:none}.fragment-rail .fragment-slots{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:none;gap:5px}.fragment-rail .fragment-slot{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:11px 14px 2px;gap:0 4px;padding:4px 3px;text-align:left}.fragment-rail .fragment-slot canvas{grid-column:1;grid-row:1 / 3;width:24px;height:23px;align-self:center;margin:0}.fragment-rail .fragment-name{grid-column:2;grid-row:1;font-size:8px;line-height:11px}.fragment-rail .fragment-slot strong{grid-column:2;grid-row:2;font-size:9px;line-height:14px}.fragment-rail .fragment-level{top:2px;right:3px;font-size:6px}.fragment-rail .fragment-track{grid-column:1 / -1;grid-row:3;margin-top:2px;height:2px}
.arena #minimap{width:136px;height:96px;bottom:45px}
@media(max-width:720px){.arena-hud .health-group{width:112px}.hearts{grid-template-columns:repeat(5,15px);gap:2px 3px;font-size:17px;margin:5px 0 4px}.hearts.dense{grid-template-columns:repeat(10,10px);gap:2px 1px;font-size:11px}.arena-hud .arena-progress{width:calc(100% - 71px);margin-top:9px}.arena-hud .level-meter{padding:8px 9px}.arena-hud .level-meter .meter-heading{font-size:9px;line-height:14px;gap:5px}.arena-hud .level-meter #level-label{font-size:9px}.arena-hud .level-meter #progress-label{font-size:10px}.arena-hud .level-meter .progress-track{height:9px;margin:7px 0 0}.arena-hud .level-meter #progress-title{display:none}.arena-hud .vehicle-status{max-width:calc(100% - 71px);margin-top:7px;font-size:8px;gap:4px;padding:3px 6px 3px 4px}.arena-hud .vehicle-status canvas{width:32px;height:20px}.arena-hud .vehicle-status strong{font-size:8px}.arena>.fragment-rail{top:89px;right:9px;bottom:137px;width:64px;padding:5px;max-height:calc(100% - 226px)}.fragment-rail .fragment-heading{font-size:7px;line-height:10px;margin-bottom:5px}.fragment-rail .fragment-slots{gap:4px}.fragment-rail .fragment-slot{grid-template-columns:18px minmax(0,1fr);grid-template-rows:10px 12px 2px;gap:0 2px;padding:4px 2px}.fragment-rail .fragment-slot canvas{width:18px;height:19px}.fragment-rail .fragment-name{font-size:7px;line-height:10px}.fragment-rail .fragment-slot strong{font-size:8px;line-height:12px}.fragment-rail .fragment-level{font-size:5px;right:2px;top:1px}.arena #minimap{width:112px;height:79px;bottom:43px}}
@media(max-width:720px){.arena-hud .arena-progress{width:100%}.arena>.fragment-rail{top:calc(23px + var(--top-hud-height,155px));max-height:calc(100% - var(--top-hud-height,155px) - 160px)}}

/* Readable battle information uses shapes; details live in the pause menu. */
.app{padding-top:22px;padding-bottom:18px}
.header{margin-bottom:18px}
.layout{grid-template-columns:minmax(0,1fr)}
.arena{height:clamp(440px,calc(100dvh - 130px),900px)}
.arena-hud{top:14px;left:18px;right:18px}
.arena-hud .arena-top{position:relative;display:flex;justify-content:center;align-items:center;min-height:48px;margin-bottom:8px}
.arena-top .pause-button{position:absolute;right:0;top:4px;width:44px;height:44px;background:#0d211def;border-color:#acd1b466;color:#e3f8e9;font-size:24px;touch-action:manipulation}
.arena-top .sound-button{position:absolute;left:0;top:4px;display:grid;place-items:center;width:44px;height:44px;padding:9px;border:1px solid #acd1b466;border-radius:8px;background:#0d211def;color:#e3f8e9;pointer-events:auto;touch-action:manipulation;cursor:pointer}
.sound-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.sound-button .sound-slash{display:none}.sound-button[data-muted="true"] .sound-waves{display:none}.sound-button[data-muted="true"] .sound-slash{display:block}.sound-button[data-muted="true"]{color:#9bae9f}
.encounter-status{display:flex;align-items:center;justify-content:center;gap:10px;min-width:160px;height:48px;padding:5px 18px;border:1px solid #c8c29666;border-radius:9px;background:#0d1e18ed;box-shadow:0 3px 18px #07120d55;color:#eee9c8}
.encounter-status svg{width:23px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.encounter-status strong{font:600 34px/1 "Segoe UI",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:1px}
.encounter-status.soon{color:#ffe5a1;border-color:#e9c675;box-shadow:0 0 18px #edc76c30;background:#282518f5}
.encounter-status[data-phase="boss"]{gap:8px;min-width:200px;padding:3px 13px;border-color:#e4a4bf88;color:#eab6cd}
.encounter-status #boss-icon{display:block;width:44px;height:40px;flex-shrink:0}
.encounter-status #boss-track{width:128px;height:12px;margin:0;border:1px solid #e3a9bf44;background:#5a354666;box-shadow:inset 0 1px 3px #100a1088;border-radius:6px}
.encounter-status #boss-fill{background:linear-gradient(90deg,#bf608a,#f4b6d0);box-shadow:0 0 12px #e9a1c966}
.arena-hud .health-group{width:100%;padding:8px 14px;border:1px solid #efacb77a;border-radius:9px;background:#271f22ed;box-shadow:0 0 16px #df9da01b,0 3px 18px #09110d44}
.arena-hud .health-group.critical{border-color:#ff859b;background:#332026f2;box-shadow:0 0 18px #ff77932b}
.arena-hud .hearts{display:grid;grid-template-columns:repeat(var(--heart-columns,5),minmax(0,var(--heart-size,34px)));gap:5px;width:100%;max-width:none;margin:0;color:#ffc4cd;font-size:var(--heart-size,34px);line-height:1.1;letter-spacing:0}
.arena-hud .hearts>span{text-shadow:0 0 9px #ee98b43d}
.arena-hud .hearts .lost{color:#69545c;text-shadow:none}
.arena-hud .arena-progress{width:100%;margin:8px 0 0}
.arena-hud .level-meter{display:flex;align-items:center;gap:10px;padding:7px 13px;background:#0d231cf2;border-color:#b6ecc084;border-radius:9px}
.xp-icon{font-size:22px;line-height:1;color:#d6f7b9;text-shadow:0 0 8px #bce8ce4d;flex-shrink:0}
.arena-hud .level-meter .progress-track{flex:1;height:12px;margin:0;border-color:#c7f4d52b}
.arena>.fragment-rail{top:calc(26px + var(--top-hud-height,140px));right:18px;bottom:auto;width:74px;padding:6px;max-height:calc(100% - var(--top-hud-height,140px) - 128px);background:#0c1f19f2;border-color:#ddcf9966}
.fragment-rail .fragment-slots{gap:5px}
.fragment-rail .fragment-slot{display:flex;flex-direction:column;gap:4px;padding:4px 6px;border-radius:6px;text-align:center}
.fragment-rail .fragment-slot canvas{width:44px;height:34px;margin:0 auto;align-self:center}
.fragment-rail .fragment-track{width:100%;height:5px;margin:0;flex-shrink:0;background:#d4c79024;border-radius:3px}
.fragment-rail .fragment-track>span{background:linear-gradient(90deg,#c8ab60,#ffe3a0)}
.fragment-rail .fragment-slot:not(.owned){background:#121c19;border-style:dashed;border-color:#84927855}
.fragment-rail .fragment-slot.maxed{background:#e6ce8012;border-color:#f1d79099}
.arena #minimap{width:116px;height:82px;right:18px;bottom:18px}
.arena>.buffs{display:flex;gap:7px;left:18px;bottom:18px;max-width:calc(100% - 152px)}
.buff-icon{position:relative;display:grid;place-items:center;flex-shrink:0;width:39px;height:40px;border:1px solid #bce8ce55;border-radius:7px;background:#0e211bec;color:#d3eec7;font-size:27px;line-height:1}
.buff-icon.shield,.buff-icon.freeze{color:#b5ecff;border-color:#8bd2e377}
.buff-icon.ink{color:#ffe7a5;border-color:#d8c59177}
.buff-icon.mud{color:#bab9a3;border-color:#90927e66}
.buff-track{position:absolute;bottom:4px;left:5px;right:5px;height:3px;background:#bce8ce22;border-radius:2px;overflow:hidden}
.buff-track>i{display:block;height:100%;background:currentColor}
.toast{top:calc(34px + var(--top-hud-height,140px));bottom:auto;width:47px;height:47px;padding:0;display:grid;place-items:center;background:#16271bf2;border:1px solid #dcd29b88;color:#ffe6a9;border-radius:50%;font-size:30px;box-shadow:0 0 18px #ddcf7922}
.toast[data-kind="heal"],.toast[data-kind="shrine"]{color:#ffc4cd;border-color:#e6a0ab88}
.toast[data-kind="freeze"],.toast[data-kind="shield"]{color:#b5ecff;border-color:#8bd2e388}
.toast[data-kind="boss"]{color:#f4b6d0;border-color:#e4a4bf88}
.app[data-mode]:not([data-mode="selecting"])>.footer{display:none}
.game-overlay{padding:16px}
.overlay-card{max-height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#66846d transparent}
.game-overlay[data-result="paused"] .overlay-card{width:min(100%,600px);padding:18px 22px;background:#15251df2;border:1px solid #78977666;border-radius:12px}
.game-overlay[data-result="paused"] .overlay-symbol{font-size:28px;margin-bottom:8px}
.game-overlay[data-result="paused"] h2{font-size:22px;margin:10px 0}
.game-overlay[data-result="paused"] #overlay-action{margin-top:15px}
.pause-info{display:block;text-align:left;margin-top:20px;border-color:#5e795e55;background:#0e1d1888}
.pause-info .run-stats{padding:15px 18px}
.pause-info .run-stats strong{font-size:25px}
.pause-info .journey-stats{padding:12px 18px;border-bottom:1px solid var(--edge)}
.pause-info #hero-growth{color:#c8d9bc;font-size:12px;margin:0 0 8px}
.pause-info .vehicle-status{margin:0;font-size:11px}
.pause-info .arsenal{display:block;padding:15px 18px;min-height:0}
.pause-info .section-copy{display:none}
.pause-info .weapon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none;overflow:visible}
.pause-info .weapon-item{margin:0;padding:8px 6px}
.pause-info .world-guide{display:block;padding:12px 18px}
@media(max-width:720px){
  .app{padding-top:16px;padding-bottom:16px}
  .arena{height:max(440px,calc(100dvh - 112px));max-height:900px}
  .arena-hud{top:10px;left:10px;right:10px}
  .arena-hud .arena-top{min-height:43px;margin-bottom:7px}
  .encounter-status{min-width:145px;height:43px;gap:9px;padding:4px 12px}
  .encounter-status strong{font-size:31px}
  .encounter-status svg{width:20px;height:24px}
  .arena-top .pause-button,.arena-top .sound-button{top:0;width:44px;height:44px}
  .arena-hud .health-group{padding:8px 10px}
  .arena-hud .level-meter{padding:7px 10px;gap:8px}
  .arena-hud .level-meter .progress-track{height:11px}
  .xp-icon{font-size:21px}
  .arena>.fragment-rail{top:calc(22px + var(--top-hud-height,135px));right:10px;width:62px;padding:5px;max-height:calc(100% - var(--top-hud-height,135px) - 133px)}
  .fragment-rail .fragment-slot{padding:4px 4px;gap:5px}
  .fragment-rail .fragment-slot canvas{width:39px;height:31px}
  .fragment-rail .fragment-slots{gap:5px}
  .arena #minimap{width:102px;height:72px;right:10px;bottom:12px}
  .arena>.buffs{left:10px;bottom:12px;gap:5px;max-width:calc(100% - 132px)}
  .buff-icon{width:34px;height:36px;font-size:24px}
  .game-overlay{padding:10px}
  .game-overlay[data-result="paused"] .overlay-card{padding:15px 14px}
  .pause-info .weapon-list{grid-template-columns:1fr}
  .pause-info .arsenal,.pause-info .world-guide,.pause-info .journey-stats{padding:12px}
  .pause-info .vehicle-status{flex-wrap:wrap;gap:5px}
}

/* Individual companions train through damage; fragment bars recruit the squad. */
.soldier-item>div{flex:1;min-width:0}.soldier-xp-track{height:4px;margin:6px 0 2px;border-radius:3px;background:#a6e2e91c;overflow:hidden}.soldier-xp-track>span{display:block;height:100%;background:#a6dfe9;border-radius:inherit}.squad-recruit-note{margin:8px 8px 14px;color:#c8c499;font-size:10px;line-height:1.6}