.community-world{position:relative;min-height:300px;overflow:hidden;border-radius:17px 0 0 17px;background:linear-gradient(#b9dded,#e7efbd 52%,#9fc987 52%)}
#community-webgl,#community-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:300px;outline:none}
#community-webgl{z-index:1;opacity:0;pointer-events:none}#community-canvas{z-index:2;touch-action:manipulation;cursor:crosshair}.community-world.webgl-ready #community-webgl{opacity:1}.community-world.webgl-ready #community-canvas{opacity:0}.community-world:focus-within{outline:3px solid var(--yellow);outline-offset:-4px}
.map-hud{position:absolute;right:.55rem;bottom:.55rem;left:.55rem;display:flex;align-items:end;justify-content:space-between;gap:.5rem;pointer-events:none}
.map-hud>span{max-width:210px;padding:.35rem .5rem;border-radius:5px;color:#264235;background:rgba(255,253,247,.9);font-size:.68rem;font-weight:700}
.direction-pad{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,32px);gap:3px;pointer-events:auto}.direction-pad button{min-width:34px;min-height:32px;border:1px solid #496458;border-radius:6px;color:#214434;background:#fffdf7;font-weight:900;touch-action:none}.direction-pad button:first-child{grid-column:2}.direction-pad button:nth-child(2){grid-column:1;grid-row:2}.direction-pad button:nth-child(3){grid-column:2;grid-row:2}.direction-pad button:nth-child(4){grid-column:3;grid-row:2}.direction-pad button:focus-visible,.direction-pad button:hover{outline:3px solid var(--yellow)}
.map-instruction{margin:.55rem 0;padding:.5rem;border-left:4px solid var(--orange);color:var(--green-dark);background:#fff8e7;font-size:.78rem;line-height:1.45}.shop-name,.cart-store{margin:.25rem 0 0;color:var(--green);font-size:.84rem;font-weight:800}
.prototype-badge,.buyer-badge{padding:.3rem .55rem;border:1px solid var(--green);border-radius:99px;color:var(--green);font-size:.72rem;font-weight:700}.buyer-badge{border-color:#a75f35;color:#88431f;background:#fff7ed}
.delivery-map-dock{position:fixed;right:max(.75rem,env(safe-area-inset-right));bottom:max(2.45rem,calc(env(safe-area-inset-bottom) + 2.1rem));z-index:7;width:min(260px,calc(100vw - 1.5rem));overflow:hidden;border:1px solid #456557;border-radius:12px;background:#f8fbf5;box-shadow:0 8px 26px rgba(25,51,42,.22)}
.delivery-map-dock header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .65rem;color:#eff8ee;background:#244c3d}.delivery-map-dock header strong,.delivery-map-dock header small{display:block}.delivery-map-dock header strong{font-size:.78rem}.delivery-map-dock header small{margin-top:.1rem;color:#c7ded2;font-size:.62rem}.delivery-map-dock header button{padding:.25rem .4rem;border:1px solid #c7ded2;border-radius:5px;color:#fff;background:transparent;font-size:.66rem}.delivery-map-content{min-height:74px;padding:.6rem;background:repeating-linear-gradient(45deg,#edf3eb,#edf3eb 8px,#e4eee4 8px,#e4eee4 16px)}.delivery-map-empty{margin:0;color:#52655c;font-size:.7rem;line-height:1.4}.delivery-map-dock.is-collapsed .delivery-map-content{display:none}.delivery-map-dock.is-collapsed{width:220px}.toast{bottom:max(10rem,env(safe-area-inset-bottom))}
@media (max-width:680px){.community-world{display:block;min-height:220px;border-radius:17px 17px 0 0}#community-webgl,#community-canvas{min-height:220px}.map-hud>span{max-width:145px}.buyer-badge{display:none}.delivery-map-dock{bottom:max(2.2rem,calc(env(safe-area-inset-bottom) + 1.9rem));width:min(230px,calc(100vw - 1rem))}.delivery-map-dock:not(.is-collapsed) .delivery-map-content{min-height:55px}.delivery-map-dock.is-collapsed{width:190px}}
@media (max-height:620px){.delivery-map-dock .delivery-map-content{display:none}.delivery-map-dock{width:210px}}
.delivery-location-sketch{min-height:100px;margin:.4rem 0;border:1px dashed #638172;border-radius:7px;display:grid;place-items:center;text-align:center;color:#244c3d;font-size:.7rem;background:#edf3eb}
.delivery-google-map{width:100%;height:160px}
.delivery-chat{padding:.55rem;border-top:1px solid #b5c9b7;background:#f8fbf5;font-size:.72rem}.delivery-chat ol{list-style:none;padding:0;max-height:120px;overflow:auto;margin:.4rem 0}.delivery-chat li{padding:.25rem;border-bottom:1px solid #e0e9df;overflow-wrap:anywhere}.delivery-chat form{display:flex;gap:.2rem}.delivery-chat input{min-width:0;flex:1}.delivery-chat button{flex:none}.delivery-map-dock.is-collapsed .delivery-chat{display:none}