.gallery-review{--ink:#302d27;--paper:#fffaf0;--muted:#726b5d;min-height:100dvh;color:var(--ink);background:radial-gradient(#947d4920 .6px,#0000 .8px) 0 0/6px 6px,#f3efdf;font-family:Arial,sans-serif}.gallery-review :is(button,a,input,select,summary):focus-visible{outline-offset:5px;outline:3px solid #29655b}.gallery-review button,.gallery-review summary{cursor:pointer}.gallery-review button:disabled{opacity:.4;cursor:default}.gallery-review-note{font:10px var(--font-mono),monospace;letter-spacing:1px;background:#e9dfc5;border-bottom:1px dashed #ad9a74;justify-content:space-between;gap:16px;padding:9px 4%;display:flex}.gallery-review-note a{text-decoration:underline}.gallery-header{justify-content:space-between;align-items:center;gap:28px;max-width:1480px;margin:auto;padding:26px 4% 20px;display:flex}.gallery-brand{font:900 36px/.92 var(--font-oswald),sans-serif;letter-spacing:-1px;transform:rotate(-2deg)}.gallery-brand small{font:8px var(--font-mono),monospace;letter-spacing:1.6px;border-top:3px solid #e97558;margin-top:9px;padding-top:7px;display:block}.gallery-header nav{flex-wrap:wrap;gap:10px;display:flex}.gallery-header nav a{font:600 19px var(--font-oswald),sans-serif;background:linear-gradient(115deg,#fff8e9,#e9d9b5);border:2px solid #a9946c;padding:12px 19px;transform:rotate(-1deg);box-shadow:3px 4px #302d2730}.gallery-header nav a:nth-child(2n){transform:rotate(1deg)}.gallery-header nav a[aria-current]{border-color:var(--ink);box-shadow:4px 5px var(--ink);background:#f5d567}.gallery-button{border:2px solid var(--ink);background:var(--paper);min-height:44px;box-shadow:3px 4px var(--ink);font:600 18px var(--font-oswald),sans-serif;justify-content:center;align-items:center;gap:10px;padding:10px 20px;display:inline-flex}.gallery-button svg{width:26px;height:26px}.gallery-coral{background:#ed765b;transform:rotate(-1deg)}.gallery-button:hover:not(:disabled),.gallery-header nav a:hover{background:#f5d567}.gallery-content{max-width:1400px;margin:auto;padding:0 4% 26px}.gallery-intro{justify-content:space-between;align-items:center;gap:30px;padding:34px 0 40px;display:flex}.gallery-kicker{font:10px/1.6 var(--font-mono),monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.gallery-intro h1{font:800 clamp(52px,6.5vw,88px)/.99 var(--font-oswald),sans-serif;text-transform:uppercase;letter-spacing:-2px;margin:12px 0 19px}.gallery-intro h1 em{font-style:normal;display:inline-block;position:relative}.gallery-intro h1 em:after{content:"";background:#e96c50;height:5px;position:absolute;bottom:-7px;left:1px;right:-10px;transform:rotate(-2deg)}.gallery-intro p:not(.gallery-kicker){color:var(--muted);margin-top:24px;font-size:14px;line-height:1.6}.gallery-intro-note{text-align:center;background:#f8eac4;border:2px solid #b29d75;margin-right:15px;padding:22px 34px;position:relative;transform:rotate(3deg);box-shadow:5px 6px #302d271c}.gallery-intro-note:before,.gallery-card:before{content:"";z-index:2;background:#c8b88890;width:58px;height:18px;position:absolute;top:-9px;left:calc(50% - 29px);transform:rotate(-5deg)}.gallery-intro-note svg{width:56px;height:56px;margin:auto auto 12px}.gallery-intro-note b{font:600 25px/1.25 var(--font-oswald),sans-serif;display:block}.gallery-intro-note a{font:12px var(--font-mono),monospace;margin-top:18px;text-decoration:underline;display:block}.gallery-filters{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);grid-template-columns:minmax(190px,1.5fr) minmax(160px,.8fr) minmax(170px,1fr) auto;align-items:end;gap:18px;padding:20px 0;display:grid}.gallery-filters label{font:500 17px var(--font-oswald),sans-serif;flex-direction:column;gap:8px;min-width:0;display:flex}.gallery-filters :is(input,select){background:var(--paper);width:100%;min-width:0;height:46px;color:var(--ink);border:1.5px solid #a99a7e;border-radius:0;padding:0 12px;font:14px Arial,sans-serif}.gallery-more{position:relative}.gallery-more summary{font:500 17px var(--font-oswald),sans-serif;white-space:nowrap;padding:12px 4px}.gallery-more>div{z-index:5;background:var(--paper);border:2px solid var(--ink);gap:16px;width:300px;padding:20px;display:grid;position:absolute;top:100%;right:0;box-shadow:5px 6px #302d2740}.gallery-more small{color:var(--muted);font-size:12px;line-height:1.5}.gallery-results-heading{align-items:center;gap:16px;padding:23px 0 25px;scroll-margin-top:20px;display:flex}.gallery-results-heading p{font:600 20px var(--font-oswald),sans-serif}.gallery-results-heading>span{font:11px var(--font-mono),monospace;color:var(--muted);margin-left:auto}.gallery-clear{font-size:12px;text-decoration:underline}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;display:grid}.gallery-card{text-align:left;background:var(--paper);border:2px solid var(--ink);min-width:0;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:4px 5px #302d2730}.gallery-card:hover{transform:translateY(-5px)rotate(-.6deg);box-shadow:6px 9px #302d2740}.gallery-card-photo{background:linear-gradient(155deg,#fff2,transparent),var(--card-tint);border-bottom:2px solid var(--ink);justify-content:center;align-items:center;height:230px;display:flex;position:relative;overflow:hidden}.gallery-card-photo:before{content:"";background:#302d2717;border-radius:50%;width:60%;height:12%;position:absolute;bottom:22px}.gallery-card-photo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:20px 5px 4px;position:relative}.gallery-card-rank{font:10px var(--font-mono),monospace;text-transform:uppercase;letter-spacing:1px;z-index:1;position:absolute;top:12px;left:12px}.gallery-card-number{font:10px var(--font-mono),monospace;color:#554e43;position:absolute;bottom:10px;right:10px}.gallery-card-copy{padding:17px 15px 0}.gallery-card h2{font:600 25px/1.15 var(--font-oswald),sans-serif;overflow-wrap:anywhere}.gallery-card-copy>p{color:var(--muted);min-height:27px;margin:8px 0 16px;font-size:11px}.gallery-card-stats{font:9px var(--font-mono),monospace;color:var(--muted);flex-wrap:wrap;align-items:center;gap:13px;display:flex}.gallery-card-stats b{font:600 20px var(--font-oswald),sans-serif;color:var(--ink);margin-right:2px}.gallery-card-stats span:first-child b{color:#29655b}.gallery-card-stats span:last-child{margin-left:auto}.gallery-card footer{border-top:1px dashed #ad9a74;justify-content:space-between;align-items:center;margin-top:16px;padding:11px 0;font-size:10px;display:flex}.gallery-card footer b{font-size:19px}.gallery-photo-studio{pointer-events:none;width:360px;height:360px;position:fixed;top:0;left:-10000px}.gallery-photo-pending{text-align:center;color:var(--muted);font:13px var(--font-mono),monospace;padding:40px;display:block}.gallery-pagination{justify-content:center;align-items:center;gap:24px;margin:38px 0;display:flex}.gallery-pagination>span{font:12px var(--font-mono),monospace}.gallery-empty{text-align:center;background:var(--paper);border:2px dashed #ad9a74;padding:70px 20px}.gallery-empty h2{font:600 30px var(--font-oswald),sans-serif}.gallery-empty p{color:var(--muted);margin:15px 0 25px}.gallery-skeleton{height:400px;font:14px var(--font-mono),monospace;background:#e9dfc580;border:2px dashed #ad9a74;place-items:center;display:grid}.gallery-footer{font:10px var(--font-mono),monospace;color:var(--muted);border-top:2px solid #aa9670;justify-content:space-between;gap:20px;padding-top:24px;display:flex}.gallery-dossier{width:min(940px,100vw - 32px);max-height:90dvh;color:var(--ink);border:3px solid var(--ink);background:#fffaf0;margin:auto;padding:0;overflow:auto;box-shadow:8px 9px #302d2770}.gallery-dossier::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#29251b99}.gallery-dossier-inner{padding:25px}.gallery-dossier header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;display:flex}.gallery-dossier-columns{grid-template-columns:.8fr 1.2fr;gap:30px;padding-top:28px;display:grid}.gallery-dossier aside{text-align:center}.gallery-dossier-photo{border:2px solid var(--ink);background:#dbe1c7;box-shadow:4px 5px #302d2720}.gallery-dossier-photo img{width:100%;height:auto}.gallery-stamp{color:#a74e37;font:600 24px var(--font-oswald),sans-serif;text-transform:uppercase;border:3px solid #b65d44;margin:22px 0 16px;padding:5px 14px;display:inline-block;transform:rotate(-5deg)}.gallery-dossier aside small{overflow-wrap:anywhere;font:10px var(--font-mono),monospace;color:var(--muted);margin:18px 0;display:block}.gallery-dossier h2{font:700 44px/1.1 var(--font-oswald),sans-serif;text-transform:uppercase;overflow-wrap:anywhere;margin:10px 0 20px}.gallery-record{font:11px var(--font-mono),monospace;border-block:1px dashed #ad9a74;gap:22px;padding:14px 0;display:flex}.gallery-record b{font:600 27px var(--font-oswald),sans-serif;color:#29655b}.gallery-dossier h3{font:600 25px var(--font-oswald),sans-serif;margin:25px 0 12px}.gallery-lore{white-space:pre-line;font-size:15px;line-height:1.75}.gallery-traits{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.gallery-traits span{background:#eee0b8;border:1px solid #a9946c;padding:5px 9px;font-size:12px}.gallery-stat-grid{grid-template-columns:1fr 1fr;gap:12px 18px;display:grid}.gallery-stat-grid label{text-transform:capitalize;gap:6px;font-size:12px;display:grid}.gallery-stat-grid span{justify-content:space-between;display:flex}.gallery-stat-grid meter{width:100%;height:12px}.gallery-stat-grid meter::-webkit-meter-bar{background:#e9dfc5;border:0;border-radius:0}.gallery-stat-grid meter::-webkit-meter-optimum-value{background:#487a69}.gallery-history h4{font:500 17px var(--font-oswald),sans-serif;margin:16px 0 8px}.gallery-history li{border-bottom:1px dashed #baa787;gap:5px;padding:10px 0;font-size:13px;display:grid}.gallery-history li span{color:var(--muted);font-size:11px;line-height:1.5}.gallery-history a{color:#29655b;text-decoration:underline}.gallery-history+p{margin-top:24px}@media (min-width:1450px){.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1000px){.gallery-header{flex-wrap:wrap}.gallery-header nav{order:3;width:100%}.gallery-filters{grid-template-columns:1.2fr 1fr}.gallery-more>div{left:0;right:auto}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-card-photo{height:210px}}@media (max-width:660px){.gallery-header{gap:20px;padding:20px 5%}.gallery-brand{font-size:30px}.gallery-header nav{gap:8px}.gallery-header nav a{text-align:center;flex:1;padding:10px 7px;font-size:16px}.gallery-header>.gallery-button{padding:9px 12px;font-size:16px}.gallery-content{padding-inline:5%}.gallery-intro{padding:25px 0}.gallery-intro-note{display:none}.gallery-intro h1{font-size:59px}.gallery-kicker{font-size:9px}.gallery-filters{gap:14px 12px}.gallery-search,.gallery-more{grid-column:1/-1}.gallery-more>div{width:100%;margin-top:8px;position:static}.gallery-filters label{font-size:16px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.gallery-card-photo{height:190px}.gallery-card-copy{padding:13px 10px 0}.gallery-card h2{font-size:23px}.gallery-card-stats{gap:7px;font-size:8px}.gallery-card-stats b{font-size:18px}.gallery-results-heading{flex-wrap:wrap;gap:7px 15px}.gallery-results-heading>span{width:100%;margin:0}.gallery-pagination{gap:14px}.gallery-pagination .gallery-button{padding:8px 11px;font-size:14px}.gallery-pagination>span{font-size:10px}.gallery-footer{flex-direction:column}.gallery-dossier-inner{padding:17px}.gallery-dossier-columns{grid-template-columns:1fr;gap:15px}.gallery-dossier-photo{max-width:260px;margin:auto}.gallery-dossier h2{font-size:35px}.gallery-review-note{font-size:8px}.gallery-record{gap:16px}}@media (prefers-reduced-motion:reduce){.gallery-card{transition:none}.gallery-card:hover{transform:none}}@media (min-width:1001px){.gallery-header{padding-block:20px 14px}.gallery-intro{padding:20px 0 25px}.gallery-intro h1{margin:10px 0 16px;font-size:clamp(45px,4.8vw,67px)}.gallery-intro h1 br{display:none}.gallery-intro h1 em{margin-left:.2em}.gallery-intro p:not(.gallery-kicker){margin-top:15px}.gallery-intro-note{grid-template-columns:40px auto;gap:4px 14px;padding:16px 24px;display:grid}.gallery-intro-note svg{width:40px;height:40px;margin:0}.gallery-intro-note b{text-align:left;font-size:21px}.gallery-intro-note a{grid-column:1/-1;margin-top:9px}.gallery-filters{padding:15px 0}}.gallery-card{flex-direction:column;display:flex}.gallery-card-photo{flex-shrink:0;width:100%}.gallery-card-copy{flex-direction:column;flex:1;width:100%;display:flex}.gallery-card-stats{margin-top:auto}.community-intro{padding:20px 0 26px}.community-intro h1{font:750 clamp(38px,5vw,64px)/1.1 var(--font-oswald),sans-serif;text-transform:uppercase;letter-spacing:-1px;margin:9px 0 12px}.community-intro>p:last-child{color:var(--muted);font-size:15px;line-height:1.5}.community-tabs{border-bottom:2px solid var(--ink);gap:12px;padding-bottom:15px;display:flex}.community-tabs a{background:var(--paper);min-height:48px;font:600 21px var(--font-oswald),sans-serif;border:2px solid #b49d74;justify-content:center;align-items:center;gap:8px;padding:10px 22px;display:flex}.community-tabs a[aria-current]{border-color:var(--ink);box-shadow:3px 4px var(--ink);background:#f5d567;transform:rotate(-1deg)}.community-tabs svg{width:27px;height:27px}.community-toolbar{justify-content:space-between;align-items:center;gap:15px;padding:20px 0 0;display:flex}.community-toolbar .gallery-search{flex:1;max-width:560px}.community-toolbar input{background:var(--paper);width:100%;height:48px;color:var(--ink);border:2px solid #ac9872;padding:0 15px;font-size:15px}.community-toolbar>span{font:10px/1.5 var(--font-mono),monospace;color:var(--muted)}.community-rank-options{gap:6px;display:flex}.community-rank-options button{font:500 18px var(--font-oswald),sans-serif;background:var(--paper);border:1.5px solid #b49d74;min-height:44px;padding:8px 15px}.community-rank-options button[aria-pressed=true]{border-color:var(--ink);background:#e6b696}.gallery-card-copy>.community-card-story{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0 0 17px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.community-leaderboard{gap:12px;margin-bottom:35px;display:grid}.community-leader{text-align:left;background:var(--paper);border:2px solid #aa9670;grid-template-columns:60px 90px minmax(0,1fr) 90px 105px;align-items:center;gap:20px;width:100%;padding:12px 22px;display:grid;box-shadow:3px 4px #302d2726}.community-leader.is-top{border-color:var(--ink);background:linear-gradient(110deg,#f6e2a5,var(--paper) 55%)}.community-leader:hover{background:#f6e2a5}.community-placement{font:600 26px var(--font-oswald),sans-serif;text-align:center}.community-placement svg{width:28px;height:28px;margin:0 auto;display:block}.community-leader-photo{background:#dfdfca;border:1px solid #ad9a74;height:90px}.community-leader-photo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.community-leader-photo .gallery-photo-pending{padding:14px 5px;font-size:9px}.community-leader-name h2{font:600 25px/1.2 var(--font-oswald),sans-serif;overflow-wrap:anywhere}.community-leader-name p{color:var(--muted);margin:5px 0 7px;font-size:12px}.community-leader-name small{font:10px var(--font-mono),monospace}.community-score{text-align:center}.community-score b{font:600 34px var(--font-oswald),sans-serif;color:#29655b;display:block}.community-score span{font-size:11px}.community-read{font:500 16px var(--font-oswald),sans-serif}.gallery-attributes{margin-top:22px}.gallery-attributes summary{font:500 19px var(--font-oswald),sans-serif;border-block:1px dashed #ad9a74;padding:10px 0}.gallery-attributes .gallery-stat-grid{padding-top:15px}@media (max-width:660px){.community-intro{padding:15px 0 22px}.community-intro h1{font-size:38px}.community-tabs{gap:9px}.community-tabs a{flex:1;padding:9px 12px;font-size:18px}.community-tabs svg{width:22px;height:22px}.community-toolbar{flex-wrap:wrap}.community-toolbar>span,.community-rank-options{width:100%}.community-rank-options button{flex:1;padding:7px 9px;font-size:17px}.community-leader{grid-template-columns:30px 58px minmax(0,1fr) 49px;gap:9px;padding:12px 9px}.community-placement{font-size:20px}.community-placement svg{width:23px;height:23px}.community-leader-photo{height:72px}.community-leader-name h2{font-size:19px}.community-leader-name p{font-size:10px}.community-score b{font-size:28px}.community-score span{font-size:9px}.community-read{display:none}.community-leader-name small{font-size:9px}}.gallery-card-rank{align-items:center;gap:4px;display:flex}.gallery-card-rank .game-icon{width:18px;height:18px}.gallery-stamp .game-icon{width:26px;height:26px;margin-right:6px}
