.references-app{--ref-bg:#faf9f6;--ref-panel:#fff;--ref-ink:#25282a;--ref-muted:#777c7c;--ref-line:#e8e8e2;--ref-accent:#5a6553;min-height:100svh;color:var(--ref-ink);background:var(--ref-bg);font-family:var(--font-geist-sans), Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:14px}.references-app button,.references-app a,.references-app select,.references-app input{-webkit-tap-highlight-color:transparent}.references-app button{cursor:pointer}.references-app a{color:inherit;text-decoration:none}.references-app button:disabled{cursor:default;opacity:.4}.references-app :is(button,a,input,select,summary):focus-visible{outline-offset:4px;outline:3px solid #859575}.references-app img{display:block}.ref-skip{z-index:100;background:#fff;border-radius:4px;padding:12px 20px;position:fixed;top:-60px;left:250px}.ref-skip:focus{top:12px}.ref-sidebar{z-index:10;border-right:1px solid var(--ref-line);background:#f5f5f0;flex-direction:column;width:230px;padding:34px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.ref-brand{align-items:center;gap:10px;width:fit-content;margin:0 5px 38px;display:flex}.ref-brand-mark{color:#f4f6eb;background:#56624e;border-radius:10px;place-items:center;width:36px;height:40px;display:grid}.ref-brand>span:last-child{letter-spacing:-1.15px;font-size:25px;font-weight:680;line-height:1}.ref-brand-dot{color:#7b8765}.ref-brand small{letter-spacing:2.1px;color:#858878;margin:7px 0 0 2px;font-size:10px;font-weight:550;display:block}.ref-sidebar-label{letter-spacing:1.3px;color:#96998e;justify-content:space-between;margin:0 10px 12px;font-size:10px;font-weight:650;display:flex}.ref-sidebar nav{gap:4px;display:grid}.ref-sidebar nav button{text-align:left;color:#71766d;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;min-height:39px;padding:10px;font-size:13px;transition:background .15s,color .15s;display:flex}.ref-sidebar nav button span{flex:1}.ref-sidebar nav button b,.ref-sidebar nav button small{color:#969c8d;font-size:11px;font-weight:500}.ref-sidebar nav button:hover{color:#3d4937;background:#e9ece3}.ref-sidebar nav button.is-active{color:#3c5034;background:#e5eade;font-weight:650}.ref-sidebar nav button.is-active b{color:#53654b;background:#f5f7f0;border-radius:4px;padding:2px 5px}.ref-sidebar nav img{object-fit:cover;border-radius:6px;width:23px;height:23px}.ref-sidebar-section{margin-top:29px}.ref-sidebar-bottom{margin:auto 9px 0;padding-top:38px}.ref-sidebar-bottom>span{color:#627058;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.ref-sidebar-bottom p{color:#93988c;margin:9px 0 20px;font-size:12px;line-height:1.7}.ref-sidebar-bottom a{color:#6e7466;align-items:center;gap:8px;font-size:12px;display:flex}.ref-workspace{margin-left:230px}.ref-topbar{border-bottom:1px solid var(--ref-line);background:#faf9f6f2;justify-content:space-between;align-items:center;gap:20px;height:70px;padding:0 42px;display:flex}.ref-breadcrumb{color:#969a95;align-items:center;gap:13px;font-size:12px;display:flex}.ref-breadcrumb strong{color:#666d64;font-weight:450}.ref-topbar-right{align-items:center;gap:20px;display:flex}.ref-edition{color:#888e81;align-items:center;gap:7px;font-size:11px;display:flex}.ref-edition i{background:#859b68;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #edf0e5}.ref-about{position:relative}.ref-about summary{color:#858c7d;cursor:pointer;list-style:none;display:flex}.ref-about summary::-webkit-details-marker{display:none}.ref-about>div{z-index:20;border:1px solid var(--ref-line);background:#fff;border-radius:12px;width:300px;padding:22px;font-size:14px;line-height:1.7;position:absolute;top:30px;right:0;box-shadow:0 12px 36px #303a2420}.ref-about p{color:#73786f}.ref-about small{color:#8c9285;font-size:12px}.ref-mobile-brand{display:none}.ref-main{max-width:1670px;margin:auto;padding:41px 42px 0}.ref-heading{justify-content:space-between;align-items:center;gap:18px;padding-bottom:29px;display:flex}.ref-eyebrow{letter-spacing:1.6px;color:#8b9580;margin-bottom:13px;font-size:10px;font-weight:600;display:block}.ref-heading h1{letter-spacing:-1.4px;margin:0 0 12px;font-size:clamp(27px,2.5vw,40px);font-weight:510;line-height:1.18}.ref-heading p{color:#81857c;margin:0;font-size:13px;line-height:1.7}.ref-visual-label{color:#79816f;background:#f6f7f0;border:1px solid #e2e5d9;border-radius:5px;flex:none;align-self:flex-start;align-items:center;gap:8px;margin-top:31px;padding:8px 11px;font-size:11px;display:flex}.ref-browse-tabs{border-bottom:1px solid var(--ref-line);align-items:center;gap:26px;margin-bottom:24px;display:flex}.ref-browse-tabs>button{color:#8b8f83;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:11px 0 14px;font-size:13px;display:flex}.ref-browse-tabs>button[aria-pressed=true]{color:#46563b;border-color:#637352;font-weight:650}.ref-browse-tabs>button:hover{color:#46563b}.ref-browse-tabs small{background:#e7ecde;border-radius:3px;padding:1px 5px;font-size:11px}.ref-browse-tabs>span{color:#a0a596;margin-left:auto;font-size:11px}.ref-featured{margin-bottom:26px}.ref-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.ref-section-title h2{letter-spacing:-.1px;margin:0;font-size:14px;font-weight:550}.ref-section-title button{color:#7c856f;background:0 0;border:0;align-items:center;gap:7px;padding:4px 0;font-size:11px;display:flex}.ref-games{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ref-game{text-align:left;background:var(--game-color);isolation:isolate;border:1px solid #00000006;border-radius:10px;min-width:0;height:132px;padding:17px 18px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.ref-game:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2b321312}.ref-game-copy{z-index:1;flex-direction:column;align-items:flex-start;min-width:0;display:flex;position:relative}.ref-game-topline{color:#666b63;align-items:center;gap:7px;margin-bottom:14px;font-size:10px;display:flex}.ref-game-topline img{border-radius:6px;width:22px;height:22px}.ref-game-copy strong{letter-spacing:-.4px;white-space:nowrap;font-size:15px;font-weight:620}.ref-game-count{color:#7a8074;align-items:center;gap:9px;margin-top:6px;font-size:11px;display:flex}.ref-game-cover{opacity:.95;z-index:0;width:46%;height:150px;position:absolute;bottom:-9px;right:-6px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}.ref-game-cover img{object-fit:contain;object-position:bottom;width:100%;height:100%}.ref-game--royal-match .ref-game-cover img{object-fit:cover;object-position:center 65%;border-radius:8px}.ref-game--last-war .ref-game-cover{width:50%;height:155px;right:-16px}.ref-game--gossip-harbor .ref-game-cover{width:52%;height:145px;bottom:-17px;right:-15px;transform:rotate(-8deg)}.ref-game--gossip-harbor .ref-game-cover img{object-fit:cover;object-position:center 50%;border-radius:8px}.ref-games--expanded{margin:36px 0}.ref-games--expanded .ref-game{align-items:flex-end;height:290px;padding:25px}.ref-games--expanded .ref-game-cover{opacity:.75;width:85%;height:240px;bottom:60px}.ref-games--expanded .ref-game-copy strong{font-size:20px}.ref-games--expanded .ref-game-copy small{color:#818976;margin-top:15px;font-size:12px}.ref-games--expanded .ref-game-copy{background:color-mix(in srgb, var(--game-color), transparent 10%);border-radius:8px;margin:-15px;padding:15px}.ref-filterbar{align-items:center;gap:10px;margin:25px 0 0;display:flex}.ref-search{color:#969d8e;background:#fff;border:1px solid #e6e7e0;border-radius:7px;flex:1;align-items:center;gap:10px;min-width:0;height:42px;padding:0 12px;display:flex}.ref-search:focus-within{border-color:#9baa8c;box-shadow:0 0 0 2px #84957516}.ref-search input{color:#464e40;background:0 0;border:0;width:100%;min-width:0;font-size:12px;outline:0!important}.ref-search input::placeholder{color:#a4a89f}.ref-search kbd{color:#b2b6aa;border:1px solid #e9eae5;border-radius:4px;padding:1px 5px;font-size:13px}.ref-filterbar select,.ref-results-toolbar select{color:#6d7663;cursor:pointer;background:#fff;border:1px solid #e6e7e0;border-radius:7px;max-width:185px;height:42px;padding:0 25px 0 12px;font-size:12px}.ref-active-filters{flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0 0;display:flex}.ref-active-filters button{overflow-wrap:anywhere;color:#738160;background:#f0f3e9;border:1px solid #dde3d3;border-radius:5px;align-items:center;gap:7px;max-width:100%;padding:6px 10px;font-size:12px;display:flex}.ref-active-filters .ref-clear{color:#8a9280;background:0 0;border:0}.ref-results-toolbar{justify-content:space-between;align-items:center;gap:14px;margin:21px 0 15px;display:flex}.ref-results-toolbar h2{align-items:baseline;gap:11px;margin:0;font-size:14px;font-weight:550;display:flex}.ref-results-toolbar h2 span{color:#9b9f92;font-size:11px;font-weight:400}.ref-results-toolbar>div{align-items:center;gap:10px;display:flex}.ref-results-toolbar select{color:#8b9380;background:0 0;border:0;max-width:136px;height:28px;padding-left:0;font-size:11px}.ref-density{color:#7b866c;background:#f1f3eb;border:1px solid #e2e5da;border-radius:5px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.ref-density[aria-pressed=true]{background:#dce4d1}.ref-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;display:grid}.ref-grid--compact{grid-template-columns:repeat(5,minmax(0,1fr))}.ref-card{min-width:0}.ref-card-visual{isolation:isolate;background:#eeeae1;border:1px solid #00000006;border-radius:9px;height:280px;position:relative;overflow:hidden}.ref-card-visual--last-war{background:#e2e7dc}.ref-card-visual--royal-match{background:#e7e6ed}.ref-card-visual--gossip-harbor{background:#f0e4dc}.ref-card-visual>a{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ref-card-visual>a>img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.ref-card-visual>a>img[src$=\.png],.ref-card-visual>a>img[src$=\.webp]{padding:15px}.ref-card-visual>a:hover>img{transform:scale(1.025)}.ref-card-visual--detail>a{padding:12px}.ref-card-expand{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;opacity:0;background:#283020bd;border:1px solid #ffffff50;border-radius:5px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%,5px)}:is(.ref-card-visual>a:hover .ref-card-expand,.ref-card-visual>a:focus-visible .ref-card-expand){opacity:1;transform:translate(-50%)}.ref-card-save{color:#68735b;background:#ffffffdc;border:1px solid #ffffff50;border-radius:6px;place-items:center;width:30px;height:32px;padding:0;transition:background .15s;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #00000009}.ref-card-save:hover{background:#fff}.ref-card-save.is-saved{color:#fff;background:#5a6d4a;border-color:#5a6d4a}.ref-card-save.is-saved svg{fill:currentColor}.ref-crop-label{color:#59634f;pointer-events:none;background:#ffffffb5;border-radius:3px;padding:4px 7px;font-size:10px;position:absolute;top:10px;left:10px}.ref-card-meta{padding:12px 1px 0}.ref-card-meta>div{color:#828975;align-items:center;gap:5px;font-size:10px;display:flex}.ref-card-meta>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ref-card-meta>div img{border-radius:4px;width:14px;height:14px}.ref-card-meta small{color:#a4a999;white-space:nowrap;margin-left:auto;font-size:10px}.ref-card-meta>button{text-align:left;letter-spacing:-.15px;color:#414b39;background:0 0;border:0;margin:7px 0 4px;padding:0;font-size:13px;font-weight:560;line-height:1.4}.ref-card-meta>button:hover{text-underline-offset:3px;text-decoration:underline}.ref-card-themes{color:#a2a899;font-size:10px;line-height:1.6;display:block}.ref-grid--compact .ref-card-visual{height:230px}.ref-detail-crop{width:100%;display:block;position:relative;overflow:hidden}.ref-image-error{color:#7e8871;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:13px;display:flex}.ref-image-error button{background:#fff;border:1px solid #dce2d1;border-radius:5px;padding:7px 12px;font-size:12px}.ref-empty{text-align:center;padding:70px 16px 90px}.ref-empty>span{color:#84966f;background:#eaf0e0;border-radius:20px;place-items:center;width:70px;height:70px;margin:auto;display:grid}.ref-empty h3{letter-spacing:-.5px;margin:21px 0 10px;font-size:20px;font-weight:500}.ref-empty p{color:#8c9280;font-size:14px;line-height:1.7}.ref-empty>button{color:#fff;background:#5c6c4e;border:0;border-radius:6px;align-items:center;gap:10px;margin:22px auto 0;padding:11px 16px;font-size:13px;display:flex}.ref-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:6px 0 20px;display:grid}.ref-theme-card{text-align:left;background:#fff;border:1px solid #e5e8df;border-radius:9px;flex-direction:column;padding:0 0 18px;transition:transform .2s;display:flex;overflow:hidden}.ref-theme-card:hover{transform:translateY(-3px)}.ref-theme-images{background:#eeefe7;gap:8px;width:100%;height:130px;margin-bottom:20px;padding:12px 16px 0;display:flex;overflow:hidden}.ref-theme-images img{object-fit:cover;object-position:top;border-radius:5px 5px 0 0;flex-shrink:0;width:34%;box-shadow:0 3px 12px #30351a12}.ref-theme-images img:nth-child(2){margin-top:15px}.ref-theme-card>span:not(.ref-theme-images),.ref-theme-card>small{margin-left:18px;margin-right:18px}.ref-theme-card-title{color:#647652;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ref-theme-card-title strong{color:#454e3d;flex:1;font-size:14px;font-weight:550}.ref-theme-card>span:not([class]){color:#909781;font-size:12px;line-height:1.5}.ref-theme-card>small{color:#a0a991;margin-top:14px;font-size:11px}.ref-storage-error{color:#8a7347;background:#fff8e9;border:1px solid #e5d5ad;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;padding:12px;font-size:13px;display:flex}.ref-storage-error button{background:0 0;border:0;display:flex}.ref-footer{border-top:1px solid var(--ref-line);justify-content:space-between;align-items:center;gap:15px;margin-top:46px;padding:24px 0 28px;display:flex}.ref-footer>span{color:#879479;align-items:center;gap:9px;font-size:11px;display:flex}.ref-footer small{color:#a8b09d;font-size:10px}.ref-viewer{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#353d30;width:min(1140px,100vw - 64px);max-width:none;height:min(820px,100svh - 64px);max-height:none;font-family:var(--font-geist-sans), Arial, sans-serif;background:#fff;border:1px solid #e2e6da;border-radius:14px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 30px 100px #10170860}.ref-viewer::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1921139c}.ref-viewer-inner{flex-direction:column;height:100%;display:flex}.ref-viewer-top{border-bottom:1px solid #e7e9e0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.ref-viewer-top>span{color:#879278;align-items:center;gap:10px;font-size:13px;display:flex}.ref-viewer-top i{color:#c0c8b4;font-style:normal}.ref-icon-button{color:#687859;background:#f3f5ee;border:0;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.ref-viewer-body{flex:1;grid-template-columns:minmax(0,1fr) 335px;min-height:0;display:grid}.ref-viewer-stage{background-color:#eff0e9;background-image:linear-gradient(45deg,#e9ebe3 25%,#0000 25%),linear-gradient(-45deg,#e9ebe3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9ebe3 75%),linear-gradient(-45deg,#0000 75%,#e9ebe3 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;flex-direction:column;min-width:0;min-height:0;padding:24px 26px 15px;display:flex}.ref-viewer-image{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:auto}.ref-viewer-image>img{object-fit:contain;max-width:100%;max-height:100%;display:block}.ref-viewer-image.is-zoomed{display:block}.ref-viewer-image.is-zoomed>img{width:max(100%,900px);max-width:none;max-height:none}.ref-viewer-image .ref-detail-crop{flex-shrink:0}.ref-viewer-image.is-zoomed .ref-detail-crop{width:150%;max-width:none}.ref-image-tools{justify-content:center;align-items:center;gap:10px;padding:12px 0 8px;display:flex}.ref-image-tools button{color:#6a795b;background:#ffffffdf;border:1px solid #dbe0d1;border-radius:5px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.ref-viewer-pagination{color:#9ca88e;justify-content:center;align-items:center;gap:18px;font-size:11px;display:flex}.ref-viewer-pagination button{color:#73865e;background:0 0;border:0;place-items:center;width:27px;height:27px;display:grid}.ref-viewer-info{padding:27px;overflow-y:auto}.ref-game-byline{align-items:center;gap:9px;margin-bottom:23px;display:flex}.ref-game-byline img{border-radius:9px;width:32px;height:32px}.ref-game-byline span{flex-direction:column;gap:3px;display:flex}.ref-game-byline strong{font-size:13px;font-weight:550}.ref-game-byline small{color:#96a087;font-size:11px}.ref-source-kind{color:#8b977a;background:#f6f8f1;border:1px solid #e3e8da;border-radius:4px;padding:4px 7px;font-size:10px;display:inline-block}.ref-viewer-info h2{letter-spacing:-.6px;margin:15px 0;font-size:25px;font-weight:520;line-height:1.18}.ref-design-note{color:#869277;margin-bottom:24px;font-size:13px;line-height:1.85}.ref-viewer-info h3{color:#778667;letter-spacing:.3px;margin:0 0 11px;font-size:11px;font-weight:550}.ref-tags{flex-wrap:wrap;gap:6px;display:flex}.ref-tags button{color:#738761;background:#f7f9f3;border:1px solid #e4e9da;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.ref-keywords{color:#a1ad93;flex-wrap:wrap;gap:6px 9px;margin:13px 0 25px;font-size:10px;display:flex}.ref-save-primary{color:#fff;background:#5b7048;border:1px solid #5b7048;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-size:13px;display:flex}.ref-save-primary.is-saved{color:#657e4d;background:#eef4e5;border-color:#dce7cc}.ref-local-note{text-align:center;color:#a1ad93;margin:8px 0 18px;font-size:10px;display:block}.ref-copy-button{color:#82936f;background:#fff;border:1px solid #e0e6d6;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px;font-size:12px;display:flex}.ref-copy-status{text-align:center;color:#7c925f;min-height:12px;margin:7px 0;font-size:11px;display:block}.ref-source{border-top:1px solid #e9eddf;margin-top:12px;padding-top:20px}.ref-source a{color:#75895e;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:1.5;display:flex}.ref-source a:hover{text-decoration:underline}.ref-source>span{color:#a4b092;margin-top:10px;font-size:10px;display:block}.ref-source p{color:#a0ad8c;margin:12px 0 0;font-size:10px;line-height:1.8}@media (min-width:1600px){.ref-main{padding-top:48px}.ref-card-visual{height:340px}.ref-game{height:150px}.ref-game-cover{height:175px}}@media (max-width:1250px){.ref-sidebar{width:210px;padding:30px 15px 20px}.ref-workspace{margin-left:210px}.ref-main{padding:32px 28px 0}.ref-topbar{padding:0 28px}.ref-visual-label{display:none}.ref-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-game{padding:14px}.ref-game-copy strong{font-size:13px}.ref-game-topline>span{display:none}.ref-game-cover{opacity:.8}.ref-browse-tabs>span{display:none}.ref-footer{flex-direction:column;align-items:flex-start}}@media (max-width:950px){.ref-sidebar{width:185px;padding:27px 10px 20px}.ref-workspace{margin-left:185px}.ref-brand{gap:7px}.ref-brand>span:last-child{font-size:22px}.ref-brand-mark{width:32px;height:36px}.ref-sidebar-label{letter-spacing:1px;font-size:10px}.ref-sidebar nav button{gap:8px;font-size:12px}.ref-filterbar{flex-wrap:wrap}.ref-search{flex-basis:100%}.ref-filterbar select{flex:1;max-width:none}.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-games{gap:9px}.ref-game{height:142px;padding:11px}.ref-game-copy strong{white-space:normal;max-width:80px;font-size:13px}.ref-game-count{font-size:10px}.ref-game-cover{opacity:.4;width:60%}.ref-games--expanded{grid-template-columns:1fr}.ref-games--expanded .ref-game{height:210px}.ref-games--expanded .ref-game-copy strong{max-width:none}.ref-games--expanded .ref-game-cover{opacity:1;width:55%;height:220px;bottom:0;right:0}.ref-viewer{width:calc(100vw - 36px);height:calc(100svh - 36px)}.ref-viewer-body{grid-template-columns:minmax(0,1fr) 290px}.ref-viewer-info{padding:22px}.ref-viewer-stage{padding:20px 14px 12px}}@media (max-width:700px){.ref-sidebar{display:none}.ref-workspace{margin-left:0}.ref-topbar{height:60px;padding:0 20px}.ref-breadcrumb{display:none}.ref-mobile-brand{letter-spacing:-.8px;color:#506143;font-size:22px;font-weight:650;display:block}.ref-topbar-right{gap:14px}.ref-main{padding:29px 20px 0}.ref-heading{padding-bottom:21px}.ref-eyebrow{letter-spacing:1.3px;font-size:10px}.ref-heading h1{letter-spacing:-1.1px;font-size:30px}.ref-heading p{max-width:310px;font-size:12px}.ref-browse-tabs{gap:24px;margin-bottom:21px}.ref-browse-tabs>button{gap:6px;font-size:12px}.ref-browse-tabs>button svg{width:15px}.ref-featured{margin-bottom:20px}.ref-games{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,minmax(150px,1fr));padding-bottom:6px;overflow-x:auto}.ref-game{scroll-snap-align:start;height:128px;padding:14px}.ref-game-cover{opacity:.6}.ref-games--expanded{grid-template-columns:1fr;overflow:visible}.ref-games--expanded .ref-game{height:230px}.ref-grid{gap:23px 12px}.ref-card-visual{height:265px}.ref-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-grid--compact .ref-card-visual{height:190px}.ref-card-meta>button{font-size:12px}.ref-card-meta small{display:none}.ref-card-themes{font-size:10px}.ref-results-toolbar{margin-top:17px}.ref-results-toolbar h2{gap:7px;font-size:13px}.ref-results-toolbar h2 span{font-size:10px}.ref-results-toolbar>div{gap:3px}.ref-results-toolbar select{max-width:105px;padding-right:0;font-size:10px}.ref-card-save{width:32px;height:34px;top:7px;right:7px}.ref-section-title h2{font-size:13px}.ref-section-title button{font-size:10px}.ref-viewer{border-radius:10px;width:calc(100vw - 16px);height:calc(100svh - 16px)}.ref-viewer-body{flex-direction:column;display:flex;overflow-y:auto}.ref-viewer-stage{flex:none;height:59svh;min-height:430px}.ref-viewer-info{padding:24px;overflow-y:visible}.ref-viewer-image.is-zoomed>img{width:max(100%,700px)}.ref-source p,.ref-local-note{font-size:12px}.ref-viewer-top{padding:10px 14px}.ref-viewer-top>span{font-size:12px}.ref-viewer-info h2{font-size:28px}.ref-design-note{font-size:14px}.ref-about>div{width:min(300px,100vw - 40px)}.ref-theme-card-title{flex-wrap:wrap;gap:5px}.ref-theme-card-title strong{font-size:12px}.ref-theme-card-title>svg:last-child{display:none}.ref-theme-images{height:120px;padding-left:10px;padding-right:10px}.ref-theme-card>span:not(.ref-theme-images),.ref-theme-card>small{margin-left:12px;margin-right:12px}.ref-theme-card>span:not([class]){font-size:11px}.ref-theme-grid{gap:12px}.ref-skip{left:15px}}@media (max-width:390px){.ref-main{padding-left:14px;padding-right:14px}.ref-browse-tabs{gap:20px}.ref-card-visual{height:225px}.ref-heading h1{font-size:27px}.ref-edition{font-size:10px}}.ref-heading p,.ref-sidebar-label,.ref-card-themes,.ref-card-meta small,.ref-card-meta>div,.ref-results-toolbar h2 span,.ref-results-toolbar select,.ref-browse-tabs>span,.ref-edition,.ref-sidebar-bottom p,.ref-footer small,.ref-game-count,.ref-visual-label,.ref-source-kind,.ref-design-note,.ref-viewer-info h3,.ref-keywords,.ref-local-note,.ref-source>span,.ref-source p,.ref-source a,.ref-copy-button,.ref-viewer-pagination,.ref-game-byline small,.ref-theme-card>span:not([class]),.ref-theme-card>small,.ref-breadcrumb,.ref-search input::placeholder{color:#68745e}.ref-sidebar nav button small,.ref-sidebar nav button b{color:#657159}@media (prefers-reduced-motion:reduce){.references-app *,.references-app :before,.references-app :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}