:root{--wood-900:#0a0807;--wood-800:#130e0c;--wood-700:#1c1512;--wood-600:#261c18;--wood-500:#32241e;--plum-900:#1c0912;--plum-800:#2c0f1d;--plum-700:#45162c;--plum-500:#6e2246;--plum-300:#b84a7c;--bronze-700:#45321a;--bronze-600:#6b4d24;--bronze-500:#93702f;--bronze-400:#c09a4a;--bronze-300:#e6c98a;--bronze-200:#f6e6bd;--blood:#b31f34;--blood-lit:#e04255;--jade:#3ba892;--jade-lit:#66d6bb;--ember:#e0762b;--parch:#f3e8d5;--parch-dim:#ab9880;--parch-faint:#7c6b5b;--plate-face:linear-gradient(178deg, #2a1e19 0%, #17100e 46%, #0d0908 100%);--lacquer-face:linear-gradient(178deg, #4a1830 0%, #2a0e1c 58%, #170811 100%);--grain:repeating-linear-gradient(92deg, #ffeccd05 0 1px, #0000 1px 7px);--frame-line:#93702f9e;--frame-relief:inset 0 1px 0 #e6c98a38, inset 0 -1px 0 #000000b3, inset 0 0 0 1px #00000080, 0 6px 18px #00000080;--frame-relief-soft:inset 0 1px 0 #e6c98a24, inset 0 0 0 1px #00000073, 0 3px 10px #0006;--halo:0 1px 2px #000000d9, 0 0 10px #0000008c;--font-body:"Pretendard", ui-sans-serif, system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-display:"AppleMyungjo", "Nanum Myeongjo", "Noto Serif KR", ui-serif, Georgia, var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{background:var(--wood-900);height:100dvh;margin:0;overflow:hidden}canvas{touch-action:none;display:block}kbd{border:1px solid var(--bronze-700);color:var(--bronze-300);font:inherit;background:#e6c98a14;border-radius:4px;padding:1px 6px;font-size:12px}.icon{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:5px;flex:none;display:block;box-shadow:0 2px 6px #00000080}.icon-loadout{width:26px;height:26px}.icon-card{border-radius:8px;width:56px;height:56px;box-shadow:0 3px 10px #0000008c}.icon-shop{border-radius:6px;width:38px;height:38px}.icon-coin{width:18px;height:18px;box-shadow:none;border-radius:3px;display:inline-block}:focus-visible{outline:2px solid var(--bronze-300);outline-offset:2px;border-radius:inherit}.floaters{pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;z-index:1;position:fixed;inset:0;overflow:hidden}.floater{will-change:transform, opacity;color:var(--bronze-200);-webkit-text-stroke:3px #0e0806e6;paint-order:stroke fill;font-size:15px;font-weight:800;line-height:1;position:absolute;top:0;left:0}.floater.hurt{color:#ff6472;-webkit-text-stroke:3.5px #26060aeb;font-size:22px}.hud{color:var(--parch);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;--gutter:max(16px, env(safe-area-inset-left));--gutter-right:max(16px, env(safe-area-inset-right));--gutter-bottom:max(16px, env(safe-area-inset-bottom));position:fixed;inset:0}.plate{border:1px solid var(--frame-line);background-image:var(--grain), var(--plate-face);box-shadow:var(--frame-relief);border-radius:10px;position:relative}.plate:before,.plate:after{content:"";pointer-events:none;border:1px solid #e6c98a66;width:9px;height:9px;position:absolute}.plate:before{border-bottom:0;border-right:0;border-top-left-radius:6px;top:3px;left:3px}.plate:after{border-top:0;border-left:0;border-bottom-right-radius:6px;bottom:3px;right:3px}.xp-rail{background:linear-gradient(#0c0807,#171010);border-bottom:1px solid #93702f73;height:7px;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 2px 8px #0000008c}.xp-rail-fill{background:linear-gradient(90deg, var(--jade), var(--bronze-400));height:100%;transition:width 90ms linear;box-shadow:0 0 12px #66d6bb8c}.hud-top{top:calc(7px + max(10px, env(safe-area-inset-top)));place-items:center;display:grid;position:absolute;left:0;right:0}.clock-plate{grid-template-columns:auto auto;place-items:baseline center;gap:0 8px;min-width:208px;padding:6px 22px 8px;display:grid}.clock-level{letter-spacing:.22em;color:var(--bronze-300);text-shadow:0 0 10px #c09a4a59;border-bottom:1px solid #93702f80;grid-column:1/-1;margin-bottom:1px;padding:0 10px 1px;font-size:12px;font-weight:700}.clock-time{letter-spacing:.02em;color:var(--parch);text-shadow:var(--halo);font-size:34px;font-weight:700;line-height:1.05}.clock-goal{color:var(--parch-faint);font-size:13px}.mute{top:0;right:var(--gutter-right,16px);pointer-events:auto;place-items:center;width:38px;height:38px;padding:0;font-size:16px;line-height:1;display:grid;position:absolute}.hud-left{left:var(--gutter,16px);bottom:var(--gutter-bottom,16px);width:244px;max-width:calc(100vw - var(--gutter,16px) - var(--gutter-right,16px));gap:8px;display:grid;position:absolute}.hp-plate{align-items:center;gap:9px;padding:7px 10px;display:flex}.hp-crest{width:20px;height:20px;color:var(--blood-lit);filter:drop-shadow(0 0 5px #e0425573);flex:none;place-items:center;display:grid}.hp-crest svg{width:100%;height:100%;display:block}.hp{background:linear-gradient(#14100f,#0b0807);border:1px solid #000000a6;border-radius:4px;flex:1;height:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000c,inset 0 0 0 1px #93702f38}.hp-fill{background:linear-gradient(180deg, var(--blood-lit), var(--blood) 55%, #6d101f);height:100%;transition:width .12s linear;box-shadow:inset 0 1px #ffbebe59,0 0 12px #b31f3473}.hp-label{letter-spacing:.04em;color:var(--parch);text-shadow:var(--halo);place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.hp-plate.low .hp-fill,.hp-plate.low .hp-crest{animation:.78s ease-in-out infinite hp-pulse}@keyframes hp-pulse{50%{filter:brightness(1.45)drop-shadow(0 0 8px #e04255b3)}}.loadout{gap:3px;padding:8px 11px;display:grid}.loadout-row{color:var(--parch);align-items:center;gap:8px;font-size:13px;line-height:1.7;display:flex}.loadout-row.dim{color:var(--parch-dim);font-size:12px}.loadout-row:not(.dim)+.loadout-row.dim{border-top:1px solid #93702f38;margin-top:4px;padding-top:5px}.loadout-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pips{flex:none;gap:3px;display:inline-flex}.pip{background:#00000080;border:1px solid #93702f8c;border-radius:50%;width:7px;height:7px}.pip.on{background:radial-gradient(circle at 35% 30%, var(--bronze-200), var(--bronze-500));border-color:var(--bronze-300);box-shadow:0 0 6px #c09a4a8c}.hud-right{right:var(--gutter-right,16px);bottom:var(--gutter-bottom,16px);justify-items:end;gap:3px;min-width:132px;padding:7px 12px;display:grid;position:absolute}.stat{justify-content:space-between;align-items:baseline;gap:10px;width:100%;display:flex}.stat-label{letter-spacing:.12em;color:var(--parch-faint);font-size:11px}.stat-value{color:var(--bronze-300);text-shadow:0 0 10px #c09a4a4d;font-size:19px;font-weight:700}.stat.dim .stat-label{color:var(--parch-faint)}.stat.dim .stat-value{color:var(--parch-dim);text-shadow:none;font-size:13px}.joystick{pointer-events:none;z-index:0;opacity:0;transition:opacity .14s ease-out;position:fixed;inset:0}.joystick.is-active{opacity:1}.joystick-base{will-change:transform;background:radial-gradient(circle,#0a06084d,#0a060812 62%,#0a060800 74%);border:1px solid #e6c98a42;border-radius:50%;width:120px;height:120px;position:absolute;box-shadow:inset 0 0 16px #0006}.joystick-knob{will-change:transform;background:radial-gradient(circle at 38% 32%,#f6e6bd4d,#45162c85 72%);border:1px solid #e6c98a75;border-radius:50%;width:52px;height:52px;position:absolute;box-shadow:0 2px 10px #00000080}.overlay{z-index:4;--overlay-pad:clamp(16px, 3.5vw, 32px);height:100dvh;padding:max(var(--overlay-pad), env(safe-area-inset-top)) max(var(--overlay-pad), env(safe-area-inset-right)) max(var(--overlay-pad), env(safe-area-inset-bottom)) max(var(--overlay-pad), env(safe-area-inset-left));color:var(--parch);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(120% 90% at 50% 38%,#220e18d1,#060405f0);display:flex;position:fixed;inset:0;overflow:hidden auto}.overlay>*{margin:auto}.dim-backdrop{background:radial-gradient(120% 90% at 50% 42%,#1a0a12e0,#040303f5)}.panel{border:1px solid var(--frame-line);background-image:var(--grain), var(--plate-face);width:min(560px,100%);box-shadow:var(--frame-relief), 0 0 0 6px #00000047;text-align:center;border-radius:16px;padding:clamp(22px,4vw,34px);position:relative}.title-panel{text-align:left;background-image:var(--grain), radial-gradient(90% 70% at 18% 0%, #45162c8c, transparent 60%), var(--plate-face);grid-template-columns:minmax(0,268px) minmax(0,1fr);align-items:stretch;gap:clamp(20px,3vw,30px);width:min(920px,100%);display:grid}.key-art{border:1px solid var(--frame-line);box-shadow:var(--frame-relief-soft);background:#120c0d;border-radius:12px;margin:0;position:relative;overflow:hidden}.key-art img{object-fit:cover;object-position:50% 28%;width:100%;height:100%;min-height:320px;display:block}.key-art:after{content:"";pointer-events:none;background:radial-gradient(100% 70% at 50% 25%,#0000 40%,#0a06088c 100%),linear-gradient(#0000 55%,#1c091299);position:absolute;inset:0}.title-copy .eyebrow,.title-copy h1,.title-copy .lede,.title-copy .record{text-align:left}.eyebrow{font-family:var(--font-display);letter-spacing:.5em;color:var(--bronze-400);text-shadow:0 0 14px #c09a4a40;margin:0;font-size:13px}h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--parch);text-shadow:0 2px 14px #000000b3;margin:10px 0 14px;font-size:clamp(30px,5vw,44px);font-weight:800;line-height:1.15}h2{font-family:var(--font-display);color:var(--parch);margin:6px 0 20px;font-size:clamp(22px,3.4vw,27px);font-weight:700}.lede{color:var(--parch-dim);margin:0 0 20px;font-size:14px;line-height:1.75}.rules{text-align:left;color:var(--parch-dim);background:#00000052;border:1px solid #93702f4d;border-radius:10px;margin:0 0 20px;padding:13px 17px;font-size:13px;line-height:1.95;list-style:none}.rules li{padding-left:14px;position:relative}.rules li:before{content:"·";color:var(--bronze-500);position:absolute;left:2px}.record{color:var(--parch-faint);margin:0 0 18px;font-size:13px}.record strong{color:var(--bronze-300)}button{border:1px solid var(--frame-line);background-image:var(--grain), var(--plate-face);box-shadow:var(--frame-relief-soft);color:var(--parch);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:9px;padding:10px 18px;font-size:14px;transition:border-color .12s,box-shadow .12s,color .12s,transform 90ms,filter .12s;position:relative}@media (hover:hover){button:hover:not(:disabled){border-color:var(--bronze-400);color:var(--bronze-200);box-shadow:var(--frame-relief-soft), 0 0 18px #c09a4a38}button.primary:hover:not(:disabled){border-color:var(--bronze-300);filter:brightness(1.16);box-shadow:var(--frame-relief), 0 0 30px #b84a7c73}}button:active:not(:disabled){filter:brightness(.92);transform:translateY(1px)}button:disabled{cursor:default;color:var(--parch-faint);box-shadow:none;border-color:#93702f47}button.primary{border-color:var(--bronze-400);background-image:var(--grain), var(--lacquer-face);color:var(--bronze-200);letter-spacing:.06em;box-shadow:var(--frame-relief), 0 0 22px #6e224659;padding:12px 30px;font-weight:700}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.results-card{aspect-ratio:16/9;border:1px solid var(--frame-line);width:min(1040px,100%,158dvh);box-shadow:var(--frame-relief), 0 0 0 6px #00000047;background:#0b0708;border-radius:16px;position:relative;overflow:hidden}.results-art{margin:0;position:absolute;inset:0}.results-art img{object-fit:cover;object-position:18% 50%;width:100%;height:100%;display:block}.results-art:after{content:"";background:linear-gradient(90deg,#06040500 28%,#0805078c 44%,#070406e6 60%,#060405f2 100%),linear-gradient(#06040566,#0000 26%);position:absolute;inset:0}.results-body{z-index:1;text-align:center;flex-direction:column;justify-content:center;width:min(48%,470px);height:100%;margin-left:auto;padding:clamp(18px,2.4vw,28px) clamp(18px,2.4vw,30px);display:flex;position:relative}.results-body h1{font-size:clamp(24px,2.6vw,36px)}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px;display:grid}.results>div{background:#00000057;border:1px solid #93702f4d;border-radius:9px;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 13px;display:flex}.results span{color:var(--parch-faint);font-size:12px}.results strong{color:var(--bronze-300);font-variant-numeric:tabular-nums;font-size:20px}.results .dim strong{color:var(--parch-dim);font-size:16px}.payout{color:var(--bronze-300);font-variant-numeric:tabular-nums;background:linear-gradient(#45162c80,#00000057);border:1px solid #93702f57;border-radius:9px;margin:0 0 20px;padding:10px 14px;font-size:14px}.payout strong{color:var(--bronze-200);font-size:18px}.payout .dim{color:var(--parch-faint)}.levelup{text-align:center;width:min(920px,100%)}.cards{grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:14px;display:grid}.card{border:1px solid var(--frame-line);background-image:var(--grain), var(--plate-face);box-shadow:var(--frame-relief);text-align:left;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:4px 14px;padding:20px 18px 18px;display:grid;position:relative}.card:focus-visible{border-color:var(--bronze-300);background-image:var(--grain), var(--lacquer-face);box-shadow:var(--frame-relief), 0 0 28px #b84a7c59;transform:translateY(-3px)}@media (hover:hover){.card:hover:not(:disabled){border-color:var(--bronze-300);background-image:var(--grain), var(--lacquer-face);box-shadow:var(--frame-relief), 0 0 28px #b84a7c59;transform:translateY(-3px)}}.card:active:not(:disabled){transform:translateY(0)}.card-kind{letter-spacing:.2em;color:var(--jade-lit);font-size:11px}.card.weapon-new .card-kind{color:var(--bronze-300)}.card.passive .card-kind{color:var(--plum-300)}.card-subtitle{color:var(--parch-faint);letter-spacing:.14em;font-size:12px}.card-name{color:var(--parch);font-size:22px;font-weight:800}.card-level{color:var(--bronze-400);font-size:12px}.card .icon-card{grid-row:1/span 4;align-self:center}.card-blurb{color:var(--parch-dim);grid-column:1/-1;margin-top:6px;font-size:13px;line-height:1.6}.card-key{width:21px;height:21px;color:var(--bronze-400);background:#0006;border:1px solid #93702f80;border-radius:6px;place-items:center;font-size:11px;display:grid;position:absolute;top:12px;right:14px}.levelup-hint{letter-spacing:.06em;color:var(--parch-faint);margin:16px 0 0;font-size:12px}.shop{text-align:left;border-top:1px solid #93702f47;margin-top:18px;padding-top:14px}.shop-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px;display:flex}.shop-title{letter-spacing:.12em;color:var(--parch-dim);font-size:13px;font-weight:700}.shop-acorns{color:var(--bronze-300);font-variant-numeric:tabular-nums;background:#0006;border:1px solid #93702f6b;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:13px;font-weight:800;display:inline-flex}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:7px;display:grid}.shop-item{text-align:left;box-shadow:var(--frame-relief-soft);border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:1px 9px;padding:9px 10px;display:grid}@media (hover:hover){.shop-item:hover:not(:disabled){border-color:var(--bronze-300);background-image:var(--grain), var(--lacquer-face)}}.shop-item:disabled{opacity:.62}.shop-item:disabled .shop-item-cost{color:var(--parch-faint)}.shop-item.maxed{opacity:.8;border-color:#3ba8928c}.shop-item.maxed .shop-item-cost{color:var(--jade-lit)}.shop-item-name{color:var(--parch);font-size:13px;font-weight:700}.shop-item-sub{letter-spacing:.06em;color:var(--parch-faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.shop-item .icon-shop{grid-row:1/span 2;align-self:center}.shop-item-blurb{color:var(--parch-dim);grid-column:1/-1;margin-top:3px;font-size:11px;line-height:1.4}.shop-item-cost{color:var(--bronze-300);font-variant-numeric:tabular-nums;border-top:1px solid #93702f38;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding-top:5px;font-size:11px;font-weight:700;display:flex}.shop-item-price{align-items:center;gap:5px;display:inline-flex}.shop-item-level{color:var(--parch-faint);font-weight:600}.bossbar{top:calc(108px + env(safe-area-inset-top));pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;text-align:center;border:1px solid var(--frame-line);background-image:var(--grain), var(--lacquer-face);width:min(440px,74vw);box-shadow:var(--frame-relief);border-radius:10px;padding:7px 12px 9px;position:fixed;left:50%;transform:translate(-50%)}.bossbar-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.bossbar-name{font-family:var(--font-display);letter-spacing:.18em;color:var(--bronze-200);text-shadow:var(--halo);font-size:13px;font-weight:700}.bossbar-percent{color:var(--parch-dim);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.bossbar-track{background:linear-gradient(#150e0e,#0a0706);border:1px solid #000000b3;border-radius:6px;height:11px;overflow:hidden;box-shadow:inset 0 1px 3px #000000d9,inset 0 0 0 1px #93702f40}.bossbar-fill{background:linear-gradient(180deg, #ef5a4a, var(--blood) 55%, #58101c);height:100%;transition:width .22s ease-out;box-shadow:inset 0 1px #ffc8be59,0 0 14px #d2483a80}.announce{border:1px solid var(--frame-line);background-image:var(--grain), var(--lacquer-face);max-width:min(440px,88vw);box-shadow:var(--frame-relief), 0 0 40px #0009;color:var(--parch);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3;border-radius:14px;align-items:center;gap:14px;padding:10px 24px 10px 10px;animation:2.6s ease-out forwards announce-in;display:flex;position:fixed;top:max(236px,22%);left:50%;transform:translate(-50%,-50%)}.announce-face{object-fit:cover;object-position:50% 22%;border:1px solid var(--bronze-600);background:#120c0d;border-radius:10px;flex:none;width:76px;height:76px}.announce-copy{text-align:left;gap:2px;min-width:0;display:grid}.announce-eyebrow{letter-spacing:.34em;color:var(--plum-300);font-size:11px}.announce-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--bronze-200);text-shadow:0 0 22px #c09a4a4d;font-size:clamp(24px,6vw,30px);font-weight:800}@keyframes announce-in{0%{opacity:0;transform:translate(-50%,-50%)scale(1.18)}8%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-58%)scale(.98)}}@media (width<=820px){.title-panel{text-align:center;grid-template-columns:minmax(0,1fr);gap:18px}.key-art{max-width:216px;margin:0 auto}.key-art img{aspect-ratio:7/9;height:auto;min-height:0}.title-copy .eyebrow,.title-copy h1,.title-copy .lede,.title-copy .record{text-align:center}}@media (width<=820px) and (height>=561px){.results-card{aspect-ratio:auto;width:min(520px,100%)}.results-art{position:relative;inset:auto}.results-art img{aspect-ratio:16/9;object-position:26% 50%;height:auto}.results-art:after{background:linear-gradient(#06040559,#0000 32%,#090607bf 84%,#100b0b 100%)}.results-body{background-image:var(--grain), var(--plate-face);width:100%;height:auto;margin-left:0;padding:20px clamp(16px,4vw,26px) clamp(20px,4vw,26px)}}@media (width<=720px){.clock-plate{min-width:172px;padding:5px 16px 7px}.clock-time{font-size:26px}.hud-left{width:min(56vw,208px)}.hud-right{min-width:0;padding:6px 10px}.bossbar{top:calc(92px + env(safe-area-inset-top))}.cards{grid-template-columns:minmax(0,1fr)}.card{padding:15px 16px}.card-name{font-size:19px}.announce-face{width:60px;height:60px}}@media (width<=480px){.results{grid-template-columns:minmax(0,1fr)}.icon-loadout{width:24px;height:24px}.loadout-row{font-size:12px;line-height:1.6}.loadout-row.dim{font-size:11px}.stat-value{font-size:16px}.actions button{flex:140px}}@media (pointer:coarse){.mute{width:44px;height:44px}.card-key,.levelup-hint{display:none}.shop-item{padding:11px 12px}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(144px,1fr));gap:10px}button{min-height:44px;padding:12px 20px}button.primary{padding:14px 30px}.actions{gap:14px}}@media (height<=560px){.overlay{--overlay-pad:12px}.results-body{padding:12px 16px}.results-body h1{margin:6px 0 10px;font-size:clamp(19px,3.2vw,26px)}.results{gap:7px;margin-bottom:12px}.results>div{padding:6px 10px}.results strong{font-size:17px}.results .dim strong{font-size:14px}.payout{margin-bottom:12px;padding:7px 12px;font-size:13px}.bossbar{top:calc(78px + env(safe-area-inset-top))}.announce{padding:8px 18px 8px 8px;top:max(176px,22%)}.announce-face{width:54px;height:54px}}@media (height<=520px){.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.icon-card{width:52px;height:52px}.card{padding:12px 14px}.card-blurb{font-size:12px}h2{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.announce,.hp-plate.low .hp-fill,.hp-plate.low .hp-crest{animation:none}.card:hover:not(:disabled),.card:focus-visible,button:active:not(:disabled){transform:none}.xp-rail-fill,.hp-fill,.bossbar-fill,button,.card{transition:none}}