@charset "UTF-8";body{margin:0;font-family:system-ui,sans-serif;color:#202124;background:#faf8f5}html:has(.game-editor-dialog),body:has(.game-editor-dialog),html:has(.reaction-dialog),body:has(.reaction-dialog),html:has(.suggest-backdrop),body:has(.suggest-backdrop),html:has(.credit-backdrop),body:has(.credit-backdrop){overflow:hidden}a{color:inherit}.family-release-badge{display:inline-block;max-width:100%;padding:.2rem .65rem;border-radius:100px;font-size:.85rem;font-weight:700;text-align:right}.family-release-badge--unknown{background:#e3e2dc;color:#424c42}.family-release-badge--coming_soon{background:#ffe095;color:#663b00}.family-release-badge--early_access{background:#dccfff;color:#432477}.family-release-badge--released{background:#c7e8b1;color:#1d542b}.ui-arrow{--arrow-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 16V4M6 8l4-4 4 4'/%3E%3C/svg%3E");display:inline-block;flex:none;width:1.1rem;height:1.1rem;background:currentColor;-webkit-mask:var(--arrow-mask) center/contain no-repeat;mask:var(--arrow-mask) center/contain no-repeat;vertical-align:middle}.ui-arrow--down{transform:rotate(180deg)}.ui-arrow--left{transform:rotate(-90deg)}.ui-arrow--right{transform:rotate(90deg)}.arrow-control{display:inline-flex;align-items:center;gap:.3rem}button,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea{box-sizing:border-box;font-family:inherit;font-size:var(--button-font-size, 1rem)!important;line-height:1.25rem;padding:.55rem!important}button{height:2.5rem}button:disabled{cursor:default!important}button:hover:not(:disabled){filter:brightness(1.08) saturate(1.2)}button:is(.clear-search,.btn-clear,.reaction-add,.modal-close),.dialog-heading button,.reaction-dialog-heading button,.desire-dialog-heading button,.tag-chip button,.toast button,.desire-stars button,.review-rating-picker button,.reaction-picker button{padding:0!important}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]){height:2.5rem}.search-input-wrap,.search-input-wrapper{display:flex;align-items:center;box-sizing:border-box;height:2.5rem;overflow:hidden;border:1px solid #80956f;border-radius:.4rem;background:#fff}.search-input-wrapper{border-color:#c8c2b9}.search-input-wrap input,.search-input-wrapper input{flex:1 1 0;min-width:0;width:0!important;height:100%;padding:.55rem!important;border:0!important;border-radius:0;background:transparent;box-shadow:none!important;outline:none}.search-input-wrap input::-webkit-search-cancel-button,.search-input-wrapper input::-webkit-search-cancel-button{display:none}.search-input-wrap .clear-search,.search-input-wrapper .btn-clear{position:static!important;display:grid;place-items:center;flex:none;width:1.5rem;height:1.75rem;margin-right:.55rem;transform:none!important}button[aria-label=\417\430\43a\440\44b\442\44c]{position:relative;display:grid;place-items:center;flex:0 0 40px;width:40px!important;min-width:40px!important;max-width:40px;height:40px!important;min-height:40px;max-height:40px;box-sizing:border-box;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:inherit;font-size:0!important;line-height:0;cursor:pointer}button[aria-label=\417\430\43a\440\44b\442\44c]:before,button[aria-label=\417\430\43a\440\44b\442\44c]:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:1px;background:currentColor}button[aria-label=\417\430\43a\440\44b\442\44c]:before{transform:translate(-50%,-50%) rotate(45deg)}button[aria-label=\417\430\43a\440\44b\442\44c]:after{transform:translate(-50%,-50%) rotate(-45deg)}button[aria-label=\417\430\43a\440\44b\442\44c]:hover:not(:disabled),button[aria-label=\417\430\43a\440\44b\442\44c]:focus-visible{background:#f7d9ac!important;filter:none}button:is(.clear-search,.btn-clear){--button-font-size: 1.3rem}button.modal-close,.dialog-heading button{--button-font-size: 1.5rem}.reaction-dialog-heading button{--button-font-size: 1.7rem}.desire-dialog-heading button{--button-font-size: 1.8rem}.tag-chip button{--button-font-size: 1.2rem}.toast button{--button-font-size: 1.3rem}input[type=search]{box-sizing:border-box;height:2.5rem}select{box-sizing:border-box;height:2.5rem;appearance:none;padding-inline:.55rem 2.5rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2320321b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .8rem center!important;background-size:1rem!important}select:open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2320321b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 5-5 5 5'/%3E%3C/svg%3E")!important}.page-loading-status{position:fixed;left:1rem;bottom:1rem;z-index:95;margin:0;padding:.55rem .8rem;border:1px solid #8fa382;border-radius:.5rem;background:#fffaf0;color:#20321b;box-shadow:0 .3rem 1rem #0002;pointer-events:none}.site-header{position:relative;z-index:101;display:flex;box-sizing:border-box;min-height:6.25rem;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem max(1rem,(100vw - 72rem) / 2);background:#e9e0d3}.family-header{background:#c5652f;color:#fff7df;box-shadow:0 2px #9f461d}.family-header a{color:inherit}.family-header a:focus-visible{outline:2px solid #fff7df;outline-offset:4px}.header-left{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.site-header nav>a,.manage-menu-trigger{padding:.35rem .55rem;border-radius:.4rem;text-decoration:none}.site-header nav>a:hover,.site-header nav>a:focus-visible,.manage-menu-trigger:hover,.manage-menu-trigger:focus-visible{background:#d8cdbe}.site-header nav>a.active,.manage-menu-trigger.active{background:#3d5f45;color:#fff}.family-header nav>a:hover,.family-header nav>a:focus-visible{background:#a64f25}.family-header nav>a.active{background:#fff3d5;color:#733719}.header-right{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-left:auto;flex-shrink:0}.header-identity{position:relative;display:inline-block;max-width:12rem}.header-identity:has(.vibe-balance){transform:translateY(-.45rem)}.header-user-name{display:block;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.275rem;font-weight:700;transform:translateY(-30%)}.vibe-balance{position:absolute;top:100%;right:0;font-size:.9rem;line-height:1;font-weight:700;white-space:nowrap}.header-right .header-logout{transform:translateY(50%)}@media(max-width:50rem){.site-header{flex-wrap:wrap}.site-header .header-left{flex-basis:100%}}@media(max-width:30rem){.header-identity,.header-user-name{max-width:8rem}.vibe-balance{font-size:.8rem}}.header-right a.active{padding:.35rem .55rem;margin-inline:-.05rem;border-radius:.4rem;background:#3d5f45;color:#fff}.family-header .header-right a.active{margin:-.35rem -.55rem;background:#fff3d5;color:#733719;transform:translateY(calc(50% - .35rem))}.auth-link{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .5rem;border-radius:.35rem;color:#3b2c1e;text-decoration:none;font-weight:500;transition:background-color .15s ease,color .15s ease}.auth-link:hover,.auth-link:focus-visible{background:#d8cdbe;color:#111}.key-icon{display:block;width:1.25rem;height:1.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.manage-menu{position:relative}.manage-menu-trigger{cursor:pointer;border:0;background:transparent;font:inherit;color:inherit;padding:0}.manage-menu-trigger{padding-block:.35rem!important;padding-inline:.55rem!important}.manage-menu-links{position:absolute;z-index:10;top:100%;right:0;min-width:12rem;padding:.5rem;border:1px solid #bcb1a5;border-radius:.4rem;background:#fff;box-shadow:0 .4rem 1rem #0002}.manage-menu-links a{display:block;padding:.5rem}.manage-menu-links a:hover,.manage-menu-links a:focus-visible{background:#f2ede7}.brand{font-weight:700;text-decoration:none}.page-shell{max-width:72rem;margin:0 auto;padding:2rem 1rem}