:root{font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif;color:#243c2d;background:#ecf1e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:26px 28px}button,input{font:inherit}button{cursor:pointer;border:1px solid #cbd6c6;border-radius:12px;background:#f7f9f3;color:#2d4534;padding:11px 17px;touch-action:manipulation}button:hover{background:#dde8d7}button:focus-visible,input:focus-visible{outline:3px solid #d48b4c;outline-offset:3px}.dark{background:#294c38;color:#fff;border-color:#294c38}.dark:hover{background:#3c6149}header{display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{text-decoration:none;color:inherit;font-weight:750;letter-spacing:1px}header>div{display:flex;gap:8px}#bagCount{font-size:11px;background:#e0e8d9;padding:2px 5px;border-radius:5px}.intro{display:flex;justify-content:space-between;align-items:end;margin:44px 0 26px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#71816d}h1{font-size:56px;letter-spacing:-3px;line-height:1;margin:14px 0}h1 span{color:#df7758}.intro p:last-child{font-size:14px;color:#7a8977}.scores{display:flex;gap:30px;padding-bottom:8px}.scores small{display:block;font-size:11px;color:#7a8977}.scores strong{display:block;font-size:34px;font-weight:550;font-variant-numeric:tabular-nums;margin-top:5px}.game{border:1px solid #c7d3bf;border-radius:20px;padding:14px;background:#f7f9f2;box-shadow:0 14px 45px #3d5a3910;max-width:620px;margin:auto}.gamebar,.gamefoot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#6f8068;padding:4px 4px 14px}.gamebar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#588351;margin-right:5px}.boardWrap{position:relative;border:1px solid #d5dfcd;border-radius:10px;overflow:hidden;aspect-ratio:1;background:#e7eedd}#board{width:100%;height:100%;display:block;touch-action:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#edf3e4e8;text-align:center;padding:20px}#overlay[hidden]{display:none}h2{font-size:24px;margin:12px 0}#overlay p{font-size:13px;color:#78866f;margin:0 0 24px}.apple{font-size:42px;color:#dc775b;line-height:1}#overlay button{min-width:170px}.gamefoot{padding:13px 3px 0}.gamefoot button{font-size:11px;padding:7px 10px;border:0;background:transparent}.gamefoot>span{margin-right:auto}.controls{max-width:620px;display:flex;justify-content:space-between;align-items:center;margin:20px auto}.controls p{font-size:12px;font-weight:650;margin:0 0 6px}.controls span{font-size:11px;line-height:1.8;color:#7b8975}.dpad{display:grid;grid-template-columns:repeat(3,42px);gap:5px}.dpad button{padding:8px;font-size:18px;border-radius:9px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}footer{font-size:10px;color:#8a9781;display:flex;justify-content:space-between;border-top:1px solid #d5dece;padding-top:22px;margin-top:30px}dialog{border:1px solid #cbd6c6;background:#f7f9f3;color:#243c2d;border-radius:22px;padding:28px;width:min(600px,calc(100% - 24px));max-height:92dvh;overflow:auto}dialog::backdrop{background:#20352888;backdrop-filter:blur(5px)}.dialoghead{display:flex;align-items:center;justify-content:space-between}.dialoghead button{border:0;background:transparent}.dialoghead h2{margin-bottom:0}.muted{font-size:12px;color:#7b8975;line-height:1.7}.studioGrid{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;margin:22px 0}#paint{width:100%;image-rendering:pixelated;touch-action:none;border:1px solid #becdb6;border-radius:8px;cursor:crosshair;background:#e7eedd}.tools{display:flex;flex-direction:column;gap:9px;font-size:12px}.tools label{display:flex;align-items:center;justify-content:space-between}.tools button{padding:9px}.tools button.active{border-color:#294c38;background:#d9e5d0}#swatches{display:flex;flex-wrap:wrap;gap:5px}#swatches button{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid #fff}#preview{width:100%;image-rendering:pixelated}.nameLabel{font-size:12px;display:flex;flex-direction:column;gap:8px}.nameLabel input{padding:12px;border-radius:10px;border:1px solid #ccd6c5;background:#fff}.wide{width:100%;margin-top:10px}#paintMessage,#bagMessage{font-size:12px;color:#a74e38}.skin{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #dce3d6}.skin canvas{width:50px;height:50px;image-rendering:pixelated;border-radius:9px;background:#e7eedd}.skin span{flex:1;font-size:14px}.skin button{padding:8px 12px;font-size:12px}.skin .delete{padding:8px;color:#987d6d;border:0;background:transparent}@media(max-width:560px){main{padding:18px 16px}.brand{font-size:13px;letter-spacing:0}header button{font-size:11px;padding:9px 10px}.intro{margin:32px 0 20px}h1{font-size:42px}.eyebrow{font-size:8px;letter-spacing:1px}.intro p:last-child{font-size:11px}.scores{gap:16px}.scores strong{font-size:28px}.scores small{font-size:10px}.game{padding:9px;border-radius:16px}.gamebar{font-size:9px;padding:3px 2px 10px}h2{font-size:21px}#overlay p{font-size:11px}.controls{margin:16px 2px}footer{gap:12px;font-size:9px}dialog{padding:20px}.studioGrid{grid-template-columns:minmax(0,1fr) 100px;gap:12px}.tools{font-size:10px}.tools button{font-size:11px;padding:8px 4px}#color{width:34px}}

.edition{font-size:11px;color:#59704e}.skinActions{position:sticky;top:0;z-index:5;display:flex;gap:12px;max-width:620px;margin:0 auto 14px;padding:10px;background:#ecf1e8f5;border:1px solid #b6c8ac;border-radius:15px;box-shadow:0 4px 15px #243c2d10}.skinActions button{flex:1;min-height:50px;font-size:16px;font-weight:700;border:2px solid #294c38}.skinActions #bagBtn{background:#fff;color:#294c38}.skinActions #bagBtn:hover{background:#dde8d7}@media(max-width:560px){.edition{font-size:9px}.skinActions{gap:10px;margin-bottom:12px;padding:8px}.skinActions button{font-size:16px;min-height:50px;padding:10px 6px}.intro{margin:24px 0 16px}}
@media(max-width:360px){h1{font-size:34px;letter-spacing:-2px;white-space:nowrap}.intro{gap:10px}.intro .eyebrow{font-size:7px;letter-spacing:0}.intro p:last-child{font-size:10px}.scores{gap:10px}.scores strong{font-size:25px}.scores small{white-space:nowrap;font-size:9px}}

#petBtn{background:#fff4e3;color:#6d4930;border-color:#9b7653}.petStage{background:#e8eedf;border-radius:18px;text-align:center;margin:18px 0;padding:10px}.petStage svg{display:block;width:min(260px,100%);margin:auto}.petStage p{font-size:12px;color:#60704e;margin:0 0 10px}.wardrobeTabs,.outfitOptions{display:flex;gap:10px;margin-top:12px}.wardrobeTabs button,.outfitOptions button{flex:1;min-height:48px}.outfitOptions[hidden]{display:none}.outfitOptions .active{border:2px solid #294c38;background:#dce9d1}#petMessage{font-size:12px;color:#a74e38}@media(max-width:560px){.skinActions{gap:6px}.skinActions button{font-size:13px;min-height:50px;padding:9px 2px}#bagCount{font-size:9px;padding:1px 3px}.petStage svg{max-height:240px}.outfitOptions button{font-size:13px;padding:10px 6px}}

.floatingChoices{position:relative;z-index:1;margin:0 5px -10px}.floatingChoices .outfitOptions{gap:14px}.floatingChoices button{background:#fff;box-shadow:0 8px 18px #2d453429;border:2px solid #c3d0ba;border-radius:16px;padding:4px 6px 10px}.floatingChoices button.active{border-color:#294c38;background:#e1edd8;box-shadow:0 7px 0 #294c3820}.floatingChoices svg{display:block;width:100%;height:110px}.floatingChoices span{display:block;font-size:12px;font-weight:650}.petStage{margin-top:0;padding-top:15px}.petStage svg{max-height:240px}.wardrobeTabs button{padding:8px;font-size:13px}#petRoom{max-height:96dvh}@media(max-width:560px){#petRoom{padding:16px}.floatingChoices svg{height:94px}.petStage svg{max-height:205px}.petStage{padding-bottom:4px}.floatingChoices{margin-bottom:-8px}.wardrobeTabs{gap:6px}.petStage p{font-size:10px}}

#studio{padding:0;position:fixed;left:50%;top:var(--studio-top,12px);transform:translateX(-50%);margin:0;width:min(600px,calc(100% - 24px));height:min(760px,var(--studio-height,calc(100dvh - 24px)));max-height:none;overflow:hidden}#studio[open]{display:flex;flex-direction:column}#studio>.dialoghead{flex:none;padding:16px 20px 12px;border-bottom:1px solid #dce3d6;background:#f7f9f3;gap:10px}#studio .dialoghead button{min-height:44px;flex:none;font-size:14px;border:1px solid #bccbb2;background:#fff}#studio .dialoghead h2{font-size:21px;margin:0}#studio .dialoghead .eyebrow{margin:0 0 7px}.studioBody{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px 16px;-webkit-overflow-scrolling:touch}.studioBody .studioGrid{margin:16px 0 0}.studioFooter{flex:none;background:#f7f9f3;border-top:1px solid #dce3d6;padding:12px 20px max(14px,env(safe-area-inset-bottom))}.studioFooter .nameLabel{font-size:12px;gap:5px}.studioFooter input{font-size:16px;padding:10px;min-height:44px}.studioFooterActions{display:flex;gap:8px;margin-top:10px}.studioFooterActions button{min-height:46px;padding:10px;font-size:14px}.studioFooterActions #saveSkin{flex:1}#paintMessage{margin:8px 0 0;max-height:44px;overflow:auto}#paintMessage:empty{display:none}@media(max-width:560px){#studio>.dialoghead{padding:10px 14px}#studio .eyebrow{display:none}#studio .dialoghead h2{font-size:18px}.studioBody{padding:0 14px 12px}.studioFooter{padding:10px 14px max(12px,env(safe-area-inset-bottom))}.studioBody .muted{margin:10px 0}.studioBody .studioGrid{margin-top:10px}}
#bag .dialoghead{position:sticky;top:0;z-index:2;background:#f7f9f3;padding-bottom:8px}#bag .dialoghead button{min-height:44px;min-width:44px}

#petRoom{padding:0;position:fixed;left:50%;top:var(--studio-top,12px);transform:translateX(-50%);margin:0;width:min(600px,calc(100% - 24px));height:min(810px,var(--studio-height,calc(100dvh - 24px)));max-height:none;overflow:hidden}#petRoom[open]{display:flex;flex-direction:column}#petRoom>.dialoghead{flex:none;padding:14px 20px;border-bottom:1px solid #dce3d6;gap:10px;background:#f7f9f3}#petRoom .dialoghead button{min-height:46px;min-width:84px;flex:none;font-size:15px;font-weight:650;background:#fff;border:1px solid #aabb9e}#petRoom .dialoghead h2{font-size:21px;margin:0}#petRoom .dialoghead .eyebrow{margin:0 0 6px}.petBody{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px 14px;-webkit-overflow-scrolling:touch}.petFooter{flex:none;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid #dce3d6;background:#f7f9f3}.petFooter button{width:100%;min-height:46px;font-size:16px}@media(max-width:560px){#petRoom>.dialoghead{padding:10px 14px}#petRoom .dialoghead .eyebrow{display:none}#petRoom .dialoghead h2{font-size:18px}.petBody{padding:0 14px 12px}.petFooter{padding:10px 14px max(10px,env(safe-area-inset-bottom))}}

.skin span{min-width:0;overflow-wrap:anywhere}.skin small{display:block;font-size:10px;color:#73816c;font-weight:400;margin-top:5px}#draftStatus{font-size:11px;line-height:1.4;color:#65775a;margin:6px 0 0;max-height:46px;overflow:auto}#draftStatus:empty{display:none}

.backupTools{display:flex;flex-wrap:wrap;gap:8px}.backupTools button{min-height:44px;font-size:12px}#backupMessage{font-size:12px;line-height:1.6;color:#60734f}