/* v0.3 mobile-first single-screen RPG redesign */
body{background:#e7edf1;background-image:linear-gradient(90deg,#dce6ec 1px,transparent 1px),linear-gradient(#dce6ec 1px,transparent 1px);background-size:24px 24px}
.wrap{max-width:950px;padding:18px 14px 38px}
.mast{color:#244664;margin-bottom:16px}.logo{text-shadow:2px 2px 0 #d3e1e9}.logo span{color:#d09b3b}.subtitle{color:#567a92}.status{color:#eaf6fb}
.console{display:flex;flex-direction:column;gap:16px;background:none;border:0;border-radius:0;box-shadow:none;padding:0}.console:before{display:none}
.console>.menu{order:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.console>.menu button{background:#fffdf3;box-shadow:3px 3px 0 #9fb8c8;padding:13px 6px}
.console>.menu button.active{background:#f7d47f;border-color:#234d72}
.upper,.lower{background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.upper{order:1}.lower{order:2}
body[data-mode="dex"] .lower,body[data-mode="journal"] .lower,body[data-mode="map"] .lower{order:2}
body[data-mode="dex"] .upper,body[data-mode="journal"] .upper,body[data-mode="map"] .upper{order:1}
.screen{border:3px solid #476b89;border-radius:5px;background:#fffdf4;box-shadow:5px 5px 0 #b2c6d0;min-height:0}
.screen-top{min-height:0}.screen-body{padding:20px}.lower .screen>.screen-body{padding:18px}
.lower .screen .screen-body>div[style*="border-top"]{display:none}
.list{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
.entry{border-radius:3px}
.detail-hero{grid-template-columns:150px 1fr}
.decor{display:none}
.footer{color:#5d7689}
@media(max-width:700px){
.wrap{padding:12px 10px 32px}.mast{margin-bottom:12px}.console{gap:12px}
.console>.menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.console>.menu button{padding:10px 3px;font-size:.76rem;box-shadow:2px 2px 0 #a2bac9}
.console>.menu small{font-size:.57rem;letter-spacing:0}
.screen-body,.lower .screen>.screen-body{padding:13px}
.top-home{grid-template-columns:1fr}.pixel-scene{height:170px}
.list{grid-template-columns:1fr;gap:7px}.entry{padding:10px}
.detail-hero{grid-template-columns:1fr}.art{min-height:130px}
.bigtitle{font-size:2rem}.two-col{grid-template-columns:1fr}
}


.story-scroll{margin:20px 0 12px;border:3px solid #8d6c43;background:#e5c998;box-shadow:4px 5px 0 #b4a082}
.story-scroll summary{cursor:pointer;list-style:none;padding:15px 16px;font-weight:900;color:#593d2c;background:repeating-linear-gradient(90deg,#e8cd99 0 12px,#e5c691 12px 24px);display:flex;justify-content:space-between;align-items:center;gap:12px}
.story-scroll summary::-webkit-details-marker{display:none}.story-scroll[open] summary{border-bottom:3px double #9c7444}
.scroll-hint{font-size:.76rem;color:#76583e;white-space:nowrap}.scroll-paper{padding:19px 21px;background:#f9ebc8;color:#4b392b;line-height:1.9;border-left:9px solid #d7b57b;border-right:9px solid #d7b57b}
.scroll-paper .eyebrow{color:#88643e}.source-link{display:inline-block;padding:7px 12px;background:#315a85;color:#fffaf0;font-weight:900;text-decoration:none;border:2px solid #1c3a58}.source-link:hover{background:#204264}
@media(max-width:700px){.story-scroll summary{padding:13px 10px;font-size:.91rem}.scroll-paper{padding:13px 12px;border-left-width:5px;border-right-width:5px}}

.cocktail-sprite{display:block;width:100%;max-width:90px;height:90px;object-fit:contain;image-rendering:pixelated;margin:auto}.entry .cocktail-sprite{width:50px;height:50px;flex-shrink:0}.detail-hero .cocktail-sprite{max-width:165px;height:165px}.art{font-size:0}.entry .emoji{display:grid;place-items:center;width:55px;flex-shrink:0}@media(max-width:700px){.detail-hero .cocktail-sprite{height:125px;max-width:125px}}
.bar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.bar-card{background:#fff9e7;border:3px solid #6889a2;padding:15px;box-shadow:4px 4px 0 #b5c9d3;min-width:0}.bar-card h3{margin:9px 0;font-size:1.1rem}.bar-card h3 a{color:#275782;text-decoration:none}.bar-card h3 a:hover{text-decoration:underline}.bar-card p{font-size:.9rem;line-height:1.65;min-height:3em}.bar-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.bar-index{font:900 .83rem monospace;color:#64839a}.bar-map-link{display:inline-block;margin-top:12px;border:2px solid #2b557d;background:#e7eff2;padding:8px 10px;font-weight:900;color:#244b6b;text-decoration:none;font-size:.85rem}.bar-map-link:hover{background:#f7d47f}@media(max-width:700px){.bar-list{grid-template-columns:1fr}.bar-card p{min-height:0}}
.bar-save{display:inline-block;margin-top:12px;margin-right:8px}.record-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;padding:14px;border:2px solid #7293aa;background:#fff8e8}.record-form label{display:flex;flex-direction:column;gap:5px;font-weight:700}.record-form label:has(textarea),.record-form label:has(input[type=file]){grid-column:1/-1}.record-form input,.record-form select,.record-form textarea{max-width:100%;min-width:0;padding:9px;border:2px solid #7795a8;background:#fff;font:inherit}.record-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.record-card{display:flex;gap:14px;border:2px solid #7795a8;padding:12px;margin:12px 0;background:#fff9e8;overflow-wrap:anywhere}.record-photo{width:120px;height:120px;object-fit:cover;flex-shrink:0;image-rendering:auto}@media(max-width:600px){.record-form{grid-template-columns:1fr}.record-card{flex-direction:column}.record-photo{width:100%;height:190px}}.record-form,.record-form *{box-sizing:border-box}.record-form{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}.record-form label{min-width:0;max-width:100%;overflow-wrap:anywhere}.record-form input,.record-form select,.record-form textarea{display:block;width:100%;max-width:100%;min-width:0;border-radius:3px;box-sizing:border-box}.record-form input[type=file]{font-size:14px;white-space:normal}.record-form .custom-field[hidden]{display:none!important}.record-form button{max-width:100%;white-space:normal}.record-actions{max-width:100%;min-width:0}.record-actions .btn{flex:1 1 170px;white-space:normal;overflow-wrap:anywhere}.bar-card{position:relative;padding-top:56px}.bar-save{position:absolute;right:10px;top:9px;margin:0;font-size:.78rem;padding:5px 8px;box-shadow:2px 2px 0 #b5c9d3}.bar-top{padding-right:0}.bar-art img{width:22%;height:85%;object-fit:contain;image-rendering:pixelated}.fav-item{flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}.fav-item>span{min-width:0;max-width:100%}.fav-item .btn{display:inline-block;margin:3px 0}.console>.menu{order:0}.console>.upper{order:1!important}.console>.lower{order:2!important}@media(max-width:700px){.record-form{padding:10px}.record-form input,.record-form select,.record-form textarea{font-size:16px}.bar-save{font-size:.73rem}.bar-art img{width:23%}} .record-form label:has(#record-date){width:100%;min-width:0;overflow:hidden}.record-form #record-date{display:block;width:100%;min-width:0;max-width:100%;font-size:16px;line-height:1.4;padding:9px 5px;box-sizing:border-box;-webkit-appearance:none;appearance:none;overflow:hidden}.record-form #record-date::-webkit-date-and-time-value{min-width:0;text-align:left}.record-form #record-date::-webkit-datetime-edit{padding:0;min-width:0}.bar-card .bar-save{display:inline-flex!important;align-items:center;justify-content:center;visibility:visible!important;opacity:1!important;position:absolute;top:9px;right:9px;z-index:2;max-width:calc(100% - 18px);min-height:32px;line-height:1.2}.bar-card .bar-top{margin-top:0}.bar-card{padding-top:58px}