html,body,h1,h2,h3,div,span,img,a,table,tr,th,td{margin:0;padding:0;border:0;font-weight:400;font-size:100%;vertical-align:baseline;box-sizing:border-box}button,.button{margin:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:#2c82de}input:disabled,select:disabled,button:disabled,.disabled,.disabled:visited,.disabled:hover,.disabled:active{cursor:not-allowed;color:#ccc}html{height:100%;font-family:BIZ UDGothic,sans-serif;line-height:1.4;color:#0f1111;font-size:24px;overscroll-behavior-y:none}a{cursor:pointer}a:visited,a:hover,a:active{color:inherit}.external-link-icon{font-size:10px}.notice-icon{font-size:18px;color:#f94355;display:none}.notice-icon.show{display:block}body{height:100%;min-width:640px;min-height:600px}.home{height:100%}*{-webkit-tap-highlight-color:transparent}input,select,button{font-size:28px}.modal-bg{position:fixed;width:100%;height:100%;top:0;left:0;background:#0f1111;opacity:.5}.close-button{display:flex;font-size:42px;background-color:#fff;width:50px;height:50px;border-radius:50%;justify-content:center;align-items:center;border-style:none}.action-button{margin:3px;font-size:18px;width:88px;height:40px;font-weight:700;color:#fff;background-color:#2c82de;border:2px solid #fff;border-radius:6px;outline:none}*[data-label]{position:relative;padding-top:10px}*[data-label]:before{font-size:10px;color:#777;position:absolute;top:0;content:attr(data-label)}rt{font-size:10px;color:#777}.button-style-label{min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#5f9cdd;border:2px solid #0f1111;cursor:pointer;box-sizing:border-box}.button-style-label .button-style-input-file{display:none}.rarity-area{color:#333;background-color:#ccc}.rarity-bg.rarity-bg-r{color:#fff;text-shadow:0 0 6px lightslategray;background-color:#fff;background-image:linear-gradient(45deg,#e8e8e8,#9e9e9e,#757575,#9e9e9e,#e8e8e8)}.rarity-bg.rarity-bg-sr{color:#fff;text-shadow:0 0 6px lightslategray;background-color:#fff;background-image:linear-gradient(45deg,#fee9a0,#daaf08,#b67b03,#daaf08,#fee9a0)}.rarity-bg.rarity-bg-er{color:#fff;text-shadow:0 0 6px lightslategray;background-color:#fff;background-image:linear-gradient(45deg,#8c007899,#63626199,#1e3ca099,#00733299,#b4191b99,#e6870099)}@media screen and (min-width: 1080px) and (max-height: 620px){body{min-width:1050px}}@media screen and (max-width: 1050px),screen and (max-height: 620px){body{min-height:740px}}.app-container{height:100%;display:flex}.loading-item{margin:auto;width:50px;height:50px;border:5px solid white;border-top:5px solid transparent;border-radius:30px;animation:rolling 1s linear infinite}.loading-bg{display:flex;z-index:120}.ready .loading-bg{display:none}.main{flex:1;width:100%;height:100%;display:none;animation:fadeIn 1s ease 0s 1 normal}.main .card-area{flex:1;min-width:640px;height:100%;display:flex;flex-direction:column}:is(.main .card-area) .list-area{min-width:640px;display:flex;flex-direction:column;overflow:hidden}.ready .main{display:flex}@media screen and (min-width: 1080px) and (max-height: 620px){.main .card-area{flex-wrap:wrap}.main .list-area{max-width:640px;height:100%}}.app-header{position:relative;height:66px;min-height:66px;background-color:#003cc1;display:flex;align-items:center;justify-content:center}.app-header .copyright{font-size:20px;color:#fff;position:absolute;right:6px;bottom:0}:is(.app-header .copyright) a{cursor:pointer}.app-header .offline{font-size:14px;width:180px;height:18px;text-align:center;color:#fff;background-color:#07edb9;position:absolute;top:0;right:0}.app-header .update-ready{font-size:14px;width:140px;height:26px;text-align:center;color:#fff;background-color:#5f9cdd;border:2px solid #0f1111;position:absolute;top:0;right:0;animation:update-ready-keyframe 1s}.app-header .app-header-title{text-align:center;font-weight:400;font-size:26px;color:#fff;margin:auto}.app-header .deck-tabs{position:absolute;bottom:0;left:66px;min-width:510px;width:calc(100% - 130px);height:100%;display:none;justify-content:flex-start;align-items:flex-end}.show:is(.app-header .deck-tabs){display:flex}:is(.app-header .deck-tabs) .deck-tab{position:relative;display:flex;justify-content:center;align-items:center;height:40px;flex-grow:1;font-size:18px;font-weight:700;color:#fff;margin:0;background-color:#5f9cdd;border:3px solid #fff;border-right-color:#ccc;border-bottom-color:#ccc;outline:none;cursor:pointer;border-top-left-radius:6px;border-top-right-radius:6px;-webkit-tap-highlight-color:transparent}.active:is(:is(.app-header .deck-tabs) .deck-tab){font-size:20px;height:50px;margin-top:-10px;background-color:#2c82de;border-bottom-width:0}:is(:is(.app-header .deck-tabs) .deck-tab) .deck-tab-close{position:absolute;right:4px;cursor:pointer;font-size:18px;color:#fff;background-color:transparent;border:1px solid transparent;border-radius:50%;outline:0}.app-header .add-new-deck-tab{width:40px;height:40px;visibility:hidden;color:#fff;margin:0;background-color:#2c82de;border:1px solid #fff;outline:none;cursor:pointer;border-radius:2px;-webkit-tap-highlight-color:transparent}.active:is(.app-header .add-new-deck-tab){visibility:visible}.side-menu-button{position:relative;font-size:42px;margin-left:2px;color:#003cc1;background-color:ffeddf;width:62px;height:62px;border-radius:4px;visibility:visible;outline:0}.side-menu-button .notice-icon{position:absolute;top:0;right:0}@media screen and (min-width: 1500px) and (min-height: 700px){.side-menu-button{visibility:hidden}}@keyframes update-ready-keyframe{0%{transform:translateY(-26px)}to{transform:translateY(0)}}.card-list-container{display:flex;position:relative;flex-direction:column;overflow:hidden}.card-list-container .card-list-paging{position:relative;min-height:50px;max-height:50px;display:flex;justify-content:space-between;align-items:center}:is(.card-list-container .card-list-paging) .paging-label{font-size:20px;width:300px;text-align:center;margin:auto}:is(.card-list-container .card-list-paging) .paging-button{font-size:20px;margin:auto 6px;color:#fff;background-color:#5f9cdd;border-color:#0f1111;width:80px;height:32px;visibility:hidden}:is(:is(.card-list-container .card-list-paging) .paging-button):disabled{color:#ccc}.prev:is(:is(.card-list-container .card-list-paging) .paging-button){float:left}.next:is(:is(.card-list-container .card-list-paging) .paging-button){float:right}.active:is(:is(.card-list-container .card-list-paging) .paging-button){visibility:visible}.card-list-container .reading-cards{position:absolute;right:100px;font-size:12px;color:#ff8c00}.card-list-container .loading-page{position:absolute;inset:0 90px 0 auto;margin:auto;pointer-events:none;width:40px;height:40px;display:none}.pending:is(.card-list-container .loading-page){display:block}:is(.card-list-container .loading-page) .loading-item{width:40px;height:40px;border:5px solid #ccc;border-top:5px solid white}.card-list-container .loading-list{width:100%;height:100%;display:none}.pending:is(.card-list-container .loading-list){display:block}:is(.card-list-container .loading-list) .loading-item{border:5px solid #ccc;border-top:5px solid white}.card-list-container .card-list{padding:10px 0;overflow:auto;-webkit-overflow-scrolling:touch}.pending:is(.card-list-container .card-list){display:none}:is(.card-list-container .card-list) .general-card-container{display:none;width:100%;margin:5px auto;padding:0;cursor:pointer}.show:is(:is(.card-list-container .card-list) .general-card-container){display:block}:is(:is(.card-list-container .card-list) .general-card-container) .general-card{margin:0 auto}.card-list-container .etc-area{width:100%;height:100%;margin:0;padding:0;cursor:default}:is(.card-list-container .etc-area) .card-list-ctrl{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:column}:is(:is(.card-list-container .etc-area) .card-list-ctrl) .card-list-ctrl-item{width:calc(100% - 4px);height:30px;margin:2px;padding:2px;display:flex;align-items:center;justify-content:flex-start;color:#0f1111;background-color:#5f9cdd;border:2px solid #0f1111;border-radius:4px;position:relative}.checked:is(:is(:is(.card-list-container .etc-area) .card-list-ctrl) .card-list-ctrl-item){color:#fff;background-color:#2c82de}:is(:is(:is(.card-list-container .etc-area) .card-list-ctrl) .card-list-ctrl-item) .disabled-reason{padding:2px;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;position:absolute;font-size:10px;color:#f94355;background-color:#00000080}.checkbox{cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap}.checkbox .check-area{width:22px;aspect-ratio:1 / 1;display:inline-flex;align-items:center;justify-content:center;color:#0f1111;background-color:#fff;border:2px solid #0f1111;margin-right:4px}:is(.checkbox .check-area) .check{font-size:18px;visibility:hidden}.checked:is(:is(.checkbox .check-area) .check){visibility:visible}.checkbox.disabled{cursor:not-allowed;color:#ccc}.checkbox.disabled .check-area{background-color:#ccc}.general-card{width:600px;height:92px;display:grid;grid-template-columns:40px 132px 60px 64px 38px 36px 36px 100px 1fr;grid-template-rows:26% 10% 14% 50%;grid-template-areas:"state-color card-no period period cost      strong intelligence skills etc" "state-color .       .      thumb  cost      strong intelligence skills etc" "state-color .       .      thumb  cost      strat  strat        strat etc" "rarity      name    name   thumb  unit-type strat  strat        strat etc"}.general-card .state-color{grid-area:state-color;font-size:28px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.light-color-bg:is(.general-card .state-color){color:#0f1111}.general-card .card-no{grid-area:card-no;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 4px}.general-card .rarity{grid-area:rarity;display:flex;align-items:center;justify-content:flex-end}:is(.general-card .rarity) .rarity-area{font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px}.general-card .name{grid-area:name;display:flex;align-items:center;justify-content:flex-start;padding:0 4px}:is(.general-card .name) .general-name{font-weight:700;letter-spacing:6px;margin-right:-6px;white-space:nowrap}.short:is(:is(.general-card .name) .general-name){letter-spacing:18px;margin-right:-18px}.long:is(:is(.general-card .name) .general-name){letter-spacing:normal;margin-right:0}.long.very-long:is(:is(.general-card .name) .general-name){font-size:75%}:is(.general-card .name) rt{font-weight:700}.hide-ruby:is(:is(.general-card .name) rt){display:none}.general-card .period{grid-area:period;display:flex;align-items:flex-end;justify-content:center;padding:0 4px}.general-card .thumb{grid-area:thumb;display:flex;align-items:center;justify-content:center}.general-card .cost{grid-area:cost;display:flex;align-items:center;justify-content:center;flex-direction:column}.general-card .unit-type{grid-area:unit-type;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center}.general-card .strong{grid-area:strong;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center}.general-card .intelligence{grid-area:intelligence;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center}.general-card .skills{grid-area:skills;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;padding:0 2px}:is(.general-card .skills) .skill{font-weight:700;margin:0 2px;width:28px;height:28px;background-color:#e2ab04;border:2px solid #0f1111;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}:is(.general-card .skills) .no-skill{background-color:#0003;margin:0 2px;width:92px;height:28px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}.general-card .strat{grid-area:strat;overflow-y:auto;padding:10px 4px 0;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}[data-label]:is(.general-card .strat):before{top:-2px;left:10px}:is(.general-card .strat) .strat-main{font-size:18px;width:100%;display:flex;align-items:center;justify-content:flex-start}:is(.general-card .strat) .strat-mp{font-size:12px;margin-left:2px}:is(.general-card .strat) .strat-categories{font-size:12px;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap;padding-left:1px}:is(:is(.general-card .strat) .strat-categories) .strat-category{border:1px solid #0f1111;background-color:#fff;margin-right:1px;padding:0 2px;white-space:nowrap}.general-card .etc{grid-area:etc}.general-card *[data-label]:before{font-weight:700}.general-card .general-thumb{width:100%;height:auto;background-color:#fff6}.general-card .general-cost-value{font-size:16px;font-weight:700}.general-card .unit-type-image{width:32px;height:32px}.general-card .card-no-block{font-size:14px;width:100%;background-color:#fff;border:1px solid #0f1111;border-radius:5px;display:flex;align-items:center;justify-content:center}.general-card .period-block{font-size:14px;width:100%;background-color:#e2ab04;border:1px solid #0f1111;border-radius:5px;display:flex;align-items:center;justify-content:center}.general-cost{display:flex;margin:0;padding-left:1px}.general-cost .cost-circle{width:8px;height:8px;border-radius:50%;margin-right:1px;border:1px solid #333}.full:is(.general-cost .cost-circle){background-color:#e2ab04}.half:is(.general-cost .cost-circle){background:linear-gradient(90deg,#e2ab04 0% 50%,#0f1111 50% 100%)}.cost-less:is(.general-cost .cost-circle){background-color:#0f1111}:root{--deck-board-deck-card-list-height-minimum: 142px;--deck-board-deck-info-height-small: 20px;--deck-board-deck-info-inner-height-small: 0;--deck-board-deck-info-inner-top-default: 20px;--deck-board-deck-info-height-normal: 140px;--deck-board-deck-info-inner-height-normal: 142px;--deck-board-deck-info-inner-top-normal: 0;--deck-board-deck-info-inner-height-large: 240px;--deck-board-simple-deck-info-width: 160px;--deck-board-deck-card-ctrls-height: 64px}.deck-board{width:100%;position:relative}.deck-board .deck-card-ctrls{display:flex;justify-content:space-between;width:100%}.deck-board .simple-deck-info{width:160px;min-height:64px;max-height:64px;padding:0 3px;overflow-y:hidden;display:flex;align-items:center}.deck-board .deck-card-actions{width:calc(100% - 160px);min-height:64px;max-height:64px;display:flex;justify-content:space-between;align-items:center;margin-left:auto}:is(.deck-board .deck-card-actions) .deck-card-action-button{height:50px;font-size:24px;margin:auto 6px;padding:0 6px;color:#fff;background-color:#5f9cdd;border-color:#0f1111}.square-button:is(:is(.deck-board .deck-card-actions) .deck-card-action-button){width:50px;font-size:32px}.unavailable:is(:is(.deck-board .deck-card-actions) .deck-card-action-button){display:none}:is(.deck-board .deck-card-actions) .open-other-deck-card-actions{font-size:32px;width:50px;height:50px;margin:auto 6px;padding:0 6px;color:#999;background-color:transparent;border-width:0}.opened:is(:is(.deck-board .deck-card-actions) .open-other-deck-card-actions){background-color:#fff;z-index:1}.deck-board .deck-card-list{width:100%;height:274px;padding:0;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;transition-property:height;transition-duration:.5s;transition-timing-function:ease}:is(.deck-board .deck-card-list) .no-deck{display:flex;align-items:center;justify-content:center;margin:12px;width:100%;height:250px;background-color:#ccc}.deck-board .deck-info{width:100%;min-height:20px;position:relative;transition-property:min-height;transition-duration:.5s;transition-timing-function:ease}:is(.deck-board .deck-info) .deck-info-inner{position:absolute;z-index:1;margin:0 auto;top:20px;left:0;right:0;height:0;background-color:#fff;transition-property:height,top;transition-duration:.5s;transition-timing-function:ease}:is(:is(.deck-board .deck-info) .deck-info-inner) .deck-info-main{width:100%;height:100%;overflow:hidden}:is(.deck-board .deck-info) .deck-info-mask{position:absolute;inset:0;width:100%;height:100%;background-color:#000c;display:none}.show:is(:is(.deck-board .deck-info) .deck-info-mask){display:block}.deck-board .switch-deckboard-items{width:160px;position:absolute;z-index:2;display:none;align-items:center;justify-content:space-around;margin:0 auto;left:0;right:0;bottom:0}.show:is(.deck-board .switch-deckboard-items){display:flex}.deck-board .switch-deckboard{width:64px;height:24px;background-color:#5f9cdd;visibility:hidden;display:flex;align-items:center;justify-content:center;outline:none;opacity:.6;padding:2px 0;overflow:hidden;border-style:none;background-clip:content-box}.show-button:is(.deck-board .switch-deckboard){visibility:visible}:is(.deck-board .switch-deckboard) .up-icon,:is(.deck-board .switch-deckboard) .down-icon{width:100%;height:24px;display:flex;justify-content:center;position:relative;box-sizing:border-box}:is(.deck-board .switch-deckboard) .icon-inner{width:0;height:0;position:absolute;border:24px solid transparent}:is(.deck-board .switch-deckboard) .up-icon{align-items:flex-end}:is(:is(.deck-board .switch-deckboard) .up-icon) .icon-inner{border-bottom:12px solid #0f1111;bottom:6px}:is(.deck-board .switch-deckboard) .down-icon{align-items:flex-start}:is(:is(.deck-board .switch-deckboard) .down-icon) .icon-inner{border-top:12px solid #0f1111;top:6px}.deck-board .other-deck-card-actions{width:100%;height:100%;position:absolute;inset:0;display:none}.show:is(.deck-board .other-deck-card-actions){display:block}:is(.deck-board .other-deck-card-actions) .other-deck-card-actions-bg{width:100%;height:100%;background-color:#000c}:is(.deck-board .other-deck-card-actions) .other-deck-card-actions-items{background-color:#fff;width:180px;min-height:160px;max-height:calc(100% - 60px);position:absolute;top:58px;right:6px;display:flex;flex-direction:column;overflow-y:auto}:is(:is(.deck-board .other-deck-card-actions) .other-deck-card-actions-items) .other-deck-card-actions-item{font-size:24px;min-height:40px;max-height:60px;display:flex;align-items:center;flex-grow:1;cursor:pointer;padding:0 4px}:is(:is(:is(.deck-board .other-deck-card-actions) .other-deck-card-actions-items) .other-deck-card-actions-item):hover{background-color:#5f9cdd}.disabled:is(:is(:is(.deck-board .other-deck-card-actions) .other-deck-card-actions-items) .other-deck-card-actions-item){cursor:not-allowed}.deck-board .belong-ctrl-wrapper{position:absolute;inset:0;display:none}.show:is(.deck-board .belong-ctrl-wrapper){display:block}.deck-board.minimum .deck-card-list{height:142px}:is(.deck-board.minimum .deck-card-list) .deck-card{height:118px;overflow:hidden}:is(:is(:is(.deck-board.minimum .deck-card-list) .deck-card) .deck-card-inner-top) .shadow{display:none}:is(:is(:is(.deck-board.minimum .deck-card-list) .deck-card) .deck-card-inner-top) .info-area{display:none}:is(.deck-board.minimum .deck-card-list) .no-deck{height:118px}@media screen and (max-height: 900px){.deck-board.small .deck-card-list{height:142px}:is(.deck-board.small .deck-card-list) .deck-card{height:118px;overflow:hidden}:is(:is(:is(.deck-board.small .deck-card-list) .deck-card) .deck-card-inner-top) .shadow{display:none}:is(:is(:is(.deck-board.small .deck-card-list) .deck-card) .deck-card-inner-top) .info-area{display:none}:is(.deck-board.small .deck-card-list) .no-deck{height:118px}.deck-board.small .switch-deckboard.show-button.switch-deckboard-up{visibility:hidden}}.deck-board.normal .simple-deck-info{visibility:hidden}.deck-board.normal .deck-info{min-height:140px}:is(.deck-board.normal .deck-info) .deck-info-inner{top:0;height:142px}@media screen and (max-height: 900px){.deck-board.normal .simple-deck-info{visibility:visible}.deck-board.normal .deck-info{min-height:20px}:is(.deck-board.normal .deck-info) .deck-info-inner{top:20px;height:0}}:is(.deck-board.large,.deck-board.ex-large) .simple-deck-info{visibility:hidden}:is(.deck-board.large,.deck-board.ex-large) .deck-info{min-height:140px}:is(:is(.deck-board.large,.deck-board.ex-large) .deck-info) .deck-info-inner{top:0;height:240px}:is(.deck-board.large,.deck-board.ex-large) .deck-total .total-params{display:flex}:is(.deck-board.large,.deck-board.ex-large) .switch-deckboard.show-button.switch-deckboard-down{visibility:hidden}@media screen and (max-height: 900px){.deck-board.large .simple-deck-info{visibility:hidden}.deck-board.large .deck-info{min-height:140px}:is(.deck-board.large .deck-info) .deck-info-inner{top:0;height:142px}.deck-board.large .deck-total .total-params{display:none}.deck-board.large .switch-deckboard.show-button.switch-deckboard-down{visibility:visible}}@media screen and (min-height: 1080px){:is(.deck-board.large,.deck-board.ex-large) .deck-info{min-height:240px}}@media screen and (min-width: 1080px) and (max-height: 620px){.deck-board{width:calc(100% - 640px)}}.belong-ctrl{width:100%;height:100%;background-color:#000c;padding:30px 10px}.belong-ctrl .belong-ctrl-inner{background-color:#fff;width:100%;height:100%;padding:4px;display:flex;align-items:center;flex-direction:column}:is(.belong-ctrl .belong-ctrl-inner) .title{width:100%;height:40px;text-align:center}:is(.belong-ctrl .belong-ctrl-inner) .belong-actions{font-size:18px;width:100%;height:calc(100% - 40px);display:flex;align-items:center;justify-content:space-around}:is(:is(.belong-ctrl .belong-ctrl-inner) .belong-actions) .belong-button{font-size:16px;font-weight:700;width:116px;height:72px;color:#fff;background-color:#5f9cdd;border:2px solid #0f1111}:is(:is(:is(.belong-ctrl .belong-ctrl-inner) .belong-actions) .belong-button) .belong-button-icon{font-size:20px}:is(:is(.belong-ctrl .belong-ctrl-inner) .belong-actions) .belong-all{width:240px}:is(:is(:is(.belong-ctrl .belong-ctrl-inner) .belong-actions) .belong-all) .belong-all-text{width:100%;height:26px;text-align:center}:is(:is(:is(.belong-ctrl .belong-ctrl-inner) .belong-actions) .belong-all) .belong-all-buttons{display:flex;align-items:center;justify-content:space-between}:is(:is(:is(:is(.belong-ctrl .belong-ctrl-inner) .belong-actions) .belong-all) .belong-all-buttons) .belong-button{height:46px}:root{--deck-card-margin: 4px;--deck-card-move-from-x: calc( var(--deck-card-width) + var(--deck-card-margin) );--deck-card-inner-top-height: 158px;--deck-card-inner-bottom-height: calc( var(--deck-card-height) - var(--deck-card-inner-top-height) )}.deck-card{margin:4px;width:72px;min-width:72px;height:250px;cursor:pointer;box-sizing:content-box;position:relative;background-color:#ccc}@media (hover: hover) and (pointer: fine){.deck-card:hover{margin:0;border:4px solid #ff8c00;cursor:default}.deck-card:hover .tool-box{display:flex}.deck-card.even.active,.deck-card.odd.active{margin:4px;border:0px none;cursor:pointer}:is(.deck-card.even.active,.deck-card.odd.active) .tool-box{display:none}:is(.deck-card.even.active,.deck-card.odd.active):hover{margin:0;border:4px solid #ff8c00;cursor:default}:is(.deck-card.even.active,.deck-card.odd.active):hover .tool-box{display:flex}}.deck-card.active{margin:0;border:4px solid #ff8c00;cursor:default}.deck-card.active .tool-box{display:flex}.deck-card .deck-card-inner-top{width:100%;height:158px;font-size:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative;color:#fff}.light-color-bg:is(.deck-card .deck-card-inner-top){color:#0f1111}:is(.deck-card .deck-card-inner-top) .thumb{width:100%;height:118px;display:inline-flex;align-items:flex-start;justify-content:center;overflow:hidden}:is(:is(.deck-card .deck-card-inner-top) .thumb) .general-thumb{margin:0 -5% auto;width:110%;height:auto;text-align:center}:is(.deck-card .deck-card-inner-top) .shadow{top:0;left:0;width:100%;height:100%;position:absolute}:is(.deck-card .deck-card-inner-top) .info-area{top:0;left:0;width:100%;height:100%;position:absolute;animation:fadeIn .5s ease 0s 1 normal}:is(:is(.deck-card .deck-card-inner-top) .info-area)>*{position:absolute}:is(:is(.deck-card .deck-card-inner-top) .info-area) .card-no{min-width:38px;height:17px;padding:1px 4px;font-size:12px;background-color:#ccc}:is(:is(.deck-card .deck-card-inner-top) .info-area) .name{writing-mode:vertical-rl;right:0;bottom:4px;width:30px;display:flex;align-items:center;justify-content:flex-end;font-size:20px}.short:is(:is(:is(:is(.deck-card .deck-card-inner-top) .info-area) .name) .general-name){white-space:nowrap;letter-spacing:8px;margin-bottom:-8px}.long:is(:is(:is(:is(.deck-card .deck-card-inner-top) .info-area) .name) .general-name){font-size:16px}.long.very-long:is(:is(:is(:is(.deck-card .deck-card-inner-top) .info-area) .name) .general-name){font-size:12px}:is(:is(:is(.deck-card .deck-card-inner-top) .info-area) .name) .rarity-area{writing-mode:horizontal-tb;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;margin-bottom:2px}:is(:is(.deck-card .deck-card-inner-top) .info-area) .unit-type{left:2px;bottom:2px;width:34px;height:40px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}:is(:is(.deck-card .deck-card-inner-top) .info-area) .unit-type-image{width:28px;height:28px}:is(:is(.deck-card .deck-card-inner-top) .info-area) *[data-label]{padding-top:12px}:is(:is(.deck-card .deck-card-inner-top) .info-area) *[data-label]:before{font-weight:400;color:#fff}.deck-card .deck-card-inner-bottom{width:100%;height:92px;font-size:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:grid;grid-template-columns:50% 50%;grid-template-rows:18px 16px 1fr 26px;grid-template-areas:"period period" "cost   cost" "strong intelligence" "skills skills"}:is(.deck-card .deck-card-inner-bottom) .period{grid-area:period;font-size:14px;color:#fff;background-color:#0f1111;display:flex;align-items:center;justify-content:center}:is(.deck-card .deck-card-inner-bottom) .cost{grid-area:cost;display:flex;align-items:center;justify-content:center}:is(:is(.deck-card .deck-card-inner-bottom) .cost) .general-cost{padding-left:2px}:is(:is(:is(.deck-card .deck-card-inner-bottom) .cost) .general-cost) .cost-circle{width:12px;height:12px;margin-right:2px}:is(.deck-card .deck-card-inner-bottom) .skills{grid-area:skills;font-weight:700;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;padding:0 2px}:is(:is(.deck-card .deck-card-inner-bottom) .skills) .skill{font-weight:700;margin:0 1px;width:20px;height:20px;background-color:#e2ab04;border:2px solid #0f1111;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}:is(:is(.deck-card .deck-card-inner-bottom) .skills) .no-skill{background-color:#0003;margin:0 1px;width:66px;height:20px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}:is(.deck-card .deck-card-inner-bottom) .strong{grid-area:strong;font-weight:700;display:flex;align-items:center;justify-content:center}:is(.deck-card .deck-card-inner-bottom) .intelligence{grid-area:intelligence;font-weight:700;display:flex;align-items:center;justify-content:center}.deck-card.from-right.odd{animation:move-from-right-odd .5s}.deck-card.from-right.even{animation:move-from-right-even .5s}.deck-card.from-left{animation:move-from-left .5s}.deck-card .tool-box{position:absolute;top:0;right:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:2px 0;pointer-events:none}:is(.deck-card .tool-box)>*{pointer-events:auto}:is(.deck-card .tool-box) .tool-button{position:absolute;cursor:pointer;font-size:20px;width:36px;height:36px;border-style:none;color:#fff;background-color:#5f9cdd;outline:0;background-clip:content-box;padding:2px;opacity:.8}:is(.deck-card .tool-box) .remove{position:absolute;cursor:pointer;font-size:20px;width:36px;height:36px;top:-10px;right:-10px;color:#f94355;background-color:#fff;border:1px solid transparent;border-radius:50%;background-clip:content-box;outline:0;padding:6px}:is(.deck-card .tool-box) .show-detail{top:25%;transform:translateY(-50%)}:is(.deck-card .tool-box) .move-left{top:50%;left:-2px;transform:translateY(-50%);display:none}.enabled:is(:is(.deck-card .tool-box) .move-left){display:block}:is(.deck-card .tool-box) .move-right{top:50%;right:-2px;transform:translateY(-50%);display:none}.enabled:is(:is(.deck-card .tool-box) .move-right){display:block}@keyframes move-from-right-odd{0%{transform:translate(76px)}to{transform:translate(0)}}@keyframes move-from-right-even{0%{transform:translate(76px)}to{transform:translate(0)}}@keyframes move-from-left{0%{transform:translate(-76px)}to{transform:translate(0)}}:root{--deck-total-inner-min-width: 620px}.deck-total{width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center}.deck-total .total-costs-area{width:100%;min-width:620px;display:flex;justify-content:center}:is(.deck-total .total-costs-area) .total-cost{min-width:118px;max-width:118px}:is(.deck-total .total-costs-area) .cost-graph{width:calc(100% - 140px)}:is(:is(.deck-total .total-costs-area) .cost-graph) .total-cost{margin:2px 0}.deck-total .total-params{display:none;width:calc(100% - 20px);height:100px;overflow:auto;min-width:620px}:is(.deck-total .total-params) .total{min-width:56px}:is(.deck-total .total-params) .total.total-type-counts{width:100%;padding-bottom:0;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;overflow:auto}:is(.deck-total .total-params) .type-count{font-size:14px;max-height:22px;display:flex;align-items:flex-end;margin:1px 6px;white-space:nowrap}:is(:is(.deck-total .total-params) .type-count):first-child{margin-left:60px}:is(:is(.deck-total .total-params) .type-count) .cost-label{font-size:10px}:is(:is(.deck-total .total-params) .type-count) .skill{font-size:14px;font-weight:700;margin:0 2px;width:20px;height:20px;background-color:#e2ab04;border:solid 2px #0f1111;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}:is(:is(.deck-total .total-params) .type-count) .unit{font-size:16px;font-weight:700;margin:0 2px}.deck-total .total{font-size:18px;font-weight:700;border:1px solid #0f1111;margin:2px 1px;padding:5px;display:flex;align-items:flex-end;justify-content:flex-end}[data-label]:is(.deck-total .total):before{font-size:14px;font-weight:700;position:absolute;top:2px;left:2px}.total-cost{min-width:152px;max-width:152px;display:flex}.total-cost .total{width:calc(100% - 4px)}.total-cost .cost-values{width:100%;font-weight:700;display:flex;flex-direction:column;align-items:flex-end}:is(.total-cost .cost-values) .cost-value{font-weight:700}:is(.total-cost .cost-values) .cost-remain{font-size:14px}.over:is(:is(.total-cost .cost-values) .cost-remain){font-size:10px;color:#f94355}.under:is(:is(.total-cost .cost-values) .cost-remain){color:#2c82de}.total-cost .total{font-size:18px;font-weight:700;border:1px solid #0f1111;margin:2px 1px;padding:5px;display:flex;align-items:flex-end;justify-content:flex-end}[data-label]:is(.total-cost .total):before{font-size:14px;font-weight:700;position:absolute;top:2px;left:2px}.total-cost-graph{-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;font-size:16px;height:58px;display:flex}.total-cost-graph .total-cost-graph-item{min-width:56px;display:flex;flex-direction:column;align-items:center;justify-content:center}:is(.total-cost-graph .total-cost-graph-item) .total-cost-graph-param{display:flex;align-items:center;justify-content:center;width:100%;font-weight:700}.name.long:is(:is(.total-cost-graph .total-cost-graph-item) .total-cost-graph-param){font-size:12px}.cost:is(:is(.total-cost-graph .total-cost-graph-item) .total-cost-graph-param){font-size:12px}.count:is(:is(.total-cost-graph .total-cost-graph-item) .total-cost-graph-param){font-size:12px}.no-cost:is(.total-cost-graph .total-cost-graph-item){width:100%}.total-cost-graph .total-cost-graph-item:nth-child(odd){background-color:#eee}.total-cost-graph .total-cost-graph-item:nth-child(2n){background-color:#ccc}.share-button{width:50px;height:50px;margin:auto 6px;padding:0;overflow:hidden;background-color:transparent}.share-button.x-logo{padding:6px;background-color:#000}.share-button-image{width:100%;height:auto}.card-filter-container{flex:1;width:100%;height:100%}.card-filter-container .filter-menu-bg{display:none}.filter-menu{position:relative;height:100%;min-width:400px;background-color:#000c}.filter-menu .filter-title{text-align:center;font-weight:400;font-size:26px;color:#fff;text-shadow:0 0 5px #fff;display:flex;justify-content:center;align-items:center;height:60px}.filter-menu .filter-close{position:absolute;top:12px;right:4px;display:none;justify-content:center;align-items:center}.filter-menu .filter-display{width:100%;height:50px;margin-bottom:10px;display:flex;flex-wrap:wrap;overflow-y:auto}:is(.filter-menu .filter-display) .filter-display-item{height:28px;color:#fff;font-size:14px;background-color:#003cc1;border:2px solid #fff;border-radius:14px;margin:2px;padding-left:10px;display:flex;align-items:center}:is(:is(.filter-menu .filter-display) .filter-display-item) .filter-display-remove{width:24px;height:24px;font-size:14px;cursor:pointer;color:#fff;background-color:transparent;border-width:0;margin-left:4px;display:flex;justify-content:center;align-items:center}.filter-menu .filter-buttons{-webkit-user-select:none;-ms-user-select:none;user-select:none;height:50px;display:flex;justify-content:space-between;padding:0 5px;border-bottom:solid 3px #fff}.filter-menu .filter-items{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.filter-menu .filter-content-inner{width:100%}.filter-menu .filter-content{height:calc(100% - 170px);background-color:#003cc1;display:none;flex-wrap:wrap;overflow:auto}.active:is(.filter-menu .filter-content){display:flex}:is(.filter-menu .filter-content) .filter-section-group{display:flex}:is(.filter-menu .filter-content) .filter-section{animation:fadeIn .5s ease 0s 1 normal;position:relative;margin:0 5px 15px;min-width:calc(50% - 10px)}.hidden:is(:is(.filter-menu .filter-content) .filter-section){display:none}:is(:is(.filter-menu .filter-content) .filter-section) .title{font-size:24px;padding-left:10px;color:#fff;text-shadow:0 0 5px white;border-bottom:solid 3px #fff;margin:15px auto 10px}:is(:is(.filter-menu .filter-content) .filter-section) .title-button{position:absolute;top:2px;right:10px}:is(.filter-menu .filter-content) .filter-item-group{display:flex;flex-direction:row;align-items:center}:is(:is(.filter-menu .filter-content) .filter-item-group) .filter-item-group-title{font-size:20px;color:#fff;text-shadow:0 0 5px #fff;margin-left:4px;margin-right:12px}.filter-menu .search-caption{width:100%;display:inline;font-size:16px;color:#fff;padding:3px;margin-bottom:20px}.button.filter-item.no-skill{color:#0f1111;font-weight:400;text-shadow:none}.button.filter-item.strategy-range-button{width:80px;height:80px}.button.filter-item.strategy-range-button .filter-button-image{width:auto;height:60px}@media screen and (min-width: 1080px) and (max-height: 620px),screen and (max-width: 1050px),screen and (max-height: 620px){.card-filter-container{display:none;position:fixed;top:0;left:0;z-index:90}.card-filter-container.open,.card-filter-container .filter-menu-bg{display:block}.filter-menu{margin:10px auto;width:calc(100% - 20px);min-width:620px;max-width:1000px;height:calc(100% - 20px)}}.filter-tabs{display:flex;justify-content:flex-start}.filter-tabs [class^=tab-button-]{width:80px;height:50px;font-size:18px;font-weight:700;color:#fff;margin:0 3px;background-color:#003cc1;border-color:#fff;border-width:3px;outline:none;border-top-left-radius:6px;border-top-right-radius:6px;-webkit-tap-highlight-color:transparent}.active:is(.filter-tabs [class^=tab-button-]){margin-top:-10px;height:60px;background-color:#5f9cdd;border-bottom-width:0;border-bottom-color:#003cc1}.filter-actions{display:flex;justify-content:flex-end;align-items:center}.filter-actions .selection-mode{width:160px;margin-right:10px}@media screen and (min-width: 1080px) and (max-height: 620px),screen and (max-width: 1050px),screen and (max-height: 620px){.filter-menu .filter-close{display:flex}}.filter-item-wrapper{position:relative;margin:3px;padding:0}.filter-item-wrapper .selected-cover{display:none;position:absolute;background-color:#ff8c00;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:3px;margin:3px;opacity:.1;pointer-events:none}.selected:is(.filter-item-wrapper .selected-cover){display:block}.filter-item{background-color:#5f9cdd}.button.filter-item{min-width:90px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;border-style:solid;border-color:#fff;border-width:3px;border-radius:6px;text-shadow:0 0 10px lightslategray;-webkit-tap-highlight-color:#ccc;outline:none;padding:0 6px;white-space:nowrap;overflow:hidden}.button.filter-item.square{font-size:120%;max-width:58px;min-width:58px;height:58px;padding:0}.button.filter-item.selected{text-shadow:0 0 30px #ff8c00;border-color:#ff8c00}.button.filter-item.selected:disabled{color:#ccc;border-color:#ff8c00}.button.filter-item:disabled{color:#ccc;border-color:#ccc}.button-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.filter-button-image{width:96%;height:96%;display:flex;align-items:center;justify-content:center}.number-select-range{color:#fff}.number-select-range .number-select{margin:0 3px}.number-select{min-width:102px;min-height:48px}.switch-item{width:120px;height:30px;position:relative;border:2px solid #ccc;border-radius:15px;outline:none;overflow:hidden}.switch-item .switch-button{top:-2px;display:block;position:absolute;height:30px;transform:skew(20deg);overflow:hidden}:is(.switch-item .switch-button) .switch-button-child{left:-6px;position:absolute;width:calc(100% + 12px);height:100%;text-shadow:0 0 30px white;text-align:center;line-height:26px;font-size:16px;font-weight:700;border-width:0;color:#eee;background-color:#ccc;transform:skew(-20deg)}.active:is(.switch-item .switch-button) .switch-button-child{color:#fff;background-color:#2c82de}:is(.switch-item .switch-button):first-child{border-right-width:1px;right:50%;width:calc(50% + 10px)}:is(.switch-item .switch-button):first-child .switch-button-child{padding-left:12px}:is(.switch-item .switch-button):last-child{border-left-width:1px;left:50%;width:calc(50% + 10px)}:is(.switch-item .switch-button):last-child .switch-button-child{padding-right:12px}.text-search{width:100%;padding:0 3px}.text-search .text{font-size:32px;-webkit-appearance:none;width:calc(90% - 6px);height:48px}.multi-select{margin-bottom:10px}.multi-select .selected-items{width:100%;min-height:38px;max-height:80px;display:flex;flex-wrap:wrap;overflow-y:auto}:is(.multi-select .selected-items) .selected-item{height:32px;color:#fff;font-size:18px;background-color:#5f9cdd;border:2px solid #fff;border-radius:16px;margin:2px;padding-left:10px;display:flex;align-items:center}:is(:is(.multi-select .selected-items) .selected-item) .selected-item-label{width:calc(100% - 28px);height:100%;overflow:hidden}:is(:is(.multi-select .selected-items) .selected-item) .selected-item-remove{width:28px;height:28px;font-size:18px;cursor:pointer;color:#fff;background-color:transparent;border-width:0;margin-left:4px;display:flex;justify-content:center;align-items:center}.multi-select .selection-modal-container{display:none;position:fixed;inset:0;z-index:95}.open:is(.multi-select .selection-modal-container){display:block}:is(.multi-select .selection-modal-container) .selection-modal{width:90%;height:calc(96% - 20px);max-width:580px;max-height:1000px;position:absolute;inset:0;margin:20px auto auto;background-color:#003cc1;padding:12px;display:flex;flex-direction:column}:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-title{font-size:24px;padding-left:10px;color:#fff;text-shadow:0 0 5px white;margin:10px auto}:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-filter-area{margin:4px 4px 10px;position:relative;display:flex;flex-direction:row}:is(:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-filter-area) .selection-filter-icon{color:#fff;width:40px;display:flex;align-items:center;justify-content:center}:is(:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-filter-area) .filter-name{font-size:32px;-webkit-appearance:none;width:100%;height:48px}:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-items{overflow-y:auto;width:100%;height:100%}:is(:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-items) .selection-item{display:flex;margin:8px 4px;padding:4px;width:calc(100% - 8px);min-height:50px;color:#fff;background-color:#5f9cdd}:is(:is(:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-items) .selection-item) .checkbox{width:100%}:is(:is(:is(:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-items) .selection-item) .checkbox) .check-area{width:32px}:is(:is(:is(:is(:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-items) .selection-item) .checkbox) .check-area) .check{font-size:30px}:is(:is(:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-items) .selection-item) .selection-item-label{font-size:28px;display:flex;align-items:center;justify-content:flex-start;padding:0 6px;white-space:normal}:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-actions{min-height:80px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}:is(:is(:is(.multi-select .selection-modal-container) .selection-modal) .selection-actions) .selected-items{width:100%;min-height:38px;max-height:72px}.simple-filter{min-height:80px;display:none;justify-content:center;align-items:center}.simple-filter .simple-filter-main{display:flex;align-items:center;margin-bottom:0}.simple-filter .simple-filter-section{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:5px;background-color:#333;margin:0 6px}:is(.simple-filter .simple-filter-section) .title{font-size:14px;vertical-align:middle;color:#fff;margin:5px}.simple-filter .simple-select-switch{font-size:16px;width:60px;height:68px;display:flex;flex-direction:column;align-items:center;margin:0 6px;border:1px solid #999;outline:none;cursor:pointer;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hidden:is(.simple-filter .simple-select-switch){display:none}:is(.simple-filter .simple-select-switch) .select-item{color:#999;background-color:#eee;border:solid 1px #999;font-weight:700;width:100%;height:50%;display:flex;justify-content:center;align-items:center}.active:is(:is(.simple-filter .simple-select-switch) .select-item){color:#fff;border:solid 2px #ff8c00;background-color:#2c82de}.simple-filter .open-filter{font-size:18px;width:60px;height:60px;margin:0 6px;color:#fff;background-color:#5f9cdd;border:2px solid #0f1111;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:none}@media screen and (min-width: 1080px) and (max-height: 620px),screen and (max-width: 1050px),screen and (max-height: 620px){.simple-filter{display:flex}}.modal{z-index:100;animation:fadeIn .5s ease 0s 1 normal}.modal.modal-none{display:none}.belong-modal{position:fixed;background-color:#000c;width:80%;min-width:600px;max-width:800px;height:90%;max-height:900px;inset:70px 0 auto;margin:auto;padding:50px 10px 10px;border-radius:10px;display:flex;align-items:center;flex-direction:column}.belong-modal .belong-modal-tabs{width:100%;height:60px;display:flex;justify-content:center}:is(.belong-modal .belong-modal-tabs) .belong-modal-tab{width:50%;height:60px;font-size:18px;font-weight:700;color:#fff;background-color:#003cc1;border-color:#fff;border-width:3px;outline:none;border-top-left-radius:6px;border-top-right-radius:6px;-webkit-tap-highlight-color:transparent}:is(:is(.belong-modal .belong-modal-tabs) .belong-modal-tab) .belong-button-icon{font-size:24px;padding-right:6px}.active:is(:is(.belong-modal .belong-modal-tabs) .belong-modal-tab){margin-top:-10px;height:70px;background-color:#5f9cdd;border-bottom-width:0;border-bottom-color:#003cc1}.belong-modal .belong-modal-content{width:100%;height:100%;background-color:#003cc1;display:none;flex-wrap:wrap;overflow-y:auto;animation:fadeIn .25s ease 0s 1 normal}.active:is(.belong-modal .belong-modal-content){display:flex}:is(.belong-modal .belong-modal-content) .belong-modal-content-inner{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;padding:4px}:is(:is(.belong-modal .belong-modal-content) .belong-modal-content-inner) .belong-modal-actions{flex:none;width:100%;height:48px;display:flex;align-items:center;justify-content:center;margin:4px 0 0}:is(:is(:is(.belong-modal .belong-modal-content) .belong-modal-content-inner) .belong-modal-actions) .belong-modal-action{flex:1;font-size:18px;height:100%;color:#fff;background-color:#5f9cdd;border:2px solid #0f1111}:is(:is(:is(:is(.belong-modal .belong-modal-content) .belong-modal-content-inner) .belong-modal-actions) .belong-modal-action):disabled{color:#ccc}.run-import:is(:is(:is(:is(.belong-modal .belong-modal-content) .belong-modal-content-inner) .belong-modal-actions) .belong-modal-action){flex:none;width:50%;font-weight:700;background-color:#2c82de}:is(.belong-modal .belong-modal-content) .belong-label{flex:none;width:100%;height:40px;display:flex;align-items:center;justify-content:center;color:#fff}:is(.belong-modal .belong-modal-content) .belong-options{flex:none;width:100%;display:flex;flex-direction:column;color:#fff;padding:4px 16px;border:1px solid #ccc}:is(:is(.belong-modal .belong-modal-content) .belong-options) .title{font-size:18px}:is(:is(.belong-modal .belong-modal-content) .belong-options) .checkbox{margin-top:5px;margin-bottom:5px}:is(:is(.belong-modal .belong-modal-content) .belong-options) .belong-type-switch{width:420px;margin-top:5px;margin-bottom:5px}:is(.belong-modal .belong-modal-content) .belong-caption{width:100%;background-color:#fff;padding:4px 10px;display:flex;align-items:center;margin:4px 0}:is(:is(.belong-modal .belong-modal-content) .belong-caption) .belong-caption-text{font-size:14px;padding:0 6px}:is(.belong-modal .belong-modal-content) .blong-text{flex:auto;width:calc(100% - 8px);min-height:100px;resize:none;margin:0 auto;font-size:30px}:is(:is(.belong-modal .belong-modal-content) .blong-text):read-only{background-color:#ccc}.belong-modal .close-button{position:absolute;box-sizing:content-box;top:0;right:0;margin-top:-5px;margin-right:-5px}.modal.modal-belong-import-confirm{z-index:110}.modal.modal-belong-import-confirm .belong-import-confirm{position:fixed;color:#fff;background-color:#000c;width:80%;min-width:600px;max-width:800px;height:90%;max-height:900px;inset:70px 0 auto;margin:auto;padding:10px;border-radius:10px;display:flex;align-items:center;flex-direction:column}:is(.modal.modal-belong-import-confirm .belong-import-confirm) .title{font-weight:400;text-shadow:0 0 5px #fff;display:flex;justify-content:center;align-items:center;height:60px}:is(.modal.modal-belong-import-confirm .belong-import-confirm) .belong-import-confirm-inner{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;background-color:#003cc1;padding:4px 0}:is(:is(.modal.modal-belong-import-confirm .belong-import-confirm) .belong-import-confirm-inner) .belong-list-area{flex:auto;width:100%;display:flex;justify-content:space-around;padding:4px 0}:is(:is(:is(.modal.modal-belong-import-confirm .belong-import-confirm) .belong-import-confirm-inner) .belong-list-area) .belong-list{height:100%;display:flex;align-items:center;flex-direction:column}:is(:is(:is(:is(.modal.modal-belong-import-confirm .belong-import-confirm) .belong-import-confirm-inner) .belong-list-area) .belong-list) .blong-text{flex:auto;width:calc(100% - 8px);min-height:100px;height:100%;resize:none;margin:0 auto;font-size:30px}:is(:is(:is(:is(:is(.modal.modal-belong-import-confirm .belong-import-confirm) .belong-import-confirm-inner) .belong-list-area) .belong-list) .blong-text):read-only{background-color:#ccc}:is(:is(.modal.modal-belong-import-confirm .belong-import-confirm) .belong-import-confirm-inner) .belong-modal-actions{flex:none;width:100%;height:48px;display:flex;align-items:center;justify-content:center;margin:4px 0 0}:is(:is(:is(.modal.modal-belong-import-confirm .belong-import-confirm) .belong-import-confirm-inner) .belong-modal-actions) .belong-modal-action{flex:1;font-size:18px;height:100%;color:#fff;background-color:#5f9cdd;border:2px solid #0f1111}:is(:is(:is(:is(.modal.modal-belong-import-confirm .belong-import-confirm) .belong-import-confirm-inner) .belong-modal-actions) .belong-modal-action):disabled{color:#ccc}.run-import:is(:is(:is(:is(.modal.modal-belong-import-confirm .belong-import-confirm) .belong-import-confirm-inner) .belong-modal-actions) .belong-modal-action){font-weight:700;background-color:#2c82de}:is(.modal.modal-belong-import-confirm .belong-import-confirm) .close-button{position:absolute;box-sizing:content-box;top:0;right:0;margin-top:-5px;margin-right:-5px}@media screen and (max-height: 900px){.belong-modal,.modal.modal-belong-import-confirm .belong-import-confirm{top:0;bottom:0}}.copyright-modal{position:fixed;background-color:#fff;min-width:600px;width:80%;max-width:1000px;inset:20% 0 auto;margin:auto;border-radius:10px}.copyright-modal .close-button{position:absolute;box-sizing:content-box;top:0;right:0;margin-top:-5px;margin-right:-5px}.deck-config-modal{position:fixed;background-color:#000c;width:80%;min-width:580px;max-width:640px;height:80%;max-height:540px;inset:30px 0 auto;margin:auto;padding:8px 0 0;border-radius:10px;display:flex;align-items:center;flex-direction:column;overflow:hidden}.deck-config-modal .deck-config-title{text-align:center;font-weight:400;font-size:26px;color:#fff;text-shadow:0 0 5px #fff;display:flex;justify-content:center;align-items:center;height:60px}.deck-config-modal .deck-config-close{display:flex;position:absolute;top:8px;right:12px;justify-content:center;align-items:center}.deck-config-modal .deck-config-buttons{width:100%;height:60px;display:flex;justify-content:flex-end;align-items:flex-end;padding:10px 12px}.deck-config-modal .deck-config-content{width:100%;height:calc(100% - 120px);background-color:#003cc1;border-top:solid 3px #fff;display:flex;align-items:flex-start;flex-wrap:wrap;overflow:auto}:is(.deck-config-modal .deck-config-content) .deck-config-section{margin:0 5px 15px;width:calc(100% - 10px)}:is(:is(.deck-config-modal .deck-config-content) .deck-config-section) .title{font-size:24px;padding-left:10px;color:#fff;text-shadow:0 0 5px #fff;border-bottom:solid 3px #fff;margin:15px auto 10px}:is(:is(.deck-config-modal .deck-config-content) .deck-config-section) .content{margin:0 6px}.deck-config-modal .radio-label{font-size:22px;color:#fff}.radio-button{cursor:pointer;margin:0 3px}.radio-check{display:inline-flex;align-items:center;justify-content:center;padding:1%;margin:3% 3px;background-color:#fff;border:solid 2px #0f1111;border-radius:50%}.radio-check .radio-icon{color:#fff;font-size:60%}.checked:is(.radio-check .radio-icon){color:#0f1111}.deck-save-load-modal{position:fixed;background-color:#000c;width:80%;min-width:600px;max-width:600px;height:90%;max-height:900px;inset:70px 0 auto;margin:auto;padding:50px 10px 10px;border-radius:10px;display:flex;align-items:center;flex-direction:column}.deck-save-load-modal .deck-save-load-modal-tabs{width:100%;height:60px;display:flex;justify-content:center}:is(.deck-save-load-modal .deck-save-load-modal-tabs) .deck-save-load-modal-tab{width:50%;height:60px;font-size:18px;font-weight:700;color:#fff;background-color:#003cc1;border-color:#fff;border-width:3px;outline:none;border-top-left-radius:6px;border-top-right-radius:6px;-webkit-tap-highlight-color:transparent}.active:is(:is(.deck-save-load-modal .deck-save-load-modal-tabs) .deck-save-load-modal-tab){margin-top:-10px;height:70px;background-color:#5f9cdd;border-bottom-width:0;border-bottom-color:#003cc1}.deck-save-load-modal .deck-save-load-modal-content{width:100%;height:calc(100% - 60px);background-color:#003cc1;display:none;flex-direction:column;animation:fadeIn .25s ease 0s 1 normal}.active:is(.deck-save-load-modal .deck-save-load-modal-content){display:flex}:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-caption{width:calc(100% - 4px);height:86px;font-size:28px;background-color:#fff;display:flex;align-items:center;margin:2px;padding:4px 10px}.warning:is(:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-caption){color:#f94355}:is(:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-caption) .deck-save-load-modal-caption-text{font-size:20px;padding:0 6px}:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-content-inner{width:100%;height:calc(100% - 90px);display:flex;flex-direction:column;overflow-y:auto}:is(:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-content-inner) .saved-deck-record{width:calc(100% - 40px);min-height:150px;max-height:150px;margin:10px 20px;background-color:#fff}:is(:is(:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-content-inner) .saved-deck-record):hover{background-color:#2c82de}.disabled:is(:is(:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-content-inner) .saved-deck-record){background-color:#ccc}.disabled:is(:is(:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-content-inner) .saved-deck-record):hover{background-color:#ccc}.disabled:is(:is(:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-content-inner) .saved-deck-record) .saved-deck .data-area{cursor:not-allowed}:is(:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-content-inner) .new-saved-deck-record{font-size:32px;display:flex;justify-content:center;align-items:center;cursor:pointer}:is(:is(:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-content-inner) .new-saved-deck-record):hover{color:#fff}.disabled:is(:is(:is(.deck-save-load-modal .deck-save-load-modal-content) .deck-save-load-modal-content-inner) .new-saved-deck-record){color:#fff;cursor:not-allowed}.deck-save-load-modal .close-button{position:absolute;box-sizing:content-box;top:0;right:0;margin-top:-5px;margin-right:-5px}@media screen and (max-height: 900px){.deck-save-load-modal{top:0;bottom:0}}.saved-deck{width:100%;height:100%;padding:4px;display:flex}.saved-deck .action-area{width:52px;display:flex;justify-content:center;align-items:center}.saved-deck .data-area{width:calc(100% - 52px);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.saved-deck .delete-saved-deck{width:36px;height:36px;font-size:28px;color:#f94355;background-color:#fff;border:2px solid #0f1111;display:none}.active:is(.saved-deck .delete-saved-deck){display:block}.saved-deck .saved-deck-cards{display:flex;width:100%;overflow-y:auto}.saved-deck .saved-deck-constraints{color:#0f1111;display:flex;align-items:center;font-size:16px;width:calc(100% - 4px);min-height:30px;background-color:#ccc;padding:0 4px}:is(.saved-deck .saved-deck-constraints) .saved-deck-constraint{margin:0 4px}.saved-deck .saved-deck-image{font-size:16px;width:56px;height:auto;margin:2px}.general-detail{position:fixed;background-color:#fff;min-width:640px;width:80%;max-width:800px;height:90%;max-height:900px;inset:70px 0 auto;margin:auto;padding:10px;border-radius:10px;display:flex;justify-content:center}.general-detail .general-detail-inner{min-width:635px;max-width:635px;padding:10px;display:flex;flex-direction:column;overflow:auto}:is(.general-detail .general-detail-inner) .official-links{width:100%;height:100%;font-size:12px;display:flex;flex-direction:column;justify-content:space-between;padding-top:12px}[data-label]:is(:is(.general-detail .general-detail-inner) .official-links):before{top:-2px}:is(.general-detail .general-detail-inner) .search-about-general{width:100%;padding:10px 6px;font-size:20px}:is(.general-detail .general-detail-inner) .creator-info{width:100%;max-width:600px;min-height:40px;margin:6px 0;display:flex;align-items:center;justify-content:space-between}:is(:is(.general-detail .general-detail-inner) .creator-info) .name{font-size:18px;width:calc(50% - 2px);height:100%;padding:0 8px;background-color:#fcf9f3;display:flex;align-items:center}:is(.general-detail .general-detail-inner) .skill-info{font-size:20px;width:100%;max-width:600px;padding:28px 6px 4px;background-color:#fcf9f3;margin:6px 0}[data-label]:is(:is(.general-detail .general-detail-inner) .skill-info):before{left:4px;font-size:20px}:is(:is(.general-detail .general-detail-inner) .skill-info) .skill{margin:12px 0}:is(:is(:is(.general-detail .general-detail-inner) .skill-info) .skill) .name{font-weight:700;background-color:#e2ab04;border:2px solid #0f1111;margin:2px 8px 2px 4px;padding:4px}:is(.general-detail .general-detail-inner) .strat-info{font-size:20px;width:100%;max-width:600px;display:flex;flex-direction:column;align-self:flex-start;padding:4px;background-color:#fcf9f3}[data-label]:is(:is(.general-detail .general-detail-inner) .strat-info):before{left:4px;font-size:20px}:is(:is(.general-detail .general-detail-inner) .strat-info) .strat-title{font-size:24px;width:100%;min-height:40px;margin:6px 0;display:flex;align-items:center;justify-content:center}:is(:is(.general-detail .general-detail-inner) .strat-info) *[data-label]{padding-top:30px}:is(:is(.general-detail .general-detail-inner) .strat-info) *[data-label]:before{left:4px;font-size:20px}:is(:is(.general-detail .general-detail-inner) .strat-info) .strat-body{width:100%;display:flex;flex-wrap:wrap;align-self:flex-start}:is(:is(:is(.general-detail .general-detail-inner) .strat-info) .strat-body) .strat-params{display:flex;flex-direction:column;justify-content:center;width:70%;height:120px;margin:4px 0;padding-left:4px;border:1px solid #ccc}:is(:is(:is(:is(.general-detail .general-detail-inner) .strat-info) .strat-body) .strat-params) li{list-style:none}:is(:is(:is(.general-detail .general-detail-inner) .strat-info) .strat-body) .strat-range{display:flex;align-items:center;justify-content:center;width:calc(30% - 8px);height:120px;margin:4px 0 4px 8px;border:1px solid #ccc}[data-label]:is(:is(:is(:is(.general-detail .general-detail-inner) .strat-info) .strat-body) .strat-range):before{left:auto}:is(:is(:is(.general-detail .general-detail-inner) .strat-info) .strat-body) .strat-range-image{width:auto;height:80px}:is(:is(:is(.general-detail .general-detail-inner) .strat-info) .strat-body) .strat-caption{white-space:pre-wrap;width:100%;border:1px solid #ccc;margin:4px 0;padding-left:4px;padding-right:4px}.general-detail .close-button{position:absolute;box-sizing:content-box;top:0;right:0;margin-top:-5px;margin-right:-5px}@media screen and (max-height: 900px){.general-detail{top:0;bottom:0}}.update-info-modal{position:fixed;background-color:#000c;min-width:600px;width:80%;max-width:1000px;height:90%;inset:0;margin:auto;border-radius:10px;padding:0}.update-info-modal .update-info-title{text-align:center;font-weight:400;color:#fff;text-shadow:0 0 5px #fff;display:flex;justify-content:center;align-items:center;height:60px}.update-info-modal .update-info-body{width:100%;height:calc(100% - 65px);margin:0;padding:5px;display:flex;justify-content:center;align-items:center}:is(.update-info-modal .update-info-body) .update-info-iframe{width:100%;height:100%;background-color:#fff}.update-info-modal .close-button{position:absolute;box-sizing:content-box;top:0;right:0;margin-top:-5px;margin-right:-5px}.side-menu-container{color:#fff;height:100%;display:none;position:fixed;top:0;left:0;z-index:80}.side-menu-container .side-menu{position:absolute;margin-left:-350px}.side-menu-container .side-menu-bg{display:none}.side-menu-container.open .side-menu{margin-left:0}.side-menu-container.open .side-menu-bg,.ready .side-menu-container{display:block}.side-menu{width:350px;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#003cc1;border:1px solid #ccc;transition:all .3s 0s ease}.side-menu .side-menu-header{height:66px}.side-menu .side-menu-list{margin:0;padding:0;width:100%;list-style:none;border:1px solid #ccc;border-left-width:0;border-right-width:0}.side-menu .side-menu-item{width:100%;height:80px;list-style:none;border:1px solid #ccc;border-left-width:0;border-right-width:0;padding-left:10px}:is(.side-menu .side-menu-item):hover{background-color:#5f9cdd}:is(.side-menu .side-menu-item) a{width:100%;height:100%;display:flex;align-items:center;text-decoration:none;color:#fff}:is(:is(.side-menu .side-menu-item) a):visited{color:#fff}.disabled:is(:is(.side-menu .side-menu-item) a){color:#5f9cdd}.disabled:is(:is(.side-menu .side-menu-item) a):hover{color:#003cc1}:is(.side-menu .side-menu-item) .notice-icon{margin-left:6px}@media screen and (min-width: 1500px) and (min-height: 700px){.side-menu-container{position:static;z-index:auto}.side-menu-container .side-menu{position:static;margin-left:0}.side-menu-container.open .side-menu-bg{display:none}}@media all and (display-mode: standalone){.side-menu-item.pwa-install{display:none}}:root{--app-min-width: 640px;--app-min-height: 600px;--app-middle-screen-min-width: 1050px;--app-vertical-screen-min-height: 740px;--side-menu-width: 350px;--filter-menu-min-width: 400px;--general-card-width: 600px;--general-card-height: 92px;--deck-card-width: 72px;--deck-card-height: 250px;--deck-card-inner-thumb-height: 118px;--deck-board-card-list-height: 274px;--checkbox-check-size: 22px;--app-header-size: 66px;--side-menu-button-size: 62px;--filter-button-min-width: 90px;--filter-button-height: 48px;--filter-button-square-size: 58px;--default-font-size: 24px;--default-ui-font-size: 28px;--checkbox-check-font-size: 18px;--checkbox-text-font-size: 18px;--title-font-size: 26px;--action-button-font-size: 18px;--deck-board-action-button-font-size: 24px;--deck-board-tool-button-font-size: 20px;--deck-board-default-font-size: 16px;--deck-board-card-no-font-size: 12px;--deck-board-rarity-font-size: 16px;--deck-board-unit-type-font-size: 16px;--deck-board-name-font-size: 20px;--deck-board-long-name-font-size: 16px;--deck-board-very-long-name-font-size: 12px;--deck-board-period-font-size: 14px;--filter-tab-font-size: 18px;--filter-menu-title-font-size: 26px;--filter-display-item-font-size: 14px;--simple-filter-font-size: 14px;--open-filter-font-size: 18px;--general-small-font-size: 14px;--general-strat-font-size: 18px;--general-strat-param-font-size: 12px;--general-param-font-size: 20px;--general-state-color-font-size: 28px;--general-rarity-font-size: 26px;--general-cost-font-size: 16px;--general-skill-font-size: 18px;--general-creator-font-size: 18px;--general-strat-title-font-size: 24px;--general-strat-info-font-size: 20px;--z-index-side-menu: 80;--z-index-filter-menu: 90;--z-index-multi-select: 95;--z-index-modal: 100;--z-index-belong-import-confirm-modal: 110;--z-index-loading: 120;--z-index-toast: 200;--main-color: #003cc1;--ctrl-ui-color: #fff;--ctrl-ui-bg-color: #5f9cdd;--ctrl-ui-active-bg-color: #2c82de;--default-color: #0f1111;--default-sub-color: #999;--default-light-color: #fff;--default-disabled-color: #ccc;--default-border-color: #ccc;--default-light-border-color: #fff;--default-dark-border-color: #0f1111;--default-light-bg-color: #fff;--danger-color: #f94355;--cold-color: #2c82de;--active-color: #ff8c00;--dark-bg-color: #0f1111;--offline-color: #07edb9;--light-transparent-bg-color: rgba(255, 255, 255, .4);--dark-transparent-bg-color: rgba(0, 0, 0, .8);--modal-title-color: #fff;--modal-title-bg-color: var(--dark-transparent-bg-color);--app-header-bg-color: var(--main-color);--title-color: white;--data-label-color: #777;--loading-color: white;--modal-bg-color: var(--dark-bg-color);--side-menu-color: var(--default-light-color);--side-menu-bg-color: var(--main-color);--side-menu-hover-bg-color: var(--ctrl-ui-bg-color);--deck-card-default-bg-color: #ccc;--deck-total-cost-bg-color-odd: #eee;--deck-total-cost-bg-color-even: #ccc;--filter-menu-label-color: white;--filter-menu-border-color: var(--default-light-border-color);--filter-menu-content-bg-color: var(--main-color);--filter-display-item-color: white;--filter-display-item-bg-color: var(--main-color);--filter-display-item-border-color: var(--default-light-border-color);--filter-button-shadow-color: lightslategray;--filter-button-disabled-color: #ccc;--filter-button-tap-highlight-color: #ccc;--switch-button-color: #eee;--switch-button-active-color: white;--switch-button-bg-color: #ccc;--switch-button-active-bg-color: var(--ctrl-ui-active-bg-color);--button-tap-highlight-color: var(--ctrl-ui-active-bg-color);--checkbox-check-color: var(--default-color);--checkbox-check-bg-color: white;--checkbox-check-disabled-bg-color: #ccc;--simple-filter-bg-color: #333;--simple-select-switch-disable-color: #999;--simple-select-switch-bg-color: #eee;--simple-select-switch-border-color: #999;--general-state-color: white;--general-rarity-default-color: #333;--general-rarity-default-bg-color: #ccc;--general-period-block-bg-color: #e2ab04;--general-period-block-border-color: var(--default-dark-border-color);--general-skill-bg-color: #e2ab04;--general-skill-border-color: var(--default-dark-border-color);--general-no-skill-bg-color: rgba(0, 0, 0, .2);--general-cost-bg-color: #e2ab04;--general-cost-border-color: #333;--general-cost-less-bg-color: var(--dark-bg-color);--general-strat-bg-color: white;--general-strat-border-color: var(--default-dark-border-color);--general-detail-bg-color: #fcf9f3}@keyframes rolling{0%{transform:rotate(0);transform-origin:center}to{transform:rotate(360deg);transform-origin:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast{position:fixed;inset:20% 0 auto;margin:auto;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;animation:fadeIn .5s ease 0s 1 normal;z-index:200}.toast .toast-message{font-size:20px;height:32px;color:#fff;background-color:#000c;padding:2px 16px;border-radius:16px}