/* Vintage pixel RPG cocktail-card visual system */
:root{--parchment:#f3e2bc;--wine:#642536;--sepia:#7d5d4c}
body{background:#322a30;background-image:radial-gradient(#554047 1px,transparent 1px);background-size:12px 12px}
.wrap{max-width:1240px}.mast{color:#f5e4c5}.logo{color:#f5e4c5}.subtitle{color:#e1c8a8}.footer{color:#ddc4ac}
.console>.menu button{background:#ead5b1;color:#4c2b30;border-color:#745346;box-shadow:3px 3px 0 #1e1820}
.console>.menu button.active{background:#6e2a3b;color:#fff0d2;border-color:#c29a66}
.screen{background:#f6e8c9;border:3px solid #765845;box-shadow:5px 5px 0 #21191e}
.eyebrow{color:#835b4d}.bigtitle,.detail-name{color:#632d3c}.btn{border-color:#7c4c4b;background:#f5e5c3;color:#612b3a;box-shadow:3px 3px 0 #c2a77d}
.list{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.entry{display:flex;flex-direction:column-reverse;justify-content:space-between;position:relative;min-height:216px;padding:48px 8px 10px;text-align:center;background:linear-gradient(135deg,#f8ebce,#ecd7aa);border:3px solid #765344;box-shadow:3px 3px 0 #b49a79;clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px))}
.entry:hover,.entry.selected{background:#fce9bc;border-color:#6e263a}
.entry .emoji{width:100%;height:125px;display:grid;place-items:center}
.entry .cocktail-sprite{width:100%;height:122px;max-width:145px;filter:drop-shadow(3px 5px 0 #b59b82)}
.entry>span:last-child{display:block;width:100%;min-width:0}
.entry .num{position:absolute;top:8px;left:8px;padding:5px 9px;background:#682638;color:#fff4d8;font-weight:900;font-size:.86rem;border-radius:2px}
.entry .name{display:block;padding:0 3px;font-weight:1000;color:#2e2022;font-size:.94rem;white-space:normal;line-height:1.2}
.entry .zh{font-weight:800;color:#4b3131;font-size:.81rem}
.entry br{display:none}
.bar-card,.record-card,.fav-item{background:#f7e8c8;border-color:#97755b}
@media(max-width:900px){.list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.entry{min-height:185px;padding:40px 5px 8px}.entry .emoji{height:105px}.entry .cocktail-sprite{height:100px;max-width:115px}.entry .name{font-size:.83rem}.entry .zh{font-size:.74rem}.console>.menu{grid-template-columns:repeat(3,minmax(0,1fr))}.console>.menu button{font-size:.74rem}}

/* Interactive cocktail taxonomy tags */
.chip-link{cursor:pointer;font:inherit;transition:background .15s,color .15s;border:2px solid #9a775a;background:#f4dfb8;color:#602c3c;padding:6px 10px;box-shadow:2px 2px 0 #c5a780}
.chip-link:hover,.chip-link:focus-visible{background:#69283c;color:#fff3d8;outline:2px solid #d2a970;outline-offset:2px}

/* Past adventures panel in cocktail details */
.past-adventures-results{margin:16px 0;padding:14px;background:#f1ddba;border:2px solid #97755b;box-shadow:3px 3px 0 #c6a982}
.past-adventures-results[hidden]{display:none}
.past-adventures-results .record-card{margin:10px 0}
#past-adventures-toggle{margin-left:8px}
@media(max-width:640px){#past-adventures-toggle{margin:8px 0 0}}

/* UX onboarding v0.4 */
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.hero-actions .btn{flex:1 1 180px}.primary-action{background:#682638;color:#fff4dc;border-color:#d6a34c}.flavor-starters{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.flavor-starters button{font:inherit;font-weight:800;min-height:44px;padding:10px 13px;background:#f5e5c3;color:#612b3a;border:2px solid #916b52;box-shadow:2px 2px 0 #c2a77d;cursor:pointer}.flavor-starters button:hover,.flavor-starters button.active{background:#682638;color:#fff4dc;border-color:#d6a34c}.flavor-starters button:focus-visible{outline:3px solid #d6a34c;outline-offset:2px}.journey-steps{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.journey-steps span{flex:1 1 160px;background:#ecd7aa;border:2px solid #97755b;padding:12px;font-weight:700}.dex-flavors{margin-bottom:8px}#flavor-status{min-height:1.5em;margin-bottom:10px}#dex{scroll-margin-top:12px}.upper{scroll-margin-top:12px}@media(max-width:640px){.hero-actions{flex-direction:column}.flavor-starters{gap:7px}.flavor-starters button{flex:1 1 42%;padding:10px 6px}.journey-steps{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}button{transition:none!important}}

/* Mobile detail navigation v0.5 */
.detail-nav{display:flex;align-items:center;gap:10px;margin-bottom:16px}.detail-back{min-height:44px;cursor:pointer}.detail-name:focus{outline:none}.detail-name:focus-visible{outline:3px solid #d6a34c;outline-offset:4px}@media(max-width:640px){.detail-nav{position:sticky;top:0;z-index:4;background:#f6e8c9;padding:9px 0;border-bottom:2px solid #bda17b;margin:-8px 0 16px}.detail-back{width:100%;text-align:center}}

/* Hero adventure profile V0.6 */
.hero-profile{margin:0 0 24px;padding:18px;background:#f1dfb9;border:3px solid #765344;box-shadow:4px 4px 0 #b49a79;color:#35242a}
.hero-profile-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-profile-head h3{margin:6px 0;color:#642536}.profile-emblem{font-size:2.4rem;color:#9a6335;text-shadow:2px 2px #d6a34c}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.profile-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:92px;padding:10px 5px;background:#642536;border:2px solid #d6a34c;color:#f5e8cf;text-align:center}.profile-stat strong{font-size:clamp(1.45rem,4vw,2.3rem);line-height:1.2;color:#f4ca7e;font-variant-numeric:tabular-nums}.profile-stat span{font-size:.82rem;margin-top:5px}.profile-latest,.profile-empty{background:#faebcd;border:2px dashed #9d7650;padding:14px}.profile-latest p{margin:8px 0}.profile-note{margin:14px 0 0;font-size:.8rem;line-height:1.65}@media(max-width:480px){.hero-profile{padding:12px}.profile-stats{gap:6px}.profile-stat{min-height:82px;padding:8px 3px}.profile-stat span{font-size:.72rem}.profile-emblem{font-size:1.8rem}}

/* iPhone Safari: journal date text uses dark ink, not system accent blue */
.record-form #record-date,.record-form #record-date::-webkit-date-and-time-value,.record-form #record-date::-webkit-datetime-edit,.record-form #record-date::-webkit-datetime-edit-year-field,.record-form #record-date::-webkit-datetime-edit-month-field,.record-form #record-date::-webkit-datetime-edit-day-field{color:#25151b!important;-webkit-text-fill-color:#25151b!important;opacity:1}
.record-form #record-date{color-scheme:light;accent-color:#25151b}

/* UX five improvements v0.7: clear states, collapsible journal, mobile nav, unified controls */
.entry-state{display:block;margin:5px auto 0;padding:4px 6px;background:#f5e8cf;color:#642536;border:1px solid #a4825d;font-size:.72rem;font-weight:900}.entry.selected .entry-state{border-color:#642536}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.detail-actions .btn{min-height:44px;margin:0}.detail-actions .primary-action{background:#642536;color:#fff4dc;border-color:#d6a34c}#detail-record-count{margin-top:10px}.journal-panel{margin:18px 0;border:3px solid #765344;background:#f5e8cf;box-shadow:3px 3px 0 #b49a79;scroll-margin-top:15px}.journal-panel>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:15px;color:#f5e8cf;background:#642536;font-weight:900;cursor:pointer;min-height:48px}.journal-panel>summary::-webkit-details-marker{display:none}.journal-panel>summary .subtle{color:#f0d3a7}.journal-panel-body{padding:14px}.journal-history-title{margin:22px 0 8px}.console>.menu{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.console>.menu button{min-width:0;min-height:55px}.console>.menu button:focus-visible,.btn:focus-visible,.entry:focus-visible,.journal-panel>summary:focus-visible{outline:3px solid #d6a34c;outline-offset:3px}.record-form input,.record-form select,.record-form textarea{border-color:#896b55;background:#fff9ee;color:#25151b;accent-color:#642536}.record-form input:focus,.record-form select:focus,.record-form textarea:focus{outline:2px solid #d6a34c;outline-offset:1px}.record-form #record-date{color:#25151b!important;-webkit-text-fill-color:#25151b!important;color-scheme:light}@media(max-width:640px){.console>.menu{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.console>.menu button{font-size:.72rem;padding:9px 2px;box-shadow:2px 2px 0 #1e1820}.console>.menu small{font-size:.56rem;letter-spacing:0}.detail-actions{flex-direction:column}.detail-actions .btn{width:100%}.journal-panel-body{padding:9px}.entry-state{font-size:.68rem}}

/* v0.7.2 homepage clarity and reliable result anchor */
#list{scroll-margin-top:18px}.home-guide{padding:12px 14px;margin:14px 0;background:#f7e9c9;border-left:4px solid #642536;color:#4a3033;line-height:1.75;font-size:.92rem}#home .bottom-actions{gap:12px}#home .bottom-actions .btn{min-height:44px}@media(max-width:640px){#home .bottom-actions{align-items:stretch;flex-direction:column}#home .bottom-actions .btn{width:100%;text-align:center}.home-guide{font-size:.87rem}}