:root{font-family:'Trebuchet MS',system-ui,sans-serif;color:#264c46;background:#dcece3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 38%,#f3f6e6,#dfede1 55%,#c8e0d7)}button{font:inherit;cursor:pointer;border:0;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #e89b42;outline-offset:4px}.game{position:relative;max-width:1400px;margin:auto;min-height:100svh;padding:24px 40px 12px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.hud{display:flex;align-items:center;justify-content:space-between;width:100%;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:#285a50;text-decoration:none;letter-spacing:2px;font-size:19px;font-weight:900;line-height:1.1}.brand small{display:block;letter-spacing:4px;font-size:10px;margin-top:5px}.logo{font-size:36px;background:#2b796c;color:#fff4ca;border-radius:40% 60% 50% 50%;padding:4px 13px}.currencies{display:flex;align-items:center;gap:10px}.pill{display:flex;align-items:center;gap:10px;background:#fffdf0;border:2px solid #fff;border-radius:18px;padding:13px 17px;box-shadow:0 4px 0 #bbd1bc55}.pill b{font-size:21px}.icon{width:44px;height:44px;display:inline-grid;place-items:center;background:#fffdf0;border-radius:14px;font-size:24px;box-shadow:0 3px 0 #a9c7b344}.heading{text-align:center;margin-top:25px;z-index:1;pointer-events:none}.heading small{letter-spacing:2.5px;font-size:9px;color:#668c7c;font-weight:bold}h1{font-size:30px;letter-spacing:-1px;margin:9px 0 8px}.heading>span{font-size:12px;color:#608174}#viewport{width:min(100%,1000px);position:relative;margin-top:-48px;touch-action:none}#scene{width:100%;display:block;overflow:visible;user-select:none}.camera{position:absolute;right:0;bottom:90px;display:flex;gap:5px}.camera .icon{background:#f8fbeeab;width:44px;height:44px;font-size:22px}.guidance{display:flex;gap:13px;align-items:center;background:#fffdf1;border:1px solid #fff;padding:14px 18px;border-radius:20px;box-shadow:0 8px 28px #66876b13;margin-top:-65px;z-index:2;width:440px;max-width:100%}.guidance>span{background:#f7e6ab;color:#b98831;font-size:28px;border-radius:13px;padding:5px 10px}.guidance b{display:block;font-size:14px}.guidance small{display:block;font-size:11px;line-height:1.5;color:#728b7c;margin-top:4px}.guidance button{margin-left:auto;background:none;font-size:24px;min-width:44px;min-height:44px}.dock{display:flex;gap:6px;padding:7px;background:#fafcedb8;border:1px solid #fff;border-radius:23px;margin-top:18px;z-index:2;box-shadow:0 7px 25px #618e7020}.dock button{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border-radius:17px;min-width:108px;padding:7px 14px;font-size:11px;font-weight:bold}.dock button:hover{background:#e3ecda}.dock span{font-size:26px;line-height:1}.hint{font-size:10px;color:#759482;margin:12px 0 0}dialog{border:1px solid #fff;border-radius:26px;padding:26px;color:#264c46;background:#fffdf3;width:420px;max-width:calc(100% - 24px);max-height:80svh;box-shadow:0 30px 100px #193f4255}dialog::backdrop{background:#1e51404a;backdrop-filter:blur(4px)}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head small{letter-spacing:2px;font-size:9px;color:#7b9687}h2{margin:6px 0 12px;font-size:25px}dialog p{font-size:13px;line-height:1.6;color:#718575}dialog section>button{width:100%;padding:15px 16px;border-radius:13px;background:#397f6d;color:#fffdf3;margin:6px 0;display:flex;justify-content:space-between;font-size:13px}dialog small{font-size:11px;color:#718575}dialog button.secondary{background:#eeeadd;color:#7d6458}.stockline{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e7ebdb;font-size:14px}.log{max-height:300px;overflow:auto;font-size:12px;line-height:1.6}.log>div{padding:8px 0;border-bottom:1px solid #e7ebdb}.good{color:#358570}.warn{color:#ad7632}#toast{position:fixed;bottom:145px;left:50%;transform:translate(-50%,12px);background:#285f52;color:#fff8df;border-radius:14px;padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:5;width:max-content;max-width:90%}#toast.visible{opacity:1;transform:translate(-50%,0)}[role=button]{cursor:pointer}[role=button]:hover{filter:brightness(1.06)}.fish-swim{animation:swim 5s ease-in-out infinite alternate}.bubbles{animation:bubble 3s linear infinite}.visitor-a{animation:visit 16s linear infinite}.visitor-b{animation:visit2 16s linear infinite}.coin-pop{animation:coin 1.8s ease-out forwards}@keyframes swim{to{transform:translate(25px,9px)}}@keyframes bubble{0%{opacity:0;transform:translateY(10px)}50%{opacity:.7}100%{opacity:0;transform:translateY(-25px)}}@keyframes visit{0%{transform:translate(704px,391px);opacity:0}8%{opacity:1}28%,42%{transform:translate(442px,408px)}50%,58%{transform:translate(456px,516px)}85%{opacity:1}100%{transform:translate(704px,391px);opacity:0}}@keyframes visit2{0%,8%{transform:translate(456px,516px)}35%,48%{transform:translate(704px,391px);opacity:0}57%{opacity:1}75%,90%{transform:translate(570px,451px)}100%{transform:translate(456px,516px)}}@keyframes coin{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-65px)}}@media(max-width:650px){.game{padding:16px 14px max(12px,env(safe-area-inset-bottom))}.brand{font-size:12px;letter-spacing:1px;gap:6px}.brand small{font-size:7px;letter-spacing:2px}.logo{font-size:22px;padding:4px 9px}.currencies{gap:5px}.pill{padding:9px 8px;border-radius:14px;gap:4px;font-size:11px}.pill b{font-size:16px}.hud .icon{width:36px;font-size:19px}.heading{margin-top:35px}.heading small{font-size:7px;letter-spacing:1.5px}h1{font-size:26px}#viewport{width:140%;max-width:none;margin-top:8px;flex-shrink:0}.camera{right:17%;bottom:28px}.guidance{margin-top:0;padding:12px;gap:10px}.guidance small{font-size:10px}.dock{margin-top:16px;width:100%;justify-content:space-around}.dock button{min-width:0;flex:1}dialog{margin:auto auto max(12px,env(safe-area-inset-bottom));border-radius:25px}#toast{bottom:130px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.visitor-a{transform:translate(442px,408px)}.visitor-b{transform:translate(570px,451px)}}

/* v0.3: progression and shop status */
#levelProgress{display:block;font-size:9px;font-weight:normal;line-height:1.5;white-space:nowrap;color:#678375}
.shop-status{position:relative;z-index:2;background:#f6fae9;color:#376d5b;border:1px solid #cadbc8;border-radius:12px;padding:10px 14px;font-size:12px;max-width:90%;min-height:44px;margin-top:-120px;transform:translateY(-8px)}
.shop-status[hidden]{display:none}.shop-status:not([hidden])+.guidance{margin-top:11px}
.shop-status.low-stock{background:#fff1d3;color:#916328}
#goalProgress{position:relative;z-index:2;appearance:none;width:390px;max-width:85%;height:5px;border:0;border-radius:4px;margin-top:7px;background:#cadbc5}
#goalProgress::-webkit-progress-bar{background:#cadbc5;border-radius:4px}#goalProgress::-webkit-progress-value{background:#689d79;border-radius:4px}
.quantities{border:0;padding:0;margin:8px 0 18px;display:flex;gap:8px}.quantities legend{font-size:12px;margin-bottom:8px}.quantities button{min-height:44px;flex:1;border-radius:12px;background:#e7ebdb}.quantities [aria-pressed=true]{background:#397f6d;color:#fff}
#journeyList{list-style:none;padding:0;max-height:45svh;overflow:auto}#journeyList li{padding:12px;border-left:3px solid #e2e8d8;margin:8px 0;background:#f3f3e7;border-radius:0 12px 12px 0}#journeyList b{display:block;font-size:13px}#journeyList small{display:block;margin-top:6px;line-height:1.5}#journeyList .complete{border-color:#83ac85;color:#638b6e}#journeyList .current{border-color:#dca651;background:#f8eed5}
@media(max-width:650px){.shop-status{margin-top:-18px;margin-bottom:10px;font-size:11px}.shop-status:not([hidden])+.guidance{margin-top:0}#levelProgress{font-size:7px}.pill{padding:7px 6px;gap:3px}.brand{font-size:11px}}

@media(min-width:651px){#viewport{width:min(100%,760px);margin-top:18px}.camera{bottom:55px}.shop-status{margin-top:-82px}}

/* Visitors are positioned by the shop clock, not looping CSS. */
.live-visitor{cursor:pointer}.visitor-bubble{pointer-events:none}.visitor-bubble rect{fill:#fffae8;stroke:#d5dfc7;stroke-width:1.5}.visitor-bubble text{font:12px 'Trebuchet MS',sans-serif;fill:#3c7061}.live-visitor[data-phase=leaving] .visitor-bubble rect{fill:#e9f3d9}.live-visitor[data-result=empty] .visitor-bubble rect{fill:#fff0d6}.live-visitor[data-phase=turning] .visitor-bubble rect{fill:#ffebe8;stroke:#e4a99f}.live-visitor[data-phase=turning] .visitor-bubble text{fill:#a63d30}

/* Placement uses the same art, with independent floor transforms. */
.mirrored-art text{transform-box:fill-box;transform-origin:center;transform:scaleX(-1)}
.selected-object{opacity:.8}
#editorBar[hidden]{display:none}#editorBar{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:6;width:440px;max-width:calc(100% - 20px);padding:15px;background:#fffdf0;border:2px solid #d8e5ce;border-radius:22px;box-shadow:0 12px 60px #315f4f33;color:#315c4c}
.edit-heading{display:flex;justify-content:space-between;align-items:center}.edit-heading button{background:#e5ecdc;padding:10px;border-radius:12px;min-height:44px}
#editHelp{font-size:12px;line-height:1.4;min-height:34px;margin:8px 0}
#editorBar label{font-size:11px;margin-right:10px}#editObject{max-width:80%;border:1px solid #c8d8bb;background:#fffdf5;color:#315c4c;padding:8px;border-radius:8px}
.edit-move,.edit-actions{display:flex;gap:6px;margin-top:9px}#editorBar .edit-move button,#editorBar .edit-actions button{flex:1;min-height:44px;background:#e6eddc;border-radius:10px;padding:6px;font-size:13px}#editorBar #editConfirm{background:#397f6d;color:white}.editing .guidance,.editing #goalProgress,.editing .dock,.editing .hint,.editing #shopStatus{visibility:hidden}.editing #visitors{display:none}.editing #toast{bottom:285px}.editing .camera{z-index:2}
@media(max-width:650px){.dock button{padding:7px 8px;font-size:10px}.editing .game{padding-bottom:270px}.editing #viewport{margin-top:0}.editing .camera{bottom:0}}

#accessAlert{display:block;pointer-events:auto;background:#fff0d3;color:#885d29;border:1px solid #d8ba82;border-radius:12px;min-height:36px;padding:8px 14px;margin:10px auto 0;font-size:11px}#accessAlert[hidden]{display:none}
#editAccess{font-size:11px;line-height:1.35;margin:6px 0;color:#487954;max-height:45px;overflow:auto}#editAccess.access-warning{color:#9b5c27}
#accessList{list-style:none;padding:0}#accessList li{margin:8px 0}#accessList button{width:100%;text-align:left;background:#e9eddd;border-radius:10px;min-height:44px;padding:10px}#accessList small{display:block;padding:6px 10px}
.unreachable-object{filter:drop-shadow(0 0 3px #d88735)}.editing .live-visitor{display:none}.live-visitor[data-phase=waiting] .visitor-bubble rect{fill:#fff0d6}

/* The slice stays in the shop; these are contextual, short-lived cards. */
.pearl-pill{font-size:12px;white-space:nowrap;color:#6c7f86}
.product-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #e3e7d7}.product-row>div{flex:1}.product-row b{font-size:13px}.product-row small{display:block;margin-top:4px;font-size:10px}.product-row button{min-height:44px;background:#397f6d;color:#fff9e6;border-radius:10px;padding:8px;font-size:11px}.product-icon{font-size:23px;width:28px}
.upgrade-card{padding:14px;margin:10px 0;border:1px solid #dbe4ce;border-radius:16px;background:#f3f3e6}.upgrade-card>b{display:block;font-size:15px}.upgrade-card small{display:block;margin:7px 0;line-height:1.5}.upgrade-card button,#pendingList button{background:#397f6d;color:#fff9e6;border-radius:10px;padding:12px;min-height:44px;width:100%}#pendingList button{margin:5px 0;background:#ac8139}
.supplier-choice{display:flex;gap:8px}.supplier-choice button{flex:1;padding:12px 8px;border-radius:10px;background:#e9ecdd;min-height:44px;font-size:12px}.supplier-choice [aria-pressed=true]{background:#397f6d;color:white}select{font:inherit;padding:8px;border-radius:8px;border:1px solid #c8d8bb;background:#fffdf5;color:#315c4c}.filter-label{font-size:12px}
#unlockCard{position:fixed;top:86px;left:50%;transform:translateX(-50%);z-index:8;background:#fffae7;border:2px solid #e5c98d;border-radius:19px;box-shadow:0 12px 45px #436f4933;padding:17px 36px 14px 18px;width:360px;max-width:calc(100% - 28px)}#unlockCard[hidden]{display:none}#unlockCard small{display:block;font-size:9px;letter-spacing:1.3px;color:#9b7736}#unlockCard b{display:block;margin-top:7px;font-size:19px}#unlockCard p{margin:7px 0 0;font-size:12px;line-height:1.5}#unlockClose{position:absolute;right:6px;top:6px;background:transparent;font-size:25px;width:34px;height:34px}.level-glow{animation:levelglow 1.5s ease-out}@keyframes levelglow{50%{filter:drop-shadow(0 0 12px #e7c75c)}}
.live-visitor[data-phase=queue] .visitor-bubble rect{fill:#fff0d6}
@media(max-width:390px){.brand{font-size:9px}.brand small{font-size:6px}.logo{padding:4px 6px}.currencies{gap:3px}.pearl-pill{font-size:9px}.pill b{font-size:14px}.pill{padding:7px 5px}.hud .icon{width:31px}.product-row{gap:5px}.product-row button{font-size:10px;padding:7px}}

@media(max-width:650px){.expanded #viewport{width:112%;margin-top:8px}.expanded .camera{right:5%;bottom:18px}.expanded .shop-status{margin-top:0}}

.moment-note{position:relative;z-index:2;width:440px;max-width:95%;background:#f8f6e4;border:1px solid #d3debd;border-radius:16px;padding:12px 14px;margin:0 0 14px;box-shadow:0 5px 14px #577f6112}.moment-note[hidden]{display:none}.moment-note b{font-size:13px}.moment-note p{font-size:11px;line-height:1.5;margin:5px 0 9px}.moment-note button{min-height:40px;border-radius:10px;padding:8px 12px;background:#e0ead3;font-size:11px}.moment-note button:first-child{background:#397f6d;color:#fff9e6}#momentActions{display:flex;gap:7px;flex-wrap:wrap}.editing .moment-note{display:none}.moment-note:not([hidden])~.guidance{margin-top:0}.moment-note:not([hidden])~.shop-status{margin-top:0}

/* v0.8: the player's identity and restrained living details. */
.brand{min-width:0;max-width:45%}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.brand .logo{background:none;padding:0;display:block;width:34px;height:34px;flex-shrink:0}.brand .logo svg{width:100%;height:100%}
.heading h1{overflow-wrap:anywhere;color:var(--shop-color,#427d6d)}
#shopCreation{width:min(640px,calc(100% - 24px));max-height:94svh;padding:26px;border:0;border-radius:25px;color:#375b50;background:#fff9ec;box-shadow:0 22px 100px #284e4c44}
#shopCreation::backdrop{background:#d6e7dfed;backdrop-filter:blur(8px)}
.creation-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;letter-spacing:.08em}.creation-top label{letter-spacing:0}
#shopCreation h1{font-size:27px;line-height:1.12;margin:22px 0 10px}
#shopCreation p{line-height:1.45}
#shopCreation input{box-sizing:border-box;width:100%;padding:13px;border:1px solid #bdd2c3;border-radius:12px;background:#fffef7;font:inherit;color:#375b50;margin:7px 0}
#shopCreation small{display:block;font-size:11px;color:#688274;line-height:1.4}
#shopCreation fieldset{border:0;padding:0;margin:19px 0}
#shopCreation legend{font-size:13px;font-weight:bold;margin-bottom:8px}
.brand-preview{display:flex;align-items:center;gap:16px;border:2px solid #dbceb0;background:#f5e9ce;padding:16px;border-radius:12px;margin:20px 0}
.brand-preview svg{width:64px;height:64px;flex-shrink:0}.brand-preview b{display:block;font-size:21px;overflow-wrap:anywhere}.brand-preview div{min-width:0}
.brand-options{display:flex;flex-wrap:wrap;gap:7px}.brand-options button{min-width:61px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 6px;background:#f3f0df;color:#48695b;border:2px solid transparent;border-radius:12px;font-size:11px;min-height:44px}
.brand-options button[aria-pressed=true]{border-color:#427d6d;background:#dfebdd}
.brand-options svg{width:32px;height:32px}.color-choice>span{background:var(--swatch);width:24px;height:24px;border-radius:50%;display:block}
.shapes button{flex:1}.start-shop{width:100%;padding:15px;background:#427d6d;color:#fff8e5;border:0;border-radius:13px;font-size:16px;font-weight:bold}.creation-note{font-size:12px}.language-note{margin-top:12px}
.identity-info{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center}.identity-info svg{width:44px;height:44px;grid-row:span 2}.identity-info p{margin:0;font-size:12px}
.fish-swim{animation:none!important}.species-fish{animation:fish-drift 4.5s ease-in-out infinite alternate}.betta-fish{animation-duration:7s}.bottom-fish{animation:bottom-drift 9s ease-in-out infinite alternate}
@keyframes fish-drift{from{transform:translate(-3px,-1px)}to{transform:translate(4px,1px)}}@keyframes bottom-drift{from{transform:translate(-2px,0)}to{transform:translate(3px,0)}}
.shop-clerk.serving .brand-badge{opacity:.75}.shop-clerk.serving{filter:brightness(1.05)}.purchase-bag{pointer-events:none}
@media(max-width:430px){#shopCreation{padding:19px}.creation-top{align-items:flex-start;flex-direction:column}#shopCreation h1{font-size:24px}.brand-preview b{font-size:18px}.brand-options button{min-width:54px}.brand{max-width:36%}.brand>span:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.species-fish{animation:none!important}}

.shop-clerk>path:nth-of-type(2){fill:var(--shop-color,#427d6d)}.shop-clerk.serving>path:nth-of-type(3){transform:rotate(-5deg);transform-origin:0 -40px}

#incomingOrders{border-top:1px solid #d8ddc8;margin-top:16px;padding-top:12px}#incomingTitle{font-size:16px;margin:0 0 8px}#orderCapacity{font-size:12px;line-height:1.5}.incoming-order{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf3e7;border:1px solid #d5e0cd;padding:10px 12px;border-radius:12px;margin:8px 0;transition:background 0.2s ease}.order-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.order-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.order-supplier-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;padding:2px 7px;border-radius:6px;background:#e1ebda;color:#355f50}.order-supplier-badge[data-supplier="wholesale"]{background:#f8ecd1;color:#7c581e}.order-status-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 7px;border-radius:6px;background:#e4eee6;color:#2c6b54}.order-status-tag.transit::before{content:"●";font-size:8px;margin-right:4px;color:#398967;animation:pulse-dot 1.8s infinite ease-in-out}.order-status-tag.delivered{background:#d8ebd8;color:#236132}.order-items{font-size:13px;font-weight:bold;color:#1e3e36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-meta{display:flex;align-items:center;gap:8px}.order-meta small{font-size:11px;color:#63806f}.order-timer-wrap{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;flex-shrink:0}.order-timer{font-size:12px;font-weight:700;color:#2c5b4d;background:#fffdf0;border:1px solid #d7e4d0;padding:4px 8px;border-radius:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.orders-empty{font-size:12px;color:#63806f}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:0.3}}#delivery{max-height:260px;overflow-y:auto}

.live-worker{cursor:pointer}.live-worker .visitor-bubble rect{fill:#fbefd3;stroke:#c8a465}.live-worker .visitor-bubble text{font-size:10px}.live-worker[data-task="preparing-fish"] .character-arm,.live-worker[data-task="preparing-product"] .character-arm{animation:prepare-order .8s ease-in-out infinite alternate;transform-origin:0 -39px}@keyframes prepare-order{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@media(prefers-reduced-motion:reduce){.live-worker .character-arm{animation:none!important}}

/* Work indicators stay compact; products communicate the carried task. */
.live-worker[data-task="restocking"] .character-arm,.live-worker[data-task="collecting-stock"] .character-arm{animation:prepare-order .55s ease-in-out infinite alternate}
.live-worker[data-task="checkout"] .character-head{animation:checkout-nod .8s ease-in-out infinite alternate}
.logistics-help{font-size:.82rem;line-height:1.4;color:#527567}
@media(prefers-reduced-motion:reduce){.live-worker .character-arm,.live-worker .character-head{animation:none!important}}

@keyframes checkout-nod{from{transform:translateY(0)}to{transform:translateY(1.5px)}}

.staff-occluder{opacity:.48;transition:opacity .18s ease-out}
.live-worker .character-model>path{stroke:#467f70;stroke-width:1.2}
.live-worker .purchase-bag{filter:drop-shadow(1px 1px 1px #3b695c55)}
#emergencyHint{background:#fff0cc;color:#795b2c}
#rewardDebug{padding:12px;border:1px dashed #89a691;border-radius:12px;margin-top:10px}

/* Display stock indicators and restock alerts */
.display-stock-badge{pointer-events:none;user-select:none;filter:drop-shadow(0 2px 4px rgba(60,45,30,0.12))}
.display-alert-banner{padding:11px 14px;border-radius:12px;font-size:12px;line-height:1.45;margin-bottom:12px;font-weight:500}
.display-alert-banner.empty{background:#fdf0eb;color:#a4391b;border:1px solid #f0c3b4}
.display-alert-banner.critical{background:#fcf6e8;color:#8c621d;border:1px solid #ebd4a8}
.product-focus-highlight{background:#fff3d8!important;border-radius:12px;outline:2px solid #d4a359;transition:background 0.3s ease,outline 0.3s ease}
.quick-order-link{min-height:38px;padding:6px 12px;font-size:11px;font-weight:bold;background:#e6eee0;color:#2c604f;border-radius:10px;white-space:nowrap;flex-shrink:0}

