.app{background:#07130e}.pg{--ink:#e9e3ca;--dim:#93a48e;--faint:#5f7360;--panel:#0e2018;--panel-2:#12281d;--line:#2a4532;--line-bright:#456b4d;--moss:#8fbf7a;--amber:#e6b566;--amber-deep:#c9a154;--danger:#d9796b;height:100dvh;min-height:480px;color:var(--ink);letter-spacing:.01em;background:radial-gradient(120% 80% at 50% -10%,#2c563c47,#0000 60%),linear-gradient(#081711,#050f0b);flex-direction:column;font-family:Pixelify Sans,Segoe UI,ui-sans-serif,sans-serif;font-size:15px;display:flex;overflow:hidden}.pg *,.pg :before,.pg :after{box-sizing:border-box}.pg button{font-family:inherit}.pg ::selection{background:#e6b56659}.pg--loading{justify-content:center;align-items:center}.pg-loading{text-align:center;color:var(--dim)}.pg-loading__frog{letter-spacing:.4em;color:var(--moss);font-family:Silkscreen,monospace;font-size:16px}.pg-loading p{margin-top:12px;font-size:13px}.pg-top{z-index:20;background:linear-gradient(#0d2118,#0a1a13);border-bottom:2px solid #1d3526;flex:none;align-items:center;gap:18px;height:54px;padding:0 16px;display:flex}.pg-brand{align-items:baseline;gap:8px;min-width:0;display:flex}.pg-brand__mark{border:2px solid var(--moss);border-bottom-width:4px;align-self:center;width:14px;height:16px;display:inline-block;position:relative}.pg-brand__leaf{background:var(--moss);width:6px;height:4px;position:absolute;bottom:1px;left:2px}.pg-brand__name{letter-spacing:.16em;color:#f1ecd5;font-family:Silkscreen,ui-monospace,monospace;font-size:15px}.pg-brand__sub{text-transform:uppercase;letter-spacing:.22em;color:var(--faint);font-size:10px}.pg-stats{align-items:center;gap:6px;min-width:0;margin-left:8px;display:flex;overflow:hidden}.pg-stat{color:var(--ink);letter-spacing:.04em;white-space:nowrap;background:#0a1a12;border:1px solid #26402f;align-items:center;gap:5px;padding:4px 8px;font-family:Silkscreen,ui-monospace,monospace;font-size:10px;display:inline-flex}.pg-stat strong{font-size:11px;font-weight:400}.pg-stat small{color:var(--faint);font-family:Pixelify Sans,sans-serif;font-size:10px}.pg-stat__label{color:var(--faint);font-size:8px}.pg-top__actions{gap:6px;margin-left:auto;display:flex}.pg-iconbtn{width:30px;height:30px;color:var(--dim);cursor:pointer;background:#0b1d14;border:1px solid #2b4834;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.pg-iconbtn:hover{color:var(--ink);border-color:var(--line-bright);background:#132b1e}.pg-iconbtn.is-active{color:var(--amber);border-color:var(--amber-deep)}.pg-iconbtn--sm{width:24px;height:24px;font-size:11px}.pg-stage{flex:none;justify-content:center;min-height:0;padding:12px 16px 0;display:flex}.pg-tank-frame{aspect-ratio:16/9;background:#08130f;border:5px solid #2a1a10;outline:1px solid #7a5a2c;max-width:100%;height:min(44vh,420px);position:relative;box-shadow:0 0 0 3px #120c07,0 0 0 4px #e6b56638,0 24px 60px #0000008c}.pg-tank-frame:before,.pg-tank-frame:after{content:"";z-index:4;background:linear-gradient(#456b4d,#21382a);width:3px;position:absolute;top:-3px;bottom:-3px}.pg-tank-frame:before{left:-3px}.pg-tank-frame:after{right:-3px}.pg-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:manipulation;display:block}.pg-tank-view{background:#07130e;width:100%;height:100%;position:relative;overflow:hidden}.pg-tank-bg{filter:saturate(1.06)brightness(1.03);background-image:url(/assets/game/rainforest-bg.webp);background-position:50% 60%;background-repeat:no-repeat;background-size:cover;transition:filter .5s;position:absolute;inset:-1.5%}.pg-tank-view.is-night .pg-tank-bg{filter:brightness(.5)saturate(.72)hue-rotate(-8deg)}.pg-tank-view.is-compact .pg-tank-bg{background-position:50% 72%}.pg-tank-view .pg-canvas{z-index:1;position:relative}.pg-corner{z-index:2;pointer-events:none;border-style:solid;border-color:#e6b566b3;width:15px;height:15px;position:absolute}.pg-corner--tl{border-width:2px 0 0 2px;top:4px;left:4px}.pg-corner--tr{border-width:2px 2px 0 0;top:4px;right:4px}.pg-corner--bl{border-width:0 0 2px 2px;bottom:4px;left:4px}.pg-corner--br{border-width:0 2px 2px 0;bottom:4px;right:4px}.pg-tank-view:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(118deg,#ffffff0f 0 16%,#0000 30% 100%);position:absolute;inset:0}.pg-tank-hud{pointer-events:none;z-index:5;justify-content:space-between;gap:8px;display:flex;position:absolute;inset:8px 10px auto}.pg-tank-hud__left,.pg-tank-hud__right{gap:6px;display:flex}.pg-tag{color:#cfe0bf;letter-spacing:.08em;text-transform:uppercase;background:#050e0ab8;border:1px solid #8fbf7a59;padding:3px 7px;font-family:Silkscreen,ui-monospace,monospace;font-size:8px}.pg-tag--dim{color:#8a9f87;border-color:#8fbf7a2e}.pg-tank-controls{z-index:6;gap:6px;display:flex;position:absolute;bottom:10px;left:10px}.pg-hint{color:#e9e3ca8c;letter-spacing:.04em;pointer-events:none;z-index:5;white-space:nowrap;background:#050e0a73;padding:3px 8px;font-size:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.pg-selected{z-index:6;background:#08160feb;border:1px solid #456b4d;align-items:center;gap:7px;padding:5px 7px;display:flex;position:absolute;top:40px;right:10px;box-shadow:0 6px 18px #0006}.pg-selected__body{flex-direction:column;min-width:0;line-height:1.15;display:flex}.pg-selected__body strong{white-space:nowrap;font-size:12px;font-weight:600}.pg-selected__body small{color:var(--dim);font-size:10px}.pg-tabs{z-index:10;border-bottom:1px solid #1d3526;flex:none;justify-content:center;gap:4px;padding:10px 12px 0;display:flex}.pg-tab{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;padding:8px 16px 9px;font-family:Silkscreen,ui-monospace,monospace;font-size:9px;position:relative}.pg-tab:hover{color:var(--ink);background:#1e3c2a59}.pg-tab.is-active{color:var(--amber);border-color:#2a4532;border-bottom:2px solid var(--amber);background:#0d2118}.pg-tab__count{color:var(--faint);margin-left:6px;font-size:8px}.pg-tab__badge{background:var(--amber);color:#17130a;text-align:center;min-width:12px;height:12px;padding:0 2px;font-size:8px;line-height:12px;position:absolute;top:2px;right:2px}.pg-panels{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2c4a36 transparent;flex:1 1 0;min-height:0;overflow-y:auto}.pg-panels::-webkit-scrollbar{width:8px}.pg-panels::-webkit-scrollbar-thumb{background:#2c4a36}.pg-panel{max-width:1080px;margin:0 auto;padding:16px 18px 44px}.pg-panel__head{border-bottom:1px solid #e6b56629;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;padding-bottom:10px;display:flex}.pg-panel__head h2{letter-spacing:-.015em;color:#f4ecd2;margin:0;font-family:Newsreader,Georgia,serif;font-size:clamp(21px,2.2vw,27px);font-weight:500}.pg-panel__head p{color:var(--dim);margin:4px 0 0;font-size:12.5px;line-height:1.4}.pg-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:5px;font-family:Silkscreen,ui-monospace,monospace;font-size:8px;display:block}.pg-textbtn{color:var(--moss);cursor:pointer;text-underline-offset:3px;white-space:nowrap;background:0 0;border:none;padding:2px;font-size:12px;text-decoration:underline}.pg-textbtn:hover{color:var(--amber)}.pg-muted{color:var(--faint);font-size:11px}.pg-note{color:var(--faint);margin:10px 0 0;font-size:11.5px;line-height:1.5}.pg-note--center{text-align:center}.pg-note code{color:var(--amber);font-family:ui-monospace,monospace}.pg-error{color:var(--danger);margin:8px 0 0;font-size:11.5px}.pg-empty{text-align:center;color:var(--dim);border:1px dashed #2a4532;padding:28px 16px}.pg-btn{color:var(--ink);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#1a3525;border:2px solid #3d6047;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:inset 0 -2px #00000047}.pg-btn:hover:not(:disabled){background:#254733;border-color:#5a825f}.pg-btn:active:not(:disabled){transform:translateY(1px)}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-btn--primary{background:var(--amber-deep);color:#17130a;text-shadow:0 1px #ffffff40;border-color:#f0d093}.pg-btn--primary:hover:not(:disabled){background:var(--amber);border-color:#ffe2a6}.pg-btn--ghost{color:var(--dim);box-shadow:none;background:0 0;border-color:#2f4a36}.pg-btn--danger{color:#f0b8ae;background:#3a1d18;border-color:#7a3a32}.pg-btn--wide{width:100%}.pg-btn--sm{padding:4px 8px;font-size:10px}.pg-btn--feed{background:#2a4a2a;border-color:#5d8a4a}.pg-sprite{image-rendering:pixelated;image-rendering:crisp-edges;flex:none;display:block}.pg-rarity{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid;align-items:center;gap:4px;padding:1px 6px;font-family:Silkscreen,ui-monospace,monospace;font-size:7px;line-height:1.6;display:inline-flex}.pg-rarity--sm{padding:0 4px;font-size:6px}.pg-rarity__dot{width:4px;height:4px}.pg-bar{background:#07130e;border:1px solid #2a4532;width:100%;display:block;position:relative;overflow:hidden}.pg-bar__fill{height:100%;transition:width .35s;display:block}.pg-dew-icon,.pg-heart-icon{flex:none}.pg-progress{width:min(220px,40%)}.pg-star{color:var(--amber);font-size:12px}.pg-vivarium{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:22px;display:grid}.pg-residents{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:8px;display:grid}.pg-resident{color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(#12271d,#0d1f17);border:1px solid #2a4532;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.pg-resident:hover{border-color:var(--line-bright);background:linear-gradient(#17301f,#10251b)}.pg-resident__sprite{background:radial-gradient(60% 60% at 50% 70%,#3f6a3440,#0000);flex:0 0 50px;justify-content:center;align-items:flex-end;width:50px;height:46px;display:flex}.pg-resident__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pg-resident__name{white-space:nowrap;text-overflow:ellipsis;font-family:Newsreader,Georgia,serif;font-size:15px;font-weight:500;overflow:hidden}.pg-resident__meta{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.pg-resident__side{flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.pg-vivarium__side{flex-direction:column;gap:12px;display:flex}.pg-upgrade{background:#0d1f17;border:1px solid #2a4532;padding:12px}.pg-upgrade strong{color:var(--amber);margin-bottom:4px;font-family:Silkscreen,ui-monospace,monospace;font-size:14px;display:block}.pg-upgrade p{color:var(--dim);margin:0 0 10px;font-size:11.5px}.pg-log{background:#0a1912;border:1px solid #223a2a;padding:12px}.pg-log p{color:var(--dim);border-bottom:1px dotted #1d3526;margin:0 0 7px;padding-bottom:7px;font-size:11px;line-height:1.45}.pg-log p:last-child{border:none;margin:0;padding:0}.pg-filters{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:12px;display:flex}.pg-filters__gap{flex:1}.pg-chip{color:var(--dim);cursor:pointer;background:#0a1912;border:1px solid #2a4532;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.pg-chip:hover{border-color:var(--line-bright);color:var(--ink)}.pg-chip.is-active{border-color:var(--moss);color:var(--ink);background:#1b3526}.pg-chip__count{color:var(--faint);font-size:9px}.pg-collect-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;display:grid}.pg-collect{color:var(--ink);cursor:pointer;background:linear-gradient(#0f231a,#0a1912);border:1px solid #223a2a;flex-direction:column;align-items:center;gap:3px;min-height:138px;padding:8px 6px 7px;display:flex}.pg-collect:hover{background:#122b1f;border-color:#4a7254}.pg-collect--locked{opacity:.62}.pg-collect--locked .pg-collect__name{color:var(--faint)}.pg-collect__sprite{justify-content:center;align-items:flex-end;width:66px;height:66px;display:flex}.pg-collect__name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:Newsreader,Georgia,serif;font-size:13px;font-weight:500;overflow:hidden}.pg-collect__sci{max-width:100%;color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-style:italic;overflow:hidden}.pg-collect .pg-rarity{margin-top:2px}.pg-hearts{color:#ef8f7d;letter-spacing:2px;white-space:nowrap;font-size:16px}.pg-hearts__empty{color:#3a4a3c}.pg-breed__row{grid-template-columns:1fr auto 1fr minmax(220px,.9fr);align-items:stretch;gap:12px;display:grid}.pg-parent{min-height:118px;color:var(--dim);cursor:pointer;background:#0a1912;border:2px dashed #2f4a36;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px;display:flex}.pg-parent.is-filled{color:var(--ink);background:linear-gradient(#142c1f,#0c1f16);border-style:solid;border-color:#456b4d}.pg-parent:hover{border-color:var(--moss)}.pg-parent span{font-size:12px;font-weight:600}.pg-parent small{color:var(--faint);font-size:10px}.pg-parent__empty{color:var(--dim);font-size:12px}.pg-breed__x{color:var(--faint);align-self:center;font-family:Silkscreen,monospace;font-size:18px}.pg-breed__action{background:#0a1912;border:1px solid #223a2a;flex-direction:column;justify-content:center;gap:8px;padding:10px;display:flex}.pg-odds{flex-direction:column;gap:4px;display:flex}.pg-odds__row{letter-spacing:.04em;grid-template-columns:66px 1fr 34px;align-items:center;gap:5px;font-size:9px;display:grid}.pg-odds__row .pg-bar{border-color:currentColor}.pg-odds__row span:last-child{text-align:right;color:var(--dim)}.pg-incubator{background:#0a1912;border:1px solid #223a2a;margin-top:14px;padding:12px}.pg-incubator__head{color:var(--faint);justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.pg-eggs{flex-wrap:wrap;gap:8px;display:flex}.pg-egg{background:#0e2018;border:1px solid #2a4532;align-items:center;gap:9px;min-width:160px;padding:7px 10px;display:flex}.pg-egg__orb{border:2px solid var(--amber);background:radial-gradient(60% 50% at 40% 30%,#ffffff8c,#8fbf7a2e);border-radius:50% 50% 46% 46%/60% 60% 40% 40%;width:22px;height:28px;position:relative}.pg-egg__pulse{border-radius:inherit;opacity:.25;background:currentColor;animation:2s ease-in-out infinite pg-pulse;position:absolute;inset:4px}@keyframes pg-pulse{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.4;transform:scale(1)}}.pg-egg__label{flex-direction:column;display:flex}.pg-egg__label strong{font-size:11px;font-weight:600}.pg-egg__label small{color:var(--dim);font-family:ui-monospace,monospace;font-size:10px}.pg-merge-list{flex-direction:column;gap:7px;display:flex}.pg-merge-row{background:#0b1c13;border:1px solid #2a4532;grid-template-columns:130px minmax(160px,1fr) 130px 110px;align-items:center;gap:14px;padding:10px 12px;display:grid}.pg-merge-row__rarity{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.pg-merge-row__rarity small,.pg-merge-row__bar small{color:var(--faint);font-size:10px}.pg-merge-row__bar{align-items:center;gap:8px;display:flex}.pg-merge-row__result{color:var(--dim);align-items:center;gap:6px;font-size:12px;display:flex}.pg-merge-preview{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.pg-merge-preview__item{background:#0b1c13;border:1px solid #2a4532;flex-direction:column;align-items:center;width:66px;padding:5px;display:flex}.pg-merge-preview__item small{color:var(--faint);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:8px;overflow:hidden}.pg-shop__section+.pg-shop__section{margin-top:20px}.pg-shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.pg-shop-card{color:var(--ink);cursor:pointer;text-align:left;background:linear-gradient(#12271d,#0b1c13);border:1px solid #2a4532;align-items:center;gap:10px;padding:10px;display:flex}.pg-shop-card:hover:not(:disabled){border-color:var(--line-bright)}.pg-shop-card:disabled{opacity:.45;cursor:not-allowed}.pg-shop-card__orb{border:2px solid var(--amber);border-radius:50% 50% 46% 46%/60% 60% 40% 40%;flex:0 0 28px;width:28px;height:34px;position:relative}.pg-shop-card__name{flex:1;font-size:12px;font-weight:600}.pg-shop-card__price{color:var(--amber);align-items:center;gap:3px;font-family:Silkscreen,monospace;font-size:9px;display:inline-flex}.pg-decor-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:7px;display:grid}.pg-decor{color:var(--ink);cursor:pointer;background:#0a1912;border:1px solid #223a2a;flex-direction:column;align-items:center;gap:3px;padding:8px 6px 7px;display:flex}.pg-decor:hover{border-color:var(--line-bright);background:#10261b}.pg-decor.is-placed{border-color:var(--amber-deep);box-shadow:inset 0 0 0 1px #e6b56640}.pg-decor__sprite{justify-content:center;align-items:flex-end;width:54px;height:54px;display:flex}.pg-decor__name{text-align:center;font-size:11px;font-weight:600}.pg-decor__price{color:var(--faint);text-align:center;align-items:center;gap:3px;font-size:9.5px;display:inline-flex}.pg-decor.is-placed .pg-decor__price{color:var(--amber)}.pg-trade-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px;display:grid}.pg-trade-card{background:linear-gradient(#12271d,#0b1c13);border:1px solid #2a4532;align-items:center;gap:9px;padding:9px;display:flex}.pg-trade-card__sprite{background:radial-gradient(60% 60% at 50% 70%,#3f6a3438,#0000);justify-content:center;align-items:flex-end;width:62px;height:56px;display:flex}.pg-trade-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pg-trade-card__body strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pg-trade-card__body small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-style:italic;overflow:hidden}.pg-modal-backdrop{--ink:#e9e3ca;--dim:#93a48e;--faint:#5f7360;--panel:#0e2018;--panel-2:#12281d;--line:#2a4532;--line-bright:#456b4d;--moss:#8fbf7a;--amber:#e6b566;--amber-deep:#c9a154;--danger:#d9796b;z-index:100;backdrop-filter:blur(3px);color:var(--ink);background:#020805c7;justify-content:center;align-items:center;padding:18px;font-family:Pixelify Sans,Segoe UI,ui-sans-serif,sans-serif;animation:.14s ease-out pg-fade;display:flex;position:fixed;inset:0}@keyframes pg-fade{0%{opacity:0}to{opacity:1}}.pg-modal{width:min(560px,100%);max-height:min(84dvh,760px);color:var(--ink);background:#0c1e15;border:2px solid #3d6047;flex-direction:column;font-family:Pixelify Sans,Segoe UI,ui-sans-serif,sans-serif;display:flex;box-shadow:0 0 0 1px #08130e,0 24px 70px #0009}.pg-modal--wide{width:min(780px,100%)}.pg-modal__head{background:#10251b;border-bottom:1px solid #223a2a;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.pg-modal__head h2{letter-spacing:-.01em;color:#f4ecd2;margin:0;font-family:Newsreader,Georgia,serif;font-size:23px;font-weight:500}.pg-modal__head p{color:var(--faint);margin:5px 0 0;font-size:11px}.pg-modal__body{padding:16px;overflow-y:auto}.pg-modal__buttons{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.pg-detail{grid-template-columns:130px 1fr;align-items:start;gap:16px;display:grid}.pg-detail__sprite{background:radial-gradient(60% 60% at 50% 65%,#3f6a344d,#0000),#091811;border:1px solid #2a4532;justify-content:center;align-items:center;min-height:130px;display:flex}.pg-detail__info h3{letter-spacing:-.015em;margin:7px 0 2px;font-family:Newsreader,Georgia,serif;font-size:25px;font-weight:500}.pg-detail__sci{color:var(--faint);margin:0 0 8px;font-size:11px;font-style:italic}.pg-detail__note{color:var(--dim);margin:0 0 12px;font-size:12px;line-height:1.5}.pg-detail__stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 14px;display:grid}.pg-detail__stats div{background:#091811;border:1px solid #223a2a;padding:6px 7px}.pg-detail__stats dt{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.pg-detail__stats dd{align-items:center;gap:3px;margin:3px 0 0;font-size:11px;display:flex}.pg-detail__actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pg-confirm{color:var(--danger);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.pg-offline{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.pg-offline div{background:#091811;border:1px solid #2a4532;flex-direction:column;gap:3px;padding:10px;display:flex}.pg-offline span{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.pg-offline strong{color:var(--amber);align-items:center;gap:4px;font-family:Silkscreen,monospace;font-size:15px;font-weight:400;display:inline-flex}.pg-decor-modal{grid-template-columns:160px 1fr;gap:16px;display:grid}.pg-decor-modal__preview{background:radial-gradient(60% 60% at 50% 70%,#3f6a3447,#0000),#091811;border:1px solid #2a4532;justify-content:center;align-items:center;display:flex}.pg-decor-modal__pixel{justify-content:center;align-items:center;width:124px;height:124px;display:flex}.pg-decor-modal__info p{color:var(--dim);margin:0 0 8px;font-size:12px;line-height:1.5}.pg-decor-modal__actions{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.pg-decor-modal__license{gap:6px;margin-top:10px;display:flex}.pg-decor-modal__license input,.pg-picker input{min-width:0;color:var(--ink);background:#07130e;border:1px solid #2a4532;flex:1;padding:7px 9px;font-family:ui-monospace,monospace;font-size:11px}.pg-decor-modal__license input:focus{outline:1px solid var(--moss)}.pg-picker{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.pg-picker__item{color:var(--ink);text-align:left;cursor:pointer;background:#0b1c13;border:1px solid #2a4532;align-items:center;gap:7px;padding:7px;display:flex}.pg-picker__item:hover:not(:disabled){border-color:var(--moss);background:#122b1f}.pg-picker__item:disabled{opacity:.35;cursor:not-allowed}.pg-picker__item span{flex-direction:column;gap:2px;min-width:0;display:flex}.pg-picker__item strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pg-picker__item small{color:var(--faint);font-size:9px}.pg-settings{flex-direction:column;display:flex}.pg-setting{border-bottom:1px dotted #223a2a;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.pg-setting span{flex-direction:column;gap:3px;display:flex}.pg-setting strong{font-size:13px;font-weight:600}.pg-setting small{color:var(--faint);font-size:11px;line-height:1.45}.pg-setting--danger strong{color:var(--danger)}.pg-switch{cursor:pointer;background:#07130e;border:1px solid #2a4532;flex:0 0 40px;width:40px;height:22px;position:relative}.pg-switch span{background:var(--faint);width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.pg-switch.is-on span{background:var(--moss);transform:translate(18px)}.pg-toast{z-index:120;border:1px solid var(--amber-deep);color:#f0ead2;text-align:center;background:#091810f5;max-width:min(520px,100vw - 30px);padding:9px 14px;font-size:12px;line-height:1.35;animation:.18s ease-out pg-toast-in;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000080}@keyframes pg-toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.pg-mini{z-index:60;background:#081711;border:2px solid #456b4d;width:330px;position:fixed;bottom:16px;right:16px;box-shadow:0 0 0 2px #08130e,0 16px 40px #0000008c}.pg-mini__bar{background:#0d2118;border-bottom:1px solid #2a4532;align-items:center;gap:9px;padding:4px 6px;display:flex}.pg-mini__brand{letter-spacing:.14em;color:var(--moss);font-family:Silkscreen,monospace;font-size:8px}.pg-mini__stat{color:var(--ink);align-items:center;gap:3px;font-family:Silkscreen,monospace;font-size:8px;display:inline-flex}.pg-mini__bar .pg-iconbtn{margin-left:auto}.pg-mini .pg-tank-view{aspect-ratio:384/150}.pg-mini canvas{width:100%;height:100%;display:block}.pg-mini__actions{background:#0b1c13;border-top:1px solid #2a4532;gap:5px;padding:5px 6px;display:flex}.pg--night .pg-top{background:linear-gradient(#0b1a22,#08131a);border-color:#1a2f33}.pg--night .pg-tank-frame{border-color:#2f4a4a;box-shadow:0 0 0 1px #3d5e5e,0 18px 40px #0000008c}.pg--night .pg-tab.is-active{border-color:#24404a;border-bottom-color:var(--amber);background:#0a1b22}@media (width<=860px){.pg-top{gap:10px;padding:0 10px}.pg-brand__sub,.pg-stat--optional{display:none}.pg-stage{padding:8px 10px 0}.pg-tank-frame{aspect-ratio:16/9;width:100%;height:auto}.pg-vivarium{grid-template-columns:1fr}.pg-breed__row{grid-template-columns:1fr auto 1fr}.pg-breed__action{grid-column:1/-1}.pg-merge-row{grid-template-columns:1fr 1fr;gap:8px}.pg-merge-row .pg-btn{grid-column:2;justify-self:end}.pg-panel{padding:14px 12px 40px}}@media (width<=560px){.pg{font-size:14px}.pg-top{gap:6px;height:46px;padding:0 6px}.pg-brand__mark,.pg-brand__sub{display:none}.pg-brand__name{letter-spacing:.08em;font-size:12px}.pg-stat--level{display:none}.pg-stats{gap:3px;margin-left:0}.pg-stat{gap:3px;padding:2px 4px}.pg-stat strong{font-size:9px}.pg-stat small{display:none}.pg-top__actions{gap:2px}.pg-iconbtn{width:25px;height:25px;font-size:11px}.pg-stage{padding:6px 6px 0}.pg-tank-frame{aspect-ratio:16/9;border-width:3px;width:100%;height:auto}.pg-tank-hud{inset:5px 6px auto}.pg-tag{padding:2px 4px;font-size:6px}.pg-tank-controls{bottom:6px;left:6px}.pg-btn{padding:6px 9px;font-size:10px}.pg-hint{display:none}.pg-selected{padding:3px 5px;top:30px;right:6px}.pg-selected__body strong{font-size:10px}.pg-selected .pg-sprite{display:none}.pg-tabs{scrollbar-width:none;justify-content:flex-start;padding:7px 6px 0;overflow-x:auto}.pg-tabs::-webkit-scrollbar{display:none}.pg-tab{padding:7px 9px;font-size:8px}.pg-tab__count{display:none}.pg-panel__head{flex-direction:column;align-items:flex-start;gap:6px}.pg-progress{width:100%}.pg-residents{grid-template-columns:1fr}.pg-collect-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.pg-collect{min-height:112px;padding:6px 4px}.pg-collect__sprite{width:46px;height:46px}.pg-collect__name{font-size:10px}.pg-collect__sci{font-size:8px}.pg-breed__row{grid-template-columns:1fr}.pg-breed__x{display:none}.pg-parent{min-height:92px}.pg-merge-row{grid-template-columns:1fr}.pg-merge-row .pg-btn{grid-column:auto;justify-self:stretch}.pg-detail{grid-template-columns:1fr}.pg-detail__sprite{min-height:110px}.pg-decor-modal{grid-template-columns:1fr}.pg-decor-modal__preview{min-height:130px}.pg-offline{grid-template-columns:1fr}.pg-mini{width:calc(100vw - 12px);bottom:6px;right:6px}.pg-setting{flex-direction:column;align-items:flex-start;gap:8px}.pg-modal-backdrop{padding:6px}.pg-modal{max-height:92dvh}}@media (prefers-reduced-motion:reduce){.pg *,.pg :before,.pg :after{transition-duration:.001ms!important;animation-duration:.001ms!important}}