*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--paper: #f3ead6;--paper-deep: #e4d5b8;--ink: #1a1714;--ink-soft: #3a342e;--wash: #cbb991;--accent: #c23b3b;--gold: #b8860b;--shadow: rgba(40, 30, 20, .18);--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px)}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--paper);font-family:Caveat,Segoe Print,system-ui,cursive;touch-action:none;user-select:none;-webkit-user-select:none;color:var(--ink)}#app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:19;box-shadow:inset 0 0 80px #3c2d1929}#app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#ui-root button,#ui-root input,#ui-root .modal,#ui-root .screen,#ui-root .side-chip,#ui-root .battle-btn,#ui-root .icon-btn,#ui-root .ship-preview-btn,#ui-root .ship-card,#ui-root .run-result,#ui-root .rr-btn{pointer-events:auto}.hidden{display:none!important}#home-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--paper);pointer-events:auto;overflow:hidden}.hub-wash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 20%,rgba(203,185,145,.45),transparent 70%),radial-gradient(ellipse 70% 40% at 50% 90%,rgba(90,70,40,.08),transparent 60%),linear-gradient(180deg,#f7f0e0 0%,var(--paper) 40%,var(--paper-deep) 100%);z-index:0}.hub-frame{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px solid rgba(26,23,20,.22);border-radius:6px 18px 8px 14px/14px 6px 16px 8px;pointer-events:none;z-index:0;box-shadow:inset 0 0 40px #3c2d190f}.hub-frame:before,.hub-frame:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--ink);opacity:.35}.hub-frame:before{top:8px;left:8px;border-right:none;border-bottom:none}.hub-frame:after{bottom:8px;right:8px;border-left:none;border-top:none}.ink-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid var(--ink);border-radius:50% 45% 50% 40%/45% 50% 40% 55%;font-size:14px;font-weight:700;line-height:1;color:var(--ink);background:transparent;flex-shrink:0}.ink-mark.sm{width:22px;height:22px;font-size:11px}.home-top{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(14px + var(--safe-top)) 16px 0;z-index:2}.currency-row{display:flex;gap:8px}.currency{display:flex;align-items:baseline;gap:6px;background:#fffef8b8;border:2px solid var(--ink);border-radius:4px 14px 6px 12px/12px 5px 14px 6px;padding:6px 12px 5px;font-weight:700;font-size:17px;box-shadow:2px 2px 0 var(--shadow);color:var(--ink)}.cur-tag{font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.55;font-weight:700}.cur-val{font-variant-numeric:tabular-nums}.icon-btn{width:42px;height:42px;border-radius:50% 45% 50% 42%/46% 50% 44% 54%;border:2.5px solid var(--ink);background:#fffef8d9;font-size:16px;cursor:pointer;box-shadow:2px 2px 0 var(--shadow);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;padding:0;font-family:inherit}.icon-btn.ink .ink-mark{border:none;width:auto;height:auto;font-size:18px}.icon-btn.pause{font-size:14px;letter-spacing:-2px}.home-side{position:absolute;top:26%;display:flex;flex-direction:column;gap:10px;z-index:2}.home-side.left{left:12px}.home-side.right{right:12px}.side-chip{width:60px;border:2px solid var(--ink);background:#fffef8e0;border-radius:6px 14px 8px 12px/12px 6px 14px 8px;padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;box-shadow:2px 3px 0 var(--shadow);font-family:inherit;color:var(--ink);transition:transform .12s ease,box-shadow .12s ease}.side-chip:active{transform:translate(1px,2px);box-shadow:1px 1px 0 var(--shadow)}.side-chip .ink-mark{width:30px;height:30px;font-size:15px}.sc-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.85}.home-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 72px 88px;z-index:1}.hub-brand{text-align:center}.hub-title-line{font-size:15px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);opacity:.55;margin-bottom:4px}.level-badge{text-align:center}.level-title{font-size:42px;font-weight:700;line-height:1.05;color:var(--ink)}.level-sub{font-size:16px;color:var(--ink-soft);font-weight:600;margin-top:2px}.ship-preview{margin-top:4px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:none;padding:0;font-family:inherit;color:var(--ink);cursor:pointer;pointer-events:auto}.ship-preview-btn:active .ship-art-frame{transform:translateY(2px);box-shadow:2px 2px 0 var(--shadow)}.ship-art-frame{width:min(220px,56vw);height:min(220px,56vw);border:2.5px solid var(--ink);border-radius:10px 22px 12px 18px/18px 10px 20px 12px;overflow:hidden;box-shadow:4px 5px 0 var(--shadow);background:var(--paper-deep);animation:floaty 3s ease-in-out infinite;transition:transform .12s ease,box-shadow .12s ease}.ship-art{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.ship-art.hub{width:100%;height:100%}.ship-tap-hint{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.5}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ship-name{font-size:24px;font-weight:700;color:var(--ink)}.fleet-card{width:min(420px,100%);max-height:min(90vh,720px)}.fleet-hero{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1.5px dashed rgba(26,23,20,.3)}.fleet-hero-art{width:min(200px,50vw);height:min(200px,50vw);border:2.5px solid var(--ink);border-radius:10px 20px 12px 16px/16px 10px 18px 12px;overflow:hidden;box-shadow:3px 4px 0 var(--shadow);background:var(--paper-deep)}.fleet-hero-name{font-size:26px;font-weight:700}.fleet-hero-blurb{font-size:14px;color:var(--ink-soft);font-weight:600;max-width:280px}.fleet-hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin-top:2px}.ship-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.ship-card{display:flex;flex-direction:column;border:2.5px solid var(--ink);background:#fffef8;border-radius:10px 16px 10px 14px/14px 8px 16px 10px;padding:0;overflow:hidden;font-family:inherit;color:var(--ink);cursor:pointer;box-shadow:2px 3px 0 var(--shadow);text-align:left;transition:transform .1s ease}.ship-card:active:not(:disabled){transform:translate(1px,2px);box-shadow:1px 1px 0 var(--shadow)}.ship-card.active{border-color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink)}.ship-card.locked{opacity:.72}.ship-card:disabled{cursor:default}.ship-card-art{position:relative;aspect-ratio:1;background:var(--paper-deep);border-bottom:2px solid var(--ink);overflow:hidden}.ship-card-art .ship-art{width:100%;height:100%}.ship-lock,.ship-equipped{position:absolute;left:6px;bottom:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border:1.5px solid var(--ink);background:var(--paper);border-radius:4px 8px 4px 6px/6px 4px 8px}.ship-equipped{background:var(--ink);color:var(--paper)}.ship-card-body{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px}.ship-card-body b{font-size:16px}.ship-card-body small{font-size:12px;opacity:.7;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ship-card-cta{margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.ship-stamp{width:96px;height:96px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--ink);border:3px solid var(--ink);border-radius:50% 46% 52% 48%/48% 52% 46% 54%;background:var(--paper-deep);box-shadow:4px 5px 0 var(--shadow)}.ship-stamp.sm{width:36px;height:36px;font-size:18px;border-width:2px;box-shadow:none;flex-shrink:0}.ship-chip{background:transparent;color:var(--ink-soft);border-radius:4px 12px 6px 10px/10px 4px 12px 6px;padding:8px 14px;font-size:14px;max-width:280px;text-align:center;border:1.5px dashed rgba(26,23,20,.45);font-weight:600}.battle-btn{margin-top:10px;min-width:220px;padding:14px 32px 12px;font-family:inherit;font-size:28px;font-weight:700;color:var(--paper);background:var(--ink);border:3px solid var(--ink);border-radius:8px 20px 10px 16px/16px 8px 18px 10px;box-shadow:0 5px #0d0b09,0 8px 18px #0000001f;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.1}.battle-btn-line{display:block}.battle-btn-sub{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-top:2px}.battle-btn:active{transform:translateY(3px);box-shadow:0 2px #0d0b09}.battle-btn:disabled{opacity:.4;cursor:not-allowed}.home-tabs{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:10px 8px calc(12px + var(--safe-bot));background:#f7f0e0f0;border-top:2px solid var(--ink);z-index:3}.home-tabs button{flex:1;border:none;background:transparent;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;opacity:.65}.home-tabs .tab-mark{font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1.5px solid currentColor;border-radius:50% 45% 50% 42%/46% 50% 44% 54%}.home-tabs .tab-active{color:var(--ink);opacity:1}.home-tabs .tab-active .tab-mark{background:var(--ink);color:var(--paper);border-color:var(--ink)}#battle-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bh-top{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(10px + var(--safe-top)) 12px 0;pointer-events:none}.bh-pills{display:flex;flex-wrap:wrap;gap:6px;max-width:80%}.bh-top .icon-btn{pointer-events:auto}.hud-pill{background:var(--paper);border:2.5px solid var(--ink);border-radius:4px 12px 6px 14px/10px 5px 12px 7px;padding:5px 10px;color:var(--ink);font-weight:700;font-size:15px;box-shadow:2px 2px 0 var(--shadow)}.hud-pill span{color:var(--ink-soft);margin-right:4px;font-size:.85em}.hud-pill.shield{border-color:var(--accent);color:var(--accent)}.xp-bar{margin:8px 16px 0;height:8px;background:#1a17141f;border:2px solid var(--ink);border-radius:999px;overflow:hidden}.xp-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--wash),var(--accent));transition:width .2s ease}.hint{position:absolute;bottom:calc(18px + var(--safe-bot));left:50%;transform:translate(-50%);color:var(--ink-soft);font-size:16px;font-weight:600;opacity:.75;transition:opacity .4s;text-align:center}.hint.hidden{opacity:0}#run-result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:auto}#run-result.hidden{display:none!important}.run-result-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:#f3ead6d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:rrWashIn .35s ease both}#run-result.rr-out .run-result-wash{animation:rrWashOut .28s ease both}@keyframes rrWashIn{0%{opacity:0}to{opacity:1}}@keyframes rrWashOut{0%{opacity:1}to{opacity:0}}.run-result-card{position:relative;width:min(360px,100%);max-height:min(90vh,680px);overflow:auto;background:var(--paper);border:3px solid var(--ink);border-radius:10px 24px 12px 20px/18px 10px 22px 12px;padding:22px 18px 18px;box-shadow:7px 9px 0 var(--shadow);text-align:center;animation:rrCardIn .45s cubic-bezier(.2,.85,.25,1) both;z-index:1}#run-result.rr-out .run-result-card{animation:rrCardOut .28s ease both}@keyframes rrCardIn{0%{opacity:0;transform:translateY(28px) scale(.92) rotate(-1.2deg)}60%{opacity:1;transform:translateY(-4px) scale(1.02) rotate(.4deg)}to{opacity:1;transform:none}}@keyframes rrCardOut{to{opacity:0;transform:translateY(16px) scale(.96)}}.rr-stamp{width:72px;height:72px;margin:0 auto 10px;position:relative;display:flex;align-items:center;justify-content:center;animation:rrStamp .55s .12s cubic-bezier(.2,1.2,.3,1) both}@keyframes rrStamp{0%{opacity:0;transform:scale(1.6) rotate(-12deg)}to{opacity:1;transform:none}}.rr-stamp-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2.5px solid var(--ink);border-radius:50% 46% 52% 48%/48% 52% 46% 54%;opacity:.85}#run-result[data-kind=fail] .rr-stamp-ring{border-style:dashed}#run-result[data-kind=victory] .rr-stamp-ring{border-width:3px}.rr-stamp-mark{font-size:28px;font-weight:700;color:var(--ink);line-height:1}.rr-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 16px}.rr-stat{border:2px solid var(--ink);border-radius:6px 14px 8px 12px/12px 6px 14px 8px;padding:8px 6px;background:#fffef8b3;display:flex;flex-direction:column;gap:2px;animation:rrStatIn .4s ease both}.rr-stat:nth-child(1){animation-delay:.08s}.rr-stat:nth-child(2){animation-delay:.12s}.rr-stat:nth-child(3){animation-delay:.16s}.rr-stat:nth-child(4){animation-delay:.2s}@keyframes rrStatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rr-stat span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.55;font-weight:700}.rr-stat b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.rr-actions{display:flex;flex-direction:column;gap:8px;animation:rrStatIn .4s .22s ease both}.rr-actions .battle-btn{margin-top:0;width:100%;min-width:0}.rr-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:16px;font-weight:700;color:var(--ink);background:#fffef8;border:2.5px solid var(--ink);border-radius:8px 16px 10px 14px/14px 8px 16px 10px;box-shadow:2px 3px 0 var(--shadow);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.rr-btn:active:not(:disabled){transform:translate(1px,2px);box-shadow:1px 1px 0 var(--shadow)}.rr-btn:disabled{opacity:.55;cursor:wait}.rr-btn.rr-loading{animation:rrPulse .9s ease-in-out infinite}@keyframes rrPulse{0%,to{opacity:.55}50%{opacity:.9}}.rr-btn-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:2px solid var(--ink);border-radius:50% 45% 50% 42%/46% 50% 44% 54%;font-size:12px;flex-shrink:0}.rr-hub{margin-top:4px;color:var(--ink-soft)!important}#run-result[data-kind=victory] .title-badge{color:var(--ink)}#run-result[data-kind=fail] .title-badge{color:var(--accent)}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f3ead6c7;z-index:30;pointer-events:auto;padding:16px}.modal-card{width:min(360px,100%);max-height:min(86vh,640px);overflow:auto;background:var(--paper);border:3px solid var(--ink);border-radius:8px 22px 10px 18px/16px 8px 20px 10px;padding:20px 18px;box-shadow:6px 8px 0 var(--shadow);text-align:center}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.modal-card h2{font-size:28px;font-weight:700}.modal-sub{font-size:15px;color:var(--ink-soft);margin-bottom:12px}.title-badge{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700}.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0 16px;font-weight:700;font-size:15px}.text-btn{display:block;width:100%;margin-top:10px;border:none;background:transparent;font-family:inherit;font-size:16px;font-weight:700;color:var(--accent);cursor:pointer;text-decoration:underline}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;font-size:17px;font-weight:600}.set-row input[type=text]{flex:1;border:2px solid var(--ink);border-radius:8px;padding:6px 10px;font-family:inherit;font-size:16px;background:#fffef8}.upgrade-list,.ship-list{display:flex;flex-direction:column;gap:8px;text-align:left}.upgrade-row,.ship-row{display:flex;align-items:center;gap:10px;border:2.5px solid var(--ink);background:#fffef8;border-radius:12px;padding:10px;font-family:inherit;color:var(--ink);cursor:pointer;width:100%}.upgrade-row:disabled{opacity:.45;cursor:not-allowed}.ur-icon,.sr-icon{font-size:16px;width:32px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.ur-icon.ink-mark{width:32px;height:32px;font-size:14px}.ur-body,.sr-body{flex:1;display:flex;flex-direction:column}.ur-body small,.sr-body small{opacity:.7;font-size:13px}.ur-cost{font-weight:700;white-space:nowrap}.ship-row.active{border-color:var(--accent);background:#f8e8e4}.sr-btn{border:2px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:10px;padding:6px 10px;font-family:inherit;font-weight:700;cursor:pointer}.sr-btn:disabled{opacity:.5}.lb-list{list-style:none;text-align:left}.lb-list li{display:grid;grid-template-columns:28px 1fr auto auto;gap:8px;padding:8px 4px;border-bottom:1px dashed rgba(26,23,20,.2);font-weight:600;font-size:16px}.lb-rank{font-weight:700;color:var(--accent)}.lb-empty{text-align:center;opacity:.7;padding:16px!important;display:block!important}.draft-card h2{margin-bottom:4px}.draft-cards{display:flex;flex-direction:column;gap:10px;margin-top:8px}.ability-card{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto auto;column-gap:10px;text-align:left;border:2.5px solid var(--ink);background:#fffef8;border-radius:14px;padding:12px;font-family:inherit;color:var(--ink);cursor:pointer;animation:cardIn .35s ease both;box-shadow:3px 3px 0 var(--shadow)}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) rotate(-1deg)}to{opacity:1;transform:none}}.ability-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.ac-icon{grid-row:1 / span 3;font-size:18px;display:flex;align-items:center;justify-content:center;align-self:center}.ac-icon.ink-mark{width:40px;height:40px;font-size:18px}.ac-title{font-size:20px;font-weight:700}.ac-desc{font-size:14px;opacity:.8}.ac-cta{font-size:13px;font-weight:700;color:var(--accent);margin-top:2px}.hp-label{font-family:Caveat,cursive;font-weight:700;font-size:22px;color:var(--ink);text-shadow:-1px -1px 0 var(--paper),1px -1px 0 var(--paper),-1px 1px 0 var(--paper),1px 1px 0 var(--paper);pointer-events:none;white-space:nowrap}.hp-label.hit{color:var(--accent);transform:scale(1.15);transition:transform .08s ease,color .08s ease}.dmg-float{font-family:Caveat,cursive;font-weight:700;font-size:20px;color:var(--ink);pointer-events:none;white-space:nowrap;text-shadow:-1px -1px 0 var(--paper),1px -1px 0 var(--paper),-1px 1px 0 var(--paper),1px 1px 0 var(--paper);animation:dmgPop .75s cubic-bezier(.2,.7,.2,1) forwards;will-change:transform,opacity}.dmg-float.crit{font-size:26px;color:var(--accent)}@keyframes dmgPop{0%{opacity:0;transform:translate(-50%,6px) scale(.45)}12%{opacity:1;transform:translate(-50%,-2px) scale(1.2)}28%{opacity:1;transform:translate(-50%,-10px) scale(1)}to{opacity:0;transform:translate(-50%,-42px) scale(.85)}}.boss-hp{font-size:26px;color:var(--accent)}.boss-bar{margin:8px 20px 0;display:flex;align-items:center;gap:8px}.boss-label{font-weight:700;font-size:14px;color:var(--accent)}.boss-track{flex:1;height:10px;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:#1a17141a}.boss-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent),#e8a090);transition:width .15s ease}.float-layer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.float-txt{position:absolute;font-weight:700;font-size:22px;animation:floatUp .9s ease forwards;text-shadow:0 1px 0 #fff}.float-txt.gold{color:var(--gold)}.float-txt.gem{color:#3b6fd4}.float-txt.boss{color:var(--accent);font-size:28px}.float-txt.wave{color:var(--ink)}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-48px)}}.guide-list{text-align:left;margin:12px 8px 18px;padding-left:20px;font-size:16px;font-weight:600;line-height:1.45}.guide-list li{margin-bottom:8px}.idle-amount{font-size:28px;font-weight:700;margin:16px 0}.hud-pill.combo{border-color:var(--accent);color:var(--accent)}.bonus-label{font-family:inherit;font-weight:800;font-size:13px;padding:3px 8px;border-radius:999px;border:2px solid var(--ink);white-space:nowrap;pointer-events:none;text-shadow:0 1px 0 #fff;box-shadow:2px 2px #1a171440;animation:bonusPulse 1.1s ease-in-out infinite}.bonus-label.good{background:var(--paper);color:var(--ink);border-style:solid}.bonus-label.bad{background:var(--paper-deep);color:var(--ink);border-style:dashed}@keyframes bonusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.bonus-bar{display:flex;flex-wrap:wrap;gap:6px;padding:4px 12px 0;justify-content:center;pointer-events:none}.bonus-bar.empty{display:none}.bonus-pill{position:relative;display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 8px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font-weight:700;font-size:13px;overflow:hidden;min-width:52px;box-shadow:1px 1px #1a171433}.bonus-pill.good{border-color:#2e7d32}.bonus-pill.bad{border-color:#c62828;background:#fce4ec}.bonus-pill-icon{font-size:14px;line-height:1;z-index:1}.bonus-pill-time{z-index:1;font-variant-numeric:tabular-nums}.bonus-pill-fill{position:absolute;left:0;bottom:0;height:100%;background:#3d8b6e38;transition:width .2s linear;z-index:0}.bonus-pill.bad .bonus-pill-fill{background:#c628282e}.float-txt.bonus-good{color:#2e7d32;font-size:24px}.float-txt.bonus-bad{color:#c62828;font-size:24px}.float-txt.bonus-instant{color:var(--accent);font-size:26px}