:root{color:#f6e9c3;font-synthesis:none;text-rendering:optimizelegibility;--ink:#030503;--deep-green:#06130e;--panel-green:#0a1d16;--moss:#123c2b;--emerald:#22d981;--jade:#20a875;--aqua:#39d9b1;--gold:#ffc844;--gold-light:#ffe69a;--gold-dark:#8b4f0d;--bone:#f6e9c3;--muted:#adad98;--stone:#302b24;--line:#ffc84457;background:#030503;font-family:Avenir Next,Avenir,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button,a,select,input{outline:none}button,a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--gold-light)}::selection{color:var(--ink);background:var(--gold)}.visuallyHidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.appShell{background:var(--ink);width:100%;height:100%;position:relative;overflow:hidden}.museumCanvas{touch-action:none;border:0;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.artworkHoverOutline{z-index:11;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity 45ms linear;position:absolute;inset:0;overflow:hidden}.artworkHoverOutline polygon{fill:none;stroke:#34f46b;stroke-linejoin:round;stroke-linecap:round}.artworkHoverOutlineBase{opacity:.72;filter:drop-shadow(0 0 2px #34f46b66)}.artworkHoverOutlineTrace{opacity:1;stroke-dasharray:17 83;filter:drop-shadow(0 0 3px #34f46b94);animation:.9s linear infinite artworkHoverTrace}.artworkHoverOutline[data-layout-mode=wall] polygon{filter:none}@keyframes artworkHoverTrace{to{stroke-dashoffset:-100px}}@media (prefers-reduced-motion:reduce){.artworkHoverOutline{transition:none}.artworkHoverOutlineTrace{stroke-dasharray:none;animation:none}}.introScreen{z-index:50;isolation:isolate;background:linear-gradient(#0105031f,#0104022e 54%,#000201a8),radial-gradient(at 50% 45%,#0000 0 24%,#01060333 58%,#000000b3 100%),url(/ui/gribgazer-ui-atmosphere-v2.webp) 50%/cover no-repeat,#020403;place-items:center;padding:clamp(.75rem,3vw,2rem);display:grid;position:absolute;inset:0;overflow:hidden}.introScreen:before{z-index:-2;content:"";opacity:.8;background:linear-gradient(90deg,#0000 0 15%,#ffc9440a 15.1%,#0000 15.3% 84.7%,#ffc9440a 84.9%,#0000 85%),radial-gradient(at 50% 53%,#1dca7f1c,#0000 42%);animation:6s ease-in-out infinite alternate foyerBreath;position:absolute;inset:0}.introScreen:after{z-index:4;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 15vw #000000d1,inset 0 -16vh 22vh #000000a3,inset 0 1px #ffd25e14}.introAtmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.introAtmosphere:before{content:"";background:linear-gradient(90deg,#0000,#ffc2378c,#0000);height:1px;position:absolute;bottom:8%;left:22%;right:22%;box-shadow:0 0 18px #ffb82638,0 -14px 70px #1bdc7d21}.introAtmosphere:after{content:"";opacity:.42;background:radial-gradient(circle at 14% 38%,#ffd77033 0 1px,#0000 2px) 0 0/210px 180px,radial-gradient(circle at 80% 23%,#33de9a29 0 1px,#0000 2px) 0 0/270px 240px,radial-gradient(circle at 72% 73%,#ffd7701f 0 1px,#0000 2px) 0 0/310px 300px;position:absolute;inset:0}.introContent{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.35rem,1.4vh,.9rem);width:min(980px,94vw);display:flex;position:relative;transform:translateY(-1.5vh)}.introLogo{object-fit:contain;filter:drop-shadow(0 26px 26px #000000d1)drop-shadow(0 0 48px #159b5d29);-webkit-user-select:none;user-select:none;width:min(860px,82vw,181.5vh - 13.068rem);max-height:calc(100vh - 7.2rem);animation:.7s cubic-bezier(.18,.75,.2,1) both logoArrival;display:block}.enterButton{--cut:12px;isolation:isolate;min-width:clamp(218px,27vw,304px);min-height:58px;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 30%, #c77812 68%, #713908 100%);color:var(--bone);cursor:pointer;filter:drop-shadow(0 12px 24px #000000b8);border:0;grid-template-columns:18px 1fr 18px;align-items:center;gap:.9rem;padding:5px 1.45rem;transition:transform .18s,filter .18s,color .18s;animation:.52s cubic-bezier(.18,.75,.2,1) .26s both buttonArrival;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9dc80,inset 0 -3px #441f026b}.enterButton:before{z-index:-1;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);content:"";background:linear-gradient(90deg,#0000,#40e59f14,#0000),linear-gradient(#103b2a 0%,#09251a 48%,#06130e 100%);position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #ffe9a41f}.enterButton:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff9dc47,#0000);width:28%;animation:4.2s ease-in-out 1.1s infinite enterSheen;position:absolute;top:-35%;bottom:-35%;left:-42%;transform:skew(-18deg)}.enterButton>*{z-index:2;position:relative}.enterButton:hover:not(:disabled){filter:drop-shadow(0 14px 24px #000000b3)drop-shadow(0 0 18px #ffbf2d38);transform:translateY(-3px)scale(1.012)}.enterButton:hover:not(:disabled):before{background:linear-gradient(90deg,#0000,#4bffb321,#0000),linear-gradient(#155039 0%,#0b3021 48%,#071a12 100%)}.enterButton:active:not(:disabled){transform:translateY(1px)scale(.995)}.enterButton:disabled{cursor:wait;filter:saturate(.72)drop-shadow(0 10px 20px #000000a6)}.enterButtonLabel{letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px #000000d9;font-family:Arial Black,Avenir Next,sans-serif;font-size:.8rem;font-weight:900;line-height:1}.enterButtonGem{background:linear-gradient(135deg,#78ffe0,#13ac87 55%,#075b4b);border:2px solid #093d34;width:14px;height:14px;transform:rotate(45deg);box-shadow:0 0 0 2px #cf8519,0 0 14px #32f2ba7a}.enterButtonArrow{width:20px;height:20px;color:var(--gold);justify-self:end}.enterButton:disabled .enterButtonGem{animation:.9s ease-in-out infinite alternate gemPulse}@keyframes logoArrival{0%{opacity:0;transform:translateY(14px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes foyerBreath{0%{opacity:.58}to{opacity:.9}}@keyframes enterSheen{0%,65%{transform:translate(0)skew(-18deg)}82%,to{transform:translate(560%)skew(-18deg)}}@keyframes buttonArrival{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gemPulse{to{filter:brightness(1.55);box-shadow:0 0 0 2px #cf8519,0 0 24px #32f2bacc}}.wakeSequence{z-index:40;pointer-events:none;position:absolute;inset:0;overflow:hidden}.wakeViewFilter{z-index:1;-webkit-backdrop-filter:blur(var(--wake-blur)) saturate(var(--wake-saturation));box-shadow:inset 0 0 28vw rgba(0, 0, 0, var(--wake-vignette));position:absolute;inset:0}.wakeSigil{z-index:3;object-fit:contain;opacity:0;filter:drop-shadow(0 0 28px #16e69352);width:min(420px,56vw);max-height:44vh;animation:1.55s cubic-bezier(.2,.72,.22,1) both sigilWake;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.72)}.wakeBlackout{z-index:2;opacity:var(--blackout-opacity);background:#000;position:absolute;inset:0}.eyelid{z-index:4;height:52%;transform:scaleY(var(--eyelid-closure));will-change:transform;background:#000;position:absolute;left:-2%;right:-2%}@keyframes sigilWake{0%,18%{opacity:0;transform:translate(-50%,-50%)scale(.72)}38%,68%{opacity:.72;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.08)}}.eyelidTop{transform-origin:top;border-radius:0 0 46% 46%;top:-1%}.eyelidBottom{transform-origin:bottom;border-radius:46% 46% 0 0;bottom:-1%}.museumHud{z-index:12;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:1rem;display:grid;position:absolute;top:clamp(.65rem,1.4vw,1.25rem);left:clamp(.65rem,1.4vw,1.25rem);right:clamp(.65rem,1.4vw,1.25rem)}.museumHud button{pointer-events:auto}.brandChip{pointer-events:none;width:clamp(148px,14vw,196px)}.brandChip img{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 9px 12px #000000c7)drop-shadow(0 0 12px #23de8e1f);width:100%;height:auto;display:block}.layoutSwitcher{pointer-events:none;justify-items:center;gap:.35rem;display:grid}.layoutToggle{--cut:8px;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));pointer-events:auto;background:linear-gradient(90deg,#0000 48%,#ffcc4914 50%,#0000 52%),linear-gradient(#232a20f7,#05100bfa);border:1px solid #ffcd528a;gap:3px;padding:4px;display:flex;box-shadow:0 12px 32px #00000085,inset 0 1px #ffecb21a,inset 0 -2px #00000061}.layoutShortcutHint{--cut:4px;min-height:1.45rem;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));color:#c8c1a8;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#ffcc490f,#0000 54%),#05100be6;border:1px solid #ffcd525c;align-items:center;gap:.42rem;padding:.2rem .58rem .2rem .28rem;font-size:.54rem;font-weight:800;line-height:1;display:flex;box-shadow:0 7px 18px #00000061,inset 0 1px #ffecb214}.layoutShortcutKey{width:1.25rem;height:1.08rem;color:var(--gold-light);background:linear-gradient(#343e2bf5,#0e1912fa);border:1px solid #ffd86dc2;border-radius:2px;place-items:center;font-family:inherit;font-size:.62rem;font-weight:900;line-height:1;display:grid;box-shadow:0 2px #744608b8,inset 0 1px #fff5c42e}.layoutToggle button{color:#b7b39e;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;justify-content:center;align-items:center;gap:.65rem;min-width:6.6rem;min-height:2.75rem;padding:.65rem .9rem;font-size:.68rem;font-weight:850;transition:color .15s,background .15s,transform .15s;display:flex;position:relative;overflow:hidden}.layoutToggle button:hover{color:var(--gold-light)}.layoutToggle button[aria-pressed=true]{color:#142016;text-shadow:0 1px #fff4ca66;background:linear-gradient(90deg,#0000,#fff9da47,#0000),linear-gradient(#ffe17c 0%,#d98a18 72%,#9d570d 100%);box-shadow:inset 0 1px #ffffff7a,inset 0 -3px #5b2d046b}.layoutToggle[data-transitioning=true] button[aria-pressed=true]:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 18%,#ffffe38a 45%,#0000 72%);animation:.72s cubic-bezier(.4,0,.2,1) infinite layoutTransitionSweep;position:absolute;inset:0;transform:translate(-125%)}@keyframes layoutTransitionSweep{to{transform:translate(125%)}}.museumIcon{pointer-events:none;flex:none;width:22px;height:22px;display:block}.hudActions{pointer-events:auto;justify-self:end;gap:.55rem;display:flex}.hudActions button{--cut:7px;min-width:3rem;min-height:3rem;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));color:#ded5b8;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:radial-gradient(circle at 50% 38%,#22bb781a,#0000 42%),linear-gradient(#22281ff7,#06120cfa);border:1px solid #ffcd5275;justify-content:center;align-items:center;gap:.6rem;padding:0 .85rem;font-size:.66rem;font-weight:800;transition:color .15s,border-color .15s,transform .15s,background .15s;display:flex;box-shadow:0 12px 32px #00000073,inset 0 1px #ffefb812}.hudActions button:hover{border-color:var(--gold);color:var(--gold-light);background:radial-gradient(circle at 50% 45%,#28e79333,#0000 48%),linear-gradient(#303626fa,#091c12fc);transform:translateY(-2px)}.hudActions button:active{transform:translateY(1px)}.hudActionLabel{white-space:nowrap;font-size:.62rem}.hudActions .museumIcon{color:var(--gold)}.layoutToggle button:focus-visible,.hudActions button:focus-visible{box-shadow:inset 0 0 0 2px var(--aqua);outline:none}.crosshair{z-index:13;filter:drop-shadow(0 0 18px #78ffb647);pointer-events:none;background:url(/ui/crossmint-cursor-32.png) 50%/contain no-repeat;width:2rem;height:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panelBackdrop{z-index:30;-webkit-backdrop-filter:blur(14px);background:radial-gradient(circle,#124f3433,#0000 50%),#010302e0;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.collectionPanel,.qualityPanel,.detailPanel{--panel-cut:14px;clip-path:polygon(var(--panel-cut) 0, calc(100% - var(--panel-cut)) 0, 100% var(--panel-cut), 100% calc(100% - var(--panel-cut)), calc(100% - var(--panel-cut)) 100%, var(--panel-cut) 100%, 0 calc(100% - var(--panel-cut)), 0 var(--panel-cut));filter:drop-shadow(0 30px 60px #000000bf)drop-shadow(0 0 1px #2be9964d);background:linear-gradient(145deg,#081912e0,#020a07f0),url(/ui/gribgazer-ui-atmosphere-v2.webp) 50%/cover no-repeat,#06100c;border:1px solid #ffc84494;position:relative;box-shadow:inset 0 1px #ffefbb21,inset 0 0 34px #00000057}.collectionPanel,.qualityPanel{flex-direction:column;max-height:min(850px,92vh);display:flex;overflow:hidden}.collectionPanel{width:min(1280px,97vw)}.qualityPanel{width:min(660px,94vw)}.panelHeader,.detailHeader{background:linear-gradient(90deg,#b56d1229,#0000 38%),linear-gradient(#ffffff06,#0000001a);border-bottom:1px solid #ffc84447;justify-content:space-between;align-items:center;gap:1rem;min-height:4.65rem;padding:1rem 1.25rem;display:flex;position:relative}.panelHeader:after,.detailHeader:after{content:"";opacity:.1;pointer-events:none;background:url(/ui/gribgazer-eye-sigil-v1.png) 50%/contain no-repeat;width:120px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panelHeader h2,.detailHeader h2{color:var(--gold-light);letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 2px #000000bf;margin:0;font-family:Arial Black,Avenir Next,sans-serif;font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:900;line-height:1}.panelCount{color:var(--aqua);letter-spacing:.12em;text-transform:uppercase;margin:.3rem 0 0;font-size:.65rem;font-weight:750}.iconButton{--cut:5px;width:2.45rem;height:2.45rem;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));color:var(--gold-light);cursor:pointer;background:radial-gradient(circle,#27ca8517,#0000 48%),linear-gradient(#2a342b,#08130e);border:1px solid #ffc8447a;flex:none;font-size:1.35rem;line-height:1;transition:color .14s,border-color .14s,background .14s,transform .14s;box-shadow:inset 0 1px #fff5cf1a,inset 0 -2px #0000006b}.iconButton:hover{border-color:var(--gold);color:#fff3c8;background:#573616;transform:rotate(2deg)scale(1.04)}.collectionToolbar{background:linear-gradient(#0f2d1f38,#0000);grid-template-columns:minmax(18rem,1fr) minmax(13rem,.55fr) auto;align-items:end;gap:.65rem;padding:.85rem 1rem .55rem;display:grid}.collectionSearch,.collectionSort{color:#bcb79f;letter-spacing:.1em;text-transform:uppercase;flex-direction:column;gap:.35rem;min-width:0;font-size:.58rem;font-weight:850;display:flex;position:relative}.collectionSearch input,.collectionSort select,.rankRange input{width:100%;height:2.8rem;color:var(--bone);background:#020d09eb;border:1px solid #ffc8444d;border-radius:0}.collectionSearch input{padding:0 3.1rem 0 2.7rem;font-size:.78rem}.collectionSearch input::placeholder{color:#75857a}.collectionSearch input:hover,.collectionSort select:hover,.rankRange input:hover{border-color:#ffc8449e}.collectionSort select{padding:0 .7rem;font-size:.68rem}.searchIcon{z-index:1;border:1px solid var(--aqua);pointer-events:none;border-radius:50%;width:.82rem;height:.82rem;position:absolute;bottom:.88rem;left:1rem}.searchIcon:after{background:var(--aqua);content:"";width:.48rem;height:1px;position:absolute;bottom:-.24rem;right:-.38rem;transform:rotate(45deg)}.collectionSearch kbd{color:#a99f80;background:#0d2118;border:1px solid #ffc8443d;place-items:center;width:1.45rem;height:1.55rem;font-size:.64rem;display:grid;position:absolute;bottom:.62rem;right:.65rem}.clearFiltersButton,.mobileFilterToggle,.collectionEmpty button{--cut:6px;min-height:2.8rem;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));color:var(--gold-light);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#1b3b2a,#08150f);border:1px solid #ffc8445c;padding:0 .9rem;font-size:.59rem;font-weight:900}.clearFiltersButton:hover:not(:disabled),.mobileFilterToggle:hover,.collectionEmpty button:hover{border-color:var(--gold);filter:brightness(1.12)}.clearFiltersButton:disabled{cursor:default;opacity:.32}.mobileFilterToggle{display:none}.searchSyntax{color:#6f8175;letter-spacing:.03em;white-space:nowrap;align-items:center;gap:.9rem;min-height:1.7rem;padding:0 1rem .5rem;font-size:.54rem;display:flex;overflow:hidden}.searchSyntax b{color:#bdb593;font-weight:800}.collectionWorkspace{border-top:1px solid #ffc8442e;flex:1;grid-template-columns:15.5rem minmax(0,1fr);min-height:0;display:grid}.filterRail{scrollbar-color:var(--gold-dark) #08120d;scrollbar-width:thin;background:#010a06a3;border-right:1px solid #ffc8442e;flex-direction:column;min-height:0;display:flex;overflow:hidden auto}.filterSection{border-bottom:1px solid #ffc84421;padding:.9rem}.filterSectionHeader{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.7rem;display:flex}.filterSectionHeader h3{color:var(--gold-light);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.67rem}.filterSectionHeader span{color:#77867b;text-transform:uppercase;font-size:.52rem}.rarityPresets{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.rarityPresets button{color:#c8c0a3;cursor:pointer;text-align:left;background:#081c13c7;border:1px solid #ffc8442e;flex-direction:column;justify-content:center;align-items:flex-start;gap:.15rem;min-height:2.55rem;padding:.45rem .55rem;font-size:.61rem;font-weight:800;display:flex}.rarityPresets button:first-child{grid-column:1/-1}.rarityPresets button:hover,.rarityPresets .rarityPresetActive{border-color:var(--gold);color:var(--gold-light);background:linear-gradient(120deg,#24c47538,#814b0c21)}.rarityPresets small{color:#718e7b;font-size:.5rem}.rankRange{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:.35rem;margin-top:.65rem;display:grid}.rankRange>span{color:#6f806f;padding-bottom:.75rem}.rankRange label{color:#858b79;text-transform:uppercase;flex-direction:column;gap:.3rem;min-width:0;font-size:.5rem;font-weight:750;display:flex}.rankRange input{height:2.35rem;padding:0 .5rem;font-size:.65rem}.traitFilters{min-height:0}.traitFacetList{flex-direction:column;gap:.32rem;display:flex}.traitFacet{background:#06160fb3;border:1px solid #ffc84424}.traitFacet[open]{border-color:#39d9b152}.traitFacet summary{color:#c9c1a5;cursor:pointer;justify-content:space-between;align-items:center;gap:.4rem;min-height:2.3rem;padding:.45rem .55rem;font-size:.58rem;font-weight:800;list-style:none;display:flex}.traitFacet summary::-webkit-details-marker{display:none}.traitFacet summary:after{color:var(--aqua);content:"+";font-size:.8rem}.traitFacet[open] summary:after{content:"−"}.traitFacet summary small{color:#718276;margin-left:auto;font-size:.48rem;font-weight:700}.traitOptions{scrollbar-width:thin;border-top:1px solid #39d9b11f;flex-direction:column;max-height:12rem;padding:.2rem .4rem .45rem;display:flex;overflow:hidden auto}.traitOptions label{color:#a9ad98;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4rem;min-height:2rem;padding:.25rem;font-size:.55rem;display:grid}.traitOptions label:hover{color:#eef3dc;background:#39d9b114}.traitOptions input{width:.9rem;height:.9rem;accent-color:var(--emerald);margin:0}.traitOptions small{color:#65786a;font-size:.5rem}.collectionResults{flex-direction:column;min-width:0;min-height:0;display:flex}.activeTraitFilters{scrollbar-width:thin;gap:.35rem;padding:.55rem .75rem 0;display:flex;overflow:auto hidden}.activeTraitFilters button{color:#dcead9;cursor:pointer;background:#1148316b;border:1px solid #39d9b161;flex:none;align-items:center;gap:.28rem;min-height:1.9rem;padding:.3rem .48rem;font-size:.52rem;display:flex}.activeTraitFilters button:hover{border-color:var(--gold)}.activeTraitFilters span{color:var(--aqua);font-weight:800}.activeTraitFilters b{color:var(--gold);margin-left:.2rem;font-size:.72rem}.collectionSummary{color:#858f84;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #ffc8441f;justify-content:space-between;align-items:center;gap:.8rem;min-height:2.15rem;padding:.5rem .85rem;font-size:.57rem;font-weight:700;display:flex}.collectionSummary strong{color:var(--gold-light)}.collectionList{scrollbar-color:var(--gold-dark) #08120d;scrollbar-width:thin;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.5rem;min-height:0;padding:.7rem .75rem 1rem;display:grid;overflow:auto}.collectionRow{--row-cut:6px;min-height:5.25rem;clip-path:polygon(var(--row-cut) 0, 100% 0, 100% calc(100% - var(--row-cut)), calc(100% - var(--row-cut)) 100%, 0 100%, 0 var(--row-cut));content-visibility:auto;contain-intrinsic-size:auto 5.25rem;background:linear-gradient(110deg,#1f52391a,#0000 42%),#010906bd;border:1px solid #ffc8442b;grid-template-columns:3.7rem minmax(0,1fr) minmax(6.7rem,auto) auto;align-items:center;gap:.55rem;padding:.45rem;transition:border-color .14s,background .14s,transform .14s,box-shadow .14s;display:grid;box-shadow:inset 0 1px #ffefbb06}.collectionRow:hover{background:linear-gradient(120deg,#2988582b,#0000001f);border-color:#ffc84466;transform:translateY(-1px);box-shadow:inset 2px 0 #39d9b138}.collectionRowSelected{border-color:var(--gold);box-shadow:inset 3px 0 var(--emerald);background:linear-gradient(120deg,#24c47533,#814b0c1f)}.collectionThumb{background:radial-gradient(circle at 50% 35%,#27ca8533,#0000 45%),linear-gradient(145deg,#16291f,#07110c);border:1px solid #ffc8446b;place-items:center;width:3.7rem;height:3.7rem;display:grid;position:relative;overflow:hidden;box-shadow:3px 3px #0000005c}.collectionThumb>span{color:#ffe69a9e;font-size:.55rem;font-weight:900}.collectionThumb img{width:100%;height:100%;image-rendering:pixelated;object-fit:cover;background:#152018;position:absolute;inset:0}.collectionIdentity,.rowRarity,.rowActions{min-width:0;display:flex}.collectionIdentity{flex-direction:column;gap:.18rem}.collectionIdentity strong,.rowRarity strong{color:#f0e3be;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collectionIdentity strong{font-size:.7rem}.collectionIdentity small,.collectionIdentity span,.rowRarity small,.rowRarity>span{color:#7f9284;text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;overflow:hidden}.collectionIdentity span{color:#a4ac98}.rowRarity{border-left:1px solid #39d9b133;flex-direction:column;gap:.15rem;padding-left:.55rem}.rowRarity>span{color:var(--aqua);letter-spacing:.08em;text-transform:uppercase;font-weight:850}.rowRarity strong{color:var(--gold-light);font-size:.8rem}.rowActions{flex-direction:column;gap:.3rem}.rowActions button{color:#d8ceac;cursor:pointer;background:#0d2118;border:1px solid #ffc84452;border-radius:0;min-width:2.4rem;min-height:2.4rem;padding:0;font-size:0}.rowActions button:hover{border-color:var(--gold);color:var(--gold-light);background:#173825;transform:translateY(-1px)}.rowIconButton{position:relative}.rowIconButton:before,.rowIconButton:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rowViewButton:before{border:1px solid;border-radius:60% 10%/70% 20%;width:15px;height:9px;transform:translate(-50%,-50%)rotate(45deg)}.rowViewButton:after{background:var(--aqua);width:4px;height:4px;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 6px #39d9b18c}.rowFindButton:before{border:1px solid;border-radius:50%;width:12px;height:12px}.rowFindButton:after{background:linear-gradient(currentColor,currentColor) 50%/18px 1px no-repeat,linear-gradient(currentColor,currentColor) 50%/1px 18px no-repeat;width:18px;height:18px}.collectionEmpty{color:#8d9c90;text-align:center;grid-column:1/-1;align-content:center;place-items:center;gap:.55rem;min-height:15rem;padding:2rem;display:grid}.collectionEmpty>span{border:1px solid var(--aqua);opacity:.45;border-radius:60% 10%/70% 20%;width:3rem;height:1.9rem;transform:rotate(45deg)}.collectionEmpty h3,.collectionEmpty p{margin:0}.collectionEmpty h3{color:var(--gold-light);text-transform:uppercase;font-size:.85rem}.collectionEmpty p{max-width:22rem;font-size:.65rem;line-height:1.5}.qualityChoices{grid-template-columns:repeat(3,1fr);gap:.7rem;padding:1.2rem;display:grid}.qualityChoice{--choice-cut:9px;min-height:10rem;clip-path:polygon(var(--choice-cut) 0, 100% 0, 100% calc(100% - var(--choice-cut)), calc(100% - var(--choice-cut)) 100%, 0 100%, 0 var(--choice-cut));color:#9c9d8b;cursor:pointer;text-align:left;background:radial-gradient(circle at 50% 22%,#21b5741f,#0000 35%),linear-gradient(145deg,#0b1f16db,#020a07f2),url(/ui/gribgazer-ui-atmosphere-v2.webp) 50%/cover no-repeat;border:1px solid #ffc84438;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.45rem;padding:1rem;transition:border-color .14s,transform .14s,background .14s,filter .14s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffeeb50a}.qualityChoice:hover{filter:brightness(1.1);border-color:#ffc844ad;transform:translateY(-2px)}.qualityChoice strong{color:var(--gold-light);letter-spacing:.04em;text-transform:uppercase;font-family:Arial Black,Avenir Next,sans-serif;font-size:.82rem}.qualityChoice>span:last-child{font-size:.62rem}.qualityChoiceActive{border-color:var(--gold);box-shadow:inset 0 -3px var(--gold), inset 0 0 24px #21d98112;background:radial-gradient(circle at 50% 22%,#27e08b3d,#0000 38%),linear-gradient(145deg,#154a32c7,#03120beb),url(/ui/gribgazer-ui-atmosphere-v2.webp) 50%/cover no-repeat}.qualityChoiceCheck{width:18px;height:18px;color:var(--aqua);position:absolute;top:.7rem;right:.7rem}.qualityBars{align-items:end;gap:4px;height:38px;margin-bottom:auto;display:flex}.qualityBars i{border:1px solid var(--gold-dark);background:linear-gradient(180deg, var(--gold), #9b5e0f);width:8px;display:block;box-shadow:0 0 8px #ffc53a1f}.qualityBars i:first-child{height:14px}.qualityBars i:nth-child(2){height:24px}.qualityBars i:nth-child(3){height:34px}.qualityChoice[data-preset=balanced] .qualityBars i:nth-child(3),.qualityChoice[data-preset=performance] .qualityBars i:nth-child(n+2){box-shadow:none;background:#1a2d22;border-color:#34493d}.artworkModal{z-index:30;-webkit-backdrop-filter:blur(15px)saturate(.78);background:radial-gradient(circle at 50% 42%,#3d8e5d24,#0000 36%),linear-gradient(#020605c2,#010302f0);place-items:center;padding:1rem;animation:.24s ease-out both artworkModalVeil;display:grid;position:absolute;inset:0}.detailPanel{aspect-ratio:1672/941;isolation:isolate;clip-path:none;filter:drop-shadow(0 2rem 4rem #000000b8);background:url(/ui/room-frame-gribbits.webp) 50%/100% 100% no-repeat,radial-gradient(circle at 55% 15%,#1c563947,#0000 42%),linear-gradient(145deg,#07100dfa,#030807fc);border:0;grid-template-columns:minmax(14rem,.82fr) minmax(0,1.18fr);gap:clamp(.85rem,2vw,1.6rem);width:min(76rem,100vw - 2rem,177.683vh - 3.55367rem);min-height:0;padding:7.1% 7.3% 6.6%;animation:.36s cubic-bezier(.2,.8,.2,1) both artworkModalArrive;display:grid;position:relative;overflow:hidden}.detailHeader{background:0 0;border:0;flex:none;align-items:flex-start;min-height:0;padding:0}.detailHeader:after{display:none}.detailHeader h2{color:#f3f4e7;letter-spacing:.04em;text-transform:uppercase;margin:.2rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.65rem,2.5vw,2.65rem)}.detailPanel:before{z-index:-1;content:"";background:linear-gradient(90deg,#0d1d17e0,#050d0af5);border:1px solid #84dda424;position:absolute;inset:6.8% 6.7% 6.2%;box-shadow:inset 0 0 2.5rem #000000a8,0 0 2rem #40cf7d0f}.detailBody{scrollbar-color:#67b582b3 #0309078c;scrollbar-width:thin;flex-direction:column;gap:clamp(.65rem,1.35vh,1rem);min-width:0;min-height:0;padding:.25rem .65rem .35rem .1rem;display:flex;overflow:hidden auto}.tokenNumber{color:var(--aqua);letter-spacing:.14em;margin-bottom:.35rem;font-size:.63rem;font-weight:850;display:block}.detailArtwork{background:linear-gradient(145deg,#84e0a92e,#0000 38%),#020806eb;border:1px solid #9de5b547;place-items:center;min-width:0;min-height:0;padding:clamp(.55rem,1.2vw,.9rem);display:grid;position:relative;box-shadow:inset 0 0 0 .28rem #040a08c7,inset 0 0 2rem #000000b8,0 .8rem 2rem #00000061}.detailArtworkFallback,.detailArtwork img{grid-area:1/1}.detailArtworkFallback{color:#ffe69ab8;text-transform:uppercase;place-content:center;place-items:center;gap:.35rem;display:grid}.detailArtworkFallback span{color:var(--aqua);letter-spacing:.18em;font-size:.7rem;font-weight:850}.detailArtworkFallback strong{font-size:clamp(1.4rem,3vw,2.4rem)}.detailArtwork img{z-index:1;width:100%;height:100%;max-height:100%;image-rendering:pixelated;object-fit:contain;background:#020705eb;border:1px solid #b4efc933;display:block;position:relative;box-shadow:0 0 1.6rem #00000080}.detailArtwork img[hidden]{display:none}.detailMeta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.detailMeta article,.traitGrid article{filter:drop-shadow(0 .45rem .65rem #00000052);background:url(/ui/gribbits-v3-metric-chip.webp) 50%/100% 100% no-repeat,#050d0af0;min-width:0;padding:.82rem 1rem}.detailMeta span,.traitGrid span{color:#b2d3bfc2;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.25rem;font-size:.72rem;display:block}.detailMeta strong,.traitGrid strong{color:#f4fff7;overflow-wrap:anywhere;font-size:.92rem}.detailDescription{color:#e7f4ece6;flex:none;margin:0;font-size:.9rem;line-height:1.48}.detailMeta,.traitSection,.detailActions,.detailNavigation{flex:none}.traitGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:0;display:grid}.traitGrid article{border-left:2px solid var(--gold-dark);background:#ffffff09;flex-direction:column;gap:.25rem;min-width:0;padding:.55rem;display:flex}.traitSection{flex-direction:column;gap:.55rem;display:flex}.traitGrid strong{text-overflow:ellipsis}.traitGrid article small{color:#74b28ac7;font-size:.58rem;line-height:1.35}.detailActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:0;display:grid}.detailActions a,.detailActions button,.detailNavigation button{--action-cut:5px;min-height:2.6rem;clip-path:polygon(var(--action-cut) 0, 100% 0, 100% calc(100% - var(--action-cut)), calc(100% - var(--action-cut)) 100%, 0 100%, 0 var(--action-cut));color:#d5ccae;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#153022fa,#05120cfa);border:1px solid #ffc8444d;border-radius:0;place-items:center;font-size:.61rem;font-weight:800;text-decoration:none;transition:border-color .14s,color .14s,transform .14s,background .14s;display:grid;box-shadow:inset 0 1px #fff1c30d,inset 0 -2px #00000047}.detailActions a:hover,.detailActions button:hover,.detailNavigation button:hover:not(:disabled){border-color:var(--gold);color:var(--gold-light);background:linear-gradient(#234a35fa,#081e14fa);transform:translateY(-1px)}.detailActions a:first-child{color:#68e9c4;border-color:#39d9b19e}.detailNavigation{border-top:1px solid #ffc84424;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:auto;padding:.8rem 0 0;display:grid}.detailNavigation button:disabled{cursor:not-allowed;opacity:.3}.detailClose{color:#eff8f1;filter:drop-shadow(0 .45rem .6rem #0006);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:url(/ui/gribbits-v3-metric-chip.webp) 50%/100% 100% no-repeat,#050d0af0;border:0;min-width:7rem;min-height:2.9rem;padding:.68rem 1.45rem;font-weight:750}@keyframes artworkModalVeil{0%{opacity:0}to{opacity:1}}@keyframes artworkModalArrive{0%{opacity:0;transform:translateY(1.1rem)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:760px){.artworkModal{padding:1rem}.detailPanel{aspect-ratio:auto;background:url(/ui/gribbits-v3-inspect-panel-skin.webp) 50%/100% 100% no-repeat,#050c09fa;grid-template-columns:1fr;gap:1rem;width:min(100%,42rem);max-height:calc(100vh - 2rem);padding:clamp(3.2rem,8vw,4.5rem) clamp(2rem,7vw,3.5rem);top:auto;bottom:auto;right:auto;overflow:hidden auto}.detailPanel:before{inset:clamp(2.8rem,7vw,4rem) clamp(1.7rem,6vw,3rem)}.detailArtwork{min-height:min(46vh,25rem)}.detailBody{padding:0;overflow:visible}.detailMeta,.traitGrid{grid-template-columns:1fr}}.fatalError{z-index:80;text-align:center;background:#070908;place-content:center;padding:2rem;display:grid;position:absolute;inset:0}.fatalError h1{color:var(--gold);margin:0 0 .8rem}.fatalError p{color:#d6a8a0;max-width:42rem}@media (max-width:820px){.museumHud{grid-template-columns:1fr auto;gap:.55rem}.brandChip{width:144px}.layoutSwitcher{grid-area:2/1/auto/-1;justify-self:center}.hudActions{grid-column:2}.collectionToolbar{grid-template-columns:minmax(0,1fr) auto auto}.collectionSort{grid-area:2/1/auto/-1}.mobileFilterToggle{display:block}.collectionWorkspace{grid-template-columns:1fr}.filterRail{border-bottom:1px solid #ffc84433;border-right:0;max-height:min(43vh,28rem);display:none}.filterRailOpen{display:flex}.collectionList,.qualityChoices{grid-template-columns:1fr}.qualityChoice{min-height:7rem}}@media (max-width:560px){.introContent{width:100%}.introLogo{width:min(96vw,181.5vh - 11.616rem)}.enterButton{min-width:min(260px,78vw)}.museumHud{top:.55rem;left:.55rem;right:.55rem}.brandChip{width:116px}.hudActions button{justify-content:center;width:2.75rem;min-width:2.75rem;padding:.65rem}.hudActions button>span:last-child{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.layoutToggle button{min-width:6rem}.layoutShortcutHint{min-height:1.35rem;font-size:.5rem}.panelBackdrop{padding:.35rem}.collectionPanel{width:100%;max-height:min(98dvh,920px)}.collectionToolbar{grid-template-columns:1fr 1fr;padding:.65rem}.collectionSearch,.collectionSort{grid-column:1/-1}.mobileFilterToggle,.clearFiltersButton{min-width:0}.searchSyntax{padding:0 .65rem .5rem;overflow:auto hidden}.collectionRow{grid-template-columns:3.5rem minmax(0,1fr) auto;min-height:6.25rem}.collectionThumb{width:3.5rem;height:3.5rem}.rowRarity{border-left:0;grid-area:2/2;padding:0}.rowActions{grid-area:1/3/span 2}.rowActions button{min-width:2.75rem;min-height:2.75rem}.detailPanel{width:calc(100vw - 1rem);top:.5rem;bottom:.5rem;right:.5rem}}@media (max-height:500px){.introScreen{padding:.5rem}.introContent{gap:.35rem}.introLogo{width:min(76vw,181.5vh - 9.075rem);max-height:calc(100vh - 5rem)}.enterButton{--cut:9px;min-width:min(240px,58vw);min-height:50px;padding:4px 1rem}.enterButtonLabel{font-size:.72rem}.museumHud{top:.45rem;left:.45rem;right:.45rem}.brandChip{width:104px}.layoutToggle button,.hudActions button{min-height:2.35rem;padding-top:.45rem;padding-bottom:.45rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.collectionPagination{color:#bbb69d;letter-spacing:.08em;text-align:center;text-transform:uppercase;background:#01090657;border-bottom:1px solid #ffc84424;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;min-height:3rem;padding:.5rem 1.25rem;font-size:.61rem;font-weight:750;display:grid}.collectionPagination button{--page-cut:5px;width:2.2rem;min-height:2.2rem;clip-path:polygon(var(--page-cut) 0, 100% 0, 100% calc(100% - var(--page-cut)), calc(100% - var(--page-cut)) 100%, 0 100%, 0 var(--page-cut));color:var(--gold-light);cursor:pointer;background:linear-gradient(#173526,#07150e);border:1px solid #ffc8446b;border-radius:0;padding:0;font-size:.85rem;transition:border-color .14s,background .14s,transform .14s;box-shadow:inset 0 1px #fff5d114,inset 0 -2px #00000057}.collectionPagination button:first-child{justify-self:start}.collectionPagination button:last-child{justify-self:end}.collectionPagination button:hover:not(:disabled){border-color:var(--gold);background:linear-gradient(#285b40,#0b2819);transform:translateY(-1px)}.collectionPagination button:disabled{cursor:not-allowed;opacity:.25}@media (max-width:560px){.collectionPagination{grid-template-columns:1fr auto 1fr}}.gribIcon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;width:32px;height:32px;display:block}.gribButton.gribButton{--button-art:url(/ui/gribbity/button-rest.png);clip-path:none;isolation:isolate;background:var(--button-art) center / 100% 100% no-repeat;width:auto;min-width:148px;height:50px;min-height:50px;box-shadow:none;color:#ffedb8;letter-spacing:.025em;text-transform:none;text-shadow:0 1px 2px #000;cursor:pointer;filter:drop-shadow(0 5px 5px #0006);border:0;border-radius:0;justify-content:center;align-items:center;padding:7px 22px 13px;font-family:inherit;font-size:12px;font-weight:750;line-height:1;transition:transform .13s,filter .13s;animation:none;display:inline-flex;position:relative;overflow:visible;transform:none}.gribButton.gribButton:before,.gribButton.gribButton:after{display:none}.gribButton.gribButton.gribButton{background:var(--button-art) center / 100% 100% no-repeat;box-shadow:none}.gribButton.gribButton>.gribButtonContent{clip:auto;white-space:nowrap;justify-content:center;align-items:center;gap:7px;width:100%;height:auto;display:flex;position:relative;overflow:visible}.gribButton.gribButton:hover:not(:disabled){--button-art:url(/ui/gribbity/button-hover.png);color:#fff5d7;filter:drop-shadow(0 7px 6px #0007)brightness(1.06);transform:translateY(-2px)}.gribButton.gribButton:is([aria-pressed=true],[aria-pressed=mixed],[aria-expanded=true],.gribButton--gold):not(:disabled){--button-art:url(/ui/gribbity/button-active.png);color:#182216;text-shadow:0 1px #ffe89c66}.gribButton.gribButton:focus-visible:not(:disabled){--button-art:url(/ui/gribbity/button-focus.png);color:#fff2c8;text-shadow:0 1px #000;outline-offset:3px;box-shadow:none;outline:2px solid #65eac0}.gribButton.gribButton:active:not(:disabled){--button-art:url(/ui/gribbity/button-active.png);color:#182216;text-shadow:0 1px #ffe89c66;filter:drop-shadow(0 1px 2px #0008);transform:translateY(2px)}.gribButton.gribButton:disabled{cursor:not-allowed;opacity:.4;filter:saturate(.5);transform:none}.gribButton kbd{opacity:.6;font-family:inherit;font-size:9px;font-weight:500}.museumHud .layoutToggle{clip-path:none;box-shadow:none;background:0 0;border:0;gap:6px;padding:0;overflow:visible}.museumHud .layoutToggle .gribButton{width:150px}.museumHud .hudActions{gap:7px}.museumHud .hudActions .gribButton{width:164px}.museumHud .hudActions .gribButton:last-child{width:140px;min-width:140px}.museumHud .layoutShortcutHint{clip-path:none;color:#c1cabb;letter-spacing:.025em;text-transform:none;box-shadow:none;background:#04100cbc;border:0;border-radius:3px;padding:4px 8px;font-size:9px;font-weight:550}.museumHud .layoutShortcutKey{width:17px;height:17px;box-shadow:none;color:#ffe5a2;background:#0b1f16;border-color:#9d9f6977}.enterButton.gribButton{width:288px;min-width:0;height:84px;padding:12px 38px 22px}.enterButton.gribButton .enterButtonLabel{letter-spacing:.08em;text-transform:none;font-family:inherit;font-size:18px;font-weight:800}.enterButton.gribButton .gribIcon{width:40px;height:40px;margin-right:7px}.enterButton.gribButton .enterButtonArrow{width:auto;height:auto;color:inherit;margin-left:8px;font-size:23px}.qualityPanel.gribQuality{clip-path:none;filter:none;background:#0b1911;border:1px solid #395336;border-radius:10px;width:min(660px,94vw)}.gribQuality .panelHeader{background:url(/ui/gribbity/pond-at-night.png) 50%/cover;border-bottom-color:#38503188;min-height:100px;padding:20px 24px}.gribQuality .panelHeader:after{display:none}.gribQuality .panelHeader h2{text-transform:none;font-family:inherit;font-size:30px;font-weight:750}.qualityBack.gribButton{width:115px;min-width:115px;height:40px;min-height:40px;padding:5px 15px 10px}.gribQuality .qualityChoices{gap:12px;padding:24px}.gribQuality .qualityChoice{clip-path:none;text-align:center;background:#12271a;border-color:#3e5438;border-radius:7px;align-items:center;gap:10px;min-height:176px;padding:12px}.gribQuality .qualityChoice:hover{background:#1c3823;border-color:#c1a157}.gribQuality .qualityChoice:active{transform:translateY(1px)}.gribQuality .qualityChoice:focus-visible{outline-offset:3px;outline:2px solid #7cecc0}.gribQuality .qualityChoice .gribIcon{width:80px;height:80px;margin-bottom:auto;transition:transform .16s}.gribQuality .qualityChoice:hover .gribIcon{transform:translateY(-3px)rotate(-4deg)}.gribQuality .qualityChoiceActive{background:#29331a;border-color:#c9a94e;box-shadow:inset 0 -3px #c9a94e}.gribQuality .qualityChoice strong{text-transform:none;font-family:inherit;font-size:14px}.gribQuality .qualityChoice>span:last-child{color:#a6b699;font-size:11px}.gribQuality .qualityChoiceCheck{font-size:15px}.detailClose.gribButton{width:114px;min-width:114px;height:41px;min-height:41px;padding:5px 16px 10px}.detailNavigation .gribButton{min-width:0}@media (max-width:640px){.gribQuality .qualityChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px}.gribQuality .qualityChoice{min-height:156px;padding:10px 4px}.gribQuality .qualityChoice .gribIcon{width:62px;height:62px}.gribQuality .qualityChoice strong{font-size:12px}.gribQuality .qualityChoice>span:last-child{font-size:9px}.gribQuality .panelHeader{padding:16px}.gribQuality .panelHeader h2{font-size:25px}}.panelBackdrop.explorerBackdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020806e8;padding:clamp(8px,2.2vw,32px)}.collectionPanel.gribExplorer{clip-path:none;filter:none;background:#08130f;border:1px solid #284031;border-radius:12px;width:min(1440px,100%);height:calc(100dvh - clamp(16px,4.4vw,64px));min-height:0;max-height:1120px;animation:.13s ease-out both explorerArrive;display:flex;overflow:hidden;box-shadow:0 30px 100px #0009,inset 0 1px #d4c98b0a}.explorerHeader{background:url(/ui/gribbity/pond-at-night.png) 50% 58%/cover no-repeat,#08130f;flex:none;align-items:center;min-height:166px;padding:18px 30px 10px;display:flex;position:relative;overflow:hidden}.explorerHeader:after{content:"";pointer-events:none;background:linear-gradient(#0000,#08130f);height:24px;position:absolute;inset:auto 0 0}.explorerBrand{z-index:1;align-items:center;gap:28px;display:flex;position:relative}.explorerLogo{object-fit:contain;filter:drop-shadow(0 6px 12px #000a);width:240px;height:auto;display:block}.explorerEyebrow{letter-spacing:.18em;color:#9cac9c;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.explorerTitle h2{color:#f8ebc4;letter-spacing:-.05em;margin:0;font-size:clamp(28px,3.2vw,44px);font-weight:800;line-height:1}.explorerTitle h2>span:last-child{color:#e9b33e}.gribExplorer .panelCount{color:#a4b8a7;letter-spacing:.01em;text-transform:none;margin:12px 0 0;font-size:12px;font-weight:500}.explorerBack.gribButton{z-index:2;min-width:150px;position:absolute;top:20px;right:22px}.gribExplorer .collectionToolbar{background:0 0;flex:none;grid-template-columns:minmax(180px,1fr) 186px 172px;align-items:center;gap:14px;padding:10px 28px 12px;display:grid}.gribExplorer .collectionSearch{background:#10241a;border:1px solid #2e4d3b;border-radius:7px;flex-direction:row;align-items:center;gap:0;min-width:0;height:48px;transition:border-color .13s,background .13s;display:flex;position:relative}.gribExplorer .collectionSearch:hover{border-color:#58765d}.gribExplorer .collectionSearch:focus-within{background:#112d20;border-color:#65dba9;box-shadow:0 0 0 3px #44cc9320}.gribExplorer .collectionSearch .gribIcon{width:31px;height:31px;margin:0 2px 0 10px}.gribExplorer .collectionSearch input{color:#f2efdc;width:100%;min-width:0;height:100%;box-shadow:none;background:0 0;border:0;border-radius:7px;outline:none;padding:0 39px 0 9px;font-size:14px;font-weight:500}.gribExplorer .collectionSearch input::placeholder{color:#8ea18d}.gribExplorer .collectionSearch kbd{color:#bbbea0;background:#0c1b13;border:1px solid #46624a;border-radius:4px;place-items:center;width:22px;height:24px;font:12px monospace;display:grid;position:absolute;top:12px;bottom:auto;right:12px}.gribExplorer .collectionSort{min-width:0;height:46px;display:block;position:relative}.gribExplorer .collectionSort select{appearance:none;color:#c1c9b5;cursor:pointer;background:#0c1c14;border:1px solid #2a4031;border-radius:6px;width:100%;height:100%;padding:0 30px 0 14px;font-size:12px;font-weight:600}.gribExplorer .collectionSort .selectArrow{pointer-events:none;font-size:19px;position:absolute;top:10px;right:13px}.gribExplorer .collectionSort select:hover{border-color:#768763}.gribExplorer .surpriseButton{width:172px;height:50px}.gribExplorer .filteredGalleryScope{background:#102019;border:1px solid #38513b;border-radius:7px;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 28px 12px;padding:8px 10px 8px 16px;display:flex}.filteredGalleryIdentity{overflow-wrap:anywhere;flex:210px;gap:4px;min-width:0;line-height:1.4;display:grid}.filteredGalleryIdentity strong{color:#eadbad;font-size:12px;font-weight:700}.filteredGalleryIdentity>span{color:#a2b69e;font-size:11px}.gribExplorer .filteredGalleryButton{flex:0 auto;width:auto;min-width:206px;max-width:100%;height:46px;min-height:46px;padding:6px 20px 12px;font-size:11px}.gribExplorer .filteredGalleryButton .gribIcon{width:28px;height:28px}.gribExplorer .explorerDiscovery{border-bottom:1px solid #25402b80;flex:none;align-items:center;gap:14px;padding:0 28px 12px;display:flex}.gribExplorer .mobileFilterToggle{width:132px;min-width:132px;height:44px;min-height:44px;padding:4px 18px 9px;font-size:11px;display:inline-flex}.gribExplorer .mobileFilterToggle .gribIcon{width:28px;height:28px}.gribExplorer .collectionShortcuts{scrollbar-width:thin;scrollbar-color:#6c6032 transparent;overscroll-behavior-x:contain;flex:1;align-items:center;gap:5px;min-width:0;margin:-6px;padding:6px;scroll-padding-inline:6px;display:flex;overflow-x:auto}.gribExplorer .collectionShortcut{letter-spacing:0;flex:none;width:auto;min-width:124px;height:46px;min-height:46px;padding:4px 14px 10px;font-size:11px}.gribExplorer .collectionShortcut .gribButtonContent{gap:4px}.gribExplorer .collectionShortcut small{color:inherit;opacity:.65;font-size:9px;font-weight:500}.gribExplorer .collectionShortcut .gribIcon{width:28px;height:28px}.shortcutPortrait{object-fit:cover;width:26px;height:26px;image-rendering:pixelated;pointer-events:none;border:1px solid #ac924555;border-radius:3px;flex:none;display:block}@media (prefers-reduced-motion:no-preference){.gribExplorer .collectionShortcut:hover:not(:disabled):not(:active){transform:translateY(-1px)}}.gribExplorer .clearFiltersButton{clip-path:none;color:#d4c18f;letter-spacing:0;text-transform:none;text-underline-offset:4px;background:0 0;border:0;flex:none;min-height:36px;padding:8px;font-size:11px;font-weight:550;text-decoration:underline}.gribExplorer .clearFiltersButton:disabled{opacity:.35}.gribExplorer .collectionWorkspace{border:0;flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative}.gribExplorer .collectionWorkspace[data-filters-open=true]{grid-template-columns:254px minmax(0,1fr)}.gribExplorer .filterRail[hidden]{display:none!important}.gribExplorer .filterRail{scrollbar-width:thin;scrollbar-color:#456048 transparent;background:#0b1911;border:0;border-right:1px solid #2f493482;flex-direction:column;min-height:0;max-height:none;display:flex;overflow:auto}.gribExplorer .filterRail>*{flex-shrink:0}.gribExplorer .traitFilters{min-height:auto}.filterDrawerHeading{justify-content:space-between;align-items:center;padding:12px 16px 4px;display:flex}.filterDrawerHeading h3{color:#e4ddbc;margin:0;font-size:14px;font-weight:700}.gribExplorer .filterSection{border:0;padding:16px}.gribExplorer .filterSection+.filterSection{border-top:1px solid #304a343e}.gribExplorer .filterSectionHeader{justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;display:flex}.gribExplorer .filterSectionHeader h3{color:#c5d0b4;text-transform:none;letter-spacing:0;margin:0;font-size:12px;font-weight:600}.gribExplorer .filterSectionHeader>span{color:#849780;font-size:10px}.gribExplorer .rankRange{grid-template-columns:1fr auto 1fr;align-items:end;gap:6px;margin:0;display:grid}.gribExplorer .rankRange label{color:#90a18a;text-transform:none;letter-spacing:0;flex-direction:column;gap:7px;font-size:10px;font-weight:500;display:flex}.gribExplorer .rankRange>span{color:#648161;padding-bottom:12px}.gribExplorer .rankRange input,.gribExplorer .traitSearch input{color:#ede3c4;background:#08140d;border:1px solid #314832;border-radius:5px;width:100%;height:38px;padding:0 10px;font-size:12px}.gribExplorer .traitSearch{margin-bottom:12px;display:block}.gribExplorer .traitSearch input::placeholder{color:#82917b}.gribExplorer .traitFacetList{flex-direction:column;gap:4px;display:flex}.gribExplorer .traitSearchEmpty{color:#a4b29b;margin:6px 0;font-size:11px;line-height:1.5}.gribExplorer .traitFacet{background:0 0;border:0;border-bottom:1px solid #2b412933}.gribExplorer .traitFacet[open]{background:#122116;border-color:#58704277}.gribExplorer .traitFacet summary{cursor:pointer;color:#cccfb5;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:10px 6px;font-size:11px;font-weight:600;list-style:none;display:flex}.gribExplorer .traitFacet summary::-webkit-details-marker{display:none}.gribExplorer .traitFacet summary:after{content:"+";color:#c7a558;font-size:15px}.gribExplorer .traitFacet[open] summary:after{content:"−"}.gribExplorer .traitFacet summary small{color:#829777;margin-left:auto;font-size:10px}.gribExplorer .traitOptions{scrollbar-width:thin;flex-direction:column;gap:2px;max-height:260px;padding:0 5px 8px;display:flex;overflow:auto}.gribExplorer .traitOptions label{color:#b7c3a9;cursor:pointer;align-items:center;gap:8px;min-height:36px;padding:5px 3px;font-size:11px;display:flex}.gribExplorer .traitOptions label:hover{color:#f7e6b3;background:#273b25}.gribExplorer .traitOptions input{accent-color:#d9b24e;flex:none;width:15px;height:15px;margin:0}.gribExplorer .traitOptions small{color:#839574;margin-left:auto;font-size:10px}.gribExplorer .searchSyntax{color:#91a18a;white-space:normal;min-height:auto;padding:12px 16px 18px;font-size:11px;line-height:1.7;display:block;overflow:visible}.gribExplorer .searchSyntax summary{color:#c2bc95;cursor:pointer}.gribExplorer .searchSyntax b{color:#d5c590;font-weight:650}.gribExplorer .collectionResults{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.gribExplorer .collectionSummary{color:#7e967e;letter-spacing:.03em;text-transform:none;background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;min-height:35px;padding:8px 28px;font-size:10px;font-weight:550;display:flex}.gribExplorer .collectionSummary strong{color:#bdc8a7;font-weight:650}.gribExplorer .activeTraitFilters{border:0;flex-wrap:wrap;gap:6px;padding:10px 28px 0;display:flex}.gribExplorer .activeTraitFilters button{color:#e2dfb3;cursor:pointer;background:#1c331e;border:1px solid #4d6644;border-radius:5px;align-items:center;gap:6px;min-height:32px;padding:5px 9px;font-size:11px;display:inline-flex}.gribExplorer .activeTraitFilters button>span{color:#a0b78e;font-size:10px}.gribExplorer .activeTraitFilters button b{margin-left:4px;font-size:16px}.gribExplorer .collectionList{scrollbar-width:thin;scrollbar-color:#4b6043 #0a160e;overscroll-behavior:contain;flex:1;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:18px;min-height:0;padding:3px 28px 26px;display:grid;overflow:auto}.gribExplorer [data-filters-open=true] .collectionList{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-left:20px;padding-right:20px}.gribExplorer .gribCard{clip-path:none;filter:none;background:#102016;border:1px solid #29432e;border-radius:8px;flex-direction:column;gap:0;min-width:0;min-height:0;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #0002}.gribExplorer .gribCard:hover,.gribExplorer .gribCard:focus-within{background:#142719;border-color:#967937;transform:translateY(-2px);box-shadow:0 6px 16px #0005}.gribExplorer .gribCardRare{border-color:#84702e77}.gribExplorer .gribCard{content-visibility:visible;contain-intrinsic-size:none;align-items:stretch}.gribExplorer .collectionList{grid-auto-rows:max-content;align-items:start}.gribExplorer .gribCard{height:max-content;min-height:max-content}.gribExplorer .collectionRowSelected{border-color:#dbb857;box-shadow:0 0 0 1px #dbb857}.gribExplorer .collectionThumb{aspect-ratio:1;cursor:pointer;background:#132b1e;border:0;border-radius:0;width:100%;height:auto;padding:0;display:block;position:relative;overflow:hidden}.gribExplorer .collectionThumb picture{width:100%;height:100%;display:block}.gribExplorer .collectionThumb{box-shadow:none;flex:none}.gribExplorer .collectionThumb .gribIcon{background:0 0}.gribExplorer .collectionThumb img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;opacity:1;transition:transform .26s cubic-bezier(.2,.7,.2,1);display:block;position:static}.gribExplorer .gribCard:hover .collectionThumb picture>img{transform:scale(1.035)}.gribExplorer .collectionThumb>span{justify-content:center;align-items:center;gap:3px;font-family:inherit;display:flex;position:absolute;inset:auto}.gribExplorer .collectionThumb .gribRareBadge{color:#ffe3a0;background:#142316e3;border:1px solid #e1bc7270;border-radius:4px;padding:2px 7px 2px 2px;font-size:9px;font-weight:700;top:9px;left:8px}.gribExplorer .gribRareBadge .gribIcon{width:25px;height:25px}.gribExplorer .collectionThumb .gribLiveBadge{color:#83f0bc;background:#071f17dd;border-radius:4px;padding:5px 7px;font-size:9px;font-weight:650;top:10px;right:9px}.gribExplorer .collectionThumb .gribCardPeek{color:#fff0bc;opacity:0;pointer-events:none;background:#07170eef;border:1px solid #dab65b66;border-radius:4px;padding:9px 8px;font-size:11px;font-weight:600;transition:opacity .15s,transform .15s;bottom:10px;left:10px;right:10px;transform:translateY(6px)}.gribExplorer .gribCard:hover .gribCardPeek,.gribExplorer .collectionThumb:focus-visible .gribCardPeek{opacity:1;transform:none}.gribExplorer .collectionThumb:focus-visible{outline-offset:-4px;box-shadow:none;outline:3px solid #64eabc}.gribExplorer .collectionThumb .gribCardFallback{color:#c9c6a5;flex-direction:column;gap:10px;font-size:12px;display:flex;position:absolute;inset:0}.gribExplorer .gribCardFallback .gribIcon{width:78px;height:78px}.gribCardInfo{justify-content:space-between;gap:6px;min-width:0;padding:13px 12px 10px;display:flex}.gribExplorer .collectionIdentity{flex-direction:column;gap:6px;min-width:0;display:flex}.gribExplorer .collectionIdentity strong{color:#efebce;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:750;overflow:hidden}.gribExplorer .collectionIdentity small{color:#8ba282;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:450;overflow:hidden}.gribExplorer .collectionIdentity small span{color:inherit;font-size:inherit;display:inline}.gribExplorer .rowRarity{border:0;flex-direction:column;flex:none;grid-area:auto;align-items:flex-end;gap:3px;padding:0;display:flex}.gribExplorer .rowRarity>span{color:#859978;letter-spacing:.06em;text-transform:uppercase;font-size:8px}.gribExplorer .rowRarity strong{color:#dfc076;font-size:12px;font-weight:750;line-height:1.1}.gribExplorer .rowRarity small{color:#879c79;font-size:8px}.gribExplorer .rowActions{flex-direction:row;grid-area:auto;justify-content:space-between;align-items:center;gap:7px;margin-top:auto;padding:0 9px 8px;display:flex}.gribExplorer .rowActions .gribButton{width:108px;min-width:0;height:36px;min-height:36px;padding:3px 16px 8px;font-size:11px}.gribExplorer .rowActions .gribButton:before,.gribExplorer .rowActions .gribButton:after{display:none}.gribExplorer .gribFindButton{min-width:0;min-height:36px;box-shadow:none;color:#b2c3a0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:2px;padding:0 6px;font-size:10px;display:flex}.gribExplorer .gribFindButton .gribIcon{width:25px;height:25px}.gribExplorer .gribFindButton:hover{color:#ffe5a6;background:#20321b;border-color:#576b3c;transform:none}.gribExplorer .gribFindButton:active{transform:translateY(1px)}.gribExplorer .collectionEmpty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;height:100%;min-height:270px;padding:15px;display:flex}.gribExplorer .collectionEmpty .collectionEmptyIcon{opacity:.85;width:56px;height:56px;margin-bottom:4px}.gribExplorer .collectionEmpty h3{color:#e9ddb4;text-transform:none;margin:0;font-size:22px;font-weight:750}.gribExplorer .collectionEmpty p{color:#98aa8c;margin:0 0 9px;font-size:13px}.gribExplorer .collectionEmpty .gribButton{width:220px;height:58px}.explorerFooter{background:#0b1810;border-top:1px solid #2f452e99;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:57px;padding:6px 25px;display:grid}.gribExplorer .collectionPagination{color:#b5c3a2;letter-spacing:.015em;text-transform:none;background:0 0;border:0;justify-content:center;align-items:center;gap:15px;min-height:0;margin:0;padding:0;font-size:11px;font-weight:550;display:flex}.gribQuietButton,.gribExplorer .collectionPagination button{clip-path:none;color:#e6d39a;cursor:pointer;background:#152719;border:1px solid #30482d;border-radius:5px;place-items:center;width:36px;min-width:36px;height:36px;padding:0;font-family:inherit;font-size:19px;line-height:1;display:inline-grid}.gribQuietButton:hover:not(:disabled),.gribExplorer .collectionPagination button:hover:not(:disabled){color:#fff1c0;background:#324423;border-color:#aa8a40}.gribQuietButton:active:not(:disabled),.gribExplorer .collectionPagination button:active:not(:disabled){transform:translateY(1px)}.gribQuietButton:disabled,.gribExplorer .collectionPagination button:disabled{opacity:.3;cursor:not-allowed}.motionToggle{color:#9bb18c;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-self:start;align-items:center;gap:7px;min-height:38px;padding:6px;font-size:11px;display:inline-flex}.motionToggle>span{color:#e2c176;font-size:13px}.motionToggle:hover:not(:disabled){color:#e9d7a0;background:#15281a}.motionToggle:disabled{cursor:default;color:#9baa91}.explorerSnapshot{color:#839777;white-space:nowrap;justify-self:end;font-size:9px}.gribExplorer button:focus-visible:not(.gribButton),.gribExplorer input:focus-visible:not([type=search]),.gribExplorer select:focus-visible,.gribExplorer summary:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid #70ebbb}@keyframes explorerArrive{0%{opacity:0}to{opacity:1}}@media (max-width:1200px){.gribExplorer .collectionList{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gribExplorer [data-filters-open=true] .collectionList{grid-template-columns:repeat(3,minmax(0,1fr))}.explorerLogo{width:210px}}@media (max-width:900px){.explorerHeader{min-height:138px;padding:12px 20px}.explorerLogo{width:184px}.explorerBrand{gap:18px}.explorerTitle h2{font-size:32px}.explorerBack.gribButton{width:124px;min-width:124px;height:42px;min-height:42px;padding:4px 15px 10px;font-size:11px;top:16px;right:15px}.explorerBack kbd{display:none}.gribExplorer .collectionToolbar{grid-template-columns:minmax(0,1fr) 160px 150px;gap:8px;padding-left:20px;padding-right:20px}.gribExplorer .surpriseButton{width:150px;min-width:150px}.gribExplorer .filteredGalleryScope{margin-left:20px;margin-right:20px}.gribExplorer .explorerDiscovery{gap:8px;padding-left:20px;padding-right:20px}.gribExplorer .collectionList{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:20px;padding-right:20px}.gribExplorer [data-filters-open=true] .collectionList{grid-template-columns:repeat(2,minmax(0,1fr))}.explorerSnapshot{white-space:normal;text-align:right;max-width:125px;line-height:1.4}}@media (max-width:640px){.panelBackdrop.explorerBackdrop{padding:0}.collectionPanel.gribExplorer{border:0;border-radius:0;width:100%;height:100dvh;max-height:none}.explorerHeader{background-position:70% 55%;min-height:121px;padding:8px 14px}.explorerBrand{align-items:center;gap:10px}.explorerLogo{width:137px}.explorerEyebrow{display:none}.explorerTitle{padding-top:42px}.explorerTitle h2{font-size:28px}.gribExplorer .panelCount{margin-top:7px;font-size:9px}.explorerBack.gribButton{width:110px;min-width:110px;height:37px;min-height:37px;font-size:10px;top:10px;right:10px}.gribExplorer .collectionToolbar{grid-template-columns:minmax(0,1fr) 144px;gap:8px;padding:0 14px 7px}.gribExplorer .collectionSearch{grid-column:1/-1;height:45px}.gribExplorer .collectionSearch input{font-size:12px}.gribExplorer .collectionSort{grid-area:2/1;height:40px}.gribExplorer .collectionSort select{font-size:11px}.gribExplorer .surpriseButton{grid-area:2/2;width:144px;min-width:144px;height:42px;min-height:42px;padding-top:4px;padding-bottom:10px;font-size:11px}.gribExplorer .filteredGalleryScope{gap:8px;margin:0 14px 10px;padding:10px}.gribExplorer .filteredGalleryIdentity{flex-basis:100%}.gribExplorer .filteredGalleryButton{width:100%;min-width:0}.gribExplorer .explorerDiscovery{grid-template-columns:1fr auto;gap:5px;padding:0 14px 6px;display:grid}.gribExplorer .mobileFilterToggle{grid-area:1/1;width:125px;min-width:125px;height:40px;min-height:40px}.gribExplorer .clearFiltersButton{grid-area:1/2;padding-right:4px}.gribExplorer .collectionShortcuts{grid-area:2/1/auto/-1;gap:4px;width:100%}.gribExplorer .collectionShortcut{min-width:120px}.gribExplorer .collectionWorkspace,.gribExplorer .collectionWorkspace[data-filters-open=true]{flex-direction:column;grid-template-columns:none;display:flex}.gribExplorer .filterRail{border-bottom:1px solid #41663d;border-right:0;flex:none;max-height:35dvh}.gribExplorer .filterDrawerHeading{z-index:2;background:#0d1d13;padding-top:4px;position:sticky;top:0}.gribExplorer .filterSection{padding:12px 16px}.gribExplorer .collectionList,.gribExplorer [data-filters-open=true] .collectionList{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:2px 14px 18px}.gribExplorer .collectionSummary{min-height:29px;padding:6px 15px;font-size:9px}.gribCardInfo{gap:3px;padding:10px 8px 8px}.gribExplorer .collectionIdentity strong{font-size:11px}.gribExplorer .collectionIdentity small{font-size:9px}.gribExplorer .collectionIdentity small span{display:none}.gribExplorer .rowRarity strong{font-size:10px}.gribExplorer .rowRarity small{font-size:7px}.gribExplorer .rowActions{gap:1px;padding:0 5px 5px}.gribExplorer .rowActions .gribButton{width:90px;height:44px;min-height:44px;padding:5px 14px 10px;font-size:10px}.gribExplorer .gribFindButton{min-width:60px;min-height:44px;padding:0 2px;font-size:9px}.gribExplorer .gribFindButton .gribIcon{width:24px;height:24px}.gribExplorer .activeTraitFilters{padding:6px 14px 0}.gribExplorer .collectionThumb .gribRareBadge{padding:1px 5px 1px 1px;font-size:8px;top:6px;left:6px}.gribExplorer .gribRareBadge .gribIcon{width:20px;height:20px}.explorerFooter{min-height:54px;padding:5px 12px max(5px,env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:4px}.explorerSnapshot{display:none}.gribExplorer .collectionPagination{gap:9px;font-size:10px}.motionToggle{padding:4px;font-size:10px}.gribExplorer .collectionEmpty{min-height:240px}.gribExplorer .collectionEmpty h3{font-size:20px}}@media (max-width:820px){.museumHud{gap:5px}.museumHud .hudActions .gribButton{width:140px;min-width:140px;height:44px;min-height:44px;font-size:11px}.museumHud .hudActions .gribButton:last-child{width:120px;min-width:120px}.museumHud .layoutToggle .gribButton{width:146px;min-width:146px;height:44px;min-height:44px}}@media (max-width:560px){.museumHud .brandChip{width:118px}.museumHud .hudActions{gap:3px}.museumHud .hudActions .gribButton,.museumHud .hudActions .gribButton:last-child{width:113px;min-width:113px;height:43px;min-height:43px;padding:5px 14px 11px;font-size:10px}.museumHud .hudActions .gribIcon{width:21px;height:21px}.museumHud .hudActions .gribButtonContent{gap:2px}.museumHud .hudActions .hudActionLabel{clip:auto;width:auto;height:auto;position:static;overflow:visible}.enterButton.gribButton{width:246px;height:72px}}@media (max-width:360px){.gribExplorer .gribFindButton{min-width:44px}.gribExplorer .gribFindButton>span{display:none}.explorerLogo{width:117px}.explorerTitle h2{font-size:25px}.museumHud .brandChip{width:100px}.museumHud .hudActions .gribButton,.museumHud .hudActions .gribButton:last-child{width:98px;min-width:98px;padding-left:12px;padding-right:12px;font-size:9px}.museumHud .hudActions .gribIcon{width:18px;height:18px}}@media (max-height:580px) and (min-width:641px){.explorerHeader{min-height:90px;padding-top:4px;padding-bottom:4px}.explorerLogo{width:142px}.explorerTitle h2{font-size:28px}.explorerEyebrow{display:none}}@media (min-width:641px) and (min-height:581px) and (max-height:800px){.panelBackdrop.explorerBackdrop{padding:16px}.collectionPanel.gribExplorer{height:calc(100dvh - 32px)}.explorerHeader{min-height:128px;padding-top:8px;padding-bottom:4px}.explorerLogo{width:198px}.explorerTitle h2{font-size:35px}}@media (prefers-reduced-motion:reduce){.gribButton.gribButton,.gribQuality .qualityChoice,.gribQuality .qualityChoice .gribIcon,.gribExplorer,.gribExplorer .gribCard,.gribExplorer .collectionThumb img{transition:none!important;animation:none!important}.gribButton.gribButton:is(:hover,:active),.gribQuality .qualityChoice:active,.gribQuality .qualityChoice:hover .gribIcon,.gribExplorer .gribCard:hover,.gribExplorer .gribCard:focus-within,.gribExplorer .gribCard:hover .collectionThumb img{transform:none!important}}.gribExplorer[data-motion=off] .gribCard,.gribExplorer[data-motion=off] .collectionThumb img{transition:none}.gribExplorer[data-motion=off] .gribCard:hover,.gribExplorer[data-motion=off] .gribCard:hover .collectionThumb img{transform:none}.mobileMenuButton,.mobileMenuBackdrop,.mobileMenuPanel,.mobileGameControls{display:none}@media (max-width:820px),(max-width:1100px) and (pointer:coarse){.museumHud{top:max(.55rem, env(safe-area-inset-top));right:max(.55rem, env(safe-area-inset-right));left:max(.55rem, env(safe-area-inset-left));grid-template-columns:1fr auto}.museumHud .layoutSwitcher,.museumHud .hudActions{display:none}.museumHud .brandChip{width:clamp(100px,30vw,132px)}.mobileMenuButton{z-index:18;top:max(.55rem, env(safe-area-inset-top));right:max(.55rem, env(safe-area-inset-right));color:#ffecae;filter:drop-shadow(0 7px 7px #0009);letter-spacing:.035em;text-shadow:0 1px 2px #000;text-transform:uppercase;touch-action:manipulation;background:url(/ui/gribbity/button-rest.png) 50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;gap:8px;width:106px;height:52px;padding:6px 17px 12px;font:750 11px/1 inherit;display:flex;position:absolute}.mobileMenuButton[aria-expanded=true]{color:#182216;text-shadow:0 1px #ffe89c66;background-image:url(/ui/gribbity/button-active.png);transform:translateY(1px)}.mobileMenuButton:focus-visible{outline-offset:2px;background-image:url(/ui/gribbity/button-focus.png);outline:2px solid #65eac0}.mobileMenuGlyph{gap:4px;width:22px;display:grid}.mobileMenuGlyph>span{background:currentColor;border-radius:1px;height:3px;display:block;box-shadow:0 1px #0008}.mobileMenuBackdrop{z-index:15;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0107047a;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.mobileMenuPanel{z-index:17;top:calc(max(.55rem, env(safe-area-inset-top)) + 59px);right:max(.55rem, env(safe-area-inset-right));background:linear-gradient(135deg,#37633921,#0000 42%),#05120bf7;border:1px solid #ddb145a6;border-radius:7px;gap:7px;width:min(310px,100vw - 1.1rem);padding:10px 9px 12px;display:grid;position:absolute;box-shadow:0 22px 45px #000000ad,inset 0 0 0 2px #70eabb0d}.mobileMenuPanel:before,.mobileMenuPanel:after{content:"";pointer-events:none;border-color:#e0b34f;width:21px;height:21px;position:absolute}.mobileMenuPanel:before{border-top:2px solid;border-left:2px solid;top:4px;left:4px}.mobileMenuPanel:after{border-bottom:2px solid;border-right:2px solid;bottom:4px;right:4px}.mobileMenuLayout,.mobileMenuActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.mobileMenuPanel .gribButton{width:100%;min-width:0;height:48px;min-height:48px;padding:5px 12px 11px;font-size:10px}.mobileMenuPanel .gribIcon{width:24px;height:24px}.mobileMenuPanel .gribButtonContent{gap:4px;min-width:0}.mobileMenuPanel .gribButtonContent>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.mobileGameControls{z-index:14;pointer-events:none;display:block;position:absolute;inset:0}.mobileJoystickZone{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;width:min(52vw,270px);height:min(52vh,310px);position:absolute;bottom:0;left:0}.mobileGameControls[data-enabled=false] .mobileJoystickZone{opacity:.42;pointer-events:none}.mobileJoystickBase{left:max(78px, calc(env(safe-area-inset-left) + 68px));bottom:max(22px, calc(env(safe-area-inset-bottom) + 16px));background:radial-gradient(circle at 50% 50%, #23895233 0 38%, transparent 39%), repeating-conic-gradient(from 0deg, #67efaf3d 0 2deg, transparent 2deg 45deg), radial-gradient(circle, #071b11e0 0 62%, #020a06bd 63% 100%);opacity:.8;pointer-events:none;border:2px solid #dfb447b8;border-radius:50%;width:116px;height:116px;transition:opacity .12s,filter .12s;position:absolute;transform:translate(-50%);box-shadow:0 10px 25px #00000094,inset 0 0 0 5px #0c301dd1,inset 0 0 22px #68efad2e,0 0 0 1px #69ecae40}.mobileJoystickZone[data-active=true] .mobileJoystickBase{top:var(--joystick-origin-y);bottom:auto;left:var(--joystick-origin-x);opacity:1;filter:brightness(1.08);transform:translate(-50%,-50%)}.mobileJoystickNorth,.mobileJoystickSouth,.mobileJoystickWest,.mobileJoystickEast{color:#ffe28fc2;text-shadow:0 1px 2px #000;font:800 11px/1 inherit;position:absolute}.mobileJoystickNorth{top:8px;left:50%;transform:translate(-50%)}.mobileJoystickSouth{bottom:7px;left:50%;transform:translate(-50%)}.mobileJoystickWest{font-size:22px;top:50%;left:8px;transform:translateY(-55%)}.mobileJoystickEast{font-size:22px;top:50%;right:8px;transform:translateY(-55%)}.mobileJoystickKnob{width:54px;height:54px;transform:translate(var(--joystick-knob-x), var(--joystick-knob-y));will-change:transform;background:url(/ui/gribgazer-eye-sigil-v1.png) 50%/34px 34px no-repeat,radial-gradient(circle at 42% 35%,#315f3d,#10271a 62%,#06110b);border:2px solid #ffd364d9;border-radius:50%;position:absolute;top:calc(50% - 27px);left:calc(50% - 27px);box-shadow:0 7px 13px #0000009e,inset 0 1px #fff6c447,0 0 13px #57e59f3d}.mobileJoystickHint{bottom:max(147px, calc(env(safe-area-inset-bottom) + 140px));left:max(78px, calc(env(safe-area-inset-left) + 68px));color:#eeddaad1;letter-spacing:.06em;text-transform:uppercase;background:#030e08bd;border:1px solid #c9ab5b4d;border-radius:3px;padding:3px 7px;font:700 8px/1 inherit;transition:opacity .1s;position:absolute;transform:translate(-50%)}.mobileJoystickZone[data-active=true] .mobileJoystickHint{opacity:0}.mobileAimReticle{filter:drop-shadow(0 0 12px #78ffb647);opacity:.82;background:url(/ui/crossmint-cursor-32.png) 50%/contain no-repeat;width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobileActionCluster{right:max(14px, calc(env(safe-area-inset-right) + 10px));bottom:max(21px, calc(env(safe-area-inset-bottom) + 15px));pointer-events:auto;align-items:flex-end;gap:10px;display:flex;position:absolute}.mobileActionButton{color:#ffe6a2;letter-spacing:.06em;text-transform:uppercase;touch-action:manipulation;background:radial-gradient(circle at 42% 32%,#367d48a6,#05150cf2 70%);border:1px solid #dfb447b8;border-radius:50%;place-items:center;gap:1px;width:66px;height:66px;padding:7px 7px 9px;font:800 8px/1 inherit;display:grid;box-shadow:0 8px 18px #0000009e,inset 0 0 0 4px #0a2817cc,inset 0 1px #fff6c433}.mobileActionButton:active:not(:disabled){background:radial-gradient(circle at 50% 38%,#55864d,#19351f 72%);border-color:#8af0be;transform:translateY(2px)scale(.97)}.mobileActionButton:focus-visible{outline-offset:3px;outline:2px solid #70ebbb}.mobileActionButton:disabled{opacity:.36}.mobileActionButton img,.mobileActionButton .gribIcon{object-fit:contain;width:28px;height:28px}}@media (max-height:500px) and (orientation:landscape){.mobileJoystickZone{width:min(42vw,240px);height:72vh}.mobileJoystickBase{width:98px;height:98px}.mobileJoystickKnob{background-size:28px 28px,auto;width:46px;height:46px;top:calc(50% - 23px);left:calc(50% - 23px)}.mobileJoystickHint{display:none}.mobileActionButton{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){.mobileMenuButton,.mobileJoystickBase,.mobileJoystickHint,.mobileActionButton{transition:none}}