:root{--paper:#f7f4eb;--ink:#253235;--muted:#75807d;--teal:#42a89a;--gold:#e2b852}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:ui-rounded,"Avenir Next","Segoe UI",sans-serif;background:#d7d4ca;color:var(--ink)}body{padding:14px;display:grid;place-items:center}.shell{width:min(1500px,100%);height:min(900px,calc(100vh - 28px));min-height:650px;background:var(--paper);border-radius:24px;overflow:hidden;box-shadow:0 25px 80px rgba(37,50,53,.22);display:grid;grid-template-rows:70px 1fr}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid #d9d4c8;background:#faf8f1}.brand{text-decoration:none;color:inherit;font-size:12px;font-weight:900;letter-spacing:.14em}.brand i{color:var(--teal);font-style:normal}.brand em{font-size:9px;color:#c18b22;margin-left:9px}.stats{display:flex;height:50px}.stats span{min-width:112px;border-left:1px solid #ddd8cd;display:grid;place-items:center;padding:4px 13px}.stats span:last-child{border-right:1px solid #ddd8cd}.stats small,.stats b{display:block;text-align:center}.stats small{font-size:7px;letter-spacing:.13em;color:var(--muted)}.stats b{font-size:17px}.topbar>button{justify-self:end;border:1px solid #d3cec2;background:white;border-radius:18px;padding:9px 13px;font-weight:800;cursor:pointer}.topbar>button b{color:var(--teal)}.paper{position:relative;overflow:hidden;background:repeating-linear-gradient(#f8f5ec 0,#f8f5ec 35px,#d9e2e0 36px);isolation:isolate}.paper:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.margin{position:absolute;left:84px;top:0;bottom:0;border-left:2px solid rgba(226,122,109,.22)}.holes{position:absolute;left:20px;top:12%;bottom:12%;display:flex;flex-direction:column;justify-content:space-between}.holes i{width:24px;height:24px;border-radius:50%;background:#d6d2c8;box-shadow:inset 2px 3px 5px rgba(0,0,0,.15)}.title{position:absolute;left:115px;top:34px}.title small{font-size:8px;letter-spacing:.16em;color:var(--muted);font-weight:850}.title h1{margin:4px 0 0;font-size:30px;letter-spacing:-.05em}.title h1 em{color:#c18b22;font-style:normal}.title p{margin:2px 0;color:var(--muted);font-size:12px}.spot{position:absolute;width:88px;height:82px;border:0;background:transparent;cursor:pointer;animation:arrive .45s cubic-bezier(.2,1.5,.5,1)}.spot i,.reveal-blob i,.archive-blob i{position:absolute;inset:5px;background:var(--blob,#42a89a);border-radius:52% 48% 43% 57%/58% 42% 58% 42%;transform:rotate(var(--turn,-6deg));box-shadow:10px 8px 0 -7px color-mix(in srgb,var(--blob) 65%,transparent),-10px 9px 0 -8px var(--accent,#bde9e2)}.spot:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:4px;bottom:2px;background:var(--blob,#42a89a)}.spot span{position:relative;z-index:2;color:white;font-size:8px;font-weight:900;letter-spacing:.12em;opacity:0}.spot:hover{transform:scale(1.06)}.spot:hover span{opacity:.8}.hidden{display:none!important}@keyframes arrive{from{transform:scale(.1);opacity:0}to{transform:scale(1);opacity:1}}.loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted);font-size:12px}.loading i{width:30px;height:30px;border:3px solid #d6d2c8;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.reveal{position:absolute;z-index:5;left:50%;top:53%;transform:translate(-50%,-50%);width:min(390px,calc(100% - 30px));padding:22px;text-align:center;border-radius:24px;background:rgba(250,248,241,.96);border:1px solid #d8d3c8;box-shadow:0 22px 70px rgba(37,50,53,.25);backdrop-filter:blur(7px)}.reveal>small{font-size:8px;font-weight:950;letter-spacing:.18em;color:var(--rarity,#42a89a)}.reveal-blob{position:relative;width:110px;height:100px;margin:9px auto}.reveal h2{margin:4px 0;font-size:28px}.reveal p{font-size:12px;color:var(--muted);min-height:30px}.reveal strong{display:block;font-size:10px;letter-spacing:.12em;color:var(--rarity,#42a89a);margin:12px}.reveal button{border:0;border-radius:20px;background:var(--ink);color:white;padding:11px 18px;font-weight:800;cursor:pointer}.rarity-million{background:linear-gradient(135deg,#21172e,#6c326e);color:white;border-color:#e2b852;box-shadow:0 22px 90px rgba(226,184,82,.6)}.rarity-million .reveal-blob{filter:drop-shadow(0 0 25px #fff1a8);animation:glow 1s alternate infinite}.rarity-million p{color:#e9dff0}@keyframes glow{to{transform:scale(1.08) rotate(2deg)}}.message{position:absolute;left:50%;bottom:55px;transform:translateX(-50%);background:#253235;color:white;padding:9px 14px;border-radius:18px;font-size:11px}.paper footer{position:absolute;left:110px;right:24px;bottom:15px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.paper footer b{color:#a97b21}dialog{width:min(930px,calc(100% - 30px));max-height:88vh;border:0;border-radius:24px;padding:24px;background:#faf8f1;color:var(--ink);box-shadow:0 25px 90px rgba(37,50,53,.38)}dialog::backdrop{background:rgba(37,50,53,.58);backdrop-filter:blur(4px)}dialog>small{font-size:8px;letter-spacing:.17em;color:var(--teal);font-weight:900}dialog h2{font-size:30px;margin:4px 0}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.tagline-box{display:grid;grid-template-columns:auto minmax(180px,300px) 1fr;gap:10px;align-items:center;background:#efebe1;padding:10px 12px;border-radius:12px;margin:14px 0}.tagline-box label{font-size:10px;font-weight:900}.tagline-box select{border:1px solid #d2cdc2;border-radius:9px;padding:7px;background:white}.tagline-box span{font-size:9px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.archive{min-width:0;border:1px solid #ddd8cd;border-radius:14px;padding:9px;background:white;text-align:left;position:relative}.archive.locked{opacity:.28;filter:grayscale(1)}.archive.equipped{border:2px solid var(--teal)}.archive-blob{position:relative;width:55px;height:50px;margin:auto}.archive b,.archive small,.archive em{display:block}.archive b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive small{font-size:7px;color:var(--rarity);font-weight:900;letter-spacing:.1em}.archive em{font-size:8px;color:var(--muted);font-style:normal}.archive button{width:100%;border:0;border-radius:8px;background:#253235;color:white;font-size:8px;padding:5px;margin-top:6px;cursor:pointer}@media(max-width:800px){body{padding:0}.shell{height:100vh;min-height:640px;border-radius:0}.topbar{grid-template-columns:1fr auto;padding:0 9px}.brand em{display:none}.stats{position:absolute;z-index:3;top:70px;left:0;width:100%;justify-content:center;pointer-events:none}.stats span{background:rgba(250,248,241,.9);min-width:91px}.topbar>button{font-size:10px}.title{left:52px;top:70px}.margin{left:37px}.holes{display:none}.paper footer{left:50px}.grid{grid-template-columns:repeat(3,1fr)}.tagline-box{grid-template-columns:1fr}.paper footer span{display:none}}