.df-audio-toggle{right:max(10px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));z-index:100010;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);min-height:32px;position:fixed;box-shadow:0 0 9px #1bb9ff55;color:#d9f9ff!important;background:#061b30ed!important;border:1px solid #4bd9ff!important;padding:7px 10px!important;font-size:11px!important}.df-audio-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}.df-start,.df-loading{z-index:100000;background:#051426;place-items:center;font-family:Manrope,system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.df-start-art,.df-loading-art{aspect-ratio:592/1280;width:auto;max-width:100%;height:100%;position:relative}.df-loading-art{aspect-ratio:720/1280}.df-start-art>img,.df-loading-art>img{object-fit:fill;width:100%;height:100%;display:block}.df-art-button{cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:22px;position:absolute}.df-art-button span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.df-art-button:focus-visible{outline-offset:-3px;background:#77f4ff33;outline:3px solid #7af6ff;box-shadow:0 0 22px #54deff}.df-art-button:active{background:#a9f3ff33}.df-info-backdrop{background:#06121cbb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.df-info-backdrop section{color:#f1faff;background:#102938;border:1px solid #7bdce5;border-radius:20px;max-width:380px;padding:24px;box-shadow:0 20px 80px #0008}.df-info-backdrop button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#125771;border:1px solid #99f3ff;border-radius:12px;margin-top:20px;padding:13px}.df-loading-status{text-align:center;color:#fff;background:#071c33;font-size:clamp(12px,2.5vh,24px);line-height:1.5;position:absolute;bottom:7.8%;left:5%;right:5%}.df-loading-sweep{background:#65eaff;border-radius:99px;height:1%;animation:1.1s ease-in-out infinite alternate df-loading-pulse;position:absolute;bottom:13%;left:15%;right:15%;box-shadow:0 0 18px #1acfff}@keyframes df-loading-pulse{0%{opacity:.3}to{opacity:1}}@media (prefers-reduced-motion:reduce){.df-loading-sweep{animation:none}}body:has(.df-start,.df-loading) #fh-duelist-hud-btn{display:none!important}.df-home-return{top:max(8px,env(safe-area-inset-top));z-index:650;color:#d2f6ff;cursor:pointer;background:#071e2de8;border:1px solid #70d9ee;border-radius:20px;padding:6px 12px;font:600 11px Manrope,system-ui;position:fixed;left:50%;transform:translate(-50%)}@media (aspect-ratio<=592/1280){.df-start-art{width:100%;height:auto}}@media (aspect-ratio<=720/1280){.df-loading-art{width:100%;height:auto}}:root{--bg-dark-base:#11151c;--bg-dark-surface:#1d212b;--bg-dark-elevated:#262b36;--bg-glass:#161c26bf;--bg-glass-hover:#1e2634d9;--border-subtle:#ffffff14;--border-medium:#ffffff29;--border-glow:#6366f166;--primary-500:#6065f0;--primary-600:#4449e4;--primary-glow:#6366f159;--accent-cyan:#10daf9;--accent-purple:#a65af2;--accent-pink:#f04c9e;--accent-amber:#f6a823;--accent-emerald:#1dd781;--rarity-common:#94a6b8;--rarity-rare:#25aff4;--rarity-epic:#a65eed;--rarity-legendary:#f9a91f;--rarity-mythic:#f53d8a;--grad-primary:linear-gradient(135deg, #6065f0 0%, #a65af2 100%);--grad-legendary:linear-gradient(135deg, #f9a91f 0%, #f56b3d 100%);--grad-mythic:linear-gradient(135deg, #f53d8a 0%, #bf5af2 100%);--grad-glass:linear-gradient(135deg, #ffffff12 0%, #ffffff05 100%);--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-muted:#7b899d;--text-inverse:#11151c;--font-family-sans:"Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-family-mono:"Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 25px #00000080;--shadow-glow-primary:0 0 20px #6366f159;--shadow-glow-legendary:0 0 25px #f59e0b66;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--bg-dark-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark-base)}::-webkit-scrollbar-thumb{background:var(--bg-dark-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.glass-panel:hover{border-color:var(--border-medium)}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-float{animation:4s ease-in-out infinite floatAnim}.animate-glow{animation:2.5s ease-in-out infinite pulseGlow}.card-avatar{object-fit:contain;width:150px;height:210px}.hero-avatar{object-fit:contain;max-height:330px}.monster-map-marker{object-fit:cover;border:2px solid #d8b462;border-radius:50%;box-shadow:0 3px 14px #0009}.monster-popup-art{object-fit:contain;width:130px;max-height:150px;margin:0 auto 8px;display:block}.logo-title{font-size:clamp(1.1rem,3vw,1.65rem)}@media (width<=600px){.card-avatar{width:125px;height:180px}.detail-hero{flex-direction:column}}.hero-avatar{width:140px;height:205px}@media (width<=700px){.app-header{flex-direction:column;align-items:stretch;gap:14px;padding:16px;position:static}.header-nav{min-width:0;max-width:100%;overflow-x:auto}.header-nav .tabs-container{flex-shrink:0}.app-main-content{min-width:0;padding:16px}.terpiez-cards-grid,.discovery-grid{grid-template-columns:minmax(0,1fr)}.info-section,.action-section{min-width:0}.map-view-container{padding:12px}.map-controls-toolbar{min-width:0;max-width:100%}.h3-status-badge{overflow-wrap:anywhere;max-width:100%}}:root{--df-cut:polygon(0 12px,12px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);--df-line:#73d6e65c;--df-surface:#0b2233}:is(.fh-app,.df-bag,.dw-player-panel,.dw-stop-panel,.dw-raid,.df-level-panel) :is(.fh-primary,.fh-secondary,.fh-duel-btn,.fh-comp-chip,.dw-provider-buttons button,.dw-skin-grid button,.dw-raid-party article,.dw-realtime-actions button,.df-bag-grid>button,.df-level-rewards article){clip-path:var(--df-cut);border-radius:0!important}:is(.fh-app,.df-bag,.dw-player-panel,.dw-stop-panel,.dw-raid,.df-level-panel) :is(.fh-battle-hud,.fh-battle-log,.fh-settings,.fh-empty,.df-item-detail,.dw-account-status,.dw-cloud-actions,.dw-boss-hud,.dw-raid-lobby,.dw-stop-detail){border:1px solid var(--df-line);background-color:var(--df-surface);border-top:2px solid #87e9f1;box-shadow:inset 4px 0 #74dce71a;border-radius:0!important}:is(.dw-player-panel,.dw-stop-panel,.dw-raid,.df-bag,.df-level-panel){background-image:linear-gradient(135deg,#62d8f51a 0,#0000 24%),linear-gradient(315deg,#8e64d51a,#0000 35%);border-top:2px solid #6fe8f0;border-radius:0!important}.fh-nearby{clip-path:polygon(0 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);border-radius:0!important}.fh-nearby,.fh-settings,.fh-encounter,.dw-player-panel,.dw-stop-panel,.dw-raid,.df-bag,.df-level-panel{animation:.26s cubic-bezier(.2,.75,.25,1) both df-panel-slide}.df-bag-grid>button,.df-level-rewards article{animation:.28s both df-card-slide}.df-bag-grid>button:nth-child(2n),.df-level-rewards article:nth-child(2n){animation-delay:35ms}:is(.fh-primary,.fh-secondary,.df-bag button,.df-level-panel button){transition:background-color .16s,border-color .16s,translate .16s}button:active:not(:disabled){translate:0 1px}@keyframes df-panel-slide{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes df-card-slide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.df-level-badge{clip-path:var(--df-cut);color:#e8fcff;cursor:pointer;text-align:left;background:#0b2538ed;border:1px solid #5bb6c9;border-radius:0;align-items:center;gap:10px;padding:12px 18px;font:700 12px Manrope,system-ui;display:flex;position:relative;overflow:hidden}.df-level-badge>b{color:#f4d58c;white-space:nowrap;font-size:19px}.df-level-badge span{gap:4px;display:grid}.df-level-badge small{color:#99b9c8;letter-spacing:1px;font-size:8px}.df-level-badge i{background:#77eafa;height:3px;transition:width .4s;position:absolute;bottom:0;left:0}.df-home-level{z-index:100001;top:max(8px,env(safe-area-inset-top));position:fixed;left:50%;transform:translate(-50%)}.df-home-level .df-level-badge{padding:8px 16px;font-size:10px}.df-home-level .df-level-badge>b{font-size:15px}.df-level-backdrop{z-index:100010;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#eaf8ff;background:#07131fee;font-family:Manrope,system-ui;position:fixed;inset:0;overflow:auto}.df-level-panel{max-width:660px;min-height:100%;margin:auto;padding:24px 20px 40px}.df-level-panel>.fh-eyebrow{margin:28px 0 12px;display:block}.df-level-hero{align-items:center;gap:22px;display:flex}.df-level-hero>b{color:#f1d188;clip-path:var(--df-cut);background:#13384d;padding:22px;font-size:65px;line-height:1}.df-level-panel h1{margin:0;font-size:24px}.df-level-panel h2{font-size:18px}.df-level-panel p{color:#b5cbd9;font-size:13px;line-height:1.7}.df-level-panel small{color:#9bb4c6;font-size:11px;line-height:1.6}.df-level-panel progress{accent-color:#79eaf2;width:100%;height:8px;margin-top:25px}.df-xp-rules{background:#132a3c;border-left:3px solid #71d3e7;margin:24px 0;padding:16px}.df-level-rewards{gap:12px;margin-bottom:20px;display:grid}.df-level-rewards article{background:#142c3f;border:1px solid #3d5a71;padding:18px}.df-level-rewards .unlocked{background:#29313d;border-color:#e7ca81}.df-level-rewards .claimed{opacity:.65}.df-level-rewards article>strong{color:#efd799;font-size:18px}.df-level-rewards button{color:#fff;cursor:pointer;background:#175064;border:1px solid #66cedb;margin-top:12px;padding:10px 18px;font:700 12px Manrope,system-ui;display:block}.df-level-rewards button:disabled{opacity:.5;cursor:default}.df-level-up{z-index:100008;color:#ffe3a0;clip-path:var(--df-cut);cursor:pointer;background:#283342;border:1px solid #f4d17d;max-width:90vw;padding:18px;font:800 14px Manrope,system-ui;animation:.3s both df-panel-slide;position:fixed;top:110px;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.fh-nearby,.fh-settings,.fh-encounter,.dw-player-panel,.dw-stop-panel,.dw-raid,.df-bag,.df-level-panel,.df-bag-grid>button,.df-level-rewards article,.df-level-up{animation:none!important}:is(.fh-primary,.fh-secondary,.df-bag button,.df-level-panel button,.df-level-badge i){transition:none!important}button:active{translate:none!important}}.dw-arena :is(.dw-duel-intro,.dw-scoreboard,.dw-duel-message,.dw-tactics,.dw-hand-card,.dw-result-actions){border-color:var(--df-line);border-radius:0!important}.dw-arena :is(.dw-hand-card,.dw-end-turn,.dw-tactics button){clip-path:var(--df-cut);border-radius:0!important}.dw-duel-intro,.dw-result-actions{animation:.26s both df-panel-slide}.fh-location-pill .df-level-badge{gap:8px;min-height:36px;padding:6px 12px}.fh-location-pill .df-level-badge>b{font-size:13px}.fh-location-pill .df-level-badge span{font-size:9px}.fh-location-pill .df-level-badge small{font-size:7px}@media (prefers-reduced-motion:reduce){.dw-duel-intro,.dw-result-actions{animation:none!important}}.fh-app .fh-binder-card{clip-path:var(--df-cut);border-color:var(--df-line);animation:.26s both df-card-slide;border-radius:0!important}.fh-app:has(.fh-explore) .fh-bottom-nav{clip-path:var(--df-cut);box-shadow:0 5px 25px #05182366;background:#0a2636f2!important;border:1px solid #6ccad57a!important;border-radius:0!important}.fh-app:has(.fh-explore) .fh-bottom-nav button{color:#a8c2cf}.fh-app:has(.fh-explore) .fh-bottom-nav button.active{color:#8cecf3}.fh-app .fh-nearby{color:#ddf7ff;background:#0a2636ed;border-color:#6ac9d461}.fh-app .fh-tray-heading>span{color:#a4c4d5}.fh-app .fh-signal{clip-path:var(--df-cut);background:#163b49;border-color:#497586;border-radius:0}.fh-app .fh-signal>span:last-child{color:#b5d6df}.fh-app .fh-signal .fh-inrange{color:#8ce9ca!important}.fh-app .fh-location-pill{clip-path:var(--df-cut);border-radius:0}@media (prefers-reduced-motion:reduce){.fh-app .fh-binder-card{animation:none!important}}.df-recovery{color:#dff5ff;flex-direction:column;justify-content:center;max-width:480px;min-height:100dvh;margin:auto;padding:28px;font-family:Manrope,system-ui;display:flex}.df-recovery h1{font-size:26px}.df-recovery p{color:#aec6d8;line-height:1.6}.df-recovery button{color:#fff;clip-path:var(--df-cut);cursor:pointer;background:#165467;border:1px solid #7bdde5;padding:15px 24px;font:700 14px Manrope,system-ui}.fh-app .df-level-badge,.fh-app .df-level-badge span{color:#e8fcff}.fh-app .df-level-badge small{color:#acd4e2}#fh-duelist-hud-btn{display:none!important}.fh-app .dw-player-trigger{max-width:165px;inset:122px auto auto 14px}:is(.df-home-return,.df-bag-trigger,.dw-world-events-trigger,.dw-player-trigger){clip-path:var(--df-cut);border-radius:0!important}.fh-app .fh-primary,.df-bag .df-item-detail>button:first-of-type{color:#fff;background:linear-gradient(130deg,#d92045,#7d0c2c);border:1px solid #ff9ab3;box-shadow:inset 0 0 14px #ff4d6d44,0 0 12px #fb28522b}:is(.dw-stop-panel,.dw-raid,.dw-player-panel,.df-bag,.df-level-panel){border-top-color:#72dcff;box-shadow:inset 0 0 30px #027eb51a}.dw-summon-guide,.dw-summon-balance{color:#c2e4ee;clip-path:polygon(0 9px,9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);background:#0b2335;border:1px solid #39758c;border-left:3px solid #81e7ed;padding:12px 16px;font:600 12px/1.6 Arial,sans-serif}:root{--df-ui:Arial,Helvetica,system-ui,sans-serif;--df-display:"Arial Black",Impact,Arial,system-ui,sans-serif}:is(.fh-app,.dw-arena,.df-guide,.df-bag,.df-level-panel){font-family:var(--df-ui);font-variant-numeric:tabular-nums}:is(.fh-app,.dw-arena,.df-guide,.df-bag,.df-level-panel) :is(h1,h2,h3){font-family:var(--df-display);letter-spacing:-.035em;font-weight:900;line-height:1.12}:is(.fh-app,.dw-arena,.df-guide,.df-bag,.df-level-panel) button{font-family:var(--df-ui);touch-action:manipulation;font-weight:800}:is(.fh-app,.dw-arena,.df-guide) button:active:not(:disabled){transform:scale(.97)}.fh-app .fh-monster-title h2{text-transform:uppercase;font-size:clamp(26px,7vw,38px);font-style:italic}.fh-app .fh-tray-heading h2{letter-spacing:0;font-size:12px}.fh-app .fh-duel-grid{gap:9px}.fh-app .fh-duel-grid :is(.fh-duel-btn,.fh-capture){text-align:center;border-width:2px;justify-content:center;min-height:68px;padding:12px;transition:transform .12s,filter .12s}.fh-app .fh-duel-grid strong{font:900 clamp(18px,5vw,23px)/1.05 var(--df-display);text-transform:uppercase;letter-spacing:-.04em}.fh-app .fh-duel-grid small{opacity:.9;margin-top:4px;font-size:10px;line-height:1.35}.fh-app .fh-btn-strike{color:#fff;background:linear-gradient(135deg,#f84467,#9c143c);box-shadow:0 4px #630e28,0 0 15px #ff3b5933}.fh-app .fh-duel-grid .fh-capture{color:#fff;background:linear-gradient(135deg,#10b8aa,#087b8f);box-shadow:0 4px #064e61}.fh-app .fh-bar-label strong{font:900 19px/1.1 var(--df-display)}.fh-app .fh-bar-label>span{font:800 11px/1.2 var(--df-ui);text-transform:uppercase}.fh-app .fh-bar-track{height:12px;overflow:hidden}.fh-app .fh-bar-fill{transition:width .4s ease-out}.df-matchup,.df-turn-details{color:#b9d9e8;padding:8px 0;font-size:11px}.df-matchup summary,.df-turn-details summary{cursor:pointer;min-height:28px;font-weight:800}.fh-app .df-matchup .fh-stats{margin:8px 0}.df-hit-feedback{pointer-events:none;justify-content:center;align-items:center;gap:16px;min-height:0;margin:5px 0;animation:.45s ease-out both df-hit-pop;display:flex}.df-hit-feedback:empty{display:none}.df-hit-feedback b{font:900 clamp(28px,9vw,42px)/1 var(--df-display);text-shadow:0 3px #031322,0 0 15px #0cf3;color:#6cf4d1;font-style:italic}.df-hit-feedback b.damage{color:#ff8ca2}.df-hit-feedback small{font:800 10px/1 var(--df-ui);font-style:normal}.fh-app .fh-battle-log>strong{font-size:13px;line-height:1.45}.dw-quick-actions{grid-template-columns:2fr 1fr;gap:10px;margin:14px 0;display:grid}.dw-quick-actions button{text-transform:uppercase;min-height:58px;font-size:18px}.dw-extra-tactics,.dw-rules{background:#071d30;border:1px solid #4799b655;margin:10px 0;padding:10px 12px}.dw-extra-tactics summary,.dw-rules summary{font:800 12px var(--df-ui);cursor:pointer;padding:6px 0}.dw-arena .dw-duel-message{font:800 14px/1.4 var(--df-ui);border-left:3px solid #65edce;animation:.25s ease-out both df-turn-in}.dw-arena .dw-scoreboard strong{font:900 24px/1.1 var(--df-display)}.dw-arena .dw-hand-card strong{font-size:12px}.dw-arena .dw-hand-card small{font-size:10px}@keyframes df-hit-pop{0%{opacity:.3;transform:translateY(8px)scale(.8)}55%{opacity:1;transform:translateY(-3px)scale(1.07)}to{opacity:1;transform:none}}@keyframes df-turn-in{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.df-hit-feedback,.dw-arena .dw-duel-message{animation:none!important}.fh-app .fh-bar-fill{transition:none!important}:is(.fh-app,.dw-arena,.df-guide) button:active:not(:disabled){transform:none!important}}.fh-app.fh-app :is(h1,h2,h3){font-family:var(--df-display);font-weight:900}.fh-app .fh-encounter .fh-monster-title{padding:8px 18px 10px}.fh-app .fh-encounter-entry.is-ready{display:none}.fh-app .fh-encounter .fh-summon-stage{min-height:0}.fh-app .fh-encounter .dw-battle-canvas{height:clamp(160px,23svh,230px)}.fh-app .fh-encounter .dw-position-row button{min-height:44px;padding:5px}.fh-app .fh-encounter .dw-position-row{padding:5px}.fh-app .fh-encounter-bottom{padding:8px 15px max(16px,env(safe-area-inset-bottom))}.fh-app .fh-companion-roster:has(button:only-child){display:none}.fh-app .fh-companion-box{margin:8px 0;padding:8px}.fh-app .fh-companion-header h3{font-size:16px}.fh-app .fh-battle-log{margin:8px 0}.fh-app .fh-duel-grid{margin:10px 0}.fh-app .df-hit-feedback{z-index:1005;animation:.9s ease-out both df-impact-float;position:fixed;top:36svh;left:0;right:0}@keyframes df-impact-float{0%{opacity:0;transform:translateY(14px)scale(.75)}18%{opacity:1;transform:translateY(0)scale(1.1)}60%{opacity:1;transform:translateY(-12px)scale(1)}to{opacity:0;transform:translateY(-28px)}}@media (prefers-reduced-motion:reduce){.fh-app .df-hit-feedback{position:static;animation:none!important}}.fh-app .fh-duel-grid .fh-capture strong{font:900 clamp(18px,5vw,23px)/1.05 var(--df-display);text-transform:uppercase;letter-spacing:-.04em;color:#fff}.fh-app .fh-duel-grid .fh-capture small{color:#fff;font-size:10px;line-height:1.35}.fh-app .fh-btn-strike{background:linear-gradient(135deg,#d62653,#9c143c)}.fh-app .fh-duel-grid .fh-capture{background:linear-gradient(135deg,#087f79,#075a72)}:root{--df-blue:#008dff;--df-cyan:#74edff;--df-red:#f12b52;--df-red-deep:#8b1034;--df-gold:#f9dc8e;--df-ink:#edfaff;--df-muted:#aacde4;--df-holo:linear-gradient(135deg,#0a3655f5,#041b36f5 58%,#06132bf8);--df-edge:#65d9ff9c;--df-ease:cubic-bezier(.16,1,.3,1);--df-ui:Arial,Helvetica,system-ui,sans-serif;--df-display:"Arial Black",Impact,Arial,system-ui,sans-serif}body :is(.df-bag-backdrop,.df-level-backdrop,.dc-backdrop,.dw-player-backdrop,.df-guide-backdrop,.df-sacrifice-backdrop,.dw-world-overlay){color:var(--df-ink);font-family:var(--df-ui);background-color:#04132b;background-image:linear-gradient(120deg,#03132bef,#063657cf 50%,#041029f2),url(/art/screens/loading.jpg);background-position:50%,50% 61%;background-repeat:no-repeat;background-size:cover,auto 230vh}body .fh-app:not(:has(.fh-explore)){color:var(--df-ink);background-color:#0000;background-image:linear-gradient(130deg,#04132bf5,#083456e8 55%,#040d23f5),url(/art/screens/loading.jpg);background-position:0 0,50% 60%;background-repeat:repeat,no-repeat;background-size:auto,auto 230vh;background-attachment:scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}body :is(.fh-sheet-backdrop,.df-info-backdrop){-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020c20d9}body .fh-app .fh-encounter{background:radial-gradient(at 50% 5%,#114d74 0%,#061f3a 48%,#030d21 100%)}body :is(.fh-settings,.dw-player-panel,.dw-stop-panel,.dw-raid,.df-bag,.df-level-panel,.df-guide,.df-sacrifice,.df-info-backdrop section){border:1px solid var(--df-edge);border-top:3px solid var(--df-cyan);background:linear-gradient(135deg,#38c3ff15,transparent 32%),var(--df-holo);color:var(--df-ink);scrollbar-color:#47b9e2 #06172b;scrollbar-width:thin;animation:df-shell-in .38s var(--df-ease) both;box-shadow:inset 0 0 0 4px #0876c51b,inset 0 0 36px #039bea12,0 0 24px #008dff28,0 20px 60px #0007;border-radius:0!important}body :is(.df-bag,.df-level-panel,.dw-raid){min-height:100dvh}body :is(.fh-library,.dw-arena,.dc-studio){animation:df-page-in .4s var(--df-ease) both}body :is(.fh-library,.dw-arena,.dc-studio,.df-bag,.df-level-panel,.dw-player-panel,.dw-raid,.df-guide,.df-sacrifice,.fh-settings) :is(h1,h2,h3){font-family:var(--df-display);letter-spacing:-.025em;color:#f0fbff;font-weight:900;line-height:1.12}body :is(.fh-library,.dw-arena,.df-bag,.df-level-panel,.dw-raid) :is(h1,h2){text-transform:uppercase;text-shadow:0 0 18px #009dff55}body :is(.fh-library,.dw-arena)>header{border-left:3px solid var(--df-cyan);background:linear-gradient(105deg,#0a4771b3,#031b36aa);border-block:1px solid #53bfe275;margin-bottom:18px;padding:20px 16px}body :is(.fh-library,.dw-arena)>header h1{font-size:clamp(26px,6vw,38px);font-style:italic}body :is(.fh-app,.df-bag,.df-level-panel,.dw-player-panel,.dw-raid,.df-guide,.df-sacrifice) .fh-eyebrow,body :is(.df-bag,.df-level-panel,.dw-player-panel,.df-sacrifice) header>span{color:#84e5ff;letter-spacing:1.8px;font:800 9px/1.5 var(--df-ui)}body :is(.df-bag,.df-level-panel,.dw-player-panel,.dw-raid,.df-guide,.fh-settings) p{color:var(--df-muted)}body :is(.fh-empty,.fh-battle-hud,.fh-battle-log,.fh-companion-box,.fh-card-guide,.dw-duel-intro,.dw-scoreboard,.dw-duel-message,.dw-combat-log,.dw-extra-tactics,.dw-rules,.dw-result-actions,.dw-account-status,.dw-cloud-actions,.dw-boss-hud,.dw-boss-warning,.dw-raid-lobby,.dw-bonus-capture,.dw-stop-detail,.df-item-detail,.df-xp-rules,.df-guide-content,.dc-controls,.dc-title,.dw-summon-guide,.dw-summon-balance){border:1px solid #4cb8e46b;background:linear-gradient(125deg,#0d42654a,#04162ad9),#061d35;border-top-color:#8ce9ff;box-shadow:inset 3px 0 #3cc9ff24,inset 0 0 22px #0388c014;border-radius:0!important}body :is(.dw-account-status,.dw-cloud-actions,.dw-raid-lobby,.dw-stop-detail,.dw-duel-intro,.fh-empty,.df-xp-rules,.df-guide-content){animation:df-section-in .32s var(--df-ease) both}body :is(.dw-duel-intro,.dw-raid-lobby,.dw-stop-detail) h2{font-size:clamp(21px,5vw,30px);font-family:var(--df-display)}body :is(.dw-scoreboard,.dw-boss-hud) strong{color:var(--df-gold)}body :is(.fh-app,.df-bag,.df-level-panel,.dw-player-panel,.dw-raid,.df-guide,.df-sacrifice,.dc-studio,.df-info-backdrop) :is(button:not(.df-art-button):not(.dc-turn),a.fh-secondary){font-family:var(--df-ui);touch-action:manipulation;transition:translate .18s var(--df-ease),background-color .18s,border-color .18s,box-shadow .18s,color .18s,filter .18s;font-weight:800}body :is(.df-bag header button,.df-level-panel header button,.dw-player-panel header button,.df-guide-skip,.fh-primary,.fh-secondary,.fh-duel-btn,.fh-comp-chip,.fh-deck-toggle,.dw-provider-buttons button,.dw-cloud-actions button,.dw-skin-grid button,.dw-tactics button,.dw-hand-card,.dw-realtime-actions button,.df-bag nav button,.df-bag-grid>button,.df-level-rewards button,.df-guide-actions button,.df-sacrifice footer button,.dc-categories button,.dc-stage-tools button,.dc-footer button,.df-info-backdrop button){clip-path:var(--df-cut);color:var(--df-ink);background:linear-gradient(135deg,#104770,#051e3a);border:1px solid #5bbbdc;box-shadow:inset 0 0 0 3px #1498f11a;border-radius:0!important}body :is(.fh-app,.df-bag,.df-level-panel,.dw-player-panel,.dw-raid,.df-guide,.df-sacrifice,.dc-studio,.df-info-backdrop) :is(button,a,input,select,summary):focus-visible{outline-offset:-3px;outline:2px solid #d5fbff;box-shadow:inset 0 0 0 3px #079dff88,0 0 16px #23cfff55}body :is(.fh-primary,.fh-btn-strike,.dc-confirm,.df-sacrifice-confirm,.df-guide-next,.dw-provider-buttons button:first-child,.dw-realtime-actions button:first-child){box-shadow:inset 0 0 0 3px #ff708b20,inset 0 0 22px #ff425b22,0 0 16px #ff204439;color:#fff!important;background:linear-gradient(125deg,#fb365e,#bc123e 55%,#790c2c)!important;border:1px solid #ff9eb4!important}body :is(.df-bag nav button,.dw-skin-grid button,.dc-categories button,.dc-portraits button)[aria-pressed=true],body :is(.fh-comp-chip.active,.df-bag-grid>button[aria-pressed=true]){color:#fff;background:linear-gradient(120deg,#9e153d,#3c183f);border-color:#ffc3d1;box-shadow:inset 0 0 16px #ff537a33,0 0 12px #ff2a553b}body :is(.fh-binder-card,.dw-hand-card,.df-bag-grid>button,.df-level-rewards article,.dw-raid-party article,.dw-skin-grid button,.dc-portraits button,.df-sacrifice-card){clip-path:var(--df-cut);animation:df-option-in .34s var(--df-ease) both;animation-delay:var(--df-stagger,0s);background:linear-gradient(145deg,#0d4264,#05152d 76%);border:1px solid #499ec6;box-shadow:inset 0 0 0 3px #0e8add1a;border-radius:0!important}body :is(.fh-binder-grid,.df-bag-grid,.df-level-rewards,.dw-raid-party,.dw-skin-grid,.dc-portraits,.dw-hand-scroll,.df-sacrifice-candidates)>:nth-child(6n+2){--df-stagger:25ms}body :is(.fh-binder-grid,.df-bag-grid,.df-level-rewards,.dw-raid-party,.dw-skin-grid,.dc-portraits,.dw-hand-scroll,.df-sacrifice-candidates)>:nth-child(6n+3){--df-stagger:50ms}body :is(.fh-binder-grid,.df-bag-grid,.df-level-rewards,.dw-raid-party,.dw-skin-grid,.dc-portraits,.dw-hand-scroll,.df-sacrifice-candidates)>:nth-child(6n+4){--df-stagger:75ms}body :is(.fh-binder-grid,.df-bag-grid,.df-level-rewards,.dw-raid-party,.dw-skin-grid,.dc-portraits,.dw-hand-scroll,.df-sacrifice-candidates)>:nth-child(6n+5){--df-stagger:.1s}body :is(.fh-binder-grid,.df-bag-grid,.df-level-rewards,.dw-raid-party,.dw-skin-grid,.dc-portraits,.dw-hand-scroll,.df-sacrifice-candidates)>:nth-child(6n+6){--df-stagger:.125s}body :is(.df-bag nav,.dc-categories,.fh-companion-roster,.dw-provider-buttons,.dc-footer,.df-guide-actions)>button{animation:df-option-in .3s var(--df-ease) both}body :is(.df-bag nav,.dc-categories,.fh-companion-roster,.dw-provider-buttons,.dc-footer,.df-guide-actions)>button:nth-child(2n){animation-delay:40ms}body :is(.df-bag nav,.dc-categories,.fh-companion-roster,.dw-provider-buttons,.dc-footer,.df-guide-actions)>button:nth-child(3n){animation-delay:80ms}body :is(.dc-controls,.df-item-detail){animation:df-options-swap .28s var(--df-ease) both}body :is(.fh-card-guide,.dw-extra-tactics,.dw-rules,.dw-combat-log,.df-matchup,.df-turn-details)[open]>:not(summary){animation:df-section-in .24s var(--df-ease) both}body :is(.fh-app,.df-bag,.df-level-panel,.dw-player-panel,.dw-raid,.df-guide,.dc-studio) :is(input:not([type=range]):not([type=color]):not([type=checkbox]),select){color:#ecfaff;accent-color:var(--df-cyan);background:#041a31;border:1px solid #4c9fc8;border-radius:0}body :is(.dc-studio,.df-bag,.df-level-panel,.dw-player-panel,.dw-raid) input[type=range]{accent-color:var(--df-cyan)}body :is(.fh-toast,.df-level-up,.dw-account-message,.dc-message){color:#e6faff;animation:df-toast-in .28s var(--df-ease) both;background:linear-gradient(110deg,#104e70,#051d39);border:1px solid #70dfff;border-radius:0;box-shadow:0 0 20px #009dff25}body .fh-app .fh-bottom-nav{border-top:1px solid #68dfff;box-shadow:0 -5px 22px #0283bd24;background:linear-gradient(#082744f7,#020c20fa)!important}body .fh-app .fh-bottom-nav button{color:#a4cce3}body .fh-app .fh-bottom-nav button.active{color:#eafbff;text-shadow:0 0 8px #3edbff;background:linear-gradient(#0000 20%,#a20b3d55)}body .fh-app .fh-bottom-nav button.active:before{background:#ff5378;width:60%;box-shadow:0 0 12px #ff2b5e}body :is(.fh-nearby,.df-map-settings,.df-map-dock button,.dw-stop-sheet){background-color:#041b34ed;border-color:#5fcefb;box-shadow:inset 0 0 20px #079cdb12,0 0 16px #0098cf20}body :is(.fh-nearby,.df-map-settings){animation:df-shell-in .32s var(--df-ease) both}body .df-info-backdrop section{box-sizing:border-box;width:min(100%,380px);max-width:380px;padding:24px}body .df-art-button{clip-path:var(--df-cut);border-radius:0;transition:background-color .16s,box-shadow .16s}body .df-art-button:focus-visible{box-shadow:inset 0 0 18px #5ae7ff88,0 0 22px #43dfff}body :is(.df-loading-status,.df-loading-sweep){color:#eaffff;text-shadow:0 0 12px #29d8ff}body .df-recovery{background:var(--df-holo);border-inline:1px solid #4db9e64f}@media (hover:hover) and (pointer:fine){body :is(.fh-primary,.fh-secondary,.fh-deck-toggle,.df-bag-grid>button,.dw-hand-card,.dw-skin-grid button,.dc-portraits button,.dc-categories button,.df-level-rewards button,.df-guide-actions button,.df-sacrifice footer button):hover:not(:disabled){filter:brightness(1.12);border-color:#b8f7ff;translate:0 -2px;box-shadow:inset 0 0 20px #3acbff22,0 0 16px #20bfff38}body .df-art-button:hover{background:#4bceff18;box-shadow:inset 0 0 18px #50dfff44}}body :is(.fh-app,.df-bag,.df-level-panel,.dw-player-panel,.dw-raid,.df-guide,.df-sacrifice,.dc-studio) button:active:not(:disabled){filter:brightness(1.15);translate:0 1px}@keyframes df-shell-in{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}@keyframes df-page-in{0%{opacity:0;translate:-18px}to{opacity:1;translate:0}}@keyframes df-section-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes df-option-in{0%{opacity:0;translate:14px}to{opacity:1;translate:0}}@keyframes df-options-swap{0%{opacity:.35;translate:16px}to{opacity:1;translate:0}}@keyframes df-toast-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (width<=500px){body :is(.df-bag,.df-level-panel,.dw-player-panel,.dw-raid){border-inline-width:0}body :is(.fh-library,.dw-arena)>header{padding:16px 12px}body .fh-settings{overscroll-behavior:contain;max-height:calc(100dvh - 24px);overflow-y:auto}body :is(.df-bag-backdrop,.df-level-backdrop,.dw-player-backdrop,.df-guide-backdrop,.df-sacrifice-backdrop,.dw-world-overlay){background-size:cover,auto 220vh}}@media (prefers-reduced-motion:reduce){body :is(.fh-app,.df-start,.df-loading,.df-bag-backdrop,.df-level-backdrop,.dw-player-backdrop,.dw-world-overlay,.dc-backdrop,.df-guide-backdrop,.df-sacrifice-backdrop,.df-info-backdrop,.df-recovery),body :is(.fh-app,.df-start,.df-loading,.df-bag-backdrop,.df-level-backdrop,.dw-player-backdrop,.dw-world-overlay,.dc-backdrop,.df-guide-backdrop,.df-sacrifice-backdrop,.df-info-backdrop,.df-recovery) *{scroll-behavior:auto!important;transition:none!important;animation:none!important}body :is(.fh-app,.df-bag,.df-level-panel,.dw-player-panel,.dw-raid,.df-guide,.df-sacrifice,.dc-studio) button:is(:hover,:active){filter:none!important;translate:none!important}}body .fh-app .df-level-up{width:max-content;max-width:min(90vw,480px);margin-inline:auto;left:0;right:0;translate:0}body :is(.fh-app,.dc-studio,.dw-player-panel,.dw-raid) :is(input:not([type=range]):not([type=color]):not([type=checkbox]),select){box-sizing:border-box;max-width:100%;min-height:44px;padding:10px 12px;font-size:16px}body .dc-swatches :is(button,input[type=color]){width:44px;min-width:44px;height:44px}body .fh-demo-controls button{min-height:40px;clip-path:var(--df-cut);border-color:var(--df-edge);background:#0a3453;border-radius:0}body .df-level-panel>button,body .fh-settings>.fh-close{clip-path:var(--df-cut);border:1px solid var(--df-edge);color:var(--df-ink);background:#0a3453;border-radius:0}