@layer base,layout,components,theme,responsive;@layer base{*,*:before,*:after{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Noto Sans CJK SC,Noto Sans SC,Segoe UI,system-ui,Roboto,PingFang SC,Hiragino Sans GB,Source Han Sans SC,WenQuanYi Micro Hei,WenQuanYi Zen Hei,Helvetica Neue,Microsoft YaHei,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:0;line-height:1.5}:not(:defined){visibility:hidden}.mdui-lock-screen{width:unset!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgb(var(--mdui-color-surface-container));border-radius:3px}::-webkit-scrollbar-thumb{background:rgb(var(--mdui-color-outline));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--mdui-color-outline-variant))}.dialog-tip{color:rgb(var(--mdui-color-on-surface-variant));font-size:14px;padding:10px 0;margin:0}}@layer base,layout,components,theme,responsive;@layer layout{.app-layout{margin:auto;max-width:100vmin}.app-header{position:absolute;inset:0 0 auto}.app-main{padding:64px 0 0}.main-card{margin:20px 0}.game-server-group{margin:10px}.form-menu{margin:0 10px;max-height:50vh;overflow:auto}.form-menu .search-input{padding:0 5px}.button-group{display:flex;flex-wrap:wrap;gap:5px;padding:10px 5px}.hero-btn,.custom-btn,.main-buttons .action-btn{flex:0 0 calc((100% - 10px) / 3);max-width:calc((100% - 10px) / 3)}.hero-btn,.custom-btn{margin:0}.main-buttons .action-btn[full-width]{flex:1;max-width:unset}.config-tabs,.config-panel,.config-mode-group{padding:10px 0}:is(.team-selector,.player-selector){width:100%;padding:10px 0}.team-selector mdui-radio{margin-right:20px}.player-selector mdui-radio{margin-right:15px}.hero-grid-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:2px;padding:10px 0;min-height:200px}.hero-type-filter{display:flex;flex-wrap:wrap;gap:5px;padding:10px 0}.hero-type-filter mdui-radio{flex:0 0 auto}.theme-picker-container{margin-left:auto}}@layer base,layout,components,theme,responsive;@layer components{.form-input{padding:10px;width:100%}.hero-card{position:relative;width:60px;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;user-select:none;background-color:rgb(var(--mdui-color-surface));border-radius:var(--mdui-shape-corner-small);cursor:pointer;transition:background-color .2s ease;&:hover{background-color:rgb(var(--mdui-color-surface-container-high))}&[data-selected=true]{background-color:rgb(var(--mdui-color-secondary-container));.hero-check{visibility:visible}}}.hero-avatar{width:32px;height:32px;border-radius:12px;object-fit:cover;&[data-error=true]{background-color:rgb(var(--mdui-color-surface-container))}}.hero-name{margin-top:2px;text-align:center;font-size:11px;line-height:1.2;color:rgb(var(--mdui-color-on-surface));max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-check{position:absolute;inset:auto 0 0 auto;font-size:18px;color:rgb(var(--mdui-color-error));visibility:hidden;border-top-left-radius:4px}.hero-placeholder{opacity:0;pointer-events:none}.hero-search-input{width:100%;padding:10px}.hero-scheme-dropdown,.custom-scheme-dropdown{width:100%;padding:5px 0}.hero-scheme-trigger,.custom-scheme-trigger{width:100%}.advanced-map-input,.advanced-hero-input,.advanced-random-gen,.advanced-random-shuffle{padding:10px 0;width:100%}.hero-selector-dialog::part(panel),.custom-config-dialog::part(panel){max-height:100vh}.hero-selector-dialog mdui-top-app-bar,.custom-config-dialog mdui-top-app-bar{flex-shrink:0}.dialog-close-btn{margin-right:8px}.copy-rule-dialog-content{max-height:400px;overflow-y:auto;padding:10px}.copy-rule-tip{background-color:#f5f5f5;padding:8px;border-radius:4px;margin-bottom:15px;font-size:12px;color:#666}.copy-rule-textarea{width:100%;min-height:120px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:monospace;resize:vertical;margin-bottom:10px}.copy-rule-preview-label{font-size:12px;color:#666;margin-top:10px;margin-bottom:5px}.copy-rule-preview{background-color:#f9f9f9;padding:8px;border-radius:4px;font-size:12px;word-break:break-all;max-height:100px;overflow-y:auto;border:1px solid #eee;white-space:pre-wrap}.copy-rule-btn-group{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.copy-rule-preset-btn{padding:4px 8px;font-size:12px;cursor:pointer;border:1px solid #ddd;border-radius:4px;background-color:#fff}}@layer base,layout,components,theme,responsive;@layer theme{.theme-card{padding:1rem;min-width:260px}.theme-picker{display:flex;flex-direction:column}.theme-section{margin-bottom:1rem;&:last-child{margin-bottom:0}}.theme-label{color:rgb(var(--mdui-color-on-surface-variant));font-size:14px;margin-bottom:.5rem;cursor:default}.theme-preset-list{display:flex;flex-wrap:wrap;gap:.5rem}:is(.theme-preset,.theme-custom){width:2rem;height:2rem;border-radius:var(--mdui-shape-corner-small);border:1px solid rgb(var(--mdui-color-outline));cursor:pointer}.theme-custom{padding:2px;&::-webkit-color-swatch-wrapper{padding:0}&::-webkit-color-swatch{border:none;border-radius:calc(var(--mdui-shape-corner-small) - 2px)}}.theme-wallpaper{position:relative;display:flex;align-items:center;justify-content:center;height:8rem;border-radius:var(--mdui-shape-corner-small);border:1px solid rgb(var(--mdui-color-outline));background-color:rgb(var(--mdui-color-surface-container));cursor:pointer;transition:border-color .2s;&:hover{border-color:rgb(var(--mdui-color-primary))}span{color:rgb(var(--mdui-color-on-surface-variant));text-shadow:0 0 4px rgb(var(--mdui-color-surface))}}.theme-image-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.theme-trigger .theme-icon-filled{display:none}.theme-dropdown[open]{.theme-icon-outlined{display:none}.theme-icon-filled{display:inline-block}}}@layer base,layout,components,theme,responsive;@layer responsive{@media(min-width:601px){.app-layout{max-width:600px}.hero-card{width:65px;height:65px}.hero-avatar{width:36px;height:36px}}@media(min-width:801px){.app-layout{max-width:800px}.hero-selector-dialog[fullscreen],.custom-config-dialog[fullscreen],.advanced-edit-dialog[fullscreen]{width:55vmax;margin:auto}.hero-btn,.custom-btn{flex:0 0 calc((100% - 15px)/4);max-width:calc((100% - 15px)/4)}}@media(max-width:600px){.main-buttons .action-btn{font-size:13px}.hero-type-filter mdui-radio{font-size:13px}.dialog-tip{font-size:12px}}@media(max-width:360px){.hero-card{width:55px;height:55px}.hero-avatar{width:28px;height:28px}.hero-name{font-size:10px}.main-buttons .action-btn{font-size:12px}}@media(prefers-color-scheme:dark){.theme-wallpaper span{text-shadow:0 0 4px rgb(0,0,0)}}@media print{.app-header,.button-group,.theme-picker-container{display:none}.main-card{box-shadow:none}}}