@layer components{.wrap{width:100%;margin:0 auto;padding:20px var(--page-pad-right) 18px var(--page-pad-left)}@media(max-width:980px){.wrap{padding-bottom:15px}}body.page-fit{height:100dvh;min-height:100dvh;background:var(--bg);color:var(--text);display:flex;flex-direction:column;overflow:hidden}body.page-fit>main.wrap{width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.bar{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:12px}.bar>:first-child{flex:1 1 0;min-width:0;text-align:left}.bar>.actions{display:flex;gap:8px;align-items:center;flex:0 0 auto;min-width:0;max-width:100%;justify-content:flex-end;margin:0;overflow:visible;flex-wrap:nowrap}.bar>.actions>*{flex:0 0 auto}.bar.has-actions-below>:first-child{flex:1 1 100%}.bar.has-actions-below>.actions{flex:1 1 100%;justify-content:flex-start}.bar .hint{overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty}.bar .hint .list-hint-phrase{display:inline-block;max-width:100%;white-space:normal;vertical-align:top}.bar .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.bar .btn .ico{width:17px;height:17px;flex:0 0 auto}.bar>.actions .btn{white-space:nowrap}@media(max-width:980px){.bar>.actions{gap:4px}}@media(max-width:600px){.bar>.actions{align-content:start}.bar .btn{min-width:38px;min-height:38px;padding:9px}.bar .action-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.bar .title{margin:0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;font-size:18px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.topbar-title .title{font-size:18px}.btn-group{display:inline-flex;align-items:stretch}.btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:1px solid var(--w-14)}.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn[hidden]+.btn{border-radius:var(--r-md)}.card{--under: var(--surface-1);box-sizing:border-box;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-1);box-shadow:var(--shadow-card);isolation:isolate;background-clip:padding-box}.card--inset{--under: var(--surface-inset);padding:12px;border-color:var(--w-8);border-radius:var(--r-md);background:var(--surface-inset);box-shadow:none;isolation:isolate;background-clip:padding-box}.card--entry{width:min(680px,100%);margin:auto;padding:18px}@media(max-width:600px){.card{padding:12px}}.games-shell{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.games-card{--under: var(--surface-1);margin-top:0;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 18px 8px;position:relative;z-index:0;box-shadow:var(--shadow-card);box-sizing:border-box;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.grid{flex:1 1 auto;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;align-content:start;padding:5px;-webkit-overflow-scrolling:touch}.games-shell .grid:not(.subsGrid){border-radius:var(--r-lg);padding:4px;margin:-4px}.games-shell .grid.logoGridBig{border-radius:var(--r-lg)}@media(max-width:600px){.grid{grid-template-columns:minmax(0,1fr)}}.addCard{border-radius:var(--r-md);border:1px dashed var(--g-35);background:linear-gradient(var(--g-10),var(--g-10)) var(--under, var(--surface-1));padding:14px;min-height:130px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:center;transition:background var(--dur-fast) ease-out,border-color var(--dur-fast) ease-out,transform var(--dur-fast) ease-out,box-shadow var(--dur-fast) ease-out}.addCard--static{cursor:default;pointer-events:none}@media(hover:hover)and (pointer:fine){.addCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);background:linear-gradient(var(--g-10),var(--g-10)) var(--under, var(--surface-1));border-color:var(--accent)}}.addCard .plus{font-size:28px;color:var(--accent);line-height:1}.addCard .txt{font-weight:1000;letter-spacing:.06em}.addCard .sub{color:var(--text-soft);font-size:12px;line-height:1.35}.addCard:is(:disabled,[aria-disabled=true]){border-color:var(--w-25);background:linear-gradient(var(--w-4),var(--w-4)) var(--under, var(--surface-1));cursor:not-allowed;transform:none;box-shadow:none}.addCard:is(:disabled,[aria-disabled=true]) .plus{color:var(--text-muted)}.list-empty{cursor:default}.logoGridBig>.list-empty{min-height:230px;border-radius:var(--r-lg)}.list-empty[hidden]{display:none}.list-toolbar{flex:0 0 auto;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px 10px;flex-wrap:nowrap}.list-toolbar-left{flex:0 1 auto;min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;align-items:center}.list-toolbar-right{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex:0 1 auto;min-width:0;margin-left:0}.list-toolbar-right .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.list-toolbar:has(.list-toolbar-left):has(.list-toolbar-right){justify-content:space-between}.list-search{flex:1 1 140px;min-width:140px;max-width:240px;display:flex;align-items:center;gap:6px}.list-search .searchBox{width:auto;flex:1 1 auto;min-width:0;height:36px;margin:0}.list-search .searchText{height:100%;padding:0 4px}.list-search .btn{padding:0;min-height:36px}.list-search-open{display:none;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;flex:0 0 36px}.list-search .list-search-open{min-height:36px}.list-search-open .ico{width:18px;height:18px}.list-filter.ui-select,.list-sort.ui-select{min-width:150px;width:150px;flex:0 0 auto}.list-filter .ui-select-btn,.list-sort .ui-select-btn{min-height:0}@media(max-width:600px){.list-search{width:auto;flex:1 1 auto;max-width:none}.list-search .searchText{font-size:16px}.list-toolbar-left{flex:0 1 auto;min-width:0;gap:4px}.list-toolbar-left>#btnReceivedFilter{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.list-toolbar-left>#btnReceivedFilter .ico{width:18px;height:18px}.list-filter .ui-select-menu,.list-sort .ui-select-menu{max-height:min(55dvh,420px)}.list-toolbar-right{flex:0 1 auto;min-width:0;gap:4px}.list-toolbar-left .list-search{flex:0 0 auto;width:auto;max-width:none;order:3;padding:0;border:0;background:transparent}.list-search .searchBox{display:none}.list-search .list-search-open{display:inline-flex;width:36px;height:36px;padding:0}}.list-toolbar.is-single-row>.list-toolbar-left,.list-toolbar.is-single-row>.list-toolbar-right{flex:0 0 auto;flex-wrap:nowrap;width:max-content;max-width:none}.list-toolbar.is-scroll{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.list-toolbar.is-scroll::-webkit-scrollbar{display:none}.list-toolbar.has-more-end{-webkit-mask-image:linear-gradient(to right,var(--mask-on) calc(100% - 28px),transparent);mask-image:linear-gradient(to right,var(--mask-on) calc(100% - 28px),transparent)}.list-toolbar.has-more-start{-webkit-mask-image:linear-gradient(to right,transparent,var(--mask-on) 28px);mask-image:linear-gradient(to right,transparent,var(--mask-on) 28px)}.list-toolbar.has-more-start.has-more-end{-webkit-mask-image:linear-gradient(to right,transparent,var(--mask-on) 28px,var(--mask-on) calc(100% - 28px),transparent);mask-image:linear-gradient(to right,transparent,var(--mask-on) 28px,var(--mask-on) calc(100% - 28px),transparent)}.list-toolbar:has(.ui-select.open){-webkit-mask-image:none;mask-image:none}.list-toolbar.is-compact-icons :is(.list-toolbar-right .btn,.list-filter .ui-select-btn,.list-sort .ui-select-btn){width:36px;height:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:0}.list-toolbar.is-compact-icons :is(.list-filter,.list-sort){width:36px;min-width:36px;max-width:36px;flex:0 0 36px}.list-toolbar.is-compact-icons .list-toolbar-left .list-search{width:36px;min-width:36px;max-width:36px;flex:0 0 36px;padding:0;border:0;background:transparent}.list-toolbar.is-compact-icons .list-search .searchBox{display:none}.list-toolbar.is-compact-icons .list-search .list-search-open{display:inline-flex}.list-toolbar.is-compact-icons :is(.list-filter,.list-sort) :is(.ui-select-label,.ui-select-caret){display:none}.list-toolbar.is-compact-icons :is(.list-toolbar-right .btn .ico,.list-filter .ui-select-icon .ico,.list-sort .ui-select-icon .ico){width:18px;height:18px}.list-toolbar.has-group-sep{justify-content:flex-start}.list-toolbar.has-group-sep>.list-toolbar-right{position:relative;padding-left:9px}.list-toolbar.has-group-sep>.list-toolbar-right:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:1px;background:linear-gradient(var(--w-25),var(--w-25)) var(--under, var(--surface-1))}.nav-more{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.nav-more>#btnMore{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:6px;white-space:nowrap;flex:0 0 auto}.nav-more-dropdown{position:fixed;z-index:var(--z-menu);display:grid;gap:4px;min-width:180px}.nav-more-dropdown[hidden]{display:none}.nav-more-dropdown .btn{display:block;width:100%;text-align:left;padding:10px 14px;border-radius:var(--r-sm);font-size:13px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.import-note{margin-top:6px;font-size:.8rem;color:var(--accent)}.change-type{display:grid;gap:8px;margin:4px 0 6px}.change-type-option{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer}@media(hover:hover)and (pointer:fine){.change-type-option:hover{background:linear-gradient(var(--w-4),var(--w-4)) var(--under, var(--surface-modal))}}.change-type-option:has(input[type=radio]:checked){border-color:var(--accent);background:linear-gradient(var(--g-10),var(--g-10)) var(--under, var(--surface-modal))}.change-type-option:has(input[type=radio]:disabled){cursor:default;color:var(--disabled-text);border-color:var(--disabled-line)}.change-type-option input{margin:0}.change-type-name{font-weight:900}.change-type-desc{grid-column:2;font-size:.88rem;line-height:1.35;color:var(--text-soft)}.change-type-keep{grid-column:2;display:none;align-items:center;gap:8px;margin-top:6px;font-size:.9rem;font-weight:700}.change-type-option:has(input[type=radio]:checked) .change-type-keep{display:flex}html:has(>body.auth-body){background:var(--bg-auth);overflow:hidden}.auth-body{box-sizing:border-box;height:100dvh;margin:0;display:grid;grid-template-rows:1fr auto;place-items:center;color:var(--text);background:transparent;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.auth-shell{width:min(520px,92vw);padding:18px}.auth-shell .brand{font-weight:1000;letter-spacing:.18em;text-transform:uppercase;font-size:18px;color:var(--accent)}.auth-shell .form{display:grid;gap:10px}.auth-shell .form .inp{width:100%}.auth-shell .hint{display:block;margin-top:12px}.auth-body .footer{width:100%;padding-left:calc(18px + env(safe-area-inset-left,0px));padding-right:calc(18px + env(safe-area-inset-right,0px))}.auth-body .footer:before{width:92%}@media(max-width:980px){.auth-body .footer{padding-left:calc(15px + env(safe-area-inset-left,0px));padding-right:calc(15px + env(safe-area-inset-right,0px))}}}