*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Comic Sans MS,Comic Sans,Trebuchet MS,cursive,sans-serif;color:#3a2410;background:#e33d26;background:repeating-conic-gradient(from 0deg at 50% 38%,#f5c518,#f5c518 12deg,#e8871e 12deg,#e8871e 24deg);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 35%,#ffffff59,#b4280a73 75%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:12px 16px 60px}.hdr{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:10px 4px}.logo-wrap{text-decoration:none}.logo{font-family:Impact,Arial Black,sans-serif;font-size:64px;line-height:.9;letter-spacing:2px;background:linear-gradient(180deg,#fff8d0,#f5c518 45%,#d94f10);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(3px 3px 0 #7a1a05) drop-shadow(0 0 2px #7a1a05);transform:rotate(-3deg)}.logo .tm{font-size:18px;vertical-align:super}.logo-sub{font-family:Arial Black,Arial,sans-serif;font-size:11px;letter-spacing:4px;color:#fff8d0;text-shadow:1px 1px 0 #7a1a05;transform:rotate(-3deg)}.nav{display:flex;gap:10px}.nav-btn{font-family:Arial Black,Arial,sans-serif;font-size:13px;text-decoration:none;color:#3a2410;background:linear-gradient(180deg,#fff3c8,#f0b429 55%,#d98e2b);border:3px outset #f5d060;border-radius:10px;padding:8px 14px;cursor:pointer;box-shadow:2px 3px #5a1e0080}.nav-btn:hover{filter:brightness(1.08)}.nav-btn.active{border-style:inset;box-shadow:none;transform:translateY(2px)}.budget{margin-left:auto;text-align:right}.budget-label{font-family:Arial Black,Arial,sans-serif;font-size:10px;color:#fff8d0;text-shadow:1px 1px 0 #7a1a05;letter-spacing:1px}.budget-bar{display:flex;gap:2px;justify-content:flex-end;margin-top:3px}.budget-cell{width:9px;height:14px;border:1px solid #7a1a05;border-radius:2px;background:#8a2a10}.budget-cell.on{background:linear-gradient(180deg,#d0ff6a,#5fbf1f)}.budget-count{font-family:Impact,Arial Black,sans-serif;font-size:13px;color:#d0ff6a;text-shadow:1px 1px 0 #7a1a05;margin-left:5px;align-self:center;line-height:1}.marquee{overflow:hidden;white-space:nowrap;background:#2a1505;color:#f5c518;font-family:Arial Black,Arial,sans-serif;font-size:12px;border-top:2px solid #7a1a05;border-bottom:2px solid #7a1a05;padding:4px 0;margin:6px -16px 18px}.marquee-inner{display:inline-block;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.panel{background:linear-gradient(180deg,#fff8e4,#f7e6b8);border:4px outset #f0c060;border-radius:14px;box-shadow:4px 6px #5a1e0073;padding:14px}.panel-title{font-family:Impact,Arial Black,sans-serif;font-size:20px;letter-spacing:1px;color:#b33000;text-shadow:1px 1px 0 #fff8d0;margin-bottom:10px}.btn{font-family:Arial Black,Arial,sans-serif;font-size:15px;border:3px outset #f5d060;border-radius:10px;background:linear-gradient(180deg,#fff3c8,#f0b429 55%,#d98e2b);color:#3a2410;padding:10px 18px;cursor:pointer;box-shadow:2px 3px #5a1e0080;text-decoration:none;display:inline-block}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){border-style:inset;transform:translateY(2px);box-shadow:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.small{font-size:12px;padding:7px 12px}.btn.gray{background:linear-gradient(180deg,#f0ede4,#c9c2b2 55%,#a89f8c);border-color:#d8d2c2}.btn.greenlight{font-size:22px;padding:14px 30px;background:linear-gradient(180deg,#d8ff8a,#6cc428 55%,#3f8c12);border-color:#a8e060;color:#123a02;text-shadow:1px 1px 0 rgba(255,255,255,.5);animation:pulse 1.6s ease-in-out infinite}.btn.greenlight:disabled{animation:none}@keyframes pulse{0%,to{box-shadow:2px 3px #5a1e0080}50%{box-shadow:2px 3px #5a1e0080,0 0 18px #d8ff8a}}.kitchen{display:grid;grid-template-columns:380px 1fr;gap:18px;align-items:start}@media (max-width: 900px){.kitchen{grid-template-columns:1fr}}.tray-search{width:100%;font-family:Comic Sans MS,cursive,sans-serif;font-size:13px;font-weight:700;color:#3a2410;background:#fffdf4;border:3px inset #d9a144;border-radius:10px;padding:8px 12px;outline:none}.tray-search:focus{background:#fffef8;border-color:#b33000}.tray-scroll{max-height:min(72vh,900px);overflow-y:auto;padding-right:6px}.tray-scroll::-webkit-scrollbar{width:12px}.tray-scroll::-webkit-scrollbar-track{background:#f3ddb0;border-radius:6px}.tray-scroll::-webkit-scrollbar-thumb{background:#d9a144;border:2px solid #f3ddb0;border-radius:6px}.tray-cat{font-family:Arial Black,Arial,sans-serif;font-size:11px;letter-spacing:2px;color:#8a5a10;margin:10px 0 6px;border-bottom:2px dotted #d9a144;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#fff8e4,#f9edc8);padding:4px 0 2px}.tray-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tray-btn{font-family:Comic Sans MS,cursive,sans-serif;font-size:11px;font-weight:700;background:linear-gradient(180deg,#fffdf4,#f3ddb0);border:3px outset #e8c070;border-radius:10px;padding:6px 4px 5px;cursor:pointer;color:#3a2410;display:flex;flex-direction:column;align-items:center;gap:2px}.tray-btn:hover{background:linear-gradient(180deg,#fffef8,#ffe9a8);transform:scale(1.04)}.tray-btn:active{border-style:inset;transform:scale(.97)}.tray-icon{width:74px;height:auto}.build-panel{display:flex;flex-direction:column;align-items:center;min-height:540px}.combo-head{display:flex;align-items:center;gap:14px;justify-content:center;width:100%;flex-wrap:wrap}.combo-num{font-family:Impact,Arial Black,sans-serif;font-size:30px;letter-spacing:1px;background:linear-gradient(180deg,#b33000,#e8641e 60%,#f5a020);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #fff8d0)}.ing-count{font-family:Arial Black,Arial,sans-serif;font-size:13px;color:#3a2410;background:linear-gradient(180deg,#fffdf4,#f3ddb0);border:2px inset #e8c070;border-radius:8px;padding:5px 10px}.ing-count.full{color:#fff8d0;background:linear-gradient(180deg,#e8664e,#b33000);border-color:#7a1a05}.vessels{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:10px;width:100%;margin-top:10px;align-items:end}@media (max-width: 640px){.vessels{grid-template-columns:1fr}}.vessel{border:3px dashed transparent;border-radius:12px;padding:8px 6px 10px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:300px}.vessel:hover{background:#fff0be80}.vessel.active{border-color:#b33000;background:#fff0bebf}.vessel-tab{font-family:Arial Black,Arial,sans-serif;font-size:12px;letter-spacing:2px;background:#b33000;color:#fff8d0;border-radius:8px 8px 0 0;padding:4px 14px 3px;margin-bottom:4px}.vessel.active .vessel-tab{background:#3f8c12}.vessel-art{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.vessel-art .stack-svg{max-height:300px}.vessel-art.wobble{animation:wobble .4s ease}.vessel-name{font-family:Impact,Arial Black,sans-serif;font-size:17px;letter-spacing:.5px;color:#b33000;min-height:22px;margin-top:6px;line-height:1.1}.vessel-name.pop{animation:namepop .35s ease}.vessel-desc{font-family:Georgia,serif;font-style:italic;font-size:11px;color:#8a5a10;line-height:1.35;margin-top:3px;max-width:230px;margin-left:auto;margin-right:auto}.nameplate{display:flex;align-items:center;gap:12px;width:100%;justify-content:center;flex-wrap:wrap}.name-display{font-family:Impact,Arial Black,sans-serif;font-size:34px;letter-spacing:1px;text-align:center;background:linear-gradient(180deg,#b33000,#e8641e 60%,#f5a020);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #fff8d0);min-height:44px}.name-display.pop{animation:namepop .35s ease}@keyframes namepop{0%{transform:scale(.8) rotate(-2deg)}60%{transform:scale(1.12) rotate(1deg)}to{transform:scale(1)}}.stack-area{width:100%;max-width:420px;margin:6px auto;flex:1;display:flex;align-items:flex-end;justify-content:center}.stack-svg{width:100%;height:auto;max-height:460px}.stack-area.wobble{animation:wobble .4s ease}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}svg g.layer,svg [data-idx]{cursor:pointer}svg g.layer:hover,svg [data-idx]:hover{opacity:.75}.empty-plate{text-align:center;width:100%}.empty-msg{position:absolute;top:4px;left:50%;transform:translate(-50%);margin:0;width:max-content;max-width:95%;font-size:11px;color:#8a5a10;text-align:center;pointer-events:none;background:#fff8e4e6;border:1px dashed #d9a144;border-radius:8px;padding:3px 10px}.build-controls{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap;justify-content:center}.hint{font-size:11px;color:#8a5a10;margin-top:10px;text-align:center}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#280a00bf;display:flex;align-items:center;justify-content:center}.modal{width:min(480px,92vw);text-align:center}.loader-status{font-family:Arial Black,Arial,sans-serif;font-size:15px;color:#3a2410;margin:18px 0 10px;min-height:20px}.loader-track{height:26px;border:3px inset #d9a144;border-radius:8px;background:#fffdf4;overflow:hidden;margin:0 10px}.loader-fill{height:100%;width:4%;background:repeating-linear-gradient(45deg,#6cc428,#6cc428 12px,#8fdc4a 12px,#8fdc4a 24px);transition:width 1.4s ease}.loader-fine{font-size:10px;color:#8a5a10;margin-top:12px}.promo-wrap,.menu-wrap{margin-top:8px}.loading{font-family:Impact,Arial Black,sans-serif;font-size:26px;color:#fff8d0;text-shadow:2px 2px 0 #7a1a05;text-align:center;padding:80px 0}.loading a{font-family:Arial Black,Arial,sans-serif;font-size:13px}.promo{display:block;max-width:920px;margin:0 auto;background:linear-gradient(120deg,#1d0d02,#3a1505);border:5px outset #f0c060;border-radius:18px;overflow:hidden;box-shadow:6px 8px #5a1e0073}.promo-hero{position:relative}.promo-hero img{width:100%;height:auto;display:block}.no-img{background:#2a1505;display:flex;align-items:center;justify-content:center;padding:30px;min-height:280px}.starburst{position:absolute;top:18px;left:18px;z-index:2;width:120px;height:120px;background:#f5c518;clip-path:polygon(50% 0%,61% 12%,76% 6%,79% 22%,95% 24%,88% 38%,100% 50%,88% 62%,95% 76%,79% 78%,76% 94%,61% 88%,50% 100%,39% 88%,24% 94%,21% 78%,5% 76%,12% 62%,0% 50%,12% 38%,5% 24%,21% 22%,24% 6%,39% 12%);display:flex;align-items:center;justify-content:center;font-family:Impact,Arial Black,sans-serif;font-size:24px;color:#b33000;transform:rotate(-12deg);animation:spinburst 6s linear infinite}@keyframes spinburst{0%,to{transform:rotate(-12deg) scale(1)}50%{transform:rotate(-6deg) scale(1.08)}}.promo-copy{padding:26px 32px 30px}.promo-combo-num{font-family:Arial Black,Arial,sans-serif;font-size:13px;letter-spacing:3px;color:#f5c518;margin-bottom:6px}.combo-row{display:grid;grid-template-columns:52px 1fr;gap:2px 10px;margin-bottom:10px;align-items:baseline}.combo-row-slot{font-family:Arial Black,Arial,sans-serif;font-size:9px;letter-spacing:2px;color:#b33000;background:#f5c518;border-radius:4px;padding:2px 0;text-align:center;grid-row:span 2;align-self:start;margin-top:3px}.combo-row-name{font-family:Impact,Arial Black,sans-serif;font-size:18px;color:#fff3c8}.combo-row-contains{font-family:Georgia,serif;font-style:italic;font-size:13px;letter-spacing:.2px;color:#d9a144;grid-column:2;line-height:1.4}.promo-name{font-family:Impact,Arial Black,sans-serif;font-size:44px;line-height:1;margin:0 0 10px;background:linear-gradient(180deg,#fff8d0,#f5c518 45%,#e8641e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #7a1a05)}.promo-name .tm{font-size:16px}.promo-tagline{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:22px;color:#fff3c8;margin:0 0 18px}.promo-contains{font-family:Arial Black,Arial,sans-serif;font-size:10px;letter-spacing:1px;color:#d9a144;margin-bottom:18px;line-height:1.7}.promo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.fine-print{font-size:9px;color:#9a7a4a;line-height:1.6}.share-modal{width:min(680px,94vw)}.share-preview{margin:4px 8px;border:3px inset #d9a144;border-radius:8px;background:#2a1505;min-height:120px;display:flex;align-items:center;justify-content:center;color:#d9a144;font-family:Arial Black,Arial,sans-serif;font-size:13px;overflow:hidden}.share-preview img{width:100%;height:auto;display:block}.share-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.menu-card{text-decoration:none;color:#3a2410;padding:10px;transition:transform .12s ease}.menu-card:hover{transform:rotate(-1deg) scale(1.03)}.menu-card img{width:100%;border-radius:8px;border:2px solid #d9a144;display:block}.menu-card-num{font-family:Arial Black,Arial,sans-serif;font-size:9px;letter-spacing:2px;color:#8a5a10;margin-top:8px}.menu-card-name{font-family:Impact,Arial Black,sans-serif;font-size:19px;color:#b33000}.menu-card-tag{font-family:Georgia,serif;font-style:italic;font-size:13px;color:#7a5a2a}