@font-face{font-family:systemmono;src:local('SFMono-Regular'),local('Consolas'),local('Liberation Mono');font-display:swap}
:root{color-scheme:dark;--bg:#090a0b;--panel:#111315;--line:#24272a;--white:#e9eee9;--muted:#929991;--dim:#626a64;--accent:#c5dfc5;--spring:cubic-bezier(.2,1.55,.45,1);--ease:cubic-bezier(.22,1,.36,1);font-family:systemmono,'Courier New',monospace;font-size:14px;background:var(--bg);color:var(--white)}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden;-webkit-tap-highlight-color:transparent}button,a,input,select,label{touch-action:manipulation}button,input,select{font:inherit}button{color:inherit;border:0;cursor:pointer;background:none;-webkit-tap-highlight-color:transparent;transition:transform .22s var(--spring),background .2s,color .2s,opacity .2s}button:active{transform:scale(.93)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,label:focus-within,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1,h2{font-weight:500}canvas{image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#app{max-width:1200px;min-height:100svh;margin:auto}.topbar{height:calc(102px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;padding:20px 48px;padding-top:calc(20px + env(safe-area-inset-top));gap:16px}.wordmark{display:flex;align-items:center;gap:11px;letter-spacing:.18em;font-size:16px;font-weight:bold;min-height:44px}.brand-mark{font-size:22px;letter-spacing:0;color:#cedbca}.edition{font-size:12px;font-weight:400;letter-spacing:0;color:var(--dim);border:1px solid var(--line);border-radius:4px;padding:3px 5px;margin-left:3px}.top-actions{display:flex;gap:14px;align-items:center}.icon-button{width:44px;height:44px;display:grid;place-items:center;color:var(--muted);border-radius:50%;flex:none;font-size:18px}.icon-button:hover{color:var(--white);background:#ffffff07}.dust-button{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);min-width:44px;min-height:44px;font-size:14px}.dust-button>span:first-child{font-size:24px;color:#b4bdb0}.bump{animation:counter-bump .32s var(--spring)}
#home{min-height:calc(100svh - 102px - env(safe-area-inset-top));display:flex;flex-direction:column;padding:18px 32px 0}.set-label{text-align:center;font-size:12px;letter-spacing:.18em;color:var(--dim);line-height:22px}.set-label span{margin:0 9px;color:#353c36}.stage{position:relative;flex:1;min-height:355px;max-height:620px;width:min(100%,700px);margin:0 auto;touch-action:pan-y;user-select:none;-webkit-user-select:none;display:grid;place-items:center;isolation:isolate}.stage-content{width:100%;text-align:center;will-change:transform;position:relative;padding-top:35px}.pet-world{position:relative;height:180px;width:220px;margin:auto;display:grid;place-items:center}.pet-target{height:192px;width:192px;position:absolute;inset:auto;cursor:pointer;border-radius:60px;z-index:1;touch-action:pan-y}.pet-target:active{transform:scale(.98)}.pet-target:focus-visible{outline-offset:0;outline:1px dashed var(--dim)}#pet-canvas{width:192px;height:192px;display:block}.pet-glow{position:absolute;width:180px;height:150px;top:10px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--pet-color,#fff) 7%,transparent),transparent 70%);opacity:0;transition:opacity .5s}.ground{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:80px;height:2px;border-radius:50%;background:#bcc5b80e;box-shadow:0 0 22px 5px #b0c4ac05}.pet-caption{height:147px;padding-top:15px}.micro{font-size:12px;line-height:1.6;letter-spacing:.14em;color:var(--dim)}#pet-index{font-size:12px;letter-spacing:.13em;color:#777f76}h1{font-size:21px;letter-spacing:.12em;line-height:1.5;margin:7px 0 8px}.rarity{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--rarity-color,var(--muted));font-size:12px;line-height:1.5;letter-spacing:.05em}.rarity-pips{display:inline-flex;gap:3px}.rarity-pips i{display:block;width:4px;height:8px;border:1px solid #383e39}.rarity-pips i.filled{border-color:currentColor;background:currentColor}.rarity-tier{opacity:.5;font-size:12px;margin-left:1px}.pet-reaction{font-size:12px;color:var(--muted);margin-top:20px;line-height:1.5;min-height:18px;opacity:0;transform:translateY(3px);transition:opacity .25s,transform .25s}.pet-reaction.visible{opacity:1;transform:translateY(0)}.stage-arrow{position:absolute;top:45%;color:#505950}.stage-arrow:hover{color:var(--white)}.stage-arrow.previous{left:16px}.stage-arrow.next{right:16px}.home-footer{width:100%;margin:auto auto 0;display:flex;flex-direction:column;align-items:center;padding-bottom:max(27px,env(safe-area-inset-bottom));gap:20px}.gesture-hint{color:#727a72;font-size:12px;letter-spacing:0;line-height:20px;text-align:center}.gesture-hint span{padding:0 7px;color:#484f47}.lineup{display:flex;align-items:center;gap:7px;justify-content:center;max-width:100%}.slot{width:44px;height:49px;position:relative;border:1px solid transparent;border-radius:10px;display:grid;place-items:center;color:#4b534c;transition:background .2s,transform .25s var(--spring),border-color .2s}.slot canvas{width:40px;height:40px}.slot.selected{border-color:#394039;background:#1a201c}.slot.selected::after{content:'';position:absolute;bottom:-7px;width:3px;height:3px;background:#ccdbc4;border-radius:50%}.slot.empty{font-size:17px;border:1px dashed #262c27;height:40px;width:40px;margin:0 2px}.slot.empty:hover{border-color:#6e7972;color:var(--white)}.slot:hover{background:#ffffff05}.slot.chest-slot{margin-left:12px;background:#141812;border:1px solid #2a3428}.slot.chest-slot::before{content:'';position:absolute;width:1px;height:24px;left:-11px;background:#272d27}.ready-dot{position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:#c5dfad;box-shadow:0 0 7px #b1e99855}.collection-button{height:47px;border:1px solid #30372f;border-radius:30px;display:flex;align-items:center;gap:11px;padding:0 22px;font-size:14px;background:#151817}.collection-button:hover{background:#222824;border-color:#4b5746}.collection-button svg{width:15px;height:15px;color:#aab6a4}.collection-button>span{font-size:12px;color:#909c87;margin-left:17px}.footer-note{font-size:12px;letter-spacing:.13em;color:#4f574e;margin-top:6px}.chest-info{height:147px}.chest-info h1{font-size:20px;margin:5px 0 8px}.chest-info .primary-button{min-width:185px;margin:13px auto 9px;height:44px}.chest-info #chest-note{font-size:12px;letter-spacing:.03em;color:#636e60}.chest-info #chest-countdown{color:#9aa88e;font-size:14px;min-height:20px;font-variant-numeric:tabular-nums}body.chest-page .stage-content{padding-top:0}body.chest-page .gesture-hint{visibility:hidden}body.chest-page .ground{width:100px}
dialog{color:var(--white);background:var(--panel);border:1px solid var(--line);padding:0;outline:none;max-height:calc(100dvh - 36px);max-width:calc(100vw - 24px);overscroll-behavior:contain;box-shadow:0 40px 140px #0009}dialog::backdrop{background:#020303cb;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .28s var(--ease)}dialog.closing{animation:dialog-out .18s ease-in forwards}dialog[open]::backdrop{animation:fade-in .2s ease-out}.collection-dialog{width:720px;border-radius:22px}.collection-shell{padding:30px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-header h2{font-size:23px;line-height:1.3;letter-spacing:-.05em}.panel-header .micro{margin-bottom:7px;font-size:12px}.set-badge{display:inline-block;font-size:12px;letter-spacing:0;color:var(--dim);border:1px solid var(--line);padding:4px 5px;border-radius:4px;vertical-align:middle;margin-left:12px}.binder-summary{display:flex;gap:12px;justify-content:space-between;color:var(--muted);font-size:12px;margin:27px 0 12px}.binder-summary strong{color:#e2ebdd;font-weight:400}.binder-summary>span:last-child{color:#7b8872}.progress-track{height:2px;background:#252c24;overflow:hidden}.progress-track>div{height:100%;background:#bdd3ad;transition:width .4s var(--ease)}.binder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:23px 0 19px}.filter-tabs{display:flex;gap:2px}.filter-tabs button{height:40px;padding:0 12px;color:#8a9387;font-size:12px;border-radius:6px}.filter-tabs button.selected{background:#282c2b;color:#e0ead9}.binder-toolbar>span{font-size:12px;color:#737f6c}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.creature-card{height:152px;border:1px solid #2b302e;border-radius:10px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 4px 12px;background:#161819;overflow:hidden;isolation:isolate;transition:transform .25s var(--spring),border-color .2s,background .2s}.creature-card:hover{border-color:#586650;background:#1c2020}.creature-card:active{transform:scale(.95) rotate(-1deg)}.creature-card canvas{width:80px;height:80px;flex:none}.creature-card.undiscovered{background:#111314;border-color:#232627}.creature-card.undiscovered canvas{opacity:.7}.card-number{position:absolute;top:11px;left:10px;color:#687363;font-size:12px}.card-star{position:absolute;top:9px;right:10px;color:#c0d3b0;font-size:13px}.card-name{font-size:12px;line-height:1.5;letter-spacing:.03em;color:#c7d2c1;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.undiscovered .card-name{color:#646e5e;letter-spacing:.15em}.card-rarity{height:3px;width:13px;margin-top:8px;background:var(--card-color);opacity:.65;border-radius:1px}.card-copies{position:absolute;bottom:8px;right:8px;font-size:12px;color:#818e77}.binder-footnote{font-size:12px;color:#636e5c;text-align:center;margin:27px 0 0;line-height:1.5}.detail-dialog{width:390px;border-radius:22px;padding:32px 26px;text-align:center;overflow-y:auto}.detail-close{position:absolute;right:12px;top:12px;z-index:2}.detail-sprite{width:192px;height:192px;margin:12px auto 0;display:block}.detail-dialog h2{font-size:22px;letter-spacing:.08em;margin:10px 0}.detail-description{font-family:inherit;font-size:14px;line-height:1.75;color:#999f98;margin:20px auto;max-width:275px;min-height:50px}.detail-meta{font-size:12px;color:#737d6d;line-height:1.8;margin:20px 0}.primary-button{display:flex;gap:20px;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;background:#d4e2c9;color:#192116;font-size:14px;font-weight:600}.primary-button:hover{background:#e7f0df;box-shadow:0 0 25px #cddfc70c}.primary-button span{font-size:18px;font-weight:400}.secondary-button{min-height:48px;border:1px solid #414c39;border-radius:8px;padding:12px 20px;color:#c1ceb7;font-size:14px;width:100%;margin-top:12px;background:#202521}.detail-dialog .primary-button{width:100%;margin-top:16px}.replace-label{color:var(--muted);font-size:12px;margin:18px 0 8px}.replace-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.replace-slots button{border:1px solid #414b3b;border-radius:8px;padding:3px}.replace-slots canvas{display:block;width:40px;height:40px}.settings-dialog{width:390px;border-radius:22px;padding:27px}.settings-dialog .panel-header h2{font-size:20px;letter-spacing:-.04em}.settings-intro{color:var(--muted);font-size:14px;line-height:1.8;margin:21px 0 27px}.setting-row{display:flex;position:relative;align-items:center;justify-content:space-between;gap:16px;min-height:57px;border-bottom:1px solid #282e24;width:100%;font-size:14px;text-align:left;cursor:pointer}.setting-row>span:not(.switch){color:var(--muted);font-size:12px}.setting-row input{position:absolute;right:0;width:44px;height:28px;opacity:0;cursor:pointer}.switch{width:36px;height:22px;border:1px solid #4b5544;background:#1b2118;border-radius:15px;pointer-events:none;transition:background .2s}.switch:before{content:'';display:block;width:14px;height:14px;margin:3px;border-radius:50%;background:#66725c;transition:transform .2s var(--spring),background .2s}.setting-row input:checked+.switch{background:#b0c69f;border-color:#b0c69f}.setting-row input:checked+.switch:before{transform:translateX(14px);background:#283329}.storage-note{font-size:12px;color:#7e8a75;text-align:center;margin:28px 0 12px;line-height:1.8}.save-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;color:#b1c2a3;cursor:pointer;transition:color .2s}.text-button:hover{color:#e2edd8}.import-button input{display:none}.test-entry{display:flex;justify-content:space-between;align-items:center;width:100%;height:52px;border:1px dashed #384330;border-radius:8px;padding:0 14px;margin-top:24px;color:#a1b194;font-size:12px}.version{text-align:center;margin-top:26px;letter-spacing:.04em}#odds-content{padding:13px 0}#odds-content p{display:flex;justify-content:space-between;font-size:12px;color:#a1b297;line-height:2.4}.debug-label{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}select{width:100%;height:48px;color:var(--white);border:1px solid #424d3a;border-radius:8px;background:#202622;padding:0 12px;margin-bottom:18px}.settings-dialog>.primary-button{width:100%}.settings-dialog>.micro{margin-top:22px;font-size:12px;letter-spacing:.03em}.debug-results{margin:18px 0 0;font-size:12px;color:#a6b69b;line-height:1.9}.debug-results:empty{display:none}.debug-results p{display:flex;justify-content:space-between}.debug-results strong{font-weight:400;color:#d2e2c6}
.reveal-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:100%;max-height:100%;margin:0;border:0;background:#090a0b;overflow:hidden;display:none;align-items:center;justify-content:center;border-radius:0;box-shadow:none;--reveal-color:#dfebd4}.reveal-dialog[open]{display:flex;animation:fade-in .18s ease-out}.reveal-dialog::backdrop{background:#090a0b}.reveal-stage{z-index:2;width:100%;max-width:420px;text-align:center;padding:env(safe-area-inset-top) 26px max(26px,env(safe-area-inset-bottom));position:relative;display:flex;flex-direction:column;align-items:center;min-height:530px;justify-content:center}.reveal-stage>canvas{width:256px;height:256px;flex:none;display:block;position:relative}.reveal-stage>.micro{min-height:25px;color:var(--reveal-color);opacity:0;transition:opacity .2s;letter-spacing:.22em}.reveal-details{opacity:0;transform:translateY(18px);transition:transform .45s var(--ease),opacity .35s;min-height:145px;max-width:350px}.reveal-details h2{font-size:27px;letter-spacing:.11em;line-height:1.4;margin:12px 0}.reveal-details>p{color:#a0aaa0;font-size:14px;line-height:1.8}#reveal-reward{font-size:12px;margin-top:12px;color:var(--reveal-color)}#reveal-effects{position:absolute;inset:0;width:100%;height:100%;z-index:0;image-rendering:auto;opacity:1}.reveal-dialog .primary-button{min-width:200px;margin-top:30px;opacity:0;transform:translateY(10px);pointer-events:none;transition:transform .3s var(--spring),opacity .3s;background:var(--reveal-color);color:#13160f}.reveal-dialog.revealed .reveal-details,.reveal-dialog.revealed .reveal-stage>.micro{opacity:1;transform:translateY(0)}.reveal-dialog.revealed .primary-button{opacity:1;transform:translateY(0);pointer-events:auto}.reveal-dialog #another-test{margin-top:8px}.reveal-dialog.secret-reveal{background:#090a10}.toast{position:fixed;z-index:20;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,12px);background:#e3eddb;color:#1c2416;padding:14px 20px;border-radius:10px;font-size:12px;line-height:1.5;opacity:0;pointer-events:none;transition:transform .3s var(--spring),opacity .2s;max-width:calc(100vw - 32px);width:max-content;box-shadow:0 8px 30px #0005}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;inset:40% 10%;text-align:center;z-index:10;background:#111;padding:20px;line-height:1.6}
@keyframes dialog-in{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-out{to{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes counter-bump{40%{transform:translateY(-2px) scale(1.16)}}
@media(min-height:880px){.home-footer{padding-bottom:max(40px,env(safe-area-inset-bottom));gap:25px}.stage{min-height:430px}.stage-content{padding-top:45px}}
@media(min-width:900px){.stage{min-height:420px}.home-footer{gap:22px}.topbar{height:calc(112px + env(safe-area-inset-top))}#home{min-height:calc(100svh - 112px - env(safe-area-inset-top))}.stage-arrow.previous{left:50px}.stage-arrow.next{right:50px}}
@media(max-width:600px){.topbar{height:calc(88px + env(safe-area-inset-top));padding:19px 21px;padding-top:calc(19px + env(safe-area-inset-top))}.wordmark{font-size:15px;gap:8px}.edition{margin-left:1px}.top-actions{gap:3px}#home{min-height:calc(100svh - 88px - env(safe-area-inset-top));padding:9px 15px 0}.set-label{font-size:12px;letter-spacing:.1em}.set-label span{margin:0 5px}.stage{min-height:340px}.stage-content{padding-top:22px}.stage-arrow.previous{left:3px}.stage-arrow.next{right:3px}.stage-arrow{top:44%}.home-footer{gap:22px}.lineup{gap:4px}.slot{width:41px}.slot.empty{width:36px;margin:0 2.5px}.slot.chest-slot{margin-left:10px}.slot.chest-slot::before{left:-9px}.footer-note{font-size:12px;letter-spacing:.08em}.collection-dialog{position:fixed;inset:0;margin:auto 0 0;max-height:94dvh;max-width:100%;width:100%;border-radius:22px 22px 0 0;border-bottom:0}.collection-shell{padding:25px 18px max(25px,env(safe-area-inset-bottom))}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.creature-card{height:144px}.creature-card canvas{width:76px;height:76px}.card-name{font-size:12px}.binder-toolbar>span{font-size:12px}.filter-tabs button{padding:0 9px}.binder-summary{font-size:12px}.detail-dialog{max-width:calc(100vw - 30px)}.reveal-stage{min-height:510px}.panel-header h2{font-size:22px}}
@media(max-width:360px){.topbar{padding-left:16px;padding-right:14px}.lineup{gap:1px}.slot{width:38px}.slot.empty{width:33px}.stage-arrow.previous{left:-5px}.stage-arrow.next{right:-5px}.collection-shell{padding:22px 12px}.binder-toolbar{flex-wrap:wrap;gap:12px}.card-name{letter-spacing:0}.settings-dialog{padding:22px}.binder-summary{flex-wrap:wrap}}
@media(max-height:700px){.topbar{height:calc(76px + env(safe-area-inset-top))}#home{min-height:calc(100svh - 76px - env(safe-area-inset-top))}.stage{min-height:315px}.stage-content{padding-top:0}.pet-world{height:153px}.pet-caption{height:134px}.home-footer{gap:14px}.footer-note{margin-top:0}.reveal-stage{min-height:0;padding-top:15px}.reveal-stage>canvas{width:210px;height:210px}.reveal-dialog .primary-button{margin-top:17px}.reveal-details{min-height:125px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:80ms!important;scroll-behavior:auto!important}}
html.reduced-motion *,html.reduced-motion *::before,html.reduced-motion *::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:80ms!important}

/* Expand the small, visually quiet favorite controls into forgiving touch targets. */
.slot:not(.chest-slot)::before{content:"";position:absolute;inset:-2px}
.slot.empty::before{inset:-4px}

/* The toy lives inside the same quiet stage. */
.pet-world{width:100%;max-width:600px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.pet-target{left:50%;margin-left:-96px;z-index:3}
#play-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.pet-glow{left:50%;transform:translateX(-50%)}
.ground{z-index:0}
.pet-caption{position:relative}
.stage-arrow{z-index:5}
.stage.toy-held{touch-action:none}
.gesture-hint{display:flex;align-items:center;justify-content:center;gap:5px;height:30px}
.gesture-hint button{min-height:44px;padding:0 9px;font-size:12px;color:#abb4a8;letter-spacing:.01em}
.gesture-hint button:hover{color:#e1eadb}
.test-visitor{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);white-space:nowrap;min-height:32px;padding:5px 12px;font-size:12px;color:#d6c797;border:1px dashed #58503b;border-radius:5px}
.test-visitor:active{transform:translateX(-50%) scale(.96)}
.shiny-name{color:#ebd2a4!important}
.shiny-progress{font-size:12px;letter-spacing:.01em;color:#a89b7c;margin:-6px 0 18px}
.creature-card.shiny-card{background:linear-gradient(150deg,#28231a25,#151718);border-color:#5a4c304f}
.card-shiny{position:absolute;top:9px;right:9px;font-size:15px;color:#ecd8a0}
.card-shiny+.card-star{top:27px}
.variant-switch{display:flex;gap:5px;padding:4px;background:#191d1b;border-radius:8px;margin:19px 0 12px}
.variant-switch button{flex:1;min-height:40px;border-radius:5px;color:#8f998b;font-size:12px}
.variant-switch button.active{background:#323931;color:#e0e9dc}
.variant-switch button.active.shiny{color:#f0ddb1;background:#3b3324}
.variant-switch .locked{color:#747c72}
.detail-dialog .variant-switch+h2{margin-top:14px}
.pet-secrets{text-align:left;border-top:1px solid #2a3029;padding-top:17px;margin:20px 0}
.pet-secrets>.micro{letter-spacing:.07em;margin-bottom:12px;font-size:12px}
.secret-item{display:flex;gap:10px;align-items:center;font-size:12px;color:#737d6e;min-height:29px}
.secret-item.found{color:#bac9ae}
.secret-item>span:first-child{width:18px;text-align:center;color:#a2af97}
.detail-dialog .detail-meta{margin:15px 0}
.detail-dialog .detail-description{margin:16px auto 12px;min-height:0}
#debug-play{margin:0 0 12px}#play-reward{margin-top:5px}
.shiny-reveal .reveal-details h2{color:#f5e5bf}
.reveal-dialog #another-test{margin-top:0}
.slot.shiny-slot{border-color:#87704155}
@media(max-width:600px){.binder-toolbar{align-items:flex-start;flex-wrap:wrap;row-gap:7px}.binder-toolbar>span{line-height:40px}.filter-tabs button{padding:0 8px}.pet-world{height:180px}.gesture-hint{height:30px}}
@media(max-height:700px){.pet-world{height:153px}.home-footer{gap:12px}.test-visitor{bottom:-8px}.reveal-stage>canvas{width:190px;height:190px}}

/* Series tags and the binder filter (structure only; colors follow the base palette). */
.pet-identity{display:flex;justify-content:center;align-items:center;gap:10px;min-height:26px}.pet-identity>span{display:inline-flex}
.series-tag{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border:1px solid #2c332e;border-radius:4px;background:#ffffff05;color:#929991;font-size:12px;line-height:1.2;letter-spacing:.09em;white-space:nowrap}
.series-tag[data-series="forma"]{border-radius:7px}
.binder-series-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;margin-bottom:10px}.binder-series-row .shiny-progress{margin:0;line-height:1.6}
.series-filter-label{flex:none}#series-filter{width:auto;max-width:145px;min-height:44px;height:44px;margin:0;padding:0 7px;font-size:12px}
.card-footer{display:flex;justify-content:space-between;align-items:center;gap:5px;width:100%;margin-top:9px;padding:0 3px;min-height:15px}
.card-series{display:inline-flex;align-items:center;gap:6px;color:#818e77;font-size:12px;line-height:1.2;letter-spacing:.02em}
.card-footer .card-rarity{width:7px;height:3px;margin:0;opacity:.9;flex:none}.card-footer .card-copies{position:static}.undiscovered .card-series{color:#4f5850}
.detail-portrait{position:relative;margin:10px auto 0}.reveal-classification{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
@media(max-width:600px){.creature-card{height:159px;padding-top:24px}.card-footer{margin-top:8px}.binder-series-row{gap:8px}.reveal-classification{gap:8px}}
@media(max-width:360px){.creature-card{height:156px;padding-left:4px;padding-right:4px}.card-footer{padding:0;gap:3px}.card-series{gap:4px}#series-filter{max-width:128px;padding:0 4px}.binder-series-row .shiny-progress{max-width:145px}}

/* Classes, levels, and the nightly moon. */
.class-tag{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--class-color) 35%,transparent);border-radius:4px;color:var(--class-color);font-size:12px;line-height:1.2;letter-spacing:.06em;white-space:nowrap}
.card-class{min-height:0;padding:0;border:0;font-size:11px;letter-spacing:.02em;margin-left:auto}
.card-footer .card-copies{margin-left:6px}
.moon-line{font-size:11px;letter-spacing:.08em;color:#7f8b85;text-align:center;margin-top:8px}.moon-line::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--moon-color,#9aa39c);box-shadow:0 0 8px var(--moon-color,#9aa39c);margin-right:8px;vertical-align:1px}
.detail-class{font-size:13px;line-height:1.7;color:#93a498;margin:10px auto 0;max-width:38ch;text-align:center}.detail-class b{font-weight:500}
.detail-level{display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px 0 2px}.detail-level p{font-size:13px;color:#b7c4b2}.detail-level p b{color:#e6eee2;font-weight:500}
.detail-level .level-up{width:auto;margin:0;padding:0 18px;min-height:40px;font-size:13px}
.scuffle-moon.compact{margin:12px 0 0;padding:10px 14px}.scuffle-moon.compact p{margin-top:2px}

.save-code{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px}.save-code>button{padding:0}
#save-code-box{width:100%;display:flex;flex-direction:column;gap:8px;margin:6px 0 4px}
#save-code-input{width:100%;min-height:72px;background:#0d1210;border:1px solid #2f3d35;border-radius:8px;color:#c9d4c6;padding:10px 12px;font-size:12px;font-family:inherit;resize:vertical;overflow-wrap:anywhere}
#save-code-box .secondary-button{margin:0}