@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#ffffff;--ink:#424242;--muted:#677d89;--line:#c5c8c1;--orange:#dd6d46;--ui-panel:#e4e7df;--ui-accent:#dd6d46}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b56337;outline-offset:5px}button{border:0;background:none}header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:27px;font-weight:700;letter-spacing:-1.5px;text-decoration:none;color:inherit}.brand-icon{font-size:40px;color:var(--orange);font-weight:400}.edition{font:11px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-left:24px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:25px}#saved{font-size:13px;color:#6b775d}.icon-btn{border:1px solid var(--line);padding:10px 13px;border-radius:7px;font-size:19px}.icon-btn span{font-size:13px;margin-left:5px}main{max-width:1600px;margin:auto;padding:48px 4.5vw 0;display:grid;grid-template-columns:40% 60%}.intro{padding:25px 44px 0 0}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;display:flex;gap:9px;align-items:center}.eyebrow>span,.studio-top i{height:6px;width:6px;display:inline-block;border-radius:50%;background:var(--orange)}h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(42px,4.3vw,72px);line-height:1.04;font-weight:500;letter-spacing:-3.5px;margin:26px 0 22px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.lede{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:33px}.pet-card{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:23px 0}.avatar{width:45px;height:45px;background:#dddccb;border-radius:12px;display:grid;place-items:center;font-size:28px;color:#53634a}#rename{padding:0;font-size:19px}#rename span{font-size:13px;margin-left:7px;color:var(--muted)}.pet-meta{font-size:12px;color:var(--muted);margin-top:4px}.mood{margin-left:auto;color:#6a765d;font-size:11px;background:#e1e4d5;padding:7px 9px;border-radius:20px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:19px 23px;margin:3px 0 28px}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:8px}.stat-label span{color:var(--muted);font-size:12px}.track{height:5px;background:#dbddd1;border-radius:9px;overflow:hidden}.fill{height:100%;background:#859169;transition:width .6s;border-radius:9px}.evolution{border-top:1px solid var(--line);padding-top:21px}.row{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.row button{font-size:11px;color:var(--muted);letter-spacing:0}.stages{display:flex;gap:5px;margin-top:17px}.stage{flex:1;border-top:3px solid #d8dace;padding-top:8px;font-size:11px;color:#999f90}.stage.active{border-color:#b65e37;color:#9d512f}.stage.done{border-color:#929d7b;color:#727d61}.evolution p{font-size:12px;color:var(--muted);line-height:1.6}.studio{position:relative;background:#e4e4d9;border:1px solid #dcded1;border-radius:18px;min-width:0;overflow:hidden;display:flex;flex-direction:column;min-height:620px}.studio-top{display:flex;justify-content:space-between;align-items:center;padding:21px 25px;font-size:11px;letter-spacing:1.4px;z-index:1}.studio-top span{display:flex;align-items:center;gap:7px}.studio-top i{background:#7b9169}.studio-top button{font-size:12px;letter-spacing:0;color:#7c8275}#viewport{position:relative;flex:1;min-height:420px;background:radial-gradient(ellipse at 50% 45%,#f8f5e9 0%,#e5e5da 65%);touch-action:none}#viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#loadNotice{position:absolute;top:45%;width:100%;text-align:center;font-size:15px}.device-caption{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;margin:6px 0 16px;color:#7a816e}.dot{height:5px;width:5px;background:#8b9a6c;border-radius:50%}.device-controls{display:flex;justify-content:center;gap:18px;padding-bottom:23px}.device-controls button{font-size:11px;display:flex;align-items:center;gap:6px;color:#7d8373;padding:3px}.device-controls kbd{font-family:inherit;border:1px solid #c7cabb;border-radius:5px;width:21px;height:21px;display:grid;place-items:center;color:#5a6550;background:#ecece2}.studio-bottom{border-top:1px solid #d3d6c7;display:flex;align-items:center;justify-content:space-between;padding:17px 24px;font-size:10px;letter-spacing:1px;color:#848a79}#swatches{display:flex;gap:9px}#swatches button{border-radius:50%;width:17px;height:17px;box-shadow:inset 0 0 0 1px #0001;border:3px solid transparent}#swatches button.selected{outline:1px solid #7b8471;outline-offset:3px}.care{grid-column:1/-1;border-top:1px solid var(--line);margin-top:35px;padding:27px 0 30px;display:flex;align-items:center;gap:35px}.care-heading{width:32%;flex-shrink:0}.care h2{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:21px;letter-spacing:-.8px;margin:12px 0}.care-actions{display:flex;flex:1;gap:9px}.care-actions button{background:#e6e6db;border:1px solid #d8dbcd;border-radius:9px;flex:1;min-width:0;text-align:left;padding:13px 14px;transition:background .15s,transform .15s}.care-actions button:hover{background:#dce0ce;transform:translateY(-3px)}.care-actions button>span{font-size:24px;display:block;margin-bottom:12px;color:#758163}.care-actions strong{display:block;font-size:14px;font-weight:500}.care-actions small{display:block;font-size:11px;color:#8c9182;margin-top:5px}footer{border-top:1px solid var(--line);padding:22px 4.5vw;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#929785}footer button{font-size:11px;letter-spacing:0}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,25px);background:#354132;color:#f4f2e8;padding:14px 24px;border-radius:10px;font-size:14px;opacity:0;transition:.2s;pointer-events:none;z-index:9}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #cdd1c0;border-radius:18px;background:#f3f1e8;color:var(--ink);padding:35px;max-width:480px;width:calc(100% - 32px);box-shadow:0 25px 100px #26332133}dialog::backdrop{background:#26332166;backdrop-filter:blur(6px)}.close{position:absolute;right:13px;top:10px;font-size:25px}dialog h2{font-family:'Space Grotesk',sans-serif;font-size:27px;letter-spacing:-1px}dialog p,dialog li{font-size:14px;line-height:1.8;color:#78816b}dialog .option{display:block;border:1px solid #d6dacb;background:#e9ecdf;margin:10px 0;padding:13px 15px;width:100%;text-align:left;border-radius:8px;font-size:14px}dialog input[type=text]{width:100%;border:1px solid #c7cdbb;background:white;padding:13px;font:inherit;border-radius:7px}dialog .primary{background:#45553e;color:white}dialog .danger{color:#ae4934}.journey-item{border-left:2px solid #c2cab3;margin:16px 0;padding-left:17px}.journey-item strong{font-size:15px}.journey-item p{margin:4px 0}.modal-eyebrow{font-size:11px;letter-spacing:1.5px;color:#a35934}#saved.error{color:#ae4934}
@media(min-width:1550px){.studio{min-height:700px}#viewport{min-height:490px}}@media(max-width:1000px){header{padding:0 25px}.edition{display:none}main{padding:25px;grid-template-columns:42% 58%}.intro{padding:15px 25px 0 0}h1{font-size:48px}.studio{min-height:590px}.studio-bottom>span:first-child{display:none}.care{gap:20px}.care-heading{width:27%}.care-actions button{padding:12px 9px}.care-actions small{font-size:10px}.mood{display:none}}@media(max-width:700px){header{height:75px;padding:0 20px}.brand{font-size:23px}.header-right{gap:8px}#saved{font-size:0}#saved::before{content:'●';font-size:12px}.icon-btn{padding:7px 10px}.icon-btn span{display:none}main{display:flex;flex-direction:column;padding:25px 18px 0}.intro{display:contents}.intro>.eyebrow{font-size:11px}h1{font-size:46px;letter-spacing:-2px;margin:17px 0}h1 br{display:none}.lede{font-size:13px;margin:0 0 20px}.lede br{display:none}.studio{order:1;min-height:560px}.pet-card{order:2;margin-top:22px;padding:17px 0}.mood{display:block}.stats{order:3;margin:0 0 20px}.evolution{order:4}.care{order:5;margin-top:18px;display:block;padding:20px 0}.care-heading{width:auto}.care h2{font-size:22px}.care-actions{margin-top:20px;gap:5px}.care-actions button{padding:12px 7px}.care-actions small{display:none}.care-actions strong{font-size:12px}.care-actions button>span{font-size:22px}footer{font-size:10px;padding:20px 18px}footer>span:not(.creator-credit):first-child{display:none}#viewport{min-height:380px}.device-controls{gap:12px}.device-controls button{font-size:11px}}
.mode-switch{display:flex;gap:5px;border:1px solid #d3d7c7;background:#e1e4d7;padding:4px;border-radius:10px;margin-bottom:21px;max-width:365px}.mode-switch button{flex:1;text-align:left;padding:10px 13px;border-radius:7px;font-size:14px}.mode-switch small{display:block;font-size:11px;color:#8a917d;margin-top:4px}.mode-switch button[aria-pressed=true]{background:#f5f2e8;box-shadow:0 2px 5px #34452c0b}#blitzTimer{display:block;margin:-7px 0 15px;font-size:13px;color:#ab582f}#blitzTimer[hidden]{display:none}.fallback-shell{position:absolute;top:50%;left:50%;transform:translate(-50%,-48%) rotate(-3deg);width:285px;height:350px;border-radius:46% 46% 43% 43%;box-shadow:inset -13px -7px 20px #0003,inset 8px 4px 10px #fff4,8px 23px 25px #515c4025;background:#cd633e;text-align:center;padding:35px 30px}.fallback-shell::before{content:'';position:absolute;top:-39px;left:124px;border:5px solid #b3b7ac;border-radius:50%;width:29px;height:35px;box-shadow:1px 2px 2px #0003}.fallback-brand{color:#ffdda9;letter-spacing:2px;font:700 16px monospace;margin-bottom:16px}#fallbackLCD{border:10px solid #353c31;border-radius:13px;box-shadow:0 3px 3px #fff3;overflow:hidden;width:205px;height:205px;margin:auto}#fallbackLCD canvas{position:static;width:100%;height:100%;image-rendering:pixelated}.fallback-buttons{display:flex;justify-content:center;gap:27px;margin-top:18px}.fallback-buttons button{border-radius:50%;width:28px;height:28px;background:#ecdbb5;box-shadow:2px 4px 0 #0004;font:12px monospace}.fallback-buttons button:active{transform:translateY(3px);box-shadow:none}.fallback-shell small{font:11px monospace;color:#ffdda9;display:block;margin-top:12px}.fallback-note{position:absolute;bottom:0;font-size:11px;left:0;right:0;text-align:center;color:#8a917d}.fallback-shell{height:390px}#viewport .fallback-shell canvas{position:static}@media(max-width:700px){.mode-switch{order:0;max-width:100%}#blitzTimer{order:0}.fallback-shell{transform:translate(-50%,-48%) scale(.85) rotate(-3deg)}}
/* Matched front elevation: smooth egg outline with an inset screen, never an added box. */
.view-switch{display:flex;background:#d7dccd;border:1px solid #cbd1c0;border-radius:7px;padding:3px;gap:3px;letter-spacing:0}.view-switch button{padding:6px 12px!important;border-radius:4px;font-size:12px!important}.view-switch button[aria-pressed=true]{background:#f5f2e9;color:#394332;box-shadow:0 1px 3px #0001}.studio-top{gap:10px}.studio-top>span{flex:1}.studio-top #resetView{min-width:74px}#flatView{position:absolute;inset:0;overflow:hidden}#flatView[hidden]{display:none}.fallback-shell{--shell-color:#333537;top:57%;width:270px;height:336px;padding:0;border-radius:49% 49% 47% 47% / 57% 57% 43% 43%;transform:translate(-50%,-50%);background-color:var(--shell-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.24' filter='url(%23n)' d='M0 0h90v90H0z'/%3E%3Cg fill='%23fff' opacity='.65'%3E%3Cpath d='M8 13h1v1H8zM24 39h1v1h-1zM65 7h1v1h-1zM48 62h1v1h-1zM79 32h1v1h-1zM13 77h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");box-shadow:inset 3px 3px 5px #fff3,inset -3px -4px 7px #0006,0 18px 25px #37412c21}.fallback-shell::before{width:14px;height:19px;top:-15px;left:calc(50% - 10px);border:3px solid #a9ada9;box-shadow:inset 1px 1px #fff8;border-radius:50%;background:none}.fallback-brand{position:absolute;top:49px;left:0;right:0;margin:0;color:#f5f4ea;font:bold italic 23px Arial,sans-serif;letter-spacing:-1px;transform:rotate(-4deg)}#fallbackLCD{position:absolute;top:92px;left:50%;transform:translateX(-50%);width:157px;height:166px;border:0;border-radius:11px;background:#121711;padding:6px;box-shadow:0 -3px 5px #000b,2px 3px 3px #fff2,inset 0 3px 7px #000;overflow:hidden}#fallbackLCD canvas{border-radius:5px;width:100%;height:100%;box-shadow:inset 0 5px 10px #0005}.fallback-buttons{position:absolute;bottom:24px;left:0;right:0;gap:23px;margin:0}.fallback-buttons button{width:20px;height:20px;font-size:0;background:#f0f1e9;box-shadow:inset 1px 1px 2px white,1px 2px 3px #0009,0 0 0 2px #1117}.fallback-buttons button:nth-child(2){transform:translateY(9px)}.fallback-buttons button:nth-child(2):active{transform:translateY(11px)}.fallback-shell small{display:none}.flat-chain{position:absolute;left:50%;top:calc(57% - 274px);width:75px;height:104px;transform:translateX(-50%);border:5px dotted #929a96;border-radius:14px 14px 40% 40%;filter:drop-shadow(1px 1px 1px #3335);box-shadow:inset 1px 0 0 #e9eeea,1px 0 0 #e9eeea}.flat-chain span{display:block;position:absolute;left:20px;top:-7px;width:26px;height:8px;border-radius:4px;background:linear-gradient(#e6e7e1,#777d78,#b9bfba)}.fallback-note{bottom:8px;font-size:11px;letter-spacing:1px}#viewport{min-height:450px}.studio{min-height:660px}#viewport #threeView{position:absolute;inset:0}@media(max-width:700px){.studio-top{padding:16px 15px}.studio-top>span{font-size:10px;letter-spacing:.8px}.studio-top #resetView{min-width:0;font-size:11px}.view-switch button{padding:5px 9px!important}.fallback-shell{transform:translate(-50%,-50%);width:270px;height:336px}#viewport{min-height:450px}.studio{min-height:630px}}

.flat-chain{top:calc(57% - 250px);height:80px}
.session-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #d0d6c2;background:#e4e9da;border-radius:10px;margin:15px 0}.session-panel strong{font-size:14px;font-weight:600}.session-panel small{display:block;font-size:12px;line-height:1.6;color:#76816a;margin-top:5px}.session-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a4ac99;margin-right:7px}.session-indicator.live{background:#4d8853;box-shadow:0 0 0 4px #5f916a15}.session-start{font-size:13px;background:#465c3c;border-radius:7px;padding:12px 14px;color:#fff;white-space:nowrap}.session-start.running{background:#eee9dc;color:#855b3c;border:1px solid #cfc4ae}.egg-summary{font-size:13px;border-bottom:1px solid var(--line);text-align:left;padding:9px 0 15px;width:100%;color:#6e775f}.care-actions button:disabled{opacity:.45;cursor:default;transform:none}.custom-bar{display:flex;justify-content:space-between;padding:15px 24px;border-top:1px solid #d3d6c7;gap:10px}.custom-bar button{font-size:13px;color:#657457}.custom-bar #legendary{color:#8d69a2}.custom-bar #legendary[aria-pressed=true]{color:#9d46ad}.egg-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.egg-card{border:1px solid #cdd5c0;border-radius:10px;background:#e9eddf;text-align:left;padding:14px}.egg-card.chosen{border-color:#6b8553;box-shadow:0 0 0 2px #6b85532a}.egg-card>span{display:block;font-size:30px;margin-bottom:8px;color:#6a8059}.egg-card b{display:block;font-size:14px}.egg-card small{display:block;font-size:12px;line-height:1.6;color:#78816b;margin-top:7px}.egg-card em{display:block;font-style:normal;font-size:11px;color:#9c6d43;margin-top:7px}.difficulty-options{display:flex;gap:6px}.difficulty-options button{flex:1;border:1px solid #d0d8c3;padding:12px 8px;border-radius:8px;font-size:13px}.difficulty-options button[aria-pressed=true]{background:#dce5cd;border-color:#7d9265}.difficulty-options small{display:block;font-size:11px;color:#808a75;margin-top:6px}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.color-grid label{font-size:13px;padding:12px;background:#e6ebdc;border-radius:8px;display:flex;flex-direction:column;gap:10px}.color-grid input[type=color]{width:100%;height:44px;border:0;padding:0;background:none;cursor:pointer}.color-grid label>span{font:12px monospace;color:#7b856e}.finish-label{display:flex;flex-direction:column;gap:12px;font-size:14px;margin:20px 0}.finish-label select{padding:12px;background:#e6ebdc;color:var(--ink);border:1px solid #c9d2bb;border-radius:7px;font:inherit}.afterlife-art{text-align:center;padding:28px;font-size:40px;border-radius:13px}.afterlife-art.heaven{background:linear-gradient(145deg,#dae5ee,#fff2cf);color:#8c9a63}.afterlife-art.hell{background:linear-gradient(145deg,#302b36,#8e3d31);color:#ef9160}dialog{max-height:90dvh;overflow:auto}.fallback-brand{color:var(--logo-color,#f8f8ed)}.fallback-buttons button{background:var(--button-color,#f4f3e9)}.flat-chain span{background:linear-gradient(#ffffffaa,var(--chain-color,#c8ccce),#535b55)}.fallback-shell.smooth-finish{background-image:none}.fallback-shell.gloss-finish{box-shadow:inset 12px 8px 30px #fff5,inset -8px -6px 15px #0006,0 20px 24px #0002}.fallback-shell.legendary{background-image:linear-gradient(125deg,#f5a7d9,#c2b6ff,#7dcbef,#a3e9d6,#e5edaa,#f4be8b,#c8a4fa);background-size:350% 350%;animation:holoDrift 9s ease infinite;box-shadow:inset 5px 5px 12px #fff8,inset -6px -6px 12px #63587d44,0 18px 30px #7a709f33}@keyframes holoDrift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}#fullscreen{font-size:24px;line-height:1;padding:0 0 0 8px}.studio:fullscreen,.studio.expanded{background:#e4e4d9;border-radius:0;border:0;padding:0;max-width:none;width:100%;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.studio.expanded{position:fixed;inset:0;z-index:50}.studio:fullscreen #viewport,.studio.expanded #viewport{flex:1;min-height:0}.studio:fullscreen .studio-top,.studio.expanded .studio-top{padding:12px 24px}.studio:fullscreen .custom-bar,.studio.expanded .custom-bar{padding:10px 24px}.studio:fullscreen .device-controls,.studio.expanded .device-controls{padding-bottom:10px}.studio:fullscreen .device-caption,.studio.expanded .device-caption{margin:6px 0}.studio:fullscreen .studio-bottom,.studio.expanded .studio-bottom{padding:10px 24px}
/* The device gets the majority of the page and a native-resolution LCD. */
main{grid-template-columns:minmax(280px,29%) minmax(0,71%);padding-top:26px;max-width:1800px}.intro{padding:18px 28px 0 0}h1{font-size:clamp(35px,3.2vw,52px);letter-spacing:-2px;margin:20px 0 16px}.lede{font-size:13px;margin-bottom:22px}.studio{min-height:940px}#viewport{min-height:680px}.studio-top{padding:18px 24px}.fallback-shell{width:430px;height:535px;top:57%}.fallback-brand{top:78px;font-size:36px}#fallbackLCD{top:146px;width:256px;height:270px;padding:9px;border-radius:14px;box-shadow:0 -3px 5px #000b,2px 3px 3px #fff2,inset 0 3px 7px #000}.fallback-buttons{bottom:39px;gap:37px}.fallback-buttons button{width:32px;height:32px}.fallback-buttons button:nth-child(2){transform:translateY(13px)}.fallback-buttons button:nth-child(2):active{transform:translateY(15px)}.fallback-shell::before{top:-21px;width:19px;height:28px;left:calc(50% - 12px)}.flat-chain{top:calc(57% - 376px);width:95px;height:96px}.flat-chain span{left:27px;width:29px}#fallbackLCD canvas{image-rendering:pixelated;image-rendering:crisp-edges}#viewport #threeView{image-rendering:auto}.stats{gap:18px}.care-heading{width:29%}.studio:fullscreen .fallback-shell,.studio.expanded .fallback-shell{top:56%;width:430px;height:535px}.studio:fullscreen .flat-chain,.studio.expanded .flat-chain{top:calc(56% - 376px)}@media(min-width:1500px){.studio{min-height:1020px}#viewport{min-height:760px}.fallback-shell{width:480px;height:600px}.fallback-brand{top:88px;font-size:40px}#fallbackLCD{width:286px;height:302px;top:165px}.fallback-buttons{bottom:45px;gap:41px}.fallback-buttons button{width:35px;height:35px}.flat-chain{top:calc(57% - 414px);height:98px}}
@media(max-width:1000px) and (min-width:701px){main{grid-template-columns:30% 70%;padding:20px}.intro{padding-right:20px}h1{font-size:34px}.session-panel{display:block;padding:12px}.session-start{margin-top:12px;width:100%}.session-panel small{font-size:11px}.mode-switch button{padding:9px 7px;font-size:12px}.studio-top>span{font-size:10px;letter-spacing:.6px}.custom-bar{padding:14px}.fallback-shell{width:400px;height:500px}.fallback-brand{top:73px}#fallbackLCD{width:244px;height:256px;top:138px}.flat-chain{top:calc(57% - 359px)}}
@media(max-width:700px){main{padding:16px 10px 0;display:flex}h1{font-size:28px;letter-spacing:-1px;margin:12px 0 8px}h1 br{display:none}.intro>.eyebrow{font-size:10px}.lede{margin-bottom:14px}.mode-switch{margin-bottom:10px}.session-panel{order:0;margin:0 0 10px;padding:12px;gap:10px}.session-panel small{font-size:11px}.session-start{padding:11px;font-size:12px}.egg-summary{order:0;padding:8px 0 13px}.studio{order:1;min-height:820px;border-radius:12px}.studio-top{padding:12px 11px}.studio-top>span{font-size:9px;letter-spacing:.3px}.view-switch button{padding:5px 7px!important}.studio-top #resetView{font-size:10px}#viewport{min-height:590px}.fallback-shell{width:350px;height:438px;top:57%}.fallback-brand{top:62px;font-size:29px}#fallbackLCD{width:220px;height:232px;top:118px;padding:5px}.fallback-buttons{bottom:32px;gap:31px}.fallback-buttons button{width:27px;height:27px}.flat-chain{top:calc(57% - 326px);height:93px;width:82px}.flat-chain span{left:23px;width:25px}.custom-bar{padding:13px 12px}.custom-bar button{font-size:12px}.studio-bottom{padding:16px 14px}.studio:fullscreen .fallback-shell,.studio.expanded .fallback-shell{width:350px;height:438px;top:55%}.studio:fullscreen .flat-chain,.studio.expanded .flat-chain{top:calc(55% - 326px)}.care{gap:0}.color-grid{gap:9px}dialog{padding:28px 21px}.egg-card{padding:11px}.studio:fullscreen .studio-top,.studio.expanded .studio-top{padding:10px}.studio:fullscreen .studio-bottom,.studio.expanded .studio-bottom{padding:8px 14px}.studio:fullscreen .device-controls,.studio.expanded .device-controls{padding:3px}.studio:fullscreen .custom-bar,.studio.expanded .custom-bar{padding:9px 14px}}
@media(max-height:720px){.studio:fullscreen .fallback-shell,.studio.expanded .fallback-shell{transform:translate(-50%,-50%) scale(.78)}.studio:fullscreen .flat-chain,.studio.expanded .flat-chain{display:none}}@media(prefers-reduced-motion:reduce){.fallback-shell.legendary{animation:none}}
.device-session{font-size:12px!important;padding:7px 11px!important;background:#cfd9c2;border-radius:6px;white-space:nowrap}.color-grid input.hex-input{padding:7px;font:13px monospace;background:#f2f4eb;border:1px solid #c9d2ba;width:100%;border-radius:5px}.studio-top{flex-wrap:wrap}.studio-top>span{min-width:100px}@media(max-width:700px){.device-session{font-size:11px!important;padding:6px 7px!important}.studio-top>span{min-width:60px;font-size:9px}}
.fallback-shell::before{border-color:var(--chain-color,#c8ccce)}
/* Always-visible needs in ordinary and fullscreen device views. */
.device-needs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 150px;gap:16px;padding:13px 24px 17px;border-bottom:1px solid #ced6c3;background:#e7ebde}.hud-need>div{display:flex;justify-content:space-between;gap:5px;font-size:12px;color:#66745b}.hud-need b{font-size:12px;font-weight:500;color:#3d5136}.hud-need>span{display:block;height:5px;background:#d1d9c7;border-radius:5px;margin-top:8px;overflow:hidden}.hud-need i{display:block;height:100%;border-radius:5px}.hud-medical{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;font-size:12px;color:#607653}.hud-medical.sick{color:#a75d37}.hud-medical button{font-size:12px;padding:3px 8px;border:1px solid #bac8aa;border-radius:5px;background:#f1f3e9}.hud-medical button:disabled{opacity:.45;cursor:default}.device-workbench{display:flex;flex:1;min-height:0;min-width:0;position:relative}#viewport{flex:1;min-width:0}.custom-panel{flex:0 0 300px;width:300px;padding:17px;background:#f0f1e7;border-left:1px solid #cbd4bd;overflow-y:auto;max-height:760px}.custom-panel[hidden]{display:none}.custom-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.custom-panel-head strong{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:21px;letter-spacing:-.5px}.custom-panel-head button{font-size:25px;padding:0 4px}.custom-panel .modal-eyebrow{font-size:10px;letter-spacing:1px}.custom-panel .color-grid{gap:8px;margin-top:15px}.custom-panel .color-grid label{font-size:12px;padding:9px;gap:8px}.custom-panel .color-grid input[type=color]{height:37px}.custom-panel p{font-size:12px;line-height:1.7;color:#7a856d}.custom-panel .finish-label{font-size:13px;margin:15px 0}.custom-panel .option{display:block;width:100%;border:1px solid #c6d1b6;border-radius:7px;padding:10px;margin-top:8px;font-size:13px}.custom-panel .primary{background:#4c603e;color:#fff}.custom-panel .hex-input{font-size:12px}.customizing .fallback-shell{max-width:100%}#fallbackLCD canvas{image-rendering:auto!important}.studio:fullscreen .device-workbench,.studio.expanded .device-workbench{flex:1;min-height:0}.studio:fullscreen .custom-panel,.studio.expanded .custom-panel{max-height:none}.studio:fullscreen .device-needs,.studio.expanded .device-needs{padding-top:10px;padding-bottom:10px}.customizing #viewport .fallback-shell{transform:translate(-50%,-50%) scale(.87)}.customizing #viewport .flat-chain{display:none}.custom-panel{scrollbar-width:thin}
@media(max-width:1100px){.device-needs{gap:10px;padding-left:15px;padding-right:15px;grid-template-columns:repeat(5,minmax(0,1fr))}.hud-medical{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.custom-panel{width:265px;flex-basis:265px}.customizing .fallback-shell{width:350px;height:438px}.customizing .fallback-brand{top:62px;font-size:29px}.customizing #fallbackLCD{width:220px;height:232px;top:118px;padding:5px}.customizing .fallback-buttons{bottom:32px;gap:31px}.customizing .fallback-buttons button{width:27px;height:27px}}
@media(max-width:800px){.device-workbench{flex-direction:column}.custom-panel{flex:0 0 auto;width:100%;border-left:0;border-top:1px solid #cbd4bd;max-height:350px;padding:15px}.custom-panel .color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.custom-panel .color-grid label{font-size:11px}.customizing #viewport .fallback-shell{transform:translate(-50%,-50%)}.customizing #viewport{min-height:540px}.studio:fullscreen.customizing #viewport,.studio.expanded.customizing #viewport{min-height:280px}.studio:fullscreen.customizing .custom-panel,.studio.expanded.customizing .custom-panel{flex-basis:220px;max-height:220px}.studio:fullscreen.customizing .fallback-shell,.studio.expanded.customizing .fallback-shell{transform:translate(-50%,-50%) scale(.58);top:50%}.device-needs{padding:11px 12px;gap:9px}.hud-need>div,.hud-need b{font-size:11px}.hud-need>div{flex-direction:column;gap:3px}.hud-need>span{margin-top:6px}.hud-medical{font-size:11px}.studio:fullscreen .device-needs,.studio.expanded .device-needs{padding:7px 12px}}
dialog.history-modal{max-width:730px}.history-filters{display:flex;gap:9px;margin:20px 0}.history-filters input{min-width:0;flex:1;padding:12px;border:1px solid #c6d0b8;border-radius:7px;background:#f7f7ef;font:14px inherit}.history-filters select{border:1px solid #c6d0b8;border-radius:7px;padding:8px;background:#e5ebda;color:#4e5d42}.history-card{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border:1px solid #d0d8c4;border-radius:10px;background:#e8edde;padding:14px;margin:10px 0}.history-avatar{font-size:28px;width:40px;flex-shrink:0;text-align:center;color:#6e8659}.history-card b{font-size:16px}.history-card small{display:block;font-size:12px;color:#79856c;line-height:1.6;margin-top:3px}.history-outcome{margin-left:auto;font-size:11px;padding:7px 9px;border-radius:20px;background:#dce4d2;color:#62744f;white-space:nowrap}.history-outcome.heaven{background:#f3ead0;color:#947739}.history-outcome.hell{background:#e8d2c9;color:#994c36}.history-outcome.retired{background:#e0dce8;color:#7a668e}.history-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:13px}.history-pagination button{padding:8px;font-size:13px}.history-pagination button:disabled{opacity:.35;cursor:default}.history-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.history-numbers span{font-size:12px;background:#e6ecdb;border-radius:8px;padding:12px;color:#78836b}.history-numbers b{font:500 20px 'Space Grotesk',sans-serif;color:#465c37;display:block;margin-bottom:6px}.history-milestones p{border-left:2px solid #b0c09b;padding-left:13px}.history-milestones small{display:block;font-size:12px;color:#7e8972}.history-empty{padding:20px 0}.studio-top .device-session{font-size:11px!important}@media(max-width:600px){.history-card{gap:8px;padding:11px}.history-outcome{font-size:11px;padding:5px}.history-card b{font-size:14px}.history-avatar{width:25px;font-size:23px}.history-filters{flex-wrap:wrap}.history-filters input{flex-basis:100%}.history-numbers{grid-template-columns:1fr 1fr}.studio-top #palHistory{font-size:11px!important}}
/* Sidebar needs remain visible; the device needs and evolution clock appear in fullscreen. */
#stats{display:grid}.device-needs{display:none}.studio:fullscreen .device-needs,.studio.expanded .device-needs{display:grid}.how-to-play{padding:11px 15px;border-radius:7px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:600;border:1px solid var(--ink)}.guide-intro{font-size:16px!important}.guide-steps section{display:flex;gap:15px;margin:20px 0}.guide-steps section>span{font:500 22px 'Space Grotesk',sans-serif;color:var(--ui-accent,#819769);padding-top:4px}.guide-steps h3{font-size:16px;margin:3px 0 7px}.guide-steps p{margin:0}.guide-games{padding:12px 17px;background:var(--ui-highlight,#e5ebda);border-radius:10px}.guide-games p{margin:10px 0}.shop-wallet{font:500 29px 'Space Grotesk',sans-serif;margin:15px 0}.shop-wallet small{font:12px 'DM Sans',sans-serif;display:block;margin-top:5px;color:var(--muted)}.shop-item{display:flex;gap:12px;border:1px solid var(--line);border-radius:9px;padding:12px;margin:10px 0;background:var(--ui-highlight,#e8edde)}.shop-item>span{font-size:29px;width:35px;color:var(--ui-accent,#819769)}.shop-item b{display:block;font-size:14px}.shop-item small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0}.shop-item button{font-size:12px;border:1px solid var(--line);padding:7px 9px;border-radius:6px;background:var(--ui-panel,#dce5ce)}.shop-item button:disabled{opacity:.45;cursor:default}.theme-presets{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.theme-presets button{font-size:12px;text-align:left;padding:8px;border:1px solid var(--line);border-radius:8px}.theme-presets button>span{display:block;height:50px;border:1px solid;border-radius:6px;margin-bottom:7px;padding:7px}.theme-presets i{display:block;width:65%;height:100%;float:right;border-radius:3px}.theme-presets b{display:block;width:20%;height:5px;margin-top:6px;border-radius:3px}.custom-ui .studio,.custom-ui .studio:fullscreen,.custom-ui .studio.expanded{background:var(--ui-panel);border-color:var(--line)}.custom-ui #viewport{background:radial-gradient(ellipse at center,var(--ui-highlight),var(--ui-panel) 75%)}.custom-ui .custom-panel,.custom-ui dialog{background:var(--ui-highlight);color:var(--ink);border-color:var(--line)}.custom-ui .custom-panel p,.custom-ui dialog p,.custom-ui dialog li{color:var(--muted)}.custom-ui .session-panel,.custom-ui .mode-switch,.custom-ui .care-actions button,.custom-ui .pet-card .avatar,.custom-ui .history-card,.custom-ui .color-grid label,.custom-ui .difficulty-options button,.custom-ui .egg-card{background:var(--ui-panel);border-color:var(--line);color:var(--ink)}.custom-ui .mode-switch button[aria-pressed=true],.custom-ui .view-switch button[aria-pressed=true],.custom-ui .custom-panel .hex-input,.custom-ui .custom-panel input[type=text],.custom-ui .finish-label select{background:var(--paper);color:var(--ink);border-color:var(--line)}.custom-ui .device-needs{background:var(--ui-highlight);border-color:var(--line)}.custom-ui .device-session,.custom-ui .view-switch,.custom-ui dialog .option{background:var(--ui-panel);border-color:var(--line);color:var(--ink)}.custom-ui .device-controls kbd{background:var(--ui-panel);border-color:var(--muted);color:var(--ink)}.custom-ui .studio-top,.custom-ui .studio-top button,.custom-ui .device-caption,.custom-ui .device-controls button,.custom-ui .studio-bottom,.custom-ui .fallback-note,.custom-ui .custom-bar button,.custom-ui .hud-need>div,.custom-ui .hud-need b{color:var(--muted)}.custom-ui .session-start,.custom-ui .custom-panel .primary,.custom-ui dialog .primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.custom-ui .studio-bottom,.custom-ui .custom-bar,.custom-ui header,.custom-ui footer{border-color:var(--line)}.custom-ui .track,.custom-ui .hud-need>span{background:var(--ui-panel)}.custom-ui .session-detail,.custom-ui .egg-summary,.custom-ui .pet-meta{color:var(--muted)}@media(max-width:700px){header{height:auto;min-height:80px;padding:13px 15px;gap:12px}.header-right{gap:6px;justify-content:flex-end;flex-wrap:wrap}.how-to-play{padding:9px;font-size:12px}.header-right .icon-btn{padding:7px}.custom-bar{flex-wrap:wrap}.custom-bar button{font-size:11px}.studio-top #deviceGuide{background:var(--ink);color:var(--paper)}}
.custom-ui input:not([type=color]):not([type=range]),.custom-ui select{background:var(--paper);color:var(--ink);border-color:var(--line)}

.fullscreen-evolution{display:none;align-items:center;gap:16px;padding:10px 24px;border-bottom:1px solid var(--line);background:var(--ui-highlight,#e7ebde);color:var(--ink)}.studio:fullscreen .fullscreen-evolution,.studio.expanded .fullscreen-evolution{display:flex}.fullscreen-evolution>span{font-size:13px;font-weight:500}.fullscreen-evolution strong{font:500 20px 'Space Grotesk',monospace;letter-spacing:1px;font-variant-numeric:tabular-nums}.fullscreen-evolution small{margin-left:auto;font-size:12px;color:var(--muted)}@media(max-width:700px){.fullscreen-evolution{padding:8px 12px;gap:10px;flex-wrap:wrap}.fullscreen-evolution>span{font-size:12px}.fullscreen-evolution strong{font-size:19px}.fullscreen-evolution small{font-size:11px}}

/* Keep care labels legible, including while the session is paused. */
.care-actions button:disabled{opacity:1;color:var(--ink)}.care-actions button strong{font-size:15px;font-weight:700;color:var(--ink)}.care-actions button small{font-size:12px;font-weight:500;color:var(--ink)}.care-actions button:disabled>span{opacity:.55}.creator-credit{font-size:14px;letter-spacing:0;color:var(--ink)}.creator-credit a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}.creator-credit a:hover{color:var(--ui-accent,var(--orange))}@media(max-width:700px){.care-actions button strong{font-size:13px}.creator-credit{font-size:13px}}

/* Engraved button labels are visible on the actual 2D caps. */
.fallback-buttons button{display:grid;place-items:center;font:700 14px 'DM Sans',Arial,sans-serif;color:var(--button-engraving,#344035);text-shadow:0 1px 0 #ffffff66;padding:0;line-height:1;letter-spacing:0}@media(min-width:1500px){.fallback-buttons button{font-size:15px}}@media(max-width:700px){.fallback-buttons button{font-size:13px}}
/* Egg choice is a primary setup step, with readable cards and an explicit selection. */
#eggChooser.egg-summary{display:flex;flex-direction:column;gap:7px;padding:19px 18px;margin:12px 0 18px;border:1px solid var(--ui-accent,#819769);border-radius:12px;background:var(--ui-highlight,#e7ebdb);text-align:left;width:100%;box-shadow:0 3px 12px #00000008}.egg-cta-kicker{font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--ui-accent,#657e4d)}#eggChooser strong{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:600;letter-spacing:-.5px;color:var(--ink)}#eggChooser small{font-size:14px;line-height:1.5;color:var(--ink)}dialog.egg-picker-modal{max-width:1030px;padding:35px}.egg-picker-modal h2{font-size:34px;margin-bottom:13px}.egg-picker-lead{font-size:17px!important;max-width:750px}.egg-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:26px 0;perspective:1200px}.egg-select-card{--tilt-x:0deg;--tilt-y:0deg;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:355px;padding:20px 16px 43px;border:1px solid var(--line);background:var(--ui-panel,#e7ebdf);color:var(--ink);border-radius:18px;overflow:hidden;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .16s ease-out,box-shadow .2s,border-color .2s;transform-style:preserve-3d}.egg-select-card:hover{box-shadow:0 18px 30px #0002;border-color:var(--ui-accent,#819769)}.egg-select-card.selected{border:2px solid var(--ui-accent,#819769);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent,#819769) 18%,transparent)}.egg-select-card::after{content:'';position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,30%),#ffffff66,transparent 65%);transition:opacity .2s}.egg-select-card:hover::after{opacity:1}.egg-card-label{font-size:11px;font-weight:700;letter-spacing:1.1px;line-height:1.5;min-height:26px}.egg-illustration{display:block;width:112px;height:140px;overflow:visible;animation:eggBob 4s ease-in-out infinite;filter:drop-shadow(0 8px 8px #0001)}.egg-select-card:nth-child(2n) .egg-illustration{animation-delay:-1.3s}.egg-select-card strong{font-family:'Space Grotesk',sans-serif;font-size:21px;line-height:1.2;margin:10px 0}.egg-card-description{font-size:14px;line-height:1.7;color:var(--ink)}.egg-card-rate{font-size:13px;font-weight:600;margin-top:14px;color:var(--ui-accent,#6d805b)}.egg-selected-badge{display:none;position:absolute;bottom:13px;font-size:13px;font-weight:700;border-radius:20px;background:var(--ink);color:var(--paper);padding:5px 12px}.egg-select-card.selected .egg-selected-badge{display:block}.holographic-card{background:linear-gradient(120deg,#c9b9f2aa,#80d5eaaa,#bee0b4aa,#f4c1d8aa),var(--ui-panel);background-size:300% 300%;animation:eggHolo 7s ease infinite;color:#273347}.holographic-card .egg-card-description,.holographic-card .egg-card-rate{color:#34405b}.holographic-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(130deg,#ffffff00 0 11px,#ffffff44 12px,#ffffff00 14px);mix-blend-mode:screen}.egg-create-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:355px;border:2px dashed var(--ui-accent,#819769);border-radius:18px;background:var(--ui-highlight,#edf0e5);padding:25px;color:var(--ink);text-align:center}.egg-create-card>span{font-size:45px;color:var(--ui-accent,#819769)}.egg-create-card strong{font-size:21px;font-weight:600}.egg-create-card small{font-size:15px;line-height:1.7}.egg-section-title{font-size:21px;margin:27px 0 16px}.egg-picker-modal .difficulty-options button{font-size:17px;font-weight:600;padding:16px}.egg-picker-modal .difficulty-options small{font-size:13px;margin-top:6px}.egg-picker-footer{position:sticky;bottom:-35px;z-index:3;background:var(--ui-highlight,#f3f1e8);padding:18px 0 12px;margin-top:20px;border-top:1px solid var(--line)}.egg-picker-footer>span{font-size:16px;font-weight:600}.egg-picker-footer .option{font-size:17px;font-weight:600}.egg-builder{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}.egg-builder-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.egg-builder-fields label{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:8px}.egg-builder-fields input[type=text],.egg-builder-fields select{width:100%;min-width:0;font:14px 'DM Sans',sans-serif;padding:11px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--paper)}.egg-builder-fields input[type=color]{height:42px;width:100%;border:1px solid var(--line);background:none;border-radius:7px}.egg-builder-fields label:has(#customGrowth){grid-column:1/-1}.egg-builder-preview{position:sticky;top:0;align-self:start;padding:20px;background:var(--ui-panel,#e3e9d9);border-radius:15px;text-align:center}.egg-builder-preview .egg-illustration{margin:0 auto;width:140px;height:175px}.egg-builder-preview h3{font-size:24px}.egg-builder-preview p{font-size:14px;line-height:1.8}.custom-evolution-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.custom-evolution-preview small{display:block;font-size:12px;margin-top:6px}.custom-evolution-preview svg{width:100%;height:auto;border-radius:7px}.custom-egg-note{font-size:15px!important;line-height:1.8!important}.pal-snapshot-svg{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:10px}.snapshot-avatar{width:62px!important;flex:0 0 62px}.history-card .history-outcome{white-space:normal;text-align:center;max-width:110px}.history-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:17px 0}.history-tools>span{font-size:12px;color:var(--muted)}.history-clear{padding:9px 13px;border:1px solid #a77765;border-radius:7px;color:#a9664f;font-size:13px}.history-recorded-state{display:flex;gap:23px;align-items:center;padding:20px;background:var(--ui-panel,#e4ebd9);border-radius:13px}.history-recorded-state svg{width:160px;flex:0 0 160px}.history-recorded-state>div>b{font-size:19px}.history-recorded-state p{font-size:15px}.snapshot-needs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.snapshot-needs>div{position:relative;display:flex;justify-content:space-between;padding-bottom:12px;font-size:14px}.snapshot-needs i{position:absolute;bottom:0;left:0;right:0;height:5px;border-radius:4px;background:linear-gradient(to right,var(--ui-accent,#819769) var(--saved-need),var(--ui-panel,#d4ddc8) var(--saved-need))}.snapshot-unavailable{font-size:35px;color:var(--muted);text-align:center}@keyframes eggBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes eggHolo{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@media(max-width:760px){dialog.egg-picker-modal{padding:28px 19px}.egg-picker-modal h2{font-size:28px}.egg-choice-grid{grid-template-columns:1fr 1fr;gap:10px}.egg-select-card{min-height:345px;padding:16px 11px 40px}.egg-select-card strong{font-size:20px}.egg-card-description{font-size:13px}.egg-card-label{font-size:11px}.egg-illustration{width:95px;height:125px}.egg-create-card{min-height:345px;padding:18px}.egg-create-card strong{font-size:20px}.egg-builder{grid-template-columns:1fr;gap:18px}.egg-builder-preview{position:static;order:-1}.egg-builder-preview .egg-illustration{width:100px;height:130px}.egg-builder-fields{gap:13px}.egg-picker-footer{bottom:-28px}.snapshot-avatar{width:48px!important;flex-basis:48px}.history-recorded-state{gap:14px;padding:13px}.history-recorded-state svg{width:115px;flex-basis:115px}.history-recorded-state>div>b{font-size:16px}.history-tools{align-items:flex-start}.history-tools>span{font-size:11px}}@media(prefers-reduced-motion:reduce){.egg-illustration,.holographic-card{animation:none}.egg-select-card{transform:none!important;transition:none}}

/* Compact egg selector, secondary to the session controls. */
#eggChooser.egg-summary{padding:12px 14px;gap:5px;margin:8px 0 18px;border:1px solid var(--line);background:transparent;box-shadow:none;transition:background .18s}
#eggChooser .egg-cta-heading{display:flex;align-items:center;gap:9px;width:100%}
#eggChooser .egg-cta-icon{display:flex;flex:0 0 23px;width:23px;height:28px;color:var(--ink)}
#eggChooser .egg-cta-icon svg{width:23px;height:28px}
#eggChooser strong{font-size:18px;line-height:1.3;font-weight:500;letter-spacing:-.2px}
#eggChooser .egg-cta-arrow{margin-left:auto;font-size:20px;color:var(--ink)}
#eggChooser .egg-cta-action{font-size:14px;font-weight:500;line-height:1.5;color:var(--ink);background:none;padding:0;text-align:left}
#eggChooser small{font-size:13px;line-height:1.5;color:var(--muted);font-weight:400}
#eggChooser:hover{background:var(--ui-highlight,#e7ebdb);transform:none;box-shadow:none}
#eggChooser:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
/* Same hatch-shaped inlay in the flat elevation, behind the recessed LCD. */
.fallback-bezel{position:absolute;left:50%;top:52.4%;width:81%;height:64%;transform:translate(-50%,-50%);background:var(--bezel-color,#e9adc3);clip-path:polygon(50% 0%,65.5% 6.2%,77.9% 1.5%,93% 10.8%,90.7% 31.9%,100% 48.5%,91.5% 63.8%,93% 87.7%,71.3% 92.3%,61.6% 91.5%,50% 100%,38.4% 93.1%,21.3% 95%,7.4% 88.8%,8.5% 66.9%,0% 49.2%,7.8% 31.9%,7% 9.6%,25.6% 4.6%,36.4% 6.5%);box-shadow:inset 0 2px 8px #ffffff60}
@media(prefers-reduced-motion:reduce){#eggChooser.egg-summary{transition:none}}

/* The live canvas is shared across device views and screen-only play. */
.studio-top{flex-wrap:wrap}
#screenOnlyView{position:absolute;inset:0;padding:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#screenOnlyView[hidden]{display:none}
#screenOnlyLCD{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#screenOnlyLCD canvas{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;touch-action:none;cursor:pointer}
.screen-only #viewport{background:var(--ui-panel,#e3e8da)}
.screen-only .studio-bottom #swatches,.screen-only .studio-bottom #colorName,.screen-only .custom-bar{display:none}
.studio.screen-only:fullscreen #screenOnlyView,.studio.screen-only.expanded #screenOnlyView{padding:8px 16px}
@media(max-width:700px){#screenOnlyView{padding:12px}.studio-top .view-switch button{font-size:11px!important}.studio-top .view-switch{margin-left:auto}}

#screenTouchTargets{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}
#screenTouchTargets button{position:absolute;border:0;padding:0;background:transparent;pointer-events:auto;cursor:pointer;touch-action:none;border-radius:2px}
#screenTouchTargets button:hover{background:#24311e18}
#screenTouchTargets button:focus-visible{outline:2px solid #24311e;outline-offset:-3px;background:#24311e22}
#screenOnlyLCD{touch-action:none}
/* Clear top-level tools and the pal collection */
.primary-tools,.pal-feature-nav{max-width:1800px;margin:0 auto;padding:14px 4.5vw;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary-tools{padding-bottom:6px}.primary-tools button{padding:12px 19px;border:1px solid var(--line);background:var(--panel,#e3e5d9);border-radius:9px;font-size:16px;font-weight:600}.pal-feature-nav{padding-top:7px;border-bottom:1px solid var(--line);gap:5px}.pal-feature-nav button,.pal-studio-tools button{padding:9px 12px;border-radius:7px;font-size:14px;border:1px solid var(--line);background:var(--paper)}.pal-feature-nav button:hover,.primary-tools button:hover,.pal-studio-tools button:hover{box-shadow:inset 0 0 0 1px var(--ink)}#featureSaved{font-size:13px;margin-left:auto;color:var(--ink)}.pal-care-banner{margin:12px 4.5vw 0;padding:12px 16px;border:1px solid #c8a372;background:#f2e3c8;color:#68462b;border-radius:8px;font-size:15px}.pal-care-banner[hidden],#swatches[hidden]{display:none}.pal-studio-tools{display:none;gap:7px;padding:0 20px 10px}.studio:fullscreen .pal-studio-tools,.studio.expanded .pal-studio-tools{display:flex;flex-wrap:wrap;flex-shrink:0}.studio:fullscreen .studio-top,.studio.expanded .studio-top{flex-shrink:0}.feature-field{display:flex;flex-direction:column;gap:8px;font-size:15px;margin:18px 0;font-weight:600}.feature-field input:not([type=range]),.feature-field select{min-width:0;width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit}.feature-field input[type=file]{font-size:14px}.feature-toggle{display:flex;gap:10px;align-items:center;margin:20px 0;font-size:16px}.feature-toggle input{width:18px;height:18px;accent-color:#677d58}.feature-list{display:grid;gap:8px;margin:20px 0}.feature-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:8px}.feature-row>div{min-width:0;flex:1}.feature-row b{display:block;font-size:16px;overflow-wrap:anywhere}.feature-row small{display:block;font-size:13px;margin-top:5px;line-height:1.5}.feature-row button{padding:9px 11px;border:1px solid var(--line);border-radius:6px;font-size:14px;margin-left:auto}.design-preview{display:block;flex-shrink:0;width:35px;height:44px;border:5px solid;border-radius:47% 47% 44% 44%}.feature-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-button-grid .option{margin:0}.trait-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trait-grid .option{margin:0;padding:18px;text-align:left}.trait-grid small{display:block;margin-top:10px;line-height:1.5;font-size:14px;font-weight:400}.personality-hero{font-size:60px!important;margin:10px!important;color:var(--orange)}dialog.collection-modal{max-width:1000px;width:94vw}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:16px 4px}.achievement-card{--rx:0deg;--ry:0deg;--shine:50%;position:relative;overflow:hidden;transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .15s;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;padding:18px;border:1px solid #b2bba9;border-radius:14px;box-shadow:0 6px 12px #293c2910;background:linear-gradient(135deg,#e4ecdb,#d7e9e4 40%,#eddfe8 70%,#e8e4ce);color:#2e4138}.achievement-card.earned:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#ffffff75 43%,#b9f1ed80 47%,#e7c4ff60 52%,transparent 75%);background-size:220% 100%;background-position:var(--shine) 0;pointer-events:none;mix-blend-mode:soft-light;animation:cardShimmer 9s ease-in-out infinite}.achievement-card.locked{background:#e6e7df;color:#596453;box-shadow:none}.achievement-card>b{font-size:19px;margin-top:17px}.achievement-card p{font-size:14px!important;line-height:1.6!important;flex:1}.achievement-card>small{font-size:12px}.badge-art{position:relative;height:155px;border:1px solid #81978066;border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(circle,#ffffff55,transparent)}.badge-art>span{font-size:66px;font-family:Georgia,serif}.badge-art svg{position:absolute;inset:auto 0 20px;width:100%;height:60px;opacity:.3}.badge-art small{position:absolute;bottom:8px;font-size:10px;letter-spacing:1.8px}.locked .badge-art{opacity:.5}.achievement-card:focus-visible{outline:3px solid var(--ink)}@keyframes cardShimmer{0%,100%{background-position:0% 0}50%{background-position:100% 0}}@media(prefers-reduced-motion:reduce){.achievement-card{transform:none;transition:none}.achievement-card.earned:before{animation:none}}@media(max-width:700px){.primary-tools,.pal-feature-nav{padding-left:5vw;padding-right:5vw}.primary-tools{gap:7px}.primary-tools button{padding:10px 12px;font-size:14px}.pal-feature-nav button{font-size:13px;padding:8px}#featureSaved{width:100%;margin:8px 0 0}.achievement-grid{grid-template-columns:repeat(2,1fr);gap:10px}.achievement-card{padding:12px}.badge-art{height:120px}.achievement-card>b{font-size:16px}.feature-button-grid{grid-template-columns:1fr}}@media(max-width:390px){.trait-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr}}

.egg-personalities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.egg-personalities button{padding:16px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--ui-panel,var(--paper));color:var(--ink)}.egg-personalities b{display:block;font-size:16px}.egg-personalities small{display:block;font-size:14px;line-height:1.6;margin-top:8px}.egg-personalities button[aria-pressed=true]{border:2px solid var(--ui-accent,#819769);padding:15px;background:var(--ui-highlight,#e3e9d8);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent,#819769) 20%,transparent)}@media(max-width:700px){.egg-personalities{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.egg-personalities{grid-template-columns:1fr}}

#palLifePanel[hidden]{display:none}
#settingsSaves,#settingsAlerts,#palHistory{ text-align:left }#settingsSaves small,#settingsAlerts small,#palHistory small{display:block;font-size:14px;font-weight:400;line-height:1.6;margin-top:7px}.settings-back{font-size:14px!important;padding:8px 0!important;margin:0 0 18px!important;border:0!important;background:none!important}

.header-achievements{padding:11px 15px;border:1px solid var(--line);border-radius:7px;font-size:14px;font-weight:600;background:var(--paper);color:var(--ink);white-space:nowrap}.header-achievements:hover{border-color:var(--ink)}@media(max-width:700px){.header-achievements{padding:9px;font-size:12px}}
@media(max-width:1000px){header .brand{flex-shrink:0}header .header-right{gap:8px;flex-wrap:wrap;justify-content:flex-end}}

/* Keep selection visible under every custom UI theme. */
.egg-picker-modal .difficulty-options button{position:relative;padding:18px 12px;min-height:82px;transition:box-shadow .15s,border-color .15s;touch-action:manipulation}
.egg-picker-modal .difficulty-options button[aria-pressed="true"]{border:2px solid var(--ui-accent,var(--ink));padding:17px 11px;background:var(--ui-highlight,#dce5cd);color:var(--ink);box-shadow:0 0 0 2px var(--ui-accent,#819769)}
.difficulty-check{display:none;position:absolute;right:9px;top:6px;font-size:16px;font-weight:800}.egg-picker-modal [data-difficulty][aria-pressed="true"] .difficulty-check{display:inline}
.shop-item button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.shop-item button:disabled{opacity:.5;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.egg-picker-modal .difficulty-options button{transition:none}}

.primary-tools #petShop,.primary-tools #roomDesk{width:190px;min-height:44px}@media(max-width:700px){.primary-tools #customize{flex-basis:100%;text-align:left}.primary-tools #petShop,.primary-tools #roomDesk{flex:1;width:auto;min-width:0;min-height:40px}}

.persistent-option{padding:16px;border:1px solid var(--line);border-radius:9px;align-items:flex-start;background:var(--paper)}.persistent-option input{flex:0 0 18px;margin-top:2px}.persistent-option small{display:block;font-size:14px;line-height:1.6;margin-top:7px;font-weight:400}
.pocket-radio{width:min(620px,calc(100vw - 28px));max-height:90dvh;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 30px 100px #0005}.pocket-radio::backdrop{background:#17202c80;backdrop-filter:blur(7px)}.pocket-radio h2{font-size:34px;margin:8px 0}.pocket-radio p{line-height:1.6}.radio-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px;color:inherit}.radio-dial{background:#18252e;color:#d9edf1;border-radius:15px;padding:24px;margin:22px 0;display:grid;gap:13px}.radio-dial>span{font-size:12px;letter-spacing:2px}.radio-dial strong{font-size:23px;overflow-wrap:anywhere}.radio-dial small{line-height:1.5}.radio-waves{letter-spacing:6px;color:#94cfde}.radio-controls,.radio-filters{display:flex;gap:10px;align-items:center;margin:14px 0;flex-wrap:wrap}.pocket-radio button{cursor:pointer}.radio-controls button{padding:11px 17px;border:1px solid var(--line);background:var(--ink);color:var(--paper);border-radius:8px}.pocket-radio label{display:grid;gap:8px;font-size:14px;flex:1;min-width:120px}.pocket-radio input:not([type=range]),.pocket-radio select{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);width:100%;box-sizing:border-box}.radio-results{max-height:310px;overflow:auto;border-top:1px solid var(--line)}.radio-station{display:flex;border-bottom:1px solid var(--line);gap:12px}.radio-station button{border:0;background:transparent;color:var(--ink);text-align:left;padding:14px 3px}.radio-station button:first-child{flex:1;min-width:0}.radio-station b,.radio-station small{display:block;overflow-wrap:anywhere}.radio-station small{font-size:13px;opacity:.7;margin-top:6px;line-height:1.5}.radio-station button:last-child{font-size:25px;padding:15px}.radio-credit{display:block;margin-top:18px;line-height:1.6;font-size:13px;opacity:.75}.radio-credit a{color:inherit}.radio-empty{padding:18px 0;font-size:15px}

.radio-discovery{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--ui-highlight,#dce5cd);margin:16px 0 20px}.radio-discovery strong{display:block;font-size:18px;line-height:1.5;letter-spacing:.03em}.radio-discovery p{font-size:14px;margin:10px 0 0;line-height:1.7}
/* Foil keepsakes: engraved linework, layered metallic borders and interactive spectral light. */
.achievement-grid{gap:22px;padding:20px 5px 30px;perspective:1200px}.achievement-card{--foil-a:#86bfff;--foil-b:#cbb4ff;padding:13px;border:1px solid #c7cbd3;border-radius:21px;background:linear-gradient(145deg,#fffefb,#f2f4f8);color:#293342;box-shadow:0 14px 28px #17263b14,inset 0 0 0 3px #ffffffa8;isolation:isolate;transition:transform .18s,box-shadow .18s}.achievement-card.epic{--foil-a:#b4a3ff;--foil-b:#f5a8cc}.achievement-card.legendary{--foil-a:#ffd58b;--foil-b:#a8e7e5}.achievement-card.earned:hover{box-shadow:0 23px 44px #17263b26}.achievement-card.earned:before{z-index:3;opacity:.65;background:linear-gradient(115deg,transparent 5%,#fff0 26%,#b6f5ff85 38%,#f0beff90 45%,#fff8c899 51%,#a7f6df80 59%,transparent 75%);background-size:250% 100%;mix-blend-mode:color-dodge}.achievement-card.earned:after{content:'';position:absolute;inset:1px;border-radius:20px;pointer-events:none;z-index:4;background:repeating-linear-gradient(115deg,#ffffff0a 0 1px,#00000006 1px 2px);opacity:.5}.achievement-card.locked{background:linear-gradient(145deg,#f9fafb,#e9edf0);color:#5b6470;box-shadow:inset 0 0 0 3px #fff8,0 8px 20px #24334809}.badge-art{height:205px;border:1px solid #fff9;border-radius:13px;color:#273650;background:conic-gradient(from 25deg at 50% 48%,#dae8fb,#e9dcf8,#f5e5c5,#d2eee6,#d6e9f9,#ecdcf8,#dae8fb);box-shadow:inset 0 0 0 4px #ffffff40,inset 0 0 30px #ffffff80,0 3px 12px #27365016}.badge-art.epic{background:conic-gradient(from 50deg,#ded7ff,#f7dfec,#e1eaff,#e5d5f4,#f9ebd2,#ded7ff)}.badge-art.legendary{color:#55442a;background:conic-gradient(from 20deg,#fae4b5,#d7edf0,#eadcfa,#fae7bc,#c9e7dd,#f6d8be,#fae4b5)}.badge-art .badge-guilloche{position:absolute;inset:-60%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 6px,#23395518 6.5px 7px,transparent 7.5px 12px);transform:rotate(-35deg) scaleX(.65);opacity:.7}.badge-art .badge-medallion{position:relative;display:grid;place-items:center;width:101px;height:101px;border-radius:50%;border:1px solid #ffffffbf;background:linear-gradient(135deg,#ffffffb0,#ffffff10 47%,#547aa421);box-shadow:0 8px 15px #3e527322,inset 0 0 0 4px #ffffff40,inset 0 0 0 5px #344d6d26;color:inherit;z-index:1}.badge-art svg.badge-icon{position:static;inset:auto;width:52px;height:52px;opacity:1;filter:drop-shadow(0 1px 0 #fff9)}.badge-art>.badge-edition{position:absolute;top:13px;left:12px;font:600 10px 'DM Sans',sans-serif;letter-spacing:1.7px}.badge-art>.badge-serial{position:absolute;top:13px;right:12px;font:600 11px ui-monospace,monospace;letter-spacing:1px}.badge-art .badge-orbit{position:absolute;width:151px;height:151px;border:1px solid #ffffff75;border-radius:50%;background:none;box-shadow:0 0 0 8px #ffffff14,0 0 0 9px #2b446a12}.badge-art small{bottom:13px;font-size:10px;letter-spacing:1.4px;font-weight:700}.locked .badge-art{opacity:.7;filter:grayscale(.8)}.badge-card-meta{position:relative;display:flex;justify-content:space-between;margin:16px 3px 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#67768b}.badge-card-meta span:first-child{color:#806148}.achievement-card>b{font-family:'Space Grotesk',sans-serif;font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:10px 3px 0}.achievement-card p{font-size:14px!important;line-height:1.65!important;margin:10px 3px 16px!important;color:#677386}.badge-progress{height:3px;border-radius:3px;margin:0 3px 12px;overflow:hidden;background:#dce1e7}.badge-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--foil-a),var(--foil-b));border-radius:3px}.achievement-card>small{margin:0 3px 5px;color:#778292;font-size:11px}.collection-modal>.modalContent>.badge-art{max-width:350px;margin:25px auto}.collection-modal h2{letter-spacing:-1.4px}@media(max-width:700px){.achievement-grid{gap:12px}.achievement-card{padding:10px;border-radius:16px}.badge-art{height:170px}.badge-art>.badge-edition{font-size:9px;letter-spacing:.7px}.badge-art>.badge-serial{font-size:9px}.achievement-card>b{font-size:18px}.badge-card-meta{font-size:10px;letter-spacing:.7px}.badge-art small{font-size:9px;letter-spacing:.8px}.badge-art .badge-medallion{width:85px;height:85px}.badge-art .badge-orbit{width:130px;height:130px}}
@media(prefers-reduced-motion:reduce){.achievement-card{transform:none!important;transition:none}.achievement-card.earned:before{animation:none}}
.collection-modal #modalContent>.badge-art{max-width:350px;margin:25px auto}

.brand svg.brand-icon{display:block;flex:0 0 auto;width:42px;height:58px;color:var(--ui-accent,var(--orange))}#eggChooser .egg-cta-icon{flex-basis:28px;width:28px;height:34px}#eggChooser .egg-cta-icon img{display:block;width:28px;height:34px;object-fit:contain}@media(max-width:700px){.brand svg.brand-icon{width:33px;height:46px}}
.egg-name-field{display:flex;gap:9px;align-items:stretch}.egg-name-field input{flex:1;min-width:0}.egg-name-field button{display:grid;place-items:center;flex:0 0 48px;min-height:48px;border:1px solid var(--line);border-radius:9px;background:var(--ui-panel);color:var(--ink)}.egg-name-field button:hover{background:var(--ui-highlight);border-color:var(--ui-accent)}.egg-name-field svg{width:24px;height:24px}.achievement-card.legendary[data-badge="completion"]{border-color:#c6a66c;background:linear-gradient(140deg,#fff9e9,#f4e2bc 45%,#e4eef0);box-shadow:0 16px 35px #8a672425,inset 0 0 0 3px #fffc}
/* Achieved cards carry vivid foil; locked cards remain entirely matte. */
.achievement-card.earned{border-color:#87a8e1;background:linear-gradient(145deg,#edf6ff,#e8e2fa 48%,#f8e4d4);box-shadow:0 13px 30px #4664ac29,inset 0 0 0 3px #ffffffa0}.achievement-card.earned:before{opacity:.52;mix-blend-mode:soft-light;background:linear-gradient(115deg,#51d9ff66 5%,#b783ff66 26%,#ff8bdc88 38%,#ffe17b99 48%,#6bf1bf88 58%,#61c4ff66 72%,#ba8aff66 95%);background-size:240% 100%;animation:cardShimmer 6s ease-in-out infinite}.badge-art.earned-art{opacity:1;filter:none;color:#18314e;background:repeating-linear-gradient(115deg,#fff3 0 1px,transparent 1px 4px),conic-gradient(from 25deg at 50% 48%,#70d9f4,#bba0f5,#f6a9d0,#ffe795,#84e5c9,#8cbdf8,#d3a6ed,#70d9f4);box-shadow:inset 0 0 0 4px #ffffff60,inset 0 0 25px #ffffff80,0 5px 15px #375ea333}.badge-art.earned-art:before{content:'';position:absolute;inset:-30%;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffffff99 46%,#fff 49%,#ffffff77 52%,transparent 67%);background-size:240% 100%;background-position:var(--shine,50%) 0;mix-blend-mode:soft-light;animation:cardShimmer 6s ease-in-out infinite}.earned-art .badge-medallion{z-index:2;background:linear-gradient(135deg,#ffffffbc,#ffffff50 47%,#97b7e33d);box-shadow:0 9px 20px #263c7433,inset 0 0 0 4px #ffffff80,inset 0 0 0 5px #344d6d40}.achievement-card.earned .badge-card-meta span:last-child{color:#28514c;font-weight:800}.achievement-card.earned.legendary{border-color:#c59a47;box-shadow:0 15px 34px #b7822c30,inset 0 0 0 3px #fff8}.badge-art.earned-art.legendary{background:repeating-linear-gradient(115deg,#fff3 0 1px,transparent 1px 4px),conic-gradient(from 20deg,#ffd375,#8cded3,#c3a3ed,#ffe8a2,#88c9ed,#f7b7bd,#ffd375)}.achievement-card.locked,.achievement-card.legendary.locked[data-badge="completion"]{background:#f1f2f3;border-color:#d5d8dc;box-shadow:0 3px 10px #18233308;transform:none;color:#626a74}.achievement-card.locked:before,.achievement-card.locked:after{content:none;animation:none}.badge-art.locked-art,.badge-art.locked-art.legendary,.badge-art.locked-art.epic{background:#e1e4e7;color:#737c88;opacity:1;filter:none;box-shadow:inset 0 0 0 4px #ffffff40;border-color:#d3d7dc}.locked-art:before,.locked-art:after{content:none!important;animation:none!important}.locked-art .badge-guilloche{display:none}.locked-art .badge-medallion{background:#ebedef;border-color:#cbd1d8;box-shadow:inset 0 0 0 4px #ffffff60;color:#858e99}.locked-art .badge-orbit{border-color:#cdd3d9;box-shadow:none}.locked-art svg.badge-icon{filter:none}.achievement-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 10px}.achievement-filters button{padding:11px 15px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px}.achievement-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.achievement-filters span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:5px;background:#8994a326;font-size:12px}.achievement-filter-count{font-size:13px!important;color:var(--muted);margin-bottom:0!important}.achievement-empty{padding:35px 15px;text-align:center;border:1px dashed var(--line);border-radius:12px}@media(prefers-reduced-motion:reduce){.achievement-card.earned:before,.badge-art.earned-art:before{animation:none}}

footer .creator-credit{text-align:left;display:block!important;margin-right:auto}footer{gap:20px}header{padding-inline:max(4.5vw,calc((100% - 1800px)/2 + 4.5vw))}.brand{align-items:center;line-height:1;gap:11px}.brand svg.brand-icon{vertical-align:middle}@media(max-width:1000px){header{padding-inline:25px}}@media(max-width:700px){header{padding-inline:20px}footer .creator-credit{flex:1}footer>span:not(.creator-credit):not(#footerSave){display:none}}

.radio-care-pause{font-size:15px;color:var(--muted)}
.radio-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10000}
.radio-confetti i{position:absolute;left:var(--x);top:-20px;width:9px;height:15px;background:var(--color);border-radius:2px;animation:radio-confetti-fall 3s var(--delay) ease-in forwards}
@keyframes radio-confetti-fall{to{transform:translate(var(--drift),110vh) rotate(var(--turn));opacity:0}}
@media(prefers-reduced-motion:reduce){.radio-confetti i{animation:radio-confetti-fade 1.8s ease-out forwards;top:35%;transform:rotate(var(--turn))}@keyframes radio-confetti-fade{to{opacity:0}}}

/* Leave room for the larger, more readable interface labels. */
button,input,select{line-height:1.4}.primary-tools{flex-wrap:wrap}.header-right{flex-wrap:wrap}.device-controls{flex-wrap:wrap;row-gap:10px}.device-controls button{min-height:32px}.studio-top{flex-wrap:wrap;gap:10px}.stat-label{gap:8px}.mode-switch{max-width:410px}.session-detail,.pet-meta,.evolution p{line-height:1.65}.achievement-card p{font-size:14px!important}.achievement-card>small{font-size:11px}.radio-station small{font-size:13px}
@media(max-width:700px){header{height:auto;min-height:84px;padding-block:14px;gap:12px}.header-right{gap:7px;justify-content:flex-end}.brand{flex-shrink:0}.device-controls{gap:8px}.device-controls button{font-size:12px}.care-actions{flex-wrap:wrap}.care-actions button{flex:1 1 28%}.care-actions strong{font-size:14px}.achievement-grid{grid-template-columns:1fr}.studio-bottom{flex-wrap:wrap;gap:10px}}

/* A restrained tilt keeps collection typography steady and readable. */
.achievement-card{transform:perspective(1600px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out,box-shadow .2s}.achievement-card.locked{transform:none}

#petShop,#studioShop{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#petShop::before,#studioShop::before{content:"";display:inline-block;flex:0 0 17px;width:17px;height:19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19.5%2015c0%204.5-3.3%207-7.5%207s-7.5-2.5-7.5-7S8.5%202%2012%202s7.5%208.5%207.5%2013Z%22%2F%3E%3Cpath%20d%3D%22m5.5%2012%203%202%203.5-3%203.5%203%203-2%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2217%22%20r%3D%22.65%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2218%22%20r%3D%22.65%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19.5%2015c0%204.5-3.3%207-7.5%207s-7.5-2.5-7.5-7S8.5%202%2012%202s7.5%208.5%207.5%2013Z%22%2F%3E%3Cpath%20d%3D%22m5.5%2012%203%202%203.5-3%203.5%203%203-2%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2217%22%20r%3D%22.65%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2218%22%20r%3D%22.65%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}

/* Shared toolbar dimensions keep the three primary actions aligned. */
.primary-tools{display:grid;grid-template-columns:repeat(3,minmax(0,220px));align-items:stretch;gap:10px}
.primary-tools #customize,.primary-tools #petShop,.primary-tools #roomDesk{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;min-height:50px;min-width:0;padding:10px 12px;text-align:center;flex:none;font-size:14px}
@media(max-width:700px){.primary-tools{grid-template-columns:1fr}.primary-tools #customize,.primary-tools #petShop,.primary-tools #roomDesk{height:48px;min-height:48px}}