.demo-experience{--frame-main:url(/assets/ui-frames/main-panel-frame.png);--frame-panel:url(/assets/ui-frames/secondary-panel-frame.png);--frame-card:url(/assets/ui-frames/portrait-card-frame.png);--frame-slot:url(/assets/ui-frames/roster-slot-frame.png);--frame-button:url(/assets/ui-frames/button-frame.png);--frame-button-secondary:url(/assets/ui-frames/secondary-button-frame.png);--frame-tab:url(/assets/ui-frames/inactive-tab-frame.png);--frame-tab-active:url(/assets/ui-frames/active-tab-frame.png);--frame-input:url(/assets/ui-frames/search-input-frame.png);--frame-dropdown:url(/assets/ui-frames/dropdown-frame.png)}.demo-experience :where([data-ui-frame=panel]){border:1px solid #0000;border-image-source:var(--frame-main);border-image-slice:42 fill;border-image-width:15px;border-image-outset:4px;border-image-repeat:stretch;border-radius:0}.demo-experience :where([data-ui-frame=card]){border:1px solid #0000;border-image-source:var(--frame-panel);border-image-slice:38 fill;border-image-width:13px;border-image-repeat:stretch;border-radius:0}.demo-experience :where([data-ui-frame=button],.ui-button){border:7px solid #0000;border-width:7px 11px;border-image-source:var(--frame-button-secondary);background-clip:padding-box;border-image-slice:34 48 fill;border-image-width:7px 11px;border-image-repeat:stretch;border-radius:0}.demo-experience :where([data-ui-frame=input]){border:1px solid #0000;border-image-source:var(--frame-input);border-image-slice:30 46 fill;border-image-width:10px 14px;border-image-repeat:stretch;border-radius:0}.demo-experience :where([data-ui-frame=dropdown]){border:1px solid #0000;border-image-source:var(--frame-dropdown);border-image-slice:30 48 fill;border-image-width:10px 16px;border-image-repeat:stretch;border-radius:0}.demo-experience :where([data-ui-frame=tab]){border:1px solid #0000;border-image-source:var(--frame-tab);border-image-slice:42 58 fill;border-image-width:11px 16px;border-image-repeat:stretch;border-radius:0}.demo-experience :where([data-ui-frame=tab-active]){border:1px solid #0000;border-image-source:var(--frame-tab-active);border-image-slice:44 58 fill;border-image-width:12px 16px;border-image-repeat:stretch;border-radius:0}.demo-experience :where(.route-loading-card,.library-s-rank-showcase,.library-essence-section,.village-return-card,.arena-match,.battle-result-panel,.shadowfront-map-layout){border:1px solid #0000;border-image-source:var(--frame-main);border-image-slice:42 fill;border-image-width:15px;border-image-repeat:stretch;border-radius:0}.demo-experience :where(.phase9-card,.phase9-resource-bar,.quest-panel,.player-card,.progression-job-card,.research-start-panel,.forge-tabs-shell,.forge-queue-panel,.market-tabs-shell,.tower-command-card,.battle-playback-panel,.arena-lobby,.arena-queue,.arena-result,.arena-selected-ninja-panel,.arena-formation-guide,.combat-command-panel,.combat-command-summary,.arena-resolution-controls,.arena-battle-log,.combat-battlefield,.dungeon-detail-panel,.inventory-detail-card,.roster-tabs-shell,.profile-hero,.profile-preview-section,.mail-reader,.news-post-reader,.mail-reward-card,.settings-card,.squad-formation-card,.squad-save-panel,.shadowfront-rival-card,.shadowfront-mission-card,.shadowfront-tactic-card){border:1px solid #0000;border-image-source:var(--frame-panel);border-image-slice:38 fill;border-image-width:13px;border-image-repeat:stretch;border-radius:0}.demo-experience :where(.ninja-card,.ninja-research-card,.skill-research-card,.skill-training-ninja-card,.hospital-patient-card,.campaign-hub-card,.forge-item-card,.market-offer-card,.forge-job-card,.arena-rank-card,.mail-inbox-row,.news-post-list>button){border:1px solid #0000;border-image-source:var(--frame-card);border-image-slice:38 fill;border-image-width:12px;border-image-repeat:stretch;border-radius:0}.demo-experience :where(.inventory-slot,.ninja-loadout-slot,.formation-slot,.forge-slot-summary,.dungeon-floor-preview){border:1px solid #0000;border-image-source:var(--frame-slot);border-image-slice:42 fill;border-image-width:11px;border-image-repeat:stretch;border-radius:0}.demo-experience :where(.gold-button,.purple-button,.campaign-dialogue-action,.arena-lock-button){border:8px solid #0000;border-width:8px 20px;border-image-source:var(--frame-button);color:#f7e2aa;letter-spacing:.04em;text-align:center;white-space:nowrap;background:0 0;border-image-slice:16 34 fill;border-image-width:8px 20px;border-image-repeat:stretch;border-radius:0;justify-content:center;align-items:center;max-width:100%;min-height:44px;padding:5px 26px;font-size:clamp(11px,.72vw,14px);line-height:1.1;display:inline-flex}.demo-experience .village-map-plane .location{isolation:isolate;border:8px solid #0000;border-width:8px 18px;border-image-source:var(--frame-button);min-width:max-content;max-width:min(240px,28cqw);min-height:42px;box-shadow:none;color:#f5dda0;letter-spacing:.025em;text-align:center;white-space:nowrap;background:0 0;border-image-slice:16 34 fill;border-image-width:8px 18px;border-image-repeat:stretch;border-radius:0;place-items:center;padding:4px 24px;font-size:clamp(9px,.72vw,12px);line-height:1;display:inline-grid}.demo-experience :where(.outline-button,.dungeon-list button,.dungeon-floor-list button,.mail-row-actions button){border:7px solid #0000;border-width:7px 11px;border-image-source:var(--frame-button-secondary);background-clip:padding-box;border-image-slice:34 48 fill;border-image-width:7px 11px;border-image-repeat:stretch;border-radius:0}.demo-experience .topbar .resources{isolation:isolate;border:1px solid #0000;border-image-source:var(--frame-button-secondary);border-image-slice:34 48 fill;border-image-width:5px 9px;border-image-outset:2px;border-image-repeat:stretch;align-items:center;gap:0;padding-inline:9px;position:relative}.demo-experience .topbar .resource{background:0 0;border:0;border-image:;border-radius:0;height:34px;padding:0 9px;position:relative}.demo-experience .topbar .resource:before,.demo-experience .topbar .resource:after{content:none}.demo-experience .topbar .resource+.resource{border-left:1px solid #7755207a}.demo-experience .topbar .resource>*{z-index:1;position:relative}.demo-experience .topbar .resource .add{align-self:stretch;height:auto;margin-block:5px;line-height:1}.demo-experience .topbar .passive-resource{place-items:center;padding-inline:10px;display:grid}.demo-experience :where([data-ui-frame=tab],[data-ui-frame=tab-active],.main-nav button,.progression-building-tabs a,.progression-building-tabs button,.dungeon-type-tabs button,.mailbox-tabs button,.inventory-category-tabs button,.squad-slot-tabs button){border:8px solid #0000;border-width:8px 12px;border-image-source:var(--frame-tab);background-clip:padding-box;border-image-slice:42 58 fill;border-image-width:8px 12px;border-image-repeat:stretch;border-radius:0}.demo-experience :where(.main-nav button.active,.progression-building-tabs a.active,.progression-building-tabs button.active,.dungeon-type-tabs button.active,.mailbox-tabs button.active,.inventory-category-tabs button.active,.squad-slot-tabs button.active){border-image-source:var(--frame-tab-active);border-image-slice:44 58 fill;border-image-width:9px 12px}.demo-experience :where(input:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=reset]):not([type=submit]),textarea){border:1px solid #0000;border-image-source:var(--frame-input);border-image-slice:30 46 fill;border-image-width:10px 14px;border-image-repeat:stretch;border-radius:0}.demo-experience select{border:1px solid #0000;border-image-source:var(--frame-dropdown);border-image-slice:30 48 fill;border-image-width:10px 16px;border-image-repeat:stretch;border-radius:0}.demo-experience :where(button,a,[role=button]):hover:not(:disabled){filter:brightness(1.12)}.demo-experience :where(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #ffe49a}.demo-experience :where(button,input,select,textarea):disabled{filter:grayscale(.75)brightness(.62);opacity:.58}.demo-experience .utility-nav>button{background:0 0;border:0;border-image:}.demo-experience .player-card{border:0;border-image:;min-height:124px;position:relative}.demo-experience .player-card:after{z-index:3;border:1px solid #0000;border-image-source:var(--frame-panel);pointer-events:none;content:"";border-image-slice:38 fill;border-image-width:12px;border-image-repeat:stretch;position:absolute;inset:0}.demo-experience .player-card>.avatar,.demo-experience .player-card>.player-details{min-width:0;min-height:100%}.demo-experience .player-card>.player-details{flex-direction:column;justify-content:center;align-self:stretch;padding-inline:16px;display:flex}.demo-experience :where([data-ui-frame=panel],.route-loading-card,.library-s-rank-showcase,.library-essence-section,.village-return-card,.arena-match,.battle-result-panel,.shadowfront-map-layout,[data-ui-frame=card],.phase9-card,.phase9-resource-bar,.quest-panel,.progression-job-card,.research-start-panel,.forge-tabs-shell,.forge-queue-panel,.market-tabs-shell,.tower-command-card,.battle-playback-panel,.arena-lobby,.arena-queue,.arena-result,.arena-selected-ninja-panel,.arena-formation-guide,.combat-command-panel,.combat-command-summary,.arena-resolution-controls,.arena-battle-log,.combat-battlefield,.dungeon-detail-panel,.inventory-detail-card,.roster-tabs-shell,.profile-hero,.profile-preview-section,.mail-reader,.news-post-reader,.mail-reward-card,.settings-card,.squad-formation-card,.squad-save-panel,.shadowfront-rival-card,.shadowfront-mission-card,.shadowfront-tactic-card,.ninja-card,.ninja-research-card,.skill-research-card,.skill-training-ninja-card,.hospital-patient-card,.campaign-hub-card,.forge-item-card,.market-offer-card,.forge-job-card,.arena-rank-card,.mail-inbox-row,.news-post-list>button),.demo-experience .player-card:after{border-image-outset:4px}.demo-experience :where(.inventory-slot,.ninja-loadout-slot,.formation-slot,.forge-slot-summary,.dungeon-floor-preview){border-image-outset:3px}.demo-experience :where(.gold-button,.purple-button,.campaign-dialogue-action,.arena-lock-button),.demo-experience .village-map-plane .location,.demo-experience .topbar .resource:after{border-image-outset:2px}.demo-experience :where([data-ui-frame=button],.ui-button,.outline-button,.dungeon-list button,.dungeon-floor-list button),.demo-experience :where([data-ui-frame=tab],[data-ui-frame=tab-active],.main-nav button){border-image-outset:2px 3px}.demo-experience :where([data-ui-frame=input],[data-ui-frame=dropdown],input,textarea,select){border-image-outset:4px}@media (max-width:720px){.demo-experience :where([data-ui-frame=panel],.library-s-rank-showcase,.arena-match){border-image-width:11px}.demo-experience :where([data-ui-frame=button],.ui-button,.outline-button){border-width:6px 9px;border-image-width:6px 9px}.demo-experience :where(.gold-button,.purple-button){border-width:7px 16px;border-image-width:7px 16px;min-height:40px;padding-inline:20px;font-size:11px}.demo-experience .village-map-plane .location{border-width:6px 14px;border-image-width:6px 14px;max-width:min(200px,42cqw);min-height:34px;padding:3px 18px;font-size:9px}.demo-experience .main-nav button{border-width:6px 8px;border-image-width:6px 8px}}@media (forced-colors:active){.demo-experience :where([data-ui-frame],button,input,select,textarea){border:1px solid buttontext;border-image:}}