:root{--bg-cream: #fdf7ec;--bg-card: #ffffff;--primary-red: #991b1b;--primary-red-hover: #7f1d1d;--ketchup-red: #e62e25;--egg-gold: #f59e0b;--egg-yellow: #fbbf24;--wood-dark: #3e2415;--wood-medium: #6b442a;--border-gold: #d4af37;--text-main: #2b1810;--text-muted: #6e5648;--shadow-soft: 0 8px 24px rgba(62, 36, 21, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;background:radial-gradient(circle at top,#fffcf5,#f5e6cc);color:var(--text-main);min-height:100vh;line-height:1.5}.app-container{max-width:1080px;margin:0 auto;padding:16px}.app-header{display:flex;justify-content:space-between;align-items:center;background:var(--wood-dark);color:#fff6e0;padding:12px 20px;border-radius:14px;border:2px solid var(--border-gold);box-shadow:var(--shadow-soft);margin-bottom:18px}.brand-title{display:flex;align-items:center;gap:10px}.brand-icon{font-size:1.8rem}.brand-title h1{font-size:1.35rem;letter-spacing:.04em;font-family:Hiragino Mincho ProN,Yu Mincho,serif}.header-actions{display:flex;gap:10px}button{cursor:pointer;font-family:inherit;transition:transform .12s ease,background-color .15s ease,box-shadow .15s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}.btn-sub{background:#fff8ea;color:var(--wood-dark);border:1.5px solid var(--border-gold);padding:7px 14px;border-radius:8px;font-weight:700;font-size:.88rem}.btn-sub:hover:not(:disabled){background:#ffefc8}.btn-primary{width:100%;background:linear-gradient(135deg,#c8231c,#8f140f);color:#fff;border:2px solid #f7d070;padding:13px 18px;border-radius:12px;font-size:1.02rem;font-weight:800;box-shadow:0 4px 12px #991b1b47}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#d92b24,#a11712)}.btn-secondary{width:100%;background:#fff3d1;color:var(--wood-dark);border:2px solid #d97706;padding:11px 16px;border-radius:10px;font-weight:700;font-size:.95rem}.view-section{display:none}.view-section.active{display:block;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-card{background:var(--bg-card);border-radius:18px;border:3px solid var(--border-gold);padding:28px 24px;text-align:center;box-shadow:var(--shadow-soft)}.hero-catch{display:inline-block;background:#fff3cd;color:#9a3412;font-weight:800;padding:5px 16px;border-radius:999px;font-size:.9rem;margin-bottom:12px}.hero-heading{font-size:1.8rem;color:var(--primary-red);margin-bottom:12px;font-family:Hiragino Mincho ProN,Yu Mincho,serif}.hero-desc{color:var(--text-muted);max-width:680px;margin:0 auto 22px;font-size:.95rem}.judges-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:26px;text-align:left}.judge-mini{display:flex;align-items:center;gap:12px;background:#fdf9f0;border:1.5px solid #e6d5b8;padding:10px 14px;border-radius:12px}.judge-mini-emoji{font-size:2.1rem}.judge-mini strong{display:block;font-size:.94rem;color:var(--wood-dark)}.judge-mini span{font-size:.78rem;color:var(--text-muted)}.style-select-title{font-size:1.15rem;margin-bottom:14px;color:var(--wood-dark)}.style-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.style-card{position:relative;background:linear-gradient(180deg,#fffdf9,#fff4dc);border:2.5px solid #d97706;border-radius:16px;padding:22px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 6px 16px #d9770624}.style-card:hover{border-color:var(--primary-red);transform:translateY(-3px);box-shadow:0 10px 22px #991b1b2e}.style-badge{background:var(--primary-red);color:#fff;font-size:.76rem;font-weight:800;padding:3px 12px;border-radius:99px}.style-emoji{font-size:2.8rem}.style-card h4{font-size:1.22rem;color:var(--wood-dark)}.style-card p{font-size:.88rem;color:var(--text-muted)}.best-score-tag{margin-top:6px;background:#fff;padding:4px 12px;border-radius:99px;font-size:.84rem;border:1px solid #e5c98b}.step-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.step-item{background:#ece2d0;color:var(--text-muted);text-align:center;padding:8px;border-radius:10px;font-weight:700;font-size:.9rem}.step-item.active{background:var(--primary-red);color:#fff;box-shadow:0 3px 10px #991b1b40}.instruction-banner{background:#fffbeb;border:2px solid #f59e0b;color:#78350f;padding:10px 16px;border-radius:10px;font-weight:800;text-align:center;margin-bottom:14px}.cook-workspace{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}@media (max-width: 820px){.cook-workspace{grid-template-columns:1fr}}.canvas-wrapper{background:#2b211b;border:4px solid var(--border-gold);border-radius:16px;padding:10px;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-soft)}#cook-canvas{width:100%;max-width:540px;height:auto;aspect-ratio:540 / 400;background:#fdf9f2;border-radius:10px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}@media (max-width: 540px){.app-container{padding:10px}.app-header{flex-direction:column;gap:10px;padding:12px}.header-actions{width:100%;justify-content:center}.hero-heading{font-size:1.35rem}.step-item{font-size:.78rem;padding:6px 4px}.title-main-name{font-size:1.3rem}}.control-panel{background:var(--bg-card);border:2.5px solid #e2cfa9;border-radius:16px;padding:20px;box-shadow:var(--shadow-soft)}.ctrl-group{display:none;flex-direction:column;gap:14px}.ctrl-group.active{display:flex}.ctrl-group h3{font-size:1.15rem;color:var(--primary-red);border-bottom:2px dashed #eddcc0;padding-bottom:6px}.ctrl-hint{font-size:.88rem;color:var(--text-muted)}.meter-block{display:flex;flex-direction:column;gap:4px}.meter-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700}.progress-track{position:relative;height:16px;background:#eee5d5;border-radius:99px;overflow:hidden}.ideal-zone-marker{position:absolute;left:60%;width:18%;top:0;bottom:0;background:#22c55e47;border-left:2px dashed #16a34a;border-right:2px dashed #16a34a;z-index:1}.progress-fill{height:100%;background:linear-gradient(90deg,#fde047,#f59e0b);transition:width .08s linear}.progress-fill.fluffy{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.progress-fill.burn{background:linear-gradient(90deg,#f97316,#7f1d1d)}.heat-control{background:#fff8eb;padding:12px;border-radius:10px;border:1px solid #f3d79b}.heat-control input[type=range]{width:100%;margin:8px 0 4px;accent-color:#dc2626}.heat-ticks{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.wrap-steps-guide{display:flex;flex-direction:column;gap:8px}.wrap-step-card{display:flex;align-items:flex-start;gap:10px;background:#fdf8ee;border:1.5px solid #e5d0a6;border-radius:10px;padding:10px 12px;opacity:.6}.wrap-step-card.active{background:#fffbeb;border:2px solid #d97706;opacity:1;box-shadow:0 3px 10px #d977061f}.step-num-badge{background:var(--primary-red);color:#fff;font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:6px;white-space:nowrap;margin-top:2px}.wrap-step-card strong{display:block;font-size:.9rem;color:var(--wood-dark);margin-bottom:2px}.wrap-step-card p{font-size:.8rem;color:var(--text-muted);line-height:1.4}.wrap-action-box{background:#fffaf0;border:2px dashed #d97706;border-radius:12px;padding:14px;text-align:center}.swipe-pad-label{font-weight:800;color:#9a3412;margin-bottom:8px}.wrap-stats-mini{display:flex;justify-content:space-around;font-size:.84rem;color:var(--text-muted)}.wrap-buttons{display:flex;flex-direction:column;gap:10px}.brush-selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-brush{background:#f5ebe0;border:1.5px solid #d6c2ac;padding:6px 12px;border-radius:8px;font-weight:700}.btn-brush.active{background:var(--ketchup-red);color:#fff;border-color:#991b1b}.ketchup-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-card{background:var(--bg-card);border:3px solid var(--border-gold);border-radius:18px;padding:24px;box-shadow:var(--shadow-soft)}.result-top-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.res-style-badge{background:var(--wood-dark);color:#fff;padding:4px 14px;border-radius:99px;font-size:.85rem;font-weight:700}.new-title-badge{background:#dc2626;color:#fff;padding:4px 14px;border-radius:99px;font-weight:800;font-size:.85rem;animation:pulse 1s infinite alternate}.hidden{display:none!important}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.title-showcase{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid var(--border-gold);border-radius:14px;padding:18px;text-align:center;margin-bottom:20px}.title-rarity-pill{display:inline-block;background:#7c2d12;color:#fef08a;font-weight:900;padding:2px 12px;border-radius:99px;font-size:.8rem;margin-bottom:6px}.title-main-name{font-size:1.65rem;color:var(--primary-red);margin-bottom:4px}.title-subtitle{font-weight:700;color:#92400e;font-size:.95rem;margin-bottom:6px}.title-desc{font-size:.86rem;color:var(--text-muted)}.result-main-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px;margin-bottom:22px}@media (max-width: 820px){.result-main-grid{grid-template-columns:1fr}}.result-plate-box{background:#faf5eb;border:1.5px solid #e6d7be;border-radius:14px;padding:14px;text-align:center}#result-canvas{width:100%;max-width:440px;height:auto;border-radius:10px;background:#fffdf8;border:1px solid #e5d8c3}.score-summary-box{display:flex;justify-content:center;align-items:center;gap:24px;margin:12px 0}.total-score-num .score-label{display:block;font-size:.8rem;color:var(--text-muted)}.total-score-num strong{font-size:2.8rem;color:var(--primary-red);line-height:1}.rank-stamp{width:64px;height:64px;border-radius:50%;border:3px solid #d97706;background:#fffbeb;color:#b45309;display:flex;justify-content:center;align-items:center;font-size:1.6rem;font-weight:900}.five-axis-list{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:.82rem}.axis-row{display:grid;grid-template-columns:115px 1fr 32px;align-items:center;gap:8px}.axis-track{height:10px;background:#e6dac6;border-radius:99px;overflow:hidden}.axis-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#dc2626)}.judges-panel-list h3{font-size:1.15rem;color:var(--wood-dark);margin-bottom:10px}.judges-cards-container{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.judge-card{background:#fffdf9;border:2px solid #e6d5b8;border-radius:12px;padding:12px 14px}.judge-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.judge-profile{display:flex;align-items:center;gap:10px}.judge-avatar{font-size:2rem}.judge-name{font-weight:800;font-size:.95rem}.judge-role{font-size:.75rem;color:var(--text-muted);display:block}.judge-score-pill{background:var(--primary-red);color:#fff;font-weight:800;padding:3px 10px;border-radius:99px;font-size:.85rem}.judge-headline{font-weight:800;color:#991b1b;font-size:.95rem;margin-bottom:4px}.judge-comment{font-size:.85rem;color:var(--text-main)}.banter-box{background:#fffbeb;border:1.5px dashed #d97706;border-radius:10px;padding:10px 14px;font-size:.86rem;font-weight:700}.banter-tag{display:inline-block;color:#b45309;margin-bottom:2px}.result-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.btn-action-gold{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:2px solid #fde68a;padding:13px 16px;border-radius:12px;font-weight:800;font-size:.96rem}.btn-action-x{background:#14171a;color:#fff;border:2px solid #4b5563;padding:13px 16px;border-radius:12px;font-weight:800;font-size:.96rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#190f0aa6;display:flex;justify-content:center;align-items:center;padding:16px;z-index:100}.modal-content{background:var(--bg-card);border:3px solid var(--border-gold);border-radius:16px;max-width:820px;width:100%;max-height:85vh;overflow-y:auto;padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.btn-close{background:#eee;border:none;padding:6px 12px;border-radius:8px;font-weight:700}.modal-stats{font-size:.9rem;margin-bottom:14px;color:var(--text-muted)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.catalog-item{border:1.5px solid #e2d5be;border-radius:10px;padding:12px;background:#fffcf7}.catalog-item.locked{background:#f3efea;color:#9ca3af;border-style:dashed}.catalog-item-top{display:flex;justify-content:space-between;font-size:.76rem;font-weight:800;margin-bottom:4px}.catalog-item h4{font-size:.95rem;margin-bottom:4px}.catalog-item p{font-size:.78rem;color:var(--text-muted)}