/* Four chapters in a shared wooden shop ledger. */
#gameShell aside{background:repeating-linear-gradient(2deg,transparent 0 18px,#995d3420 20px,transparent 23px 40px),linear-gradient(110deg,#efd3a7,#cfaa7b)!important;border:3px solid #ad815b!important;border-radius:20px!important;box-shadow:inset 0 0 0 3px #fff0cc,0 12px 36px #34203455!important;padding-top:50px!important}
#gameShell aside:before{content:'えむねこの おみせ手帖';position:absolute;top:14px;left:20px;font-size:15px;font-weight:bold;letter-spacing:.12em;color:#77513f;pointer-events:none}
#gameShell #tabs{padding:0 12px 8px;gap:6px;border-bottom:2px solid #b58b6655;background:transparent}
#gameShell #tabs button{border-radius:12px 12px 6px 6px;min-height:40px;font-size:13px;padding:8px 4px;color:#745247;background:linear-gradient(#fff0d3,#e6c499);border:1px solid #bb926d;box-shadow:0 3px #a77859}
#gameShell #tabs button.active{color:#753e67;background:linear-gradient(#f7d7e5,#dba7c4);border-color:#b5799d;box-shadow:inset 0 2px #fff0f4,0 3px #95617f}
#gameShell #panel{background:repeating-linear-gradient(0deg,transparent 0 31px,#a7876310 32px),#eee0c8;padding:18px 20px 24px;font-size:14px;line-height:1.6;scrollbar-color:#bd9271 #ecdac0}
#panel[data-section=order]{background-color:#e5e6d2}#panel[data-section=team]{background-color:#e8dcea}#panel[data-section=room]{background-color:#eee0d0}
#panel>h2{font-size:23px;letter-spacing:.04em;margin:0 0 5px;color:#775347;border-bottom:2px solid #bc94734d;padding:0 0 10px}
#panel>.sub{font-size:12px;margin:4px 0 15px;color:#94735f}
#panel .notice{padding:12px 14px;margin:12px 0;background:#d9e2cb;border:1px solid #a9b89a;border-left:5px solid #8b9c79;border-radius:5px 13px 13px 5px;line-height:1.8;font-size:12px;color:#53654d}
#panel .notice b{font-size:13px}#panel .notice small{font-size:11px}
#panel .card,#panel .orderline{position:relative;background:linear-gradient(130deg,#f7e8cf,#ead3b3);border:1px solid #c5a17c;border-radius:14px;padding:16px;margin:14px 0;box-shadow:inset 0 0 0 3px #fff2db77,0 4px 0 #c6a78355}
#panel .cardtop{gap:12px;align-items:center}#panel .cardtop strong{font-size:17px;color:#79513e}#panel .cardtop small{display:block;font-size:11px;color:#96735c;margin-top:4px}
#panel .foodicon{flex:0 0 60px;width:60px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:radial-gradient(#c3d0b1,#9dae90);border:2px solid #f8e6c4;box-shadow:0 2px 5px #76594133}
#panel .foodicon canvas,#panel .foodicon img{position:static!important;max-width:100%;max-height:100%;object-fit:contain}
#panel .card>p{font-size:12px;line-height:1.9;color:#84634f;padding:9px 0;border-top:1px dashed #c8a98a;border-bottom:1px dashed #c8a98a}
#panel button.wide{min-height:43px;font-size:13px;border-radius:10px;padding:9px 12px;line-height:1.4;margin-bottom:5px}
#panel button.primary{background:linear-gradient(#f1c5d8,#dca5c1);border-color:#b881a0;color:#71455f;box-shadow:inset 0 2px #fff0e7,0 3px #b1839b}
#panel button:disabled{opacity:.65;box-shadow:none}#panel .row{gap:10px;margin:8px 0}#panel select{max-width:65%;min-height:36px;border-radius:9px;background:#f7ead4;color:#755444}
#panel .emera-intro{display:flex;justify-content:center;gap:18px;padding:14px;background:radial-gradient(ellipse,#f7e8dd,#d3bdd8);border-radius:16px;border:1px solid #bea5c1}#panel .emera-intro canvas{position:static!important;width:110px;height:95px;object-fit:contain}
#panel .badge{background:#866784;color:#fff0d6;padding:5px 10px;border-radius:20px;font-size:12px}#panel .trophy{padding:12px;margin:8px 0;border-bottom:5px solid #ac805c;background:linear-gradient(#f5dfb2,#e7c690);border-radius:9px 9px 3px 3px;color:#77513e}#panel .trophy.locked{background:#ddd1bd;color:#9b8a75}#panel h3{font-size:17px;margin:20px 0 10px;color:#82614b}
@media(pointer:coarse),(max-height:550px){#gameShell #panel{padding:12px;font-size:12px}#panel>h2{font-size:19px}#panel .card,#panel .orderline{padding:12px;margin:10px 0}#panel .cardtop strong{font-size:14px}#panel .notice{margin:9px 0;padding:8px 10px}#gameShell #tabs button{min-height:36px;font-size:11px}}
/* Outing map: compact illustrated spread with distinct destination plaques. */
#modal:has(.outing-map){width:min(1000px,94vw);max-height:92dvh}
.outing-map{padding:12px;color:#755441;background:repeating-linear-gradient(90deg,#b78d6410 0 1px,transparent 1px 12px),#ead9ba;border-radius:18px}
.outing-map .map-heading{padding:15px 20px;border:2px solid #a77d56;background:linear-gradient(110deg,#e7c28c,#f4dfb8);box-shadow:inset 0 0 0 3px #fff0d066,0 4px #ad815944}
.outing-map .map-heading>span{color:#8a654c}.outing-map .map-heading h2{margin:5px 0;font-size:25px}.outing-map .map-heading p{font-size:12px}
.outing-map .map-paper{height:auto;min-height:280px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 45px;padding:28px 8%;margin:14px 0;border:3px solid #b18a61;background:radial-gradient(ellipse at 20% 10%,#b4cca266,transparent 50%),linear-gradient(#d4e0bf 0 76%,#aed6d9 76%);box-shadow:inset 0 0 0 5px #f6e3bd,0 4px #b18a6144}
.outing-map .map-road{width:60%;height:135px;left:20%;top:68px;border-radius:50%;transform:rotate(-8deg);background:transparent;border:15px solid #f3dfb9;outline:2px dashed #bc9c78;opacity:.8}
.outing-map .map-pin{position:relative;inset:auto!important;min-height:102px;max-width:100%;margin:0;padding:10px 8px;border:2px solid #b18d68;background:linear-gradient(#f8e4c0,#e7caa1);border-radius:15px;box-shadow:inset 0 0 0 3px #fff4dd66,0 5px #a6826444;color:#6f4c3d}
.outing-map .map-live{background:linear-gradient(#eddaed,#d2b1db)}.outing-map .map-fish{background:linear-gradient(#d6eeea,#aad5d5)}.outing-map .map-wardrobe{background:linear-gradient(#f7d9e4,#e6b6cb)}
.outing-map .map-icon{font-size:30px;line-height:34px}.outing-map .map-pin strong{font-size:15px}.outing-map .map-pin small{font-size:11px}.outing-map .map-sea{pointer-events:none;height:34px;opacity:.5}.outing-map .map-cloud{pointer-events:none}
.outing-map .map-destinations{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}.outing-map .map-destinations button{background:#f0dfbf;border:1px solid #ba926c;border-radius:12px;padding:12px;font-size:13px;box-shadow:0 3px #a7795344}.outing-map .map-destinations small{font-size:11px;line-height:1.6}
.outing-map>.wide{min-height:42px;border-radius:12px;margin:6px 0;font-size:14px}.outing-map .map-note{font-size:11px;padding:9px;border-top:1px dashed #b69777;margin-bottom:0}.outing-map>.smalltext{font-size:11px;text-align:center}
@media(max-height:550px){.outing-map{padding:5px}.outing-map .map-heading{padding:7px}.outing-map .map-heading h2{font-size:19px}.outing-map .map-paper{min-height:0;padding:15px 5%;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.outing-map .map-pin{min-height:95px}.outing-map .map-pin strong{font-size:12px}.outing-map .map-pin small{font-size:9px}.outing-map .map-destinations button{padding:8px}}
@media(max-width:500px){.outing-map .map-paper{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:16px}.outing-map .map-destinations{grid-template-columns:1fr}.outing-map .map-heading h2{font-size:20px}}