@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";#root{height:100%}body{margin:0;padding:0;position:absolute;width:100%;height:100%;font-family:-apple-system,Nunito Sans,Noto Sans Thai,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body *{font-family:-apple-system,Nunito Sans,Noto Sans Thai,sans-serif}svg{vertical-align:baseline!important}.app{position:relative;display:flex;justify-content:center;align-items:start;gap:1rem;margin:0;padding:4rem 0 1rem}.bg-image{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-image:url(/assets/all-favor-bg-2ef330e0.webp);background-repeat:repeat;background-size:798px 630px;filter:blur(5px) opacity(35%)}.deck{position:relative;z-index:1000;display:grid;grid-template-columns:repeat(6,100px);gap:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.deck .card{position:relative;z-index:1000;display:flex;flex-direction:column;justify-content:start;align-items:start;border-radius:8px;border:0;padding:0;cursor:pointer;box-sizing:border-box;background-color:#262626;transition:background-color .25s}.deck .card.owned{background-color:#00a854}.deck .card>button{position:absolute;z-index:1001;top:4px;right:4px;padding:4px;border:0;border-radius:3rem;width:23px;height:23px;background-color:#eee;transition:background-color .25s;cursor:pointer}.deck .card>button.fav{background-color:#fdda0d}.deck .card>button svg{width:15px;height:15px}.deck .card>img{width:100px;height:113px;border-radius:8px 8px 0 0;pointer-events:none}.deck .card>span{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center;padding:.5rem;border-radius:0 0 8px 8px;width:100%;box-sizing:border-box;font-size:16px;color:#fff}@media only screen and (max-width: 1050px){.deck{grid-template-columns:repeat(5,100px)}}@media only screen and (max-width: 850px){.deck{grid-template-columns:repeat(4,100px);gap:.5rem}.deck .card>span{font-size:16px}}@media only screen and (max-width: 650px){.deck{grid-template-columns:repeat(3,100px);gap:4px}}.control-panel{position:relative;z-index:1000;padding:1rem;border-radius:4px;display:flex;flex-direction:column;gap:.75rem;background-color:#eee}.control-panel>.scrollable-part{display:flex;flex-direction:column;gap:.75rem;height:calc(100vh - 6rem);overflow-y:auto;background-color:#eee}.control-panel>.scrollable-part>div{display:flex;flex-direction:column;gap:4px}.control-panel>.scrollable-part>div>span{font-size:15px}.control-panel>.scrollable-part>div>span:first-child{display:flex;align-items:center;gap:8px}.control-panel>.scrollable-part>div>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.control-panel>.scrollable-part>div .set-help-btn{display:flex;align-items:center;border:0;padding:0}.control-panel>.scrollable-part>span{font-size:15px}.control-panel>.scrollable-part button{border:0!important;box-shadow:none!important;padding:4px 12px}.control-panel>.scrollable-part button.default{color:#000000e0!important;background:#ffffff!important}.control-panel>.scrollable-part button.green{color:#fff!important;background:#198754!important}.control-panel>.scrollable-part button.red{color:#fff!important;background:#ff4d4f!important}.control-panel.desktop{position:sticky;top:4rem;height:calc(100vh - 7rem)}.antd-modal-control-panel{top:3rem;padding:0}.antd-modal-control-panel .ant-modal-content{padding:0;background-color:#eee}@media only screen and (max-width: 650px){.control-panel.desktop{display:none}}.set-help-panel{display:flex;flex-direction:column;gap:1rem}.set-help-panel>span>svg{vertical-align:-2px!important}.download-panel{display:flex;flex-direction:column;gap:1rem}.header{position:fixed;z-index:1001;top:0;left:0;display:flex;justify-content:flex-end;height:3rem;width:100%;padding:.5rem;box-sizing:border-box;background-color:#eee}.header .icon-btn{width:32px;height:32px;padding:4px}.header .icon-btn svg{height:20px;width:20px}.header .config-btn{display:none}.header>div{display:flex;justify-content:flex-end;gap:4px}@media only screen and (max-width: 650px){.header{justify-content:space-between}.header .config-btn{display:inline-flex}}.help-panel{display:flex;flex-direction:column;gap:1rem}