@charset "UTF-8";
:root{color-scheme:dark;--bg:#101e20;--panel:#1b2a2a;--cream:#f1e9d7;--muted:#a6b4ac;--line:#354541;--orange:#ecc294;--mint:#b5c9ae}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#253c38 0,transparent 55%),var(--bg);color:var(--cream);font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{color:inherit}button,select{transition:background .2s,transform .2s,border-color .2s}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}.header{max-width:1440px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--cream);font-weight:700;letter-spacing:-.3px}.brand-icon{border:1px solid #a8b49b;border-radius:9px;font-family:Georgia,serif;font-size:26px;padding:6px;color:var(--mint);line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:5px;color:var(--muted)}.open-sign{font-size:11px;letter-spacing:1.5px;color:var(--mint)}i{display:inline-block;width:5px;height:5px;background:#c3d3aa;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #b7d7a177}.sound-button{border:1px solid #53625b;background:transparent;padding:10px 16px;border-radius:24px;font-size:12px;min-height:42px}.sound-button[aria-pressed=true]{background:var(--cream);color:#243c34}main{max-width:1320px;margin:auto;padding:0 36px}.intro{display:flex;align-items:end;justify-content:space-between;padding:42px 0 32px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--mint);font-weight:600;margin:0 0 15px}h1{font-size:clamp(27px,3vw,40px);letter-spacing:-1.8px;line-height:1.45;margin:0;font-weight:400}h1 em{font-family:Georgia,"Batang",serif;font-style:normal;color:var(--orange)}.intro-note{color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 5px}.experience{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:20px}.scene-card{position:relative;border-radius:14px;overflow:hidden;background:#162b32;min-height:590px;border:1px solid #75858028}canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.scene-top{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none}.live{background:#142b2bd9;padding:9px 12px;border:1px solid #ffffff1c;border-radius:24px;font-size:10px}.time{font-family:monospace;font-size:18px;color:#e8ddc5;letter-spacing:2px}.window-note{position:absolute;top:22%;width:100%;text-align:center;color:#e3daca8c;font-family:"Batang",serif;font-size:13px;letter-spacing:1px;pointer-events:none;text-shadow:0 2px 10px #000}.scene-bottom{position:absolute;bottom:19px;left:20px;right:20px;display:flex;justify-content:space-between;gap:8px;align-items:center}.seat-switch{display:flex;background:#112523e8;border:1px solid #ffffff1a;border-radius:7px;padding:4px}.seat-switch button{border:0;background:transparent;color:#bac1b7;padding:10px;font-size:10px;border-radius:4px;min-height:38px}.seat-switch button[aria-pressed=true]{background:#d4d6b9;color:#243731}.cat-button{background:#122424cc;border:1px solid #ffffff25;border-radius:6px;padding:10px;font-size:10px;min-height:42px}.order-panel{padding:26px;background:linear-gradient(145deg,#25352f,#1b2a29);border:1px solid #ffffff16;border-radius:14px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.3px;margin:0}.order-number{font-family:monospace;color:#859789;font-size:10px}h2{font-size:19px;letter-spacing:-.8px;font-weight:500;margin:22px 0 25px}fieldset{padding:0;border:0;margin:0 0 23px}legend{font-size:10px;color:var(--mint);margin-bottom:12px;width:100%}legend span{font-size:12px;color:var(--cream);margin-left:8px}legend small{float:right;color:var(--muted);font-size:10px}.ramen-options{display:flex;flex-direction:column;gap:8px}.ramen-option{display:flex;text-align:left;align-items:center;gap:14px;background:#172421;border:1px solid #ffffff12;border-radius:8px;padding:11px 13px}.ramen-option.selected{border-color:#c1b490;background:#b6bd9512}.ramen-option b{font-size:12px;font-weight:500}.ramen-option small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.mini-cup{display:flex;align-items:center;justify-content:center;width:33px;height:37px;border-radius:3px 3px 10px 10px;border-top:4px solid #f2dfbb;transform:rotate(-6deg);color:#f7ead3;font-family:serif;font-size:18px;box-shadow:inset -5px 0 #0002}.red{background:#b5654f}.green{background:#779079}.yellow{background:#bfa15b;font-size:9px}.radio-dot{margin-left:auto;width:13px;height:13px;border:1px solid #69776a;border-radius:50%}.selected .radio-dot{border:4px solid #d9c69c;background:#24372d}.toppings{display:flex;gap:9px}.toppings label{border:1px solid #ffffff1c;border-radius:6px;padding:10px 8px;flex:1;font-size:10px;cursor:pointer}.toppings input{accent-color:#d4b485;vertical-align:middle;margin:0 5px 0 0}.duration-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:18px}select{background:#1b2a25;border:1px solid #ffffff20;color:var(--cream);padding:8px 5px;border-radius:5px;font-size:10px}.primary{width:100%;padding:15px 16px;border:0;border-radius:7px;background:var(--orange);color:#29342b;font-size:12px;font-weight:700;min-height:46px}.primary span{float:right}.small-note{text-align:center;color:#9fac9e;font-size:9px;margin:14px 0 0}.ambience{display:flex;align-items:center;gap:27px;margin-top:20px;padding:22px 24px;border:1px solid #ffffff16;border-radius:10px;background:#172726}.ambience-title{display:flex;gap:12px;align-items:center;margin-right:auto}.ambience-title>span{font-size:28px;color:#c2bea0}.ambience-title b{font-size:11px;font-weight:500}.ambience-title small{display:block;font-size:9px;margin-top:6px;color:var(--muted)}.volume{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.volume input{width:90px;accent-color:#d8bf91}.volume output{min-width:27px}.weather{display:flex;gap:5px}.weather button,.motion{border:1px solid #ffffff1b;border-radius:20px;background:transparent;padding:10px 12px;font-size:10px;min-height:38px}.weather button[aria-pressed=true]{background:#c9d0b8;color:#20372f}.motion{border:0;color:var(--muted)}footer{display:flex;justify-content:space-between;padding:24px 0 28px;font-size:9px;color:#81938b;letter-spacing:.6px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#efe6cf;color:#2a3d33;box-shadow:0 8px 40px #0005;padding:14px 22px;border-radius:8px;opacity:0;transition:.3s;pointer-events:none;max-width:90%;width:max-content;font-size:12px;z-index:5}.toast.visible{opacity:1;transform:translate(-50%,0)}.cook-icon{font-size:55px;text-align:center;color:var(--orange);margin:32px 0 10px}.stage-label{text-align:center;font-size:17px}.stage-message{text-align:center;font-size:11px;color:var(--muted);line-height:1.8;min-height:40px}.timer{font-family:monospace;font-size:48px;text-align:center;letter-spacing:4px;color:var(--orange);margin:28px 0 18px}progress{width:100%;height:4px;appearance:none;border:0;border-radius:3px;overflow:hidden;background:#12201c}progress::-webkit-progress-bar{background:#12201c}progress::-webkit-progress-value{background:var(--orange)}progress::-moz-progress-bar{background:var(--orange)}.steps{display:flex;justify-content:space-between;font-size:10px;margin:11px 0 30px;color:#7e9387}.steps .active{color:var(--orange)}.text-button{border:0;background:transparent;display:block;width:100%;padding:13px;font-size:11px;color:var(--mint);min-height:40px}.text-button.subtle{font-size:10px;color:#9aaba0}.receipt{background:#eee5cf;color:#3d493e;padding:24px 19px 30px;margin:22px 0;clip-path:polygon(0 0,100% 0,100% 97%,95% 100%,90% 97%,85% 100%,80% 97%,75% 100%,70% 97%,65% 100%,60% 97%,55% 100%,50% 97%,45% 100%,40% 97%,35% 100%,30% 97%,25% 100%,20% 97%,15% 100%,10% 97%,5% 100%,0 97%);text-align:center}.receipt .eyebrow{color:#7b886e}.receipt h3{font-family:"Batang",serif;font-size:25px;font-weight:400;margin:16px 0}.receipt>p:not(.eyebrow){font-size:11px;line-height:1.8}.receipt-line{display:flex;justify-content:space-between;border-top:1px dashed #89927b66;padding-top:12px;margin-top:12px;font-size:10px}.receipt-message{margin-top:24px}.receipt small{font-size:9px;display:block}.barcode{display:block;margin:18px auto;width:135px;height:25px;background:repeating-linear-gradient(90deg,#354532 0 2px,transparent 2px 4px,#354532 4px 5px,transparent 5px 8px)}
@media(min-width:1500px){main{padding-top:12px}.scene-card{min-height:620px}}@media(max-width:1000px){main{padding:0 24px}.experience{grid-template-columns:minmax(0,1fr) 305px;gap:14px}.order-panel{padding:20px}.ambience{gap:16px;padding:18px}.ambience-title small{max-width:135px;line-height:1.6}.cat-button{font-size:9px;padding:8px}.scene-bottom{left:12px;right:12px}.seat-switch button{padding:8px}.motion{display:none}}@media(max-width:730px){.header{padding:20px}.open-sign{display:none}.brand{font-size:13px}.brand-icon{font-size:22px}main{padding:0 16px}.intro{padding:30px 3px 25px}.intro-note{display:none}.eyebrow{font-size:8px;letter-spacing:1.6px}.experience{grid-template-columns:1fr}.scene-card{min-height:450px}.order-panel{padding:24px}.ramen-options{gap:8px}.ramen-option{padding:12px 16px}.ramen-option b{font-size:13px}h2{margin:18px 0 25px}.toppings label{font-size:12px;padding:12px}.duration-row,select{font-size:12px}.ambience{display:grid;grid-template-columns:1fr 1fr;gap:18px 8px;padding:19px 15px}.ambience-title small{max-width:none}.ambience-title{grid-column:1 / -1}.volume input{width:70px}.weather{justify-content:end}.weather button{font-size:9px;padding:9px}.motion{display:block;grid-column:1 / -1;text-align:left;padding-left:0}footer{gap:15px;flex-direction:column;font-size:8px}.scene-bottom{bottom:15px}.window-note{top:24%;font-size:12px}.scene-top{left:18px;right:18px}.cook-icon{margin-top:12px}.timer{margin:15px 0}.receipt{max-width:320px;margin:20px auto}.primary{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.together{margin-top:20px;padding:24px;background:#1b302c;border:1px solid #ffffff20;border-radius:12px}.together-heading{display:flex;justify-content:space-between;align-items:center}.together-heading h2{margin:8px 0 0}.together-heading .eyebrow{margin:0}.together-heading>span{font-size:12px;color:var(--orange)}#togetherStatus{font-size:12px;color:var(--muted);min-height:20px}.shared-seats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:23px 0}.shared-seat{min-height:135px;border:1px dashed #84978950;border-radius:10px;background:#142723;color:var(--muted);padding:15px 6px}.shared-seat:disabled{opacity:1}.shared-seat.occupied{border-style:solid}.shared-seat.mine{border-color:var(--orange);background:#314037}.shared-seat b,.shared-seat small{display:block;font-size:11px;margin-top:8px;font-weight:400}.shared-seat small{font-size:9px;color:#b6c2b6;line-height:1.6}.visitor-avatar{display:block;border-radius:50% 50% 35% 35%;background:#829a7d;color:#1d3c2d;width:42px;height:43px;line-height:43px;font-size:18px;margin:auto}.shared-seat:nth-child(2) .visitor-avatar{background:#c9af72}.shared-seat:nth-child(3) .visitor-avatar{background:#8a9ba2}.shared-seat:nth-child(4) .visitor-avatar{background:#ad8980}.shared-seat:nth-child(5) .visitor-avatar{background:#a89bb1}.shared-seat:nth-child(6) .visitor-avatar{background:#9ca77c}.shared-seat .visitor-avatar.empty{background:transparent;color:#718a7e;border:1px solid #718a7e40}.visitor-avatar.wave{animation:hello .35s ease-in-out infinite alternate}.visitor-avatar.nod{animation:nod .45s ease-in-out infinite alternate}.together-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.together-controls label{font-size:11px;color:var(--muted);margin-right:auto}.together-controls select{margin-left:8px}.together-controls button{width:auto;min-height:44px;padding:12px 16px;font-size:11px}.outline{background:transparent;border:1px solid #6b847660;border-radius:7px}.together-note{font-size:10px;color:#a4b3a6;line-height:1.8;margin:17px 0 0}@keyframes hello{to{transform:rotate(12deg)}}@keyframes nod{to{transform:translateY(5px)}}@media(max-width:730px){.together{padding:20px 15px}.shared-seats{grid-template-columns:repeat(3,1fr);gap:8px}.together-controls label{flex-basis:100%;margin-bottom:5px}.together-controls button{flex:1;padding:11px 8px}.shared-seat{min-height:125px}}@media(prefers-reduced-motion:reduce){.visitor-avatar.wave,.visitor-avatar.nod{animation:none}}

.look-picker{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:20px 0;padding:16px;border:1px solid #aabf9c30;border-radius:14px}.look-picker canvas{width:80px;height:80px;background:#ffffff08;border-radius:50%}.look-picker label{display:grid;gap:8px;font-size:13px}.look-picker select{background:#203b32;color:#eee5cf;padding:10px;border:1px solid #aabf9c55;border-radius:8px}.look-picker small{flex-basis:100%;color:#a9baa8}.visitor-avatar:has(canvas){overflow:visible;background:transparent}

.look-picker canvas,.visitor-avatar canvas{position:static;inset:auto;display:block}

/* Touch layouts keep the illustrated scene proportional and controls reachable. */
@media(max-width:1000px){.experience{grid-template-columns:1fr}.scene-card{min-height:0;aspect-ratio:800/620}.motion{display:block}.ambience{flex-wrap:wrap}.shared-seats{grid-template-columns:repeat(3,minmax(0,1fr))}.visitor-avatar{width:58px;height:58px}.shared-seat small{font-size:11px}.together-controls select,select{min-height:44px}.seat-switch button,.cat-button,.sound-button,.weather button,.motion,.text-button{min-height:44px}.scene-bottom{flex-wrap:wrap}.order-panel{min-width:0}.look-picker label{min-width:0}.look-picker select{font-size:16px;max-width:100%}.together-heading{gap:12px}.together-heading>span{white-space:nowrap}.volume input{min-height:44px}.ambience{gap:16px}}
@media(max-width:480px){.header{padding:16px}.scene-top{top:12px;left:10px;right:10px}.scene-bottom{bottom:8px;left:8px;right:8px;gap:4px}.seat-switch{padding:2px}.seat-switch button{padding:6px;font-size:9px}.cat-button{padding:6px;font-size:9px}.window-note{top:19%;font-size:10px}.live{padding:7px;font-size:9px}.time{font-size:14px}.look-picker{gap:12px;padding:12px}.look-picker canvas{width:64px;height:64px;flex-shrink:0}.look-picker label{flex:1 1 90px}.look-picker small{line-height:1.7}.together-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.together-controls label,#roomLink{grid-column:1/-1}.together-controls button{width:100%}.together-heading h2{font-size:18px}.shared-seat{padding:10px 3px}.shared-seat b{font-size:10px}.shared-seat small{font-size:10px}.ambience{grid-template-columns:1fr}.volume,.weather{justify-content:flex-start}.volume input{flex:1;width:auto}footer{padding-bottom:90px}.toast{bottom:105px}}

.mobile-table{position:fixed;top:env(safe-area-inset-top,0px);left:8px;right:8px;z-index:40;background:#142b29f5;border:1px solid #718a7e80;border-radius:0 0 12px 12px;box-shadow:0 8px 24px #0005;padding:8px;max-width:650px;margin:auto}.mobile-table-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--mint)}.mobile-table-heading button{background:transparent;border:0;min-height:36px;padding:6px 14px}.mobile-table canvas{position:static;display:block;width:100%;height:auto;aspect-ratio:800/180;border-radius:6px}.dock-actions{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6px;margin-top:6px}.dock-actions button{min-height:44px;padding:8px 4px;font-size:12px;border:1px solid #718a7e60;border-radius:7px;background:#294238}.dock-actions button:first-child{background:var(--orange);color:#20372f}@media(min-width:1001px){.mobile-table{display:none}}@media(max-height:450px){.mobile-table{max-width:420px}.mobile-table canvas{max-height:70px;object-fit:contain}}

.sound-preferences{margin-top:12px;padding:18px 20px;border:1px solid #ffffff16;border-radius:10px;background:#172726}.sound-options{display:flex;flex-wrap:wrap;gap:8px 20px}.sound-options label{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;font-size:13px}.sound-options input{width:18px;height:18px;accent-color:var(--orange)}.sound-preferences p{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0}.sound-preferences .headphone-note{color:var(--mint)}

.sound-mixer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin-top:14px}.sound-mixer label{display:grid;grid-template-columns:1fr 42px;align-items:center;gap:4px 10px;font-size:12px;min-width:0}.sound-mixer input{grid-column:1;grid-row:2;width:100%;min-width:0;height:44px;accent-color:var(--orange)}.sound-mixer output{grid-column:2;grid-row:2;text-align:right;color:var(--mint);font-variant-numeric:tabular-nums}@media(max-width:730px){.sound-mixer{grid-template-columns:1fr;gap:8px}}

/* Spatial storefront: the world is the page; settings live in optional drawers. */
.world-app{height:100dvh;overflow:hidden;background:#132522}.world-app main{max-width:none;padding:0;margin:0}.world-app #worldStage{position:fixed;inset:0}.world-app #world{width:100%;height:100%;touch-action:none;cursor:crosshair}.world-header{position:absolute;top:max(16px,env(safe-area-inset-top));left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.world-header a,.world-header button{pointer-events:auto}.world-brand{font-size:14px;color:#ecdfbf;text-decoration:none;letter-spacing:1px}.world-brand span{font:24px Georgia;color:#c5d2a5;margin-right:10px}.world-header>div{display:flex;align-items:center;gap:12px}.world-header #clock{font:13px monospace;color:#a9b7a8}.world-header button,.world-actions button{border:1px solid #c4d0b52e;border-radius:24px;background:#152c28d9;color:#eee3c9;min-height:46px;padding:10px 18px;font-size:12px;backdrop-filter:blur(12px)}.world-presence{position:absolute;top:85px;left:20px;right:20px;text-align:center;pointer-events:none;font-size:12px;color:#dfd7bd;line-height:1.9}.world-presence small{display:block;font-size:10px;color:#a5b9a7}.entry{position:absolute;inset:0;background:linear-gradient(90deg,#0b211eee,#10291b88 60%,transparent);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8vw;z-index:3}.entry h1{font-size:clamp(42px,6vw,76px);line-height:1.3;letter-spacing:-3px}.entry p:not(.eyebrow){line-height:2;color:#bbc7b4;font-size:14px;margin:24px 0}.entry button{background:#dcca9e;border:0;border-radius:30px;padding:18px 30px;color:#223a2d;font-size:14px}.entry small{color:#9db09c;font-size:11px;line-height:2;margin-top:22px}.world-bottom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:12px;right:12px;text-align:center;pointer-events:none}.world-bottom p{font-size:11px;color:#c4cbb6;text-shadow:0 2px 8px #000;margin:0 0 14px}.world-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.world-actions button{pointer-events:auto;box-shadow:0 6px 24px #0003}.world-actions #eatHere{background:#dcca9e;color:#20382d}.world-app dialog{color:var(--cream);border:1px solid #b9c5a942;border-radius:18px;background:#19312d;max-height:82dvh;width:min(560px,calc(100vw - 24px));padding:30px 22px 22px;overflow:auto;box-shadow:0 20px 90px #0009}.world-app dialog::backdrop{background:#03141070;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:8px;top:5px;border:0;background:transparent;color:#e1d9c4;font-size:28px;width:44px;height:44px;z-index:2}.world-app .order-panel{background:none;border:0;padding:10px}.world-app .ambience{display:flex;flex-wrap:wrap}.world-app .sound-mixer{grid-template-columns:1fr}.world-app .look-picker{margin-top:10px}.world-app .toast{bottom:120px;z-index:100}.world-app #leave{border:1px solid #ffffff25;background:transparent;color:var(--muted);padding:12px 20px;border-radius:8px;margin-top:20px}.world-app .sound-preferences{padding:14px}.world-app .sound-options{gap:4px 12px}.world-app .sound-options label{font-size:12px}.world-app .volume input{width:110px}.world-app .ambience-title{width:100%}@media(max-width:600px){.world-header{left:16px;right:16px}.world-header #clock{display:none}.world-header>div{gap:6px}.world-header button{padding:8px 12px;min-height:44px}.world-brand{font-size:12px}.world-presence{top:75px}.world-actions{gap:6px}.world-actions button{padding:10px 12px;font-size:11px}.world-bottom{bottom:max(20px,env(safe-area-inset-bottom))}.entry{padding:28px}.world-app .sound-preferences p{font-size:10px}.world-app dialog{padding:28px 14px 16px}}@media(max-height:480px){.world-presence{top:55px}.world-presence small{display:none}.entry h1{font-size:36px}.entry p:not(.eyebrow){margin:10px 0}.entry small{margin-top:8px}.world-bottom{bottom:10px}.world-bottom p{margin-bottom:6px}}

.mini-gimbap{font-size:36px;line-height:1;color:#dae0c8;text-shadow:0 7px #254b39}.world-app .entry[hidden]{display:none}

.tray-tabs{display:flex;gap:8px;margin:16px 0}.tray-tabs button{flex:1;padding:12px;border:1px solid #637b6c;border-radius:12px;background:#193c34;color:#eee5cf}.tray-tabs button[aria-pressed="true"]{border-color:#efcb88;background:#3a5140}

.npc-hint{position:fixed;z-index:9;top:130px;left:50%;transform:translateX(-50%);width:min(340px,85vw);padding:16px 34px 16px 18px;border:1px solid #80937c;border-radius:14px;background:#18392fee;color:#e9dec1;font-size:13px;line-height:1.7}.npc-hint button{position:absolute;right:8px;top:6px;background:none;border:0;color:inherit;font-size:22px}.cat-actions{margin:0 auto 8px;padding:10px 14px;background:#193b32ed;border:1px solid #839779;border-radius:16px;max-width:380px;color:#e7d9b9}.cat-actions span{font-size:12px}.cat-actions div{display:flex;gap:6px;justify-content:center;margin-top:7px}.cat-actions button{padding:9px 12px;border:1px solid #9caa85;border-radius:20px;background:#d7c899;color:#283c30;min-height:38px}.cat-actions small{display:block;min-height:0;font-size:11px;margin-top:4px}.cat-actions[hidden],.npc-hint[hidden]{display:none}.tray-tabs button{padding:10px 5px;font-size:12px}@media(max-height:550px){.cat-actions{position:fixed;right:10px;bottom:85px;max-width:280px;padding:7px}.cat-actions button{padding:6px;font-size:11px}.npc-hint{top:90px}}