/* Sunday Swap — the market's signs, satchels, notebooks and keepsakes.
   This shared layer follows the legacy layout stylesheet. No gameplay canvas
   coordinates depend on these decorations. */
@font-face{font-family:SundayDisplay;src:url('/.proxy/fonts/fraunces.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:SundayText;src:url('/.proxy/fonts/nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--paper:#fff7e5;--cream:#f1e2c5;--ink:#304e45;--muted:#6c6656;--sage:#438373;--sage-dark:#245b50;--sage-light:#e0e8ce;--coral:#cf7354;--coral-dark:#914f3b;--gold:#e8bd5c;--line:#d4bb8c;--white:#fffbee;--ui-title:SundayDisplay,Georgia,serif;--ui-body:SundayText,'Trebuchet MS',sans-serif;--ui-edge:#b58b51;--ui-shadow:#8e6940;--ui-paper:radial-gradient(ellipse at 12% 0,#fffdf4 0,transparent 58%),linear-gradient(105deg,#f8edD5,#fff9e9 44%,#f5e6c7);font-family:var(--ui-body)}
body{font-family:var(--ui-body);font-size:15px;color:var(--ink);background:#f5e8ca}
h1,h2,h3,.brand,.journey-brand,.project-book-hero h2,.market-moment h3,.shop-overview-copy h3,.product-copy h3,.celebration h2,.workshop-sign h3,.audition-heading h1,.craft-title h2{font-family:var(--ui-title);font-variation-settings:'SOFT' 70,'WONK' 1;font-weight:750;letter-spacing:-.025em}
h4{font-weight:850}p{color:var(--muted)}
.eyebrow{font-size:10px;line-height:1.4;letter-spacing:.13em;font-weight:900;color:#7d6043}
.button{min-height:44px;border:2px solid #b38f59;border-radius:12px 12px 14px 14px;background:linear-gradient(#fff9e7,#f3dfac);color:#4f492e;box-shadow:inset 0 2px #fffef2,0 4px 0 #98723f,0 6px 9px #52391e13;font-weight:850;font-size:14px;transition:transform .15s,box-shadow .15s,filter .15s}
.button:hover:not(:disabled){background:linear-gradient(#fffdf2,#f9e7b9);box-shadow:inset 0 2px #fffef2,0 5px 0 #98723f,0 8px 12px #52391e20;transform:translateY(-1px)}
.button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffffff50,0 1px 0 #98723f}
.button.coral,.play-primary{color:#fff8e6;background:linear-gradient(#df8967,#c56b4d);border-color:#944e39;box-shadow:inset 0 2px #f5b68f,0 4px 0 #813f32,0 7px 10px #6a3a2820}
.button.coral:hover:not(:disabled),.play-primary:hover:not(:disabled){background:linear-gradient(#e39471,#cc7352);border-color:#944e39;box-shadow:inset 0 2px #f5b68f,0 5px 0 #813f32}
.button.small{min-height:40px;padding:8px 12px;font-size:12px;border-radius:10px}
.button.quiet{background:transparent;border:1px dashed #b5a07c;box-shadow:none;color:#42695a}
.button.quiet:hover:not(:disabled){background:#fff7df;border-color:#8e9e76;box-shadow:none}
button:disabled{opacity:.7;filter:saturate(.65);box-shadow:none;transform:none}
.button:disabled{background:#e9e2ce;border-color:#c1b69c;color:#6f6a5c}
.icon-button{min-width:42px;width:42px;height:42px;border:2px solid #b69666;background:linear-gradient(#fff8e2,#ead6ac);box-shadow:inset 0 2px #fffdf0,0 3px 0 #88643f;border-radius:13px;color:#486154}
.icon-button:hover{background:#fff6d8;transform:translateY(-1px)}
.text-link{min-height:32px;font-size:13px;font-weight:850;line-height:1.45}
input,select,textarea{background:#fffcf1;border:2px solid #ceba92;border-radius:10px;box-shadow:inset 0 2px 3px #79592e10;min-height:44px;font-size:14px;font-family:var(--ui-body)}
input:focus,select:focus,textarea:focus{border-color:#367c6d;background:#fffef8}
input[type=range]{box-shadow:none;min-height:32px;padding:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #256d83;outline-offset:4px}
kbd{font:800 10px var(--ui-body);background:#fff6d9;border:1px solid #bda476;border-bottom-width:2px;border-radius:5px;padding:2px 5px}

/* Painted shop signs and readable paper, rather than a texture under text. */
#panel{--panel-color:#356f60;--panel-deep:#214c43;--panel-light:#9ebd96;border:3px solid #b99359;border-radius:24px;background:#f5e6c6;box-shadow:0 0 0 3px #ffedb9,0 9px 0 #725338,0 26px 90px #182d2b70;max-height:calc(100dvh - 32px);width:min(1120px,calc(100% - 44px))}
#panel[data-panel=inventory]{--panel-color:#906346;--panel-deep:#5b422f;--panel-light:#dfbc83}
#panel[data-panel=journal],#panel[data-panel=projects]{--panel-color:#366d67;--panel-deep:#244e49;--panel-light:#9dc2a1}
#panel[data-panel=market],#panel[data-panel=seller],#panel[data-panel=sale]{--panel-color:#a56549;--panel-deep:#693f31;--panel-light:#edb282}
#panel[data-panel=collection],#panel[data-panel=product]{--panel-color:#71647c;--panel-deep:#493f57;--panel-light:#d1b2b5}
#panel[data-panel=map],#panel[data-panel=adventures],#panel[data-panel=neighbors]{--panel-color:#596f48;--panel-deep:#394f35;--panel-light:#c6cd92}
#panel[data-panel=settings],#panel[data-panel=more]{--panel-color:#435f70;--panel-deep:#2b4553;--panel-light:#9cbfb4}
#panel::backdrop{background:#152f2b85;backdrop-filter:blur(5px)}
#panel .panel-header{position:relative;flex-shrink:0;align-items:center;min-height:104px;padding:18px 22px 22px;background:linear-gradient(115deg,#ffffff0c,transparent 65%),var(--panel-color);border:0;border-bottom:4px solid var(--panel-deep);border-radius:19px 19px 0 0;box-shadow:inset 0 2px #ffffff35}
#panel .panel-header:before{content:'';position:absolute;left:14px;right:14px;top:10px;bottom:12px;border:1px dashed #fff1c143;border-radius:12px;pointer-events:none}
#panel .panel-header:after{content:'';position:absolute;inset:auto 0 -10px;height:10px;background:radial-gradient(circle at 50% 0,var(--panel-color) 8px,transparent 8.5px) 0 0/20px 10px repeat-x;border:0;pointer-events:none;z-index:1}
#panel-heading{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
.panel-emblem{display:grid;place-items:center;flex:0 0 58px;height:58px;background:radial-gradient(circle at 40% 30%,#fff3ce,#d4af6a);border:2px solid #e9ca86;border-radius:19px 19px 23px 23px;box-shadow:inset 0 0 0 3px #f5dca6,0 3px 0 #183d3355;transform:rotate(-5deg)}
.panel-emblem>.icon{width:40px;height:40px;color:#365f51;transform:rotate(5deg)}
.panel-title-copy{min-width:0;flex:1}
#panel .panel-header h2{color:#fff4d5;font:750 clamp(24px,3vw,34px)/1.08 var(--ui-title);margin:5px 0 0;text-shadow:0 2px var(--panel-deep);overflow-wrap:anywhere}
#panel .panel-header .eyebrow{color:#e1d8ad;font-size:9px;letter-spacing:.15em}
.panel-shop-stamp{display:flex;flex-direction:column;align-items:center;border:1px solid #f5e4b45c;border-radius:50%;width:76px;height:65px;justify-content:center;margin-right:6px;color:#fff1c7;transform:rotate(6deg);line-height:1.5;flex-shrink:0}
.panel-shop-stamp span{font-size:10px}.panel-shop-stamp strong{font-size:14px}
#panel .panel-close{width:40px;height:40px;min-width:40px;background:linear-gradient(#e68e68,#c66f50);border:2px solid #f3bd88;color:#fff7e0;box-shadow:0 3px 0 #592e28;border-radius:12px;font-size:25px;z-index:4;align-self:center}
#panel .panel-tabs{padding:17px 22px 11px;gap:8px;background:#e5d3ad;border-bottom:2px solid #c2a477;box-shadow:inset 0 -3px #f9e9c8;flex-shrink:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ab8655 transparent}
.panel-tab{position:relative;min-height:42px;padding:9px 17px;border:1px solid #c0a578;border-bottom:3px solid #b39870;border-radius:11px 11px 8px 8px;color:#64513a;background:#f6e8c7;font-size:13px;font-weight:850;white-space:nowrap;flex-shrink:0}
.panel-tab:before{content:'';position:absolute;inset:4px;border:1px dashed #a88c604d;border-radius:7px;pointer-events:none}
.panel-tab.active,#panel .panel-tab.active{background:var(--panel-color);color:#fff6db;border-color:var(--panel-deep);border-radius:11px 11px 8px 8px;box-shadow:inset 0 1px #ffffff25}
.panel-tab.active:before{border-color:#fff5c750}.panel-tab:hover:not(.active){background:#fff3d2;color:#3c5c4a}
#panel .panel-body{padding:27px 26px 30px;background:var(--ui-paper);background-size:auto;background-position:0 0;background-repeat:no-repeat;scrollbar-width:thin;scrollbar-color:#ad8b57 #f4e5c7;scroll-padding:18px}
.panel-body p,.panel-body small,.panel-body .fine-print,.panel-body .subtle-label{color:#74654e}
.panel-body .fine-print{font-size:12px;line-height:1.55}
.panel-body p{font-size:14px;line-height:1.6}
.section-title{margin:22px 0 16px;gap:14px}.section-title:first-child{margin-top:0}
.section-title h3{font-family:var(--ui-title);font-size:23px;color:#375c50}.section-title p{margin-bottom:0}
.place-note,.end-note,.catalog-note,.event-note{border:1px dashed #c8b286;border-radius:12px;background:#f4e8cb;padding:13px 16px;color:#6e5c40;font-size:13px}
.place-note.ready{background:#e4ecd6;border-color:#8da889;color:#365b4a}
.status-tag{border:1px solid #c9af7a;border-radius:6px;background:#f1e3bd;font-size:10px;font-weight:850;padding:5px 8px}
.empty-state{position:relative;background:#fffae9;border:2px dashed #ceb98c;border-radius:18px;padding:27px;box-shadow:none}
.empty-state>.icon{width:54px;height:54px;margin-bottom:10px}.empty-state h3{font:700 23px var(--ui-title);color:#456654}
.empty-state p{max-width:420px;margin:12px auto 18px}.empty-state .button{margin-bottom:5px}

/* The HUD is a small collection of physical market signs. */
#hud-top{top:18px;left:20px;right:20px;gap:12px;align-items:flex-start}
.journey-brand{display:flex;align-items:center;gap:8px;position:relative;padding:10px 16px 12px 10px;background:linear-gradient(135deg,#3c8070,#255c52);border:2px solid #ecd19a;border-radius:14px 14px 20px 20px;box-shadow:0 4px 0 #183f39,0 6px 12px #223e3338;color:#fff3d0;min-height:77px}
.journey-brand:before{content:'';position:absolute;inset:5px;border:1px dashed #ffe4a846;border-radius:10px 10px 16px 16px;pointer-events:none}
.journey-brand-sun{display:grid;place-items:center;width:42px}.journey-brand-sun .icon{width:38px;height:38px;color:#f4c963}
.journey-brand-title{display:flex;flex-direction:column;font:750 23px/.85 var(--ui-title);letter-spacing:-.025em;text-shadow:0 2px #214b40}
.journey-brand-title>span{font-size:29px;letter-spacing:.01em}
.journey-brand small{display:flex;gap:4px;justify-content:center;align-items:center;margin-top:7px;font:700 8px var(--ui-body);color:#e4d6ad;letter-spacing:0;text-shadow:none}
.journey-brand small img{width:49px;max-height:11px;object-fit:contain;filter:brightness(0) invert(94%) sepia(19%) saturate(419%) hue-rotate(328deg)}
.player-hud{gap:8px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.player-hud .hud-wallet{gap:7px;min-height:46px;padding:7px 10px;background:linear-gradient(#fff0b7,#ebcd7d);border:2px solid #fff2c7;border-radius:25px;box-shadow:0 3px 0 #a47b3d,0 5px 10px #2b453022;white-space:nowrap}
.hud-wallet strong{color:#684723;font-size:19px}.hud-wallet>.icon{height:31px;width:31px}.wallet-add{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#477666;border:1px solid #2d554a;color:#fff5cf;font-size:20px;line-height:1}
.player-hud .hud-level{display:grid;gap:5px;min-width:65px;min-height:46px;padding:6px 10px;background:#fbf2d5;border:2px solid #d8bc81;box-shadow:0 3px 0 #8c794c;border-radius:13px;color:#45644d}
.hud-level strong{font-size:12px}.hud-level i{height:5px;background:#cdbf98;border-radius:3px}.hud-level b{border-radius:3px;background:#518675}
.player-hud .icon-button{height:44px;width:44px;min-width:44px}.player-hud .icon-button small{font-size:10px}
.quest-track{top:122px;left:22px;width:270px}
.play-objective{background:linear-gradient(#fff8e2,#f3e3bc);border:2px solid #bc9c63;border-radius:15px;box-shadow:inset 0 0 0 3px #fffae7,0 4px 0 #8c7045,0 7px 16px #183c2f22;padding:12px;gap:9px;color:#355b4c;text-align:left}
.play-objective:before{content:none}.play-objective>.item-art{width:57px;height:61px;background:none}.play-objective strong{font:750 18px/1.15 var(--ui-title);color:#2b5c51}.play-objective small{font-size:9px;letter-spacing:.08em;color:#8a6d44;text-transform:uppercase;font-weight:850}.play-objective i{font-style:normal;font-size:11px;color:#6d6949;margin-top:7px}.play-objective>b{width:24px;color:#b47b3d}.play-objective:hover{transform:translateY(-1px);filter:brightness(1.025)}
.chapter-beads{margin-top:10px;gap:7px;justify-content:center}.chapter-beads>span{width:22px;height:22px;background:#f2e4bf;border:1px solid #9d8d64;box-shadow:0 2px #785d39}.chapter-beads>.current{background:#e7c161;border-color:#967036;transform:scale(1.1)}.chapter-beads>.done{background:#6e9273}
.carried-pill,.neighbor-gift-prompt{margin-top:10px;background:#ffefd2;border:1px solid #ba9c6d;box-shadow:0 3px 0 #8b744e;border-radius:12px}.carried-pill span{font-size:12px}.neighbor-gift-prompt{color:#3c6656;font-weight:800}
.nav-dock{left:22px;right:auto;bottom:24px;top:auto;transform:none;gap:8px;padding:9px 10px 10px;border:2px solid #c9a572;border-radius:18px;background:linear-gradient(#a27c51,#775434);box-shadow:inset 0 2px #dfc094,0 5px 0 #4f3829,0 8px 16px #172a2c40;overflow:visible}
.nav-dock button,.nav-dock .home-workshop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:65px;width:76px;height:64px;padding:5px;border:1px solid #b89052;border-bottom:3px solid #9b7342;border-radius:12px;background:linear-gradient(#fff7db,#e8d3a1);box-shadow:inset 0 1px #fffdf0;transform:none;color:#42624e}
.nav-dock .home-workshop{width:95px}.nav-dock button:hover{background:linear-gradient(#fffdf0,#f6dfa5);transform:translateY(-2px)}
.nav-dock button>.icon{width:31px;height:31px}.nav-dock button>span:not(.icon){font-size:11px;font-weight:900;color:#4c5a3a;line-height:1.1}.nav-dock kbd{position:absolute;top:3px;right:3px;font-size:8px;padding:0 3px;opacity:.7}
.interaction{left:auto;right:22px;bottom:28px;transform:none;width:max-content;max-width:min(390px,calc(100vw - 44px))}
.interaction .interact-prompt{background:#fff3d4;border:2px solid #ae8a50;box-shadow:inset 0 0 0 3px #fff9e7,0 4px 0 #755431;min-height:60px;border-radius:16px;padding:12px 18px;gap:12px}.interact-prompt strong{font-size:15px}.interact-prompt small{font-size:12px}
.route-status{border:2px solid #99b6a1;background:#275e52;color:#fff5d9;box-shadow:0 3px #173e35;border-radius:14px;font-size:13px}.route-status button{border-radius:8px;color:#fff6da;border:1px solid #adc6a2}
.toast{background:#fff3d5;border:2px solid #be9a60;box-shadow:0 4px 0 #8b6e42,0 9px 25px #203a3330;border-radius:15px;font-size:14px}.toast .icon{width:28px;height:28px}

/* Merchandise: an illustrated object, a paper label, and an honest lock. */
.inventory-toolbar{gap:16px;margin-bottom:18px}.inventory-toolbar>div>strong{display:block;font:750 24px var(--ui-title);color:#584630}.inventory-toolbar>div>span{font-size:12px}.bag-capacity{display:block;width:150px;height:6px;background:#ddccaa;border-radius:4px;margin-top:8px;overflow:hidden}.bag-capacity>i{display:block;height:100%;background:#7f9b72;border-radius:4px}
.filter-row{gap:8px;margin-bottom:19px;flex-wrap:wrap}.filter-button{min-height:37px;border:1px solid #b9a178;border-bottom:3px solid #ae9469;border-radius:9px;background:#f6e9c8;color:#6a573b;font-size:12px;padding:7px 13px;font-weight:850}.filter-button.active{background:#447764;border-color:#305d4d;color:#fff4d4}
.inventory-grid{gap:13px;align-content:start}.inventory-item{position:relative;padding:12px 10px 14px;border:2px solid #c5b083;border-bottom:4px solid #ad9366;border-radius:15px;background:#fffaf0;box-shadow:inset 0 0 0 3px #f8ecd2;gap:6px;transition:transform .15s,border-color .15s}
.inventory-item:hover{transform:translateY(-3px);border-color:#659d80;background:#fffaf0}.inventory-item.selected{border-color:#39765f;box-shadow:inset 0 0 0 3px #b9cf9c,0 0 0 2px #39765f;background:#f7f6df}
.inventory-item>.item-art{background:radial-gradient(ellipse at center,#efe8cb,transparent 68%);width:100%;height:auto;aspect-ratio:1.16;max-height:142px;border-radius:13px}.inventory-item>strong{font:800 13px/1.35 var(--ui-body);color:#4e4e37;min-height:2.7em;text-wrap:balance}.inventory-item .item-bottom{font-size:11px;color:#74664d}.item-badges{gap:5px;justify-content:center;flex-wrap:wrap}.rarity{font-size:9px;letter-spacing:.03em;border-radius:4px;padding:3px 6px}.quality{font-size:11px;color:#ad8030}
.item-detail{background:#eee1bd;border:2px solid #c3a779;border-radius:18px;box-shadow:inset 0 0 0 3px #fff3d6;overflow:hidden}.detail-placeholder{padding:28px 18px}.detail-placeholder>.icon{width:70px;height:70px}.detail-placeholder h3{font:700 28px/1.15 var(--ui-title)}.detail-placeholder p{font-size:13px}.item-detail h3{font-family:var(--ui-title)}.item-detail-art{background:radial-gradient(ellipse at center,#fffaf0,#ead9af);border-bottom:1px dashed #bda172}.item-detail .item-actions{gap:13px}.appraisal{border-block:1px dashed #bda172;padding:12px 0}.maker-credits{border:1px dashed #b09a6f;background:#f9efd4;border-radius:12px}
.good-row,.supply-card,.order-card,.trade-card,.quest-card,.upgrade-card,.specialization-card,.shop-slot,.location-card,.utility-location,.customer-card,.recipe-card,.neighbor-cards article,.path-card{background:#fff9e9;border:2px solid #d5bd91;border-radius:16px;box-shadow:0 3px 0 #c1a477, inset 0 0 0 3px #fffdf3}
.supply-card,.good-row{padding:15px}.good-description>strong,.supply-card strong{font-size:14px}.good-row>.item-art,.supply-card>.item-art{background:#f3e8ce;border-radius:13px}.recipe-card>h3,.quest-card h3,.upgrade-card h3,.location-card h3{font-family:var(--ui-title);font-weight:700}
.recipe-card.locked,.project-card.project-locked{opacity:1}.recipe-card.locked .item-art,.project-locked .item-art{filter:none}
.recipe-ingredients{background:#f4e8cd;border-radius:10px;padding:10px}.recipe-card .button{margin-top:8px}.order-card{border-top:5px solid #b98658}.order-card h3{font-size:20px}.craft-requests{background:#e8ddbd;border:1px solid #bca67c;border-radius:18px;padding:21px}.commission-form{background:#fff9e7;border-radius:12px;padding:16px}.trade-sides>div{background:#f2e5c7;border:1px dashed #bda578}.trade-card-top h3{font-family:var(--ui-title)}
.bench-choice-grid article{border:2px solid #cbb185;border-bottom:5px solid #a88355;border-radius:17px;background:#fffae9;box-shadow:inset 0 0 0 3px #fffdf3;padding:18px}.bench-choice-grid article>.item-art{width:135px;height:135px}.bench-choice-grid h3{font-family:var(--ui-title);font-size:20px}.repair-project{border:2px solid #c5aa7a;background:#fff8e4;border-bottom:5px solid #ad8657;opacity:1}.repair-project.locked{opacity:1;filter:none}.repair-project.locked>span{background:#e6d6b4;border-radius:6px;padding:3px 7px}
.workshop-sign{position:relative;padding:20px 23px 23px;border:2px solid #9cb195;border-left:7px solid #65937b;background:linear-gradient(110deg,#e0ead4,#f8f1da);border-radius:15px}.workshop-sign h3{font-size:31px;margin:8px 0 16px}.resume-project{background:#e1eacf;border:2px dashed #7f9e73;padding:17px;border-radius:15px}.resume-project strong{font-size:17px}

/* Books keep their pages and readable labels; storefronts get awnings. */
.project-book-hero{background:linear-gradient(110deg,#e2ead6,#f7efd6);border:1px solid #a7bd98;border-left:7px solid #547c63;border-radius:16px;padding:26px;gap:18px;margin-bottom:21px;box-shadow:0 3px 0 #c9c5a1}
.project-book-hero h2{font-size:clamp(29px,3.7vw,43px);color:#315f53;margin:10px 0 13px;line-height:1.05}.project-book-hero p{max-width:470px;font-size:14px}.project-book-hero strong{font-size:12px;color:#5a684b}.project-book-hero .eyebrow{color:#7b7148}.project-hero-art{position:relative;min-width:210px}.project-hero-art .item-art{height:160px}.project-hero-art .item-art+.item-art{margin-top:30px}.project-hero-art .item-art{background:none;filter:drop-shadow(0 10px 6px #4a6b3820)}
.project-chain{background:#f2e3c0;border:1px dashed #b59965;border-radius:16px;padding:18px;margin-bottom:20px}.project-chain>div{gap:7px}.project-chain button{background:#fff9e7;border:1px solid #d2b98b;border-bottom:3px solid #b89a67;border-radius:13px;padding:12px 8px;transition:transform .15s}.project-chain button:hover{transform:translateY(-3px)}.project-chain button strong{font-size:13px;color:#416657}.project-chain button span:not(.item-art){font-size:11px;color:#766244}.chain-arrow{color:#9b7c45}
.project-book-note{background:#fff9e9;border:1px solid #d1bb90;border-radius:13px;padding:17px 19px;margin-bottom:21px}.project-book-note p{font-size:13px}.project-filter{max-width:430px;margin-bottom:20px;font-size:12px;font-weight:850}.project-filter select{margin-top:6px}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.project-card{background:#fffaec;border:1px solid #c6ae81;border-bottom:4px solid #b89b67;border-radius:16px;padding:15px;box-shadow:inset 0 0 0 3px #fffdf6;overflow:hidden}.project-card-image{position:relative;background:radial-gradient(ellipse at 50% 58%,#e1e6cd,#f2edd5 68%);border:1px solid #ddd0a7;border-radius:12px;height:172px;margin-bottom:15px}.project-card-image>.item-art{width:170px;height:160px;background:none}.project-card-image>span{position:absolute;top:9px;right:8px;bottom:auto;border:1px solid #c7b075;background:#fff4d2;color:#73613b;font-size:10px;padding:4px 7px;border-radius:6px;box-shadow:0 2px #b39b6633}.project-locked .project-card-image>span{background:#e9dec3;color:#675b44}.project-card>.eyebrow{font-size:9px;line-height:1.6;min-height:28px;color:#7c6241}.project-card h3{font:700 23px/1.12 var(--ui-title);color:#375c4d;min-height:2.24em;margin:5px 0 9px}.project-card p{font-size:12px}.project-card .project-partners{background:#f0e6cb;padding:7px 9px;border-radius:6px;font-size:11px}.project-lock-reason{font-size:11px!important;border-left:3px solid #caa15b;padding-left:9px}.project-card details{border-top:1px dashed #cdb98e;padding-top:10px}.project-card summary{font-size:12px;font-weight:800}.project-card-actions{padding-top:15px}.project-card-actions>.button{width:100%}
.design-book-intro{display:grid;grid-template-columns:1fr 1fr;gap:10px 19px;padding:22px 25px;background:linear-gradient(110deg,#eee4e5,#f9efd9);border:1px solid #c4b0ac;border-left:7px solid #9c8196;border-radius:16px;margin-bottom:23px}.design-book-intro>.eyebrow,.design-book-intro>h3,.design-book-intro>p,.design-book-intro>strong{grid-column:1/-1;margin:0}.design-book-intro h3{font:750 31px var(--ui-title);color:#64516b}.design-book-intro>strong{font-size:13px;color:#6a5c48;padding:7px 0}.design-book-intro>p{font-size:13px}.design-book-intro label{font-size:12px;font-weight:800}.design-book-intro input,.design-book-intro select{margin:5px 0 0}
.design-book-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.design-card{position:relative;border:1px solid #ccb58a;border-bottom:4px solid #b59b74;background:#fffaed;border-radius:15px;padding:12px;box-shadow:inset 0 0 0 3px #fffdf5;opacity:1;overflow:hidden}.design-card.owned{border-color:#a7bb93}.design-card.selected{border-color:#3d7a66;box-shadow:inset 0 0 0 3px #b9cfa3}.design-card.locked{filter:none;opacity:1}.design-card canvas{background:radial-gradient(ellipse,#f0e3c5,#fbf4df);border-radius:10px;width:100%;height:auto}.design-card h4{font:750 18px/1.18 var(--ui-title);color:#5d4f59;margin:8px 0;min-height:2.36em}.design-card>small{font-size:10px;display:block;text-transform:capitalize;margin-top:7px}.design-card>span{font-size:11px;line-height:1.4;min-height:32px}.design-card .button{width:100%;margin-top:9px}.design-card.locked:before{content:'TO UNLOCK';position:absolute;right:16px;top:16px;padding:3px 6px;background:#f5e5bd;border:1px solid #c5a56b;border-radius:5px;font:900 8px var(--ui-body);letter-spacing:.06em;z-index:1;color:#7f643e}.design-card.owned:before{content:'YOURS';position:absolute;right:16px;top:16px;padding:3px 6px;background:#dde8c8;border:1px solid #9db786;border-radius:5px;font:900 8px var(--ui-body);letter-spacing:.06em;z-index:1;color:#456342}
.collection-grid{gap:22px}.collection-card{border:2px solid #bda279;border-radius:18px;background:#fffaeb;box-shadow:0 4px 0 #a0855f;overflow:hidden}.collection-card>.collection-art{border-radius:0;height:220px;border-bottom:5px solid #be9770;position:relative}.collection-card>.collection-art:before{content:'';position:absolute;z-index:2;top:0;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,#947d97 0 24px,#f7e8cc 24px 48px);border-bottom:3px solid #6e59713d;pointer-events:none}.collection-card>div{padding:21px}.collection-card h3{font:750 25px var(--ui-title);color:#64526a}.collection-card p{font-size:13px}.collection-card-bottom{border-top:1px dashed #c3aa83;padding-top:14px;gap:12px}.collection-card-bottom>strong{color:#715b3b;font-size:16px}.product-detail{gap:24px}.product-visual{border:3px solid #b6966a;border-radius:18px;overflow:hidden;background:#eee1c4;box-shadow:0 5px 0 #897253}.product-copy h3{font:750 36px/1.08 var(--ui-title);color:#64516a}.product-price{font:750 32px var(--ui-title);color:#587752}.product-contents{background:#f0e8cf;border:1px dashed #bcaa7d;border-radius:13px;padding:15px 19px}.product-contents li{font-size:13px}.starter-design-bundle{border:1px dashed #bca381;background:#faf1db;border-radius:17px;padding:22px}.starter-design-bundle h4{font:750 25px var(--ui-title)}.starter-design-preview{border:1px solid #cfbd9b;background:#fff9e8;border-radius:13px}.free-style{background:#fff8e5;border:2px solid #c9b088;border-bottom:4px solid #b49b73;border-radius:14px}.free-style.active{border-color:#739b73;box-shadow:inset 0 0 0 2px #c6d7ac}.discovery-item{background:#f4e9cd;border:1px dashed #bea478;border-radius:13px}.discovery-item.discovered{background:#fff9e7;border-style:solid}

/* A menu of destinations, with each shop's own sign at its heart. */
.market-menu-hero{display:flex;align-items:center;gap:24px;border:1px solid #b9b991;border-radius:18px;padding:16px 23px;background:linear-gradient(110deg,#dde6d1,#f8edd2);margin-bottom:25px}.market-menu-hero>.stall-illustration{width:220px;height:170px;flex:0 0 220px}.market-menu-hero h3{font:750 29px/1.1 var(--ui-title);margin:8px 0 12px;color:#3e6050;overflow-wrap:anywhere}.market-menu-hero p{font-size:13px;margin:0 0 17px}.market-menu-hero .button-row{gap:12px}
.menu-section h3{font:750 22px var(--ui-title);color:#52634e;margin:21px 0 14px}.more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.more-link{min-height:82px;padding:12px 14px;border:2px solid #cbb38b;border-bottom:4px solid #b39b74;background:#fff9e7;border-radius:14px;gap:12px;transition:transform .15s}.more-link>span{width:47px;height:47px;border-radius:13px;background:#eee1bd;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #fff6dd}.more-link>span .icon{width:36px;height:36px}.more-link strong{font:750 17px/1.15 var(--ui-title);color:#4c654f}.more-link>.icon{width:17px;color:#9b8458}.more-link:hover{transform:translateY(-2px);background:#fffcef}.more-footer{margin-top:25px;padding-top:20px;border-top:1px dashed #bca57a;gap:14px}.market-code{font:800 18px var(--ui-body);letter-spacing:.12em;color:#56705e}
.shop-overview{padding:22px;border-radius:18px;background:linear-gradient(110deg,#dde5ce,#f4e9cb);border:1px solid #bac39f}.shop-overview-copy h3{font-size:32px;color:#426350}.shop-overview-portrait>.merchant-portrait{background:#efe7c9;border:2px solid #c8b183;border-radius:18px}.level-medallion,.milestone-level{background:#e9c66b;border:2px solid #ba9350;box-shadow:inset 0 0 0 3px #f8dfa0;color:#6b512a;font-weight:900}.shop-stat-grid>div{background:#fff9e5;border:1px solid #cbb58c;border-bottom:3px solid #bba273;border-radius:14px}.shop-stat-grid strong{font-family:var(--ui-title);color:#587457}.xp-bar{height:11px;border:1px solid #b5a87c;background:#d8cfaa;box-shadow:inset 0 2px #867c4a20}.xp-bar>span{background:linear-gradient(#9ab778,#6c9871);box-shadow:inset 0 2px #bbd298}.milestone-list>div{border-bottom:1px dashed #c9b387;padding:15px 3px}.upgrade-card>span,.specialization-symbol{background:#e7dfc2;border-radius:50%;border:1px solid #bfae7d}.specialization-card.chosen{border-color:#609574;background:#f0f2d9}.shop-slot{padding:18px}.shop-slot.active{border-color:#73a181;background:#eef2d9}
.journey-route{gap:15px}.journey-route>div{position:relative;background:#fff8e2;border:1px solid #c9b385;border-bottom:4px solid #bca376;border-radius:15px;padding:20px}.journey-route>.journey-now{background:#e3ebd2;border-color:#9cb387}.journey-route>div>.eyebrow{display:inline-block;background:#ead6a6;padding:4px 9px;border-radius:6px;color:#80643d}.journey-route>.journey-now>.eyebrow{background:#4c7a5f;color:#fff6d8}.journey-route h3{font:750 22px var(--ui-title);color:#46624e}.quest-card{position:relative;border-left:6px solid #a6b88b}.quest-card.ready{border-left-color:#d3a34b;background:#fff4d5}.quest-objectives li{font-size:13px}.quest-rewards{background:#f3e5bd;border-radius:9px;padding:10px}.chapter-complete{background:#e4ebcc;border:2px dashed #9cb282;border-radius:18px}.story-card{background:#fff9e8;border:1px solid #c9b58e;border-bottom:4px solid #b8a07a;border-radius:14px}.story-card h3{font-family:var(--ui-title)}
.map-intro,.neighbor-banner{background:linear-gradient(105deg,#e2ead2,#f5e6c3);border:1px solid #adb68a;border-radius:16px;padding:22px}.map-intro h3,.neighbor-banner h3{font:750 28px/1.12 var(--ui-title);color:#4a674a}.location-card{border-top:5px solid #9cad77;padding:20px;gap:14px}.location-symbol{background:#ecdfb9;border:1px solid #b8a275;box-shadow:inset 0 0 0 3px #fbf0d3;border-radius:15px}.location-symbol .icon{width:38px;height:38px}.location-card h3{font-size:22px;color:#50684b}.location-card p{font-size:13px}.location-items .item-art{background:#f0e7cd;border-radius:10px}.utility-location{padding:16px}.utility-location>.icon{width:38px;height:38px}.utility-location strong{font-family:var(--ui-title);font-size:18px}.utility-location small{font-size:12px}.path-card{padding:19px}.path-card h3{font:750 22px var(--ui-title)}.path-card p{font-size:13px}.project-hero{background:#e4e9ce;border:2px solid #b1c097;border-radius:16px}.project-hero h3{font-family:var(--ui-title);font-weight:750}.project-needs>div{background:#fff7e2;border:1px solid #c9b385;border-radius:12px}.event-card{border:2px solid #c6ab7c;box-shadow:0 4px #ad905f;border-radius:18px;background:#fff8e3;overflow:hidden}.event-card h3{font:750 26px var(--ui-title)}.event-art{border-bottom:3px solid #c7aa73}.score-table-wrap{border:2px solid #c8b185;border-radius:13px;overflow:auto}.score-table thead{background:#e1d0a8}.score-table .your-row{background:#e9edce}
.mute-card,.audio-channel,.control-method,.account-card{background:#fff8e5;border:2px solid #c5b28b;border-radius:15px;box-shadow:0 3px #b6a27b;padding:18px}.mute-card>.icon{width:43px;height:43px}.setting-row strong{font-size:15px}.toggle-button{min-width:68px;min-height:37px;border:2px solid #b09e7c;box-shadow:inset 0 2px #0000000b;border-radius:20px;background:#dbd3bf;color:#6c644e;font-weight:850}.toggle-button.on{background:#407663;color:#fff6dd;border-color:#2c5b4a}.settings-note{font-size:13px;color:#756950}.controls-grid>div{gap:10px}.controls-grid kbd{padding:5px 9px;font-size:11px}.guide-intro{background:#e5ebd4;border:1px solid #acbd94;border-radius:15px;padding:25px}.guide-intro h3{font-family:var(--ui-title);font-size:29px}.guide-steps>li{border-bottom:1px dashed #c3ad81;padding-block:22px}.guide-steps>li>span{background:#e6c577;border:2px solid #b48d4a;box-shadow:inset 0 0 0 3px #f7dea1;border-radius:50%;color:#70542b;font-family:var(--ui-title)}.guide-steps h3{font-size:22px}

/* The player's craft and celebration still take center stage. */
#panel[data-panel=moment]{max-width:790px}.opening-route{gap:12px}.opening-route li{background:#e8dfc2;border:1px solid #c8b687;border-bottom:3px solid #b5a173;border-radius:13px;color:#716b53}.opening-route .done{background:#dce7c8;border-color:#a4b98c}.opening-route .current{background:#f0d485;border-color:#bf9a49;box-shadow:inset 0 0 0 2px #fff0b7;color:#71572d}.opening-route li:before{font-family:var(--ui-title)}
.next-toy{border:1px solid #c4b184;border-radius:14px;background:#f4e9ce;padding:14px;gap:14px}.next-toy strong{font-family:var(--ui-title);font-size:20px}.next-toy small{font-weight:850}.market-moment>.eyebrow{margin-top:10px}.market-moment h3{font-size:34px}.market-moment p{font-size:14px}
#panel[data-panel=reward],#panel[data-panel=sale]{max-width:660px}.celebration{padding:5px 5px 12px}.celebration h2{font-size:clamp(32px,5vw,48px);color:#9e593c;margin:12px 0 16px}.reward-stars{color:#c09b49;line-height:1}.reward-display{position:relative;padding:15px;background:radial-gradient(ellipse,#f4dfa4,transparent 70%);border-radius:50%;margin:0 auto;min-height:210px}.reward-display>.item-art{width:190px;height:190px;background:none}.reward-display canvas{max-width:100%;border-radius:18px;border:2px solid #c2a86e;box-shadow:0 5px #a88a58}.celebration h3{font:750 24px var(--ui-title);color:#456451}.reward-tokens>span{background:#e7edce;border:2px solid #b9c28e;border-bottom:4px solid #91a470;border-radius:12px;color:#426444;font-size:15px;padding:9px 13px}.celebration .next-toy{background:#3d7b6a;border:2px solid #a4b985;box-shadow:0 4px #285c4c;color:#fff5d7}.celebration .next-toy strong,.celebration .next-toy small{color:#fff5d7}.sale-meeting{background:#e4ebd1;padding:18px;border:1px solid #adba90;border-radius:16px}.sale-meeting h3{font-family:var(--ui-title);font-size:26px}.sale-meeting p{font-style:italic}.sale-object{background:radial-gradient(ellipse,#f1dfb1,transparent 70%);padding:20px 5px}.sale-object h3{font-family:var(--ui-title)}.sale-numbers{background:#f2e3be;border-block:1px dashed #b99c62;border-radius:10px}.sale-numbers strong{font-family:var(--ui-title);color:#527448}
#panel[data-panel=bench]{border:3px solid #b99359;border-radius:23px;box-shadow:0 0 0 2px #ffedb9,0 7px 0 #725338;max-height:calc(100dvh - 22px);width:min(1050px,calc(100vw - 24px))}
#panel[data-panel=bench] .panel-header{position:absolute;right:0;top:10px;left:auto;min-height:0;padding:0 12px;background:none;border:0;box-shadow:none;z-index:5}
#panel[data-panel=bench] .panel-header:before,#panel[data-panel=bench] .panel-header:after{display:none}
#panel[data-panel=bench] #panel-heading{display:none}#panel[data-panel=bench] #panel-body{padding:0;background:var(--ui-paper)}
.playground-top{background:linear-gradient(110deg,#3c8271,#2d6458);padding:17px 75px 17px 22px;border-radius:0;border-bottom:3px solid #c4a560}.playground-top h3{font-family:var(--ui-title);font-size:26px;color:#fff4d5}.playground-top .eyebrow{color:#e2d5a5}.bench-stages i{border:1px solid #99b99e;box-shadow:0 2px #1d4d43;background:#28594e;color:#c9d7b4}.bench-stages i.current{background:#e9c66c;color:#6c532c;border-color:#ffe9a7;box-shadow:0 0 0 3px #f9df9840}.bench-stages i.done{background:#9dbb80;color:#254f3d}
.bench-guide{background:#fff3d5;border-bottom:1px dashed #b29c6c;padding:13px 20px}.bench-guide .bench-caption{font:850 16px/1.4 var(--ui-body);color:#355f50}.bench-help{font-family:var(--ui-body);font-size:13px}.bench-guide .bench-feedback{font-size:12px;min-height:1.45em}.bench-footer{padding:14px 15px 18px;gap:12px}.bench-footer .button{border-width:2px;box-shadow:0 3px #92713e;font-size:13px;min-height:42px}.bench-footer .test-work{background:linear-gradient(#f9da7d,#e4b858);color:#62502b;font-size:16px}.bench-keyhint{font-size:10px;background:#4e7969;border-radius:8px}.fabric-pages{background:#e5dcc1;border-block:1px dashed #b4a17c;padding:12px}.tank-decorations{margin:10px 16px;background:#e3ebcf;border:1px solid #b5c498}.arcade-cabinet{border:4px solid #a17a4c;border-radius:18px;box-shadow:inset 0 0 0 3px #d5b785,0 5px #62492f}

/* Arrival screens belong to the same hand-painted world. */
.site-header{padding-top:22px;padding-bottom:22px}.brand{font-family:var(--ui-title);font-weight:800;color:#285c50}.brand-flower{background:#eccb7d;border:2px solid #bca05f;box-shadow:inset 0 0 0 3px #f5dda0,0 3px #a28045;border-radius:17px}.brand-flower>.icon{color:#3a715d}.hero-copy h1{font-family:var(--ui-title);font-weight:800;color:#355d4d;letter-spacing:-.045em}.hero-copy h1 em{color:#bc6d48}.hero-copy>p{font-size:16px;color:#6e694f}.hero-art{transform:rotate(1deg);border:4px solid #bb9867;border-radius:100px 100px 25px 25px;box-shadow:0 6px #8d6b46,0 12px 28px #735c2f1f}.hero-art>img{border-radius:95px 95px 21px 21px}.hero-art:after{border-radius:95px 95px 21px 21px;border:3px solid #fff3d1}.hero-art-label{background:#fff5dd;border:2px solid #c3a16e;box-shadow:0 4px #9e7c4e;border-radius:14px}.hero-stamp{background:#e4bb64;border:4px solid #fff0c5;color:#73552f;box-shadow:0 3px #9d753e;transform:rotate(10deg);z-index:1}.start-form{background:#fff7e3;border:1px dashed #c0a572;border-radius:15px;padding:18px;max-width:460px}.start-form label{font-size:12px}.start-fields .button{font-size:13px;min-width:0;flex:1}.start-fields input{flex:1;max-width:170px}.hero-footnote{font-size:11px}.feature-strip{border-block:1px dashed #baa375;background:#eee2bc;border-radius:12px;margin-top:27px}.feature-strip>span{font-size:12px;color:#546c4b}.class-preview{border:1px solid #c8b185;border-bottom:4px solid #b6a070;border-radius:14px;background:#fff5de;min-height:110px}.class-preview:hover{background:#e9edcf}.class-preview-copy strong{font-family:var(--ui-title);font-size:17px}.class-preview-copy>span{font-size:11px}.class-preview .merchant-portrait{background:#e9dfbf;border-radius:12px}.section-heading h2{font:750 37px var(--ui-title);color:#45634e}
.shop-audition{background:var(--ui-paper)}.audition-logo{font-family:var(--ui-title);color:#315e4e}.audition-heading h1{font:750 clamp(29px,4vw,47px)/1.05 var(--ui-title);color:#355d4c}.audition-heading p{font-size:15px}.craft-cast{gap:10px}.cast-card{border:2px solid #ccb58a;border-bottom:4px solid #b8a074;border-radius:15px;background:#fff7df;box-shadow:inset 0 0 0 2px #fffdf2;opacity:1;padding:9px 5px}.cast-card.selected{border-color:#4b8268;background:#e5edcd;box-shadow:inset 0 0 0 2px #a5bf87,0 3px #325e4b}.cast-card>span:last-of-type{font-size:11px;color:#50634a;font-weight:850}.craft-film{border-color:#a98a59;box-shadow:0 6px #7d5e3e}.craft-title h2{font:750 35px var(--ui-title);color:#3f644e}.craft-invitation{background:#fff5de;border:1px solid #cbb78d;border-radius:18px;padding:23px}.craft-verbs span{background:#e8e7cb;border:1px dashed #b2ac7c;border-radius:12px;font-size:14px}.first-project-tag{background:#e5ebcd;border:1px solid #a9bb8b;border-radius:12px}.play-primary{font-family:var(--ui-body);font-weight:900;border-radius:13px}.shop-name-option summary{font-size:12px}.shop-reveal h2{font-family:var(--ui-title)}.boot-screen{background:var(--ui-paper)}.boot-screen h1{font:800 53px var(--ui-title);color:#356451}.boot-flower{color:#d0a048}.connecting-screen h1{font-family:var(--ui-title);color:#356451}.lobby-shop,.entry-card{background:#fff8e1;border:2px solid #c4ab7c;border-bottom:4px solid #ac9061;border-radius:17px}.lobby-shop h2,.entry-card h3{font-family:var(--ui-title);color:#45614d}.room-row{border-bottom:1px dashed #c2ad80}.join-code-form{background:#f1e3be;border:1px dashed #bea372;border-radius:13px}

/* Responsive touch targets and motion preferences apply to every menu. */
@media(max-width:960px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-shop-stamp{display:none}.project-hero-art{min-width:165px}.market-menu-hero>.stall-illustration{width:180px;flex-basis:180px}.product-copy h3{font-size:29px}}
@media(max-width:700px){
 body{font-size:14px}.button{min-height:44px;font-size:13px}.button.small{min-height:42px;font-size:12px}.icon-button{min-width:44px;height:44px}.fine-print{font-size:11px}input,select,textarea{font-size:16px;min-height:44px}
 #panel{width:calc(100vw - 14px);max-width:none;max-height:calc(100dvh - 20px);min-height:0;margin:auto;border-radius:18px;border-width:2px;box-shadow:0 0 0 2px #ffedb9,0 6px #725338,0 15px 40px #193b3270}
 #panel .panel-header{padding:14px 13px 19px;min-height:86px;gap:10px;border-radius:15px 15px 0 0}.panel-emblem{flex-basis:44px;height:46px;border-radius:14px}.panel-emblem>.icon{width:31px;height:31px}#panel-heading{gap:10px}#panel .panel-header h2{font-size:24px}#panel .panel-header .eyebrow{font-size:8px;letter-spacing:.11em}#panel .panel-close{width:36px;height:38px;min-width:36px}
 #panel .panel-tabs{padding:15px 12px 10px;gap:7px}.panel-tab{font-size:12px;padding:8px 12px;min-height:42px}#panel .panel-body{padding:22px 15px 25px}.panel-body p:not(.fine-print){font-size:13px}.panel-body .fine-print{font-size:11px}.panel-body .eyebrow{font-size:9px}.section-title{flex-wrap:wrap}.section-title h3{font-size:22px}
 #hud-top{top:max(10px,env(safe-area-inset-top));left:10px;right:10px;gap:8px}.journey-brand{padding:8px 10px 10px 7px;min-height:69px;max-width:none;gap:4px}.journey-brand-sun{width:24px}.journey-brand-sun .icon{width:25px;height:25px}.journey-brand-title{font-size:17px}.journey-brand-title>span{font-size:23px}.journey-brand small{font-size:7px;margin-top:5px}.journey-brand small img{width:40px;height:9px}.player-hud{gap:5px;padding:0}.player-hud .icon-button{width:36px;min-width:36px;height:38px;border-radius:11px}.player-hud .icon-button[data-action=invite],.player-hud .icon-button[data-action=toggle-mute]{display:none}.player-hud .hud-level{display:grid;min-width:49px;min-height:38px;padding:5px 7px}.player-hud .hud-level strong{font-size:11px}.player-hud .hud-level i{width:32px}.player-hud .hud-wallet{min-height:38px;padding:4px 7px;gap:4px}.hud-wallet>.icon{width:23px;height:23px}.hud-wallet strong{font-size:15px}.wallet-add{height:17px;width:17px;font-size:15px}
 .quest-track{top:99px;left:12px;width:222px}.play-objective{padding:9px;gap:7px}.play-objective>.item-art{width:43px;height:49px}.play-objective strong{font-size:16px}.play-objective small{font-size:8px}.play-objective i{font-size:10px}.play-objective>b{display:none}.chapter-beads{justify-content:flex-start;margin-left:9px;gap:6px}.chapter-beads>span{width:19px;height:19px}.carried-pill{max-width:222px}.carried-pill .item-art{width:30px;height:30px}.carried-pill span{font-size:11px}.neighbor-gift-prompt{font-size:11px;padding:6px 10px}
 .nav-dock{left:50%;right:auto;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);gap:5px;padding:6px 7px 8px;border-radius:15px;width:max-content;max-width:calc(100vw - 18px)}.nav-dock button,.nav-dock .home-workshop{width:59px;min-width:0;height:58px;gap:4px;border-radius:10px;padding:4px}.nav-dock .home-workshop{width:72px}.nav-dock button>.icon{width:29px;height:29px}.nav-dock button>span:not(.icon){font-size:9px;white-space:normal;line-height:1.05}.nav-dock kbd{display:none}
 .touch-controls{bottom:108px}.touch-stick{width:104px;height:104px}.touch-actions{gap:9px}.touch-actions button{min-width:58px;min-height:58px}.interaction{left:50%;right:auto;transform:translateX(-50%);bottom:225px;max-width:calc(100vw - 28px)}.interaction .interact-prompt{padding:9px 13px;min-height:52px}.interact-prompt strong{font-size:13px}.interact-prompt small{font-size:11px}.route-status{max-width:calc(100vw - 24px);font-size:12px}
 .inventory-toolbar{align-items:flex-start;flex-direction:column;gap:13px}.inventory-toolbar>div{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}.inventory-toolbar>div>strong{font-size:22px}.bag-capacity{width:100%;flex-basis:100%;margin-top:3px}.inventory-toolbar .search-field{width:100%;max-width:none}.filter-row{gap:6px}.filter-button{padding:7px 10px;font-size:11px;min-height:38px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.inventory-item{padding:9px 8px 12px}.inventory-item>strong{font-size:12px}.inventory-item>.item-art{height:auto;max-height:135px}.inventory-item .item-bottom{font-size:10px}.inventory-item .rarity{font-size:9px}.inventory-item .quality{font-size:10px}.item-detail{margin-top:16px}.detail-placeholder{padding:23px}.item-actions .button{min-height:44px}
 .project-book-hero{padding:20px 18px;display:block;border-left-width:5px}.project-book-hero h2{font-size:33px}.project-book-hero p{font-size:13px}.project-hero-art{display:flex;justify-content:center;min-width:0;margin:15px 0 0;height:140px}.project-hero-art .item-art{width:140px;height:140px}.project-hero-art .item-art+.item-art{margin-top:0}.project-book-hero strong{font-size:11px;line-height:1.5;display:block}.project-chain{padding:14px}.project-chain>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.project-chain .chain-arrow{display:none}.project-chain button{padding:10px 5px}.project-chain button .item-art{width:68px;height:68px}.project-chain button strong{font-size:12px}.project-chain button span:not(.item-art){font-size:10px}.project-book-note{padding:15px}.project-book-note .button-row{gap:10px}.project-book-note .button{width:100%}.project-grid{grid-template-columns:1fr;gap:18px}.project-card{padding:16px}.project-card-image{height:190px}.project-card-image>.item-art{width:190px;height:180px}.project-card h3{min-height:0;font-size:25px}.project-card>.eyebrow{min-height:0}.project-card p{font-size:13px}.project-card summary{font-size:13px}.project-card-actions>.button{font-size:13px;min-height:44px}
 .design-book-intro{grid-template-columns:1fr;padding:18px;gap:11px;border-left-width:5px}.design-book-intro h3{font-size:27px}.design-book-intro label{grid-column:1/-1}.design-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.design-card{padding:9px}.design-card h4{font-size:17px}.design-card>span{font-size:10px;min-height:40px}.design-card .button{font-size:11px;min-height:42px;padding:8px 6px}.design-card.locked:before,.design-card.owned:before{top:12px;right:12px;font-size:7px}.design-card>small{font-size:9px}.collection-grid{grid-template-columns:1fr;gap:22px}.collection-card>.collection-art{height:230px}.collection-card>div{padding:19px}.collection-card h3{font-size:26px}.collection-card p{font-size:13px}.product-copy h3{font-size:30px}.product-visual{max-height:none}.product-price{font-size:31px}.starter-design-bundle{padding:17px}.starter-design-grid{gap:9px}.starter-design-preview span{font-size:11px}
 .market-menu-hero{flex-direction:column;gap:0;padding:15px 18px 23px;text-align:center}.market-menu-hero>.stall-illustration{width:205px;height:148px;flex-basis:148px}.market-menu-hero h3{font-size:25px}.market-menu-hero .button-row{justify-content:center}.market-menu-hero p{font-size:12px}.more-grid{grid-template-columns:1fr 1fr;gap:10px}.more-link{flex-direction:column;justify-content:center;min-height:115px;padding:12px 8px;gap:9px;text-align:center}.more-link>span{width:43px;height:43px}.more-link>span .icon{width:32px;height:32px}.more-link strong{font-size:16px}.more-link>.icon{display:none}.more-footer{flex-wrap:wrap}.more-footer .button{font-size:12px}.shop-overview{padding:16px;gap:15px;align-items:flex-start}.shop-overview-portrait>.merchant-portrait{width:79px}.shop-overview-copy h3{font-size:24px}.shop-overview-copy p{font-size:12px}.shop-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.shop-stat-grid>div{padding:13px}.shop-stat-grid strong{font-size:28px}.milestone-list>div{gap:9px}.milestone-level{width:34px;height:34px;flex:0 0 34px;font-size:13px}.milestone-list .button{font-size:11px;padding:7px}.journey-route h3{font-size:22px}.quest-card,.upgrade-card{padding:18px}.location-card{padding:17px;gap:11px}.location-card h3{font-size:22px}.location-symbol{width:43px;height:43px}.location-symbol .icon{width:29px;height:29px}.location-card p{font-size:12px}.map-intro,.neighbor-banner{padding:18px}.map-intro h3,.neighbor-banner h3{font-size:25px}.path-cards{grid-template-columns:1fr}.path-card h3{font-size:22px}.utility-location{padding:14px}.utility-location strong{font-size:17px}.utility-location small{font-size:11px}
 .good-row,.supply-card,.order-card{padding:13px;gap:11px}.good-description>strong,.supply-card strong{font-size:13px}.order-card{flex-wrap:wrap}.order-actions{margin-left:auto}.craft-requests{padding:16px}.commission-form{padding:13px}.setting-row strong{font-size:14px}.mute-card,.audio-channel,.control-method,.account-card{padding:16px}.guide-intro{padding:19px}.guide-intro h3{font-size:25px}.guide-steps h3{font-size:21px}.guide-steps>li>span{width:37px;height:37px;flex-shrink:0}
 .market-moment h3{font-size:29px}.market-moment>.stall-illustration{height:190px}.opening-route{gap:7px}.opening-route li{font-size:10px;padding:10px 5px}.opening-route li:before{font-size:22px}.next-toy strong{font-size:19px}.celebration h2{font-size:36px}.reward-display{min-height:180px;padding:10px 0}.reward-display canvas{max-width:100%;height:auto}.reward-tokens{gap:8px}.reward-tokens>span{font-size:13px;padding:8px 10px}.celebration h3{font-size:23px}.sale-meeting{padding:14px}.sale-meeting .npc-portrait{width:63px;min-width:63px}.sale-meeting h3{font-size:23px}.sale-object{gap:14px}.sale-object h3{font-size:24px}.sale-numbers strong{font-size:25px}.sale-decisions{gap:13px}
 #panel[data-panel=bench]{width:calc(100vw - 10px);min-height:0;max-height:calc(100dvh - 14px);border-radius:18px}#panel[data-panel=bench] .panel-header{top:12px;padding:0 10px}.playground-top{padding:16px 55px 15px 15px;flex-wrap:wrap;gap:9px}.playground-top h3{font-size:23px;margin:5px 0}.playground-top .eyebrow{font-size:8px}.bench-stages{gap:6px}.bench-stages i{width:21px;height:21px;font-size:10px}.bench-guide{padding:12px 13px}.bench-guide .bench-caption{font-size:14px;line-height:1.4}.bench-help{font-size:12px}.bench-footer{padding:13px 12px 17px;flex-wrap:wrap}.bench-footer .button{font-size:12px;min-height:42px}.bench-footer .test-work{font-size:14px}.bench-keyhint{display:none}.fabric-pages{gap:7px}.tank-decorations{margin:10px}.tank-decorations button{min-width:60px}
 .site-header{padding:18px;gap:10px;flex-wrap:wrap}.site-header-right .identity-pill{display:none}.brand{font-size:25px}.brand-flower{width:38px;height:43px}.site-header-right{gap:7px}.landing-wrap{padding-inline:22px}.hero{gap:26px}.hero-copy h1{font-size:53px}.hero-copy>p{font-size:15px}.hero-art{min-height:350px;border-radius:70px 70px 20px 20px;transform:none}.hero-art>img,.hero-art:after{border-radius:66px 66px 16px 16px}.hero-art-label{padding:12px;left:14px;right:14px;bottom:17px}.hero-art-label strong{font-size:14px}.hero-art-label span{font-size:11px}.hero-stamp{right:-8px;top:20px;width:86px;height:86px;font-size:11px}.start-form{padding:15px}.start-fields{flex-direction:column;gap:12px}.start-fields input{max-width:none;min-height:46px}.start-fields .button{min-height:46px}.feature-strip{flex-wrap:wrap;padding:16px;gap:14px}.feature-strip>span{font-size:11px;flex-basis:calc(50% - 10px)}.section-heading h2{font-size:31px}.class-preview-copy strong{font-size:17px}.class-preview-copy>span{font-size:11px}.site-footer{flex-wrap:wrap;justify-content:center;font-size:11px;gap:14px}
 .shop-audition{padding:15px 12px 25px}.audition-heading h1{font-size:32px}.audition-heading p{font-size:13px}.craft-cast{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cast-card{padding:6px 3px 7px;border-radius:10px}.cast-card>span:last-of-type{font-size:9px}.craft-invitation{padding:18px 15px}.craft-title h2{font-size:30px}.craft-verbs span{font-size:12px;padding:9px}.audition-footer{font-size:12px}.shop-reveal h2{font-size:31px}
}
@media(max-width:360px){.nav-dock{gap:4px;padding-inline:5px}.nav-dock button{width:52px}.nav-dock .home-workshop{width:65px}.journey-brand-sun{display:none}.quest-track{width:205px}.panel-emblem{display:none}.design-card h4{font-size:15px}.more-link strong{font-size:15px}}
@media(max-height:580px) and (min-width:701px){#panel{max-height:calc(100dvh - 18px)}#panel .panel-header{min-height:72px;padding:10px 18px 14px}.panel-emblem{height:42px;flex-basis:44px}.panel-emblem>.icon{width:30px;height:30px}#panel .panel-header h2{font-size:27px}.panel-shop-stamp{display:none}#panel .panel-tabs{padding-top:12px;padding-bottom:8px}.quest-track{top:105px;width:230px}.nav-dock button{height:54px}.nav-dock{bottom:14px}.playground-top{padding-block:10px}.playground-top h3{font-size:22px}.bench-guide{padding:8px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body.reduced-motion *,body.reduced-motion *::before,body.reduced-motion *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}

@media(min-width:701px) and (max-width:1000px){.interaction{bottom:128px}}

.item-detail-return{display:none}
@media(max-width:700px){.inventory-layout.has-selection .inventory-grid{display:none}.inventory-layout.has-selection .item-detail{margin-top:0}.item-detail-return{display:inline-flex;margin:0 0 15px;width:100%;font-size:12px}}
@media(max-width:700px){
 .item-detail{grid-template-columns:94px minmax(0,1fr);gap:0 12px}
 .item-detail-return{grid-column:1/-1;grid-row:1;margin-bottom:17px}
 .item-detail-art{grid-row:2/5;padding:0;margin:0 0 15px;border:0;background:none}
 .item-detail-art .item-art{width:94px;height:112px;border:0;background:radial-gradient(ellipse,#fff7db,transparent);box-shadow:none}
 .item-detail h3{font:750 23px/1.1 var(--ui-title);color:#42604d}
 .item-detail>p{font-size:12px;line-height:1.5}
 .item-detail .maker-credits{grid-column:1/-1}
 .item-detail:has(.creation-preview){grid-template-columns:1fr}
 .item-detail:has(.creation-preview)>.item-detail-art{grid-column:1;grid-row:auto}
 .item-detail:has(.creation-preview)>.item-badges,.item-detail:has(.creation-preview)>h3,.item-detail:has(.creation-preview)>p{grid-column:1}
}
.bench-stages{max-width:none}
.fabric-pages{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a38454 #e5dcc1}
.fabric-pages .button{flex:0 0 auto;white-space:nowrap}
.journey-brand small img{width:64px;max-height:16px;filter:none;background:#fff1d2;border-radius:4px;padding:2px 4px}
@media(max-width:700px){.bench-stages{flex-basis:100%;width:100%;max-width:none}.journey-brand small img{width:50px;height:13px;max-height:13px;padding:1px 3px}}

/* A keepsake-box presentation for the permanent all-crafts bundle. */
.starter-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:22px;padding:30px;border:2px solid #baa16c;border-radius:26px;background:radial-gradient(ellipse at 85% 15%,#fbdda166,transparent 55%),#fff2d8;box-shadow:0 6px 0 #b79a6550,inset 0 0 0 5px #fff9e9;color:#315b50;margin:18px 0 26px;overflow:hidden}.starter-seal,.starter-ribbon{font-size:11px;letter-spacing:.17em;font-weight:900;color:#8e6736}.starter-hero h2{font-family:Georgia,serif;font-size:clamp(29px,3.7vw,46px);line-height:1.08;margin:15px 0;color:#2d6156}.starter-hero p{font-size:15px;line-height:1.6;max-width:460px}.starter-benefits{display:flex;gap:18px;margin:22px 0}.starter-benefits span{max-width:110px;font-size:12px;line-height:1.4}.starter-benefits b{display:block;font-size:27px;line-height:1.3;color:#a16b30}.starter-hero-actions{display:grid;gap:9px;justify-items:start}.starter-hero-actions .button{min-height:48px;box-shadow:0 5px #a45f40;font-size:15px;white-space:normal}.starter-price-note{font-size:11px;font-weight:700}.starter-curation{position:relative;border-radius:18px;background:linear-gradient(150deg,#315e52,#1f443e);padding:20px 16px 50px;box-shadow:inset 0 0 0 2px #e0bf7555,0 5px #193e3433;align-self:center}.starter-ribbon{display:block;text-align:center;color:#ebd49e;font-size:10px}.starter-treasures{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.starter-treasures figure{margin:0;background:#fff3d7;border-radius:12px;padding:6px;transform:rotate(-3deg);box-shadow:0 3px 10px #08261c44}.starter-treasures figure:nth-child(even){transform:rotate(3deg)}.starter-treasures canvas{display:block;width:100%;height:115px;object-fit:contain}.starter-treasures figcaption{text-align:center;font-size:10px;font-weight:800;line-height:1.3;color:#35584c;min-height:26px}.starter-coin-ticket{position:absolute;bottom:-12px;left:15%;right:15%;background:#eac56e;border:2px solid #fff1be;border-radius:12px;padding:9px;text-align:center;box-shadow:0 4px #987432}.starter-coin-ticket strong{display:block;color:#604824;font-size:23px}.starter-coin-ticket span{font-size:11px;color:#705835}.starter-promise{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px dashed #b7a076;padding-top:16px;font-size:11px;font-weight:750}.starter-value{grid-column:1/-1!important;max-width:none!important;margin:0!important;font-size:11px!important;color:#7c6a50}.starter-checkout-note{font-size:12px!important}.starter-owned{font-weight:850;padding:12px;border:1px solid #739a71;border-radius:12px;background:#dbe6c4}.starter-hero-detail{margin-top:0}.rare-book-shelf{padding:22px;border:1px solid #bba46f;background:#fff2d8;border-radius:18px;margin:18px 0}.rare-book-shelf .rare-editions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.rare-editions .item-art{width:90px;height:100px}.rare-editions small{display:block;font-size:11px}
@media(max-width:650px){.starter-hero{grid-template-columns:1fr;padding:22px 18px;gap:20px}.starter-hero h2{font-size:36px}.starter-curation{max-width:380px;width:100%;box-sizing:border-box;justify-self:center;margin-bottom:12px}.starter-treasures canvas{height:115px}.starter-hero-actions{justify-items:stretch}.starter-hero-actions .button{width:100%}.starter-promise{display:grid;gap:9px}.rare-book-shelf .rare-editions{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.starter-treasures figure{transform:none}}