:root{--navy: #041e42;--navy-600: #0d3268;--navy-400: #3a5c8c;--ink: #1b2440;--paper: #f5efe2;--white: #ffffff;--shell: #eef2f8;--line: #d6dde8;--muted: #5d6b82;--gold: #e8b830;--gold-deep: #b8860b;--green: #2f9e5f;--red: #c2413f;--radius: 16px;--sticker: 0 4px 0 rgba(27, 36, 64, .16);--sticker-lift: 0 8px 0 rgba(27, 36, 64, .18);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Archivo Black", "Helvetica Neue", Impact, var(--font)}*{box-sizing:border-box}html,body,#root{height:100%}html,body{touch-action:pan-y;overflow-x:hidden}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(circle at 12% -8%,rgba(4,30,66,.07),transparent 45%),radial-gradient(circle at 88% 4%,rgba(232,184,48,.12),transparent 40%),var(--shell);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:30;background:var(--navy);color:var(--white);border-bottom:4px solid var(--gold);padding-top:env(safe-area-inset-top)}.topbar-inner{max-width:1180px;margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-stripe{width:10px;align-self:stretch;min-height:40px;border-radius:5px;background:repeating-linear-gradient(180deg,#fff 0 8px,var(--navy-400) 8px 16px);flex:none}.brand h1{margin:0;font-family:var(--font-display);font-size:clamp(1.1rem,4vw,1.6rem);letter-spacing:.02em;text-transform:uppercase;line-height:1.1}.brand p{margin:2px 0 0;font-size:.78rem;color:#b9c9e0;letter-spacing:.08em;text-transform:uppercase}.tabs{display:flex;gap:6px;background:#ffffff1a;padding:4px;border-radius:999px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#cfdcef;font:inherit;font-weight:600;font-size:.88rem;padding:11px 18px;min-height:44px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.tab:not(.tab-on):hover{color:#fff}.tab-on{background:var(--white);color:var(--navy)}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:18px max(16px,env(safe-area-inset-left)) 40px max(16px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:18px}.footer{border-top:1px solid var(--line);background:var(--white);padding:16px 16px calc(16px + env(safe-area-inset-bottom));text-align:center}.footer p{margin:0;font-size:.8rem;color:var(--muted)}.scoreboard{display:grid;grid-template-columns:auto 1fr;gap:16px 22px;align-items:center;background:var(--white);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--sticker);padding:18px}.score-glass{display:flex;justify-content:center}.beer-glass{display:block;width:clamp(76px,20vw,132px);height:auto}.beer-liquid,.beer-foam{transition:y .7s cubic-bezier(.34,1.2,.64,1),height .7s cubic-bezier(.34,1.2,.64,1),transform .7s cubic-bezier(.34,1.2,.64,1)}.beer-bubble{animation-name:bubble-rise;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes bubble-rise{0%{transform:translateY(var(--bubble-from));opacity:0}12%{opacity:.9}88%{opacity:.9}to{transform:translateY(var(--bubble-to));opacity:0}}.score-main{min-width:0}.score-pct{display:flex;align-items:baseline;gap:2px;color:var(--navy)}.score-pct-num{font-family:var(--font-display);font-size:clamp(2.6rem,11vw,4rem);line-height:.9}.score-pct-sign{font-family:var(--font-display);font-size:1.5rem;color:var(--gold-deep)}.score-fraction{margin:6px 0 10px;font-size:.95rem;color:var(--muted)}.score-fraction strong{color:var(--ink)}.score-bar{height:14px;border:2.5px solid var(--ink);border-radius:999px;background:var(--shell);overflow:hidden}.score-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-deep),var(--gold));transition:width .7s cubic-bezier(.34,1.2,.64,1)}.score-cry{margin:10px 0 0;font-weight:700;font-size:.9rem;color:var(--navy);text-transform:uppercase;letter-spacing:.04em}.score-stats{grid-column:1 / -1;margin:0;padding-top:16px;border-top:2px dashed var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:12px}.score-stats div{text-align:center}.score-stats dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.score-stats dd{margin:3px 0 0;font-family:var(--font-display);font-size:1.25rem;color:var(--navy)}.score-stats .dd-small{font-family:var(--font);font-size:.86rem;font-weight:700}@media (max-width: 719px){.scoreboard{padding:14px;gap:12px 16px}.score-stats{padding-top:12px;gap:8px;grid-template-columns:repeat(3,1fr)}.score-stats dt{font-size:.62rem;letter-spacing:.05em}.score-stats dd{font-size:1rem}.score-stats .dd-small{font-size:.72rem}.score-cry{font-size:.8rem}}@media (min-width: 720px){.scoreboard{grid-template-columns:auto 1fr auto}.score-stats{grid-column:auto;border-top:0;border-left:2px dashed var(--line);padding:0 0 0 22px;grid-template-columns:repeat(3,minmax(96px,1fr))}}.map-wrap{position:relative;background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--sticker);overflow:hidden}.map-svg{display:block;width:100%;aspect-ratio:1260 / 1858.5;height:auto;background:var(--paper);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}@media (min-width: 720px){.map-svg{height:auto;aspect-ratio:1260 / 885}}.map-svg:active{cursor:grabbing}.map-district{font-family:var(--font-display);font-size:19px;fill:#6b7f5e;letter-spacing:.16em}.map-street{font-family:var(--font);font-size:10px;font-weight:700;fill:#9c937f;letter-spacing:.1em;paint-order:stroke;stroke:#f5efe2;stroke-width:3.5px;stroke-linejoin:round}.crawl{pointer-events:none}.crawl-casing{fill:none;stroke:#fffdf7;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.crawl-line{fill:none;stroke:var(--navy);stroke-width:4;stroke-dasharray:13 9;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.paw{fill:var(--gold);stroke:var(--navy);stroke-width:1;opacity:0;animation:paw-step 1.3s ease-out both}@keyframes paw-step{0%{opacity:0;transform:scale(.5)}10%{opacity:.85;transform:scale(1)}45%{opacity:.85}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.paw{animation:none;opacity:.6}}.pin{cursor:pointer;outline:none}.pin-hit{pointer-events:all}.pin-art{transition:transform .18s cubic-bezier(.34,1.4,.64,1)}.pin:hover .pin-art,.pin:focus-visible .pin-art{transform:translateY(-4px) scale(1.06)}.pin-selected .pin-art{transform:translateY(-5px) scale(1.1)}.pin:focus-visible circle{stroke-dasharray:5 4}.pin-label{font-family:var(--font);font-size:13px;font-weight:800;fill:var(--ink);paint-order:stroke;stroke:#fffdf7;stroke-width:5px;stroke-linejoin:round}.pin-visited .pin-label{fill:var(--navy)}.pin-level,.pin-travel{font-family:var(--font);font-size:10.5px;font-weight:700;fill:var(--muted);paint-order:stroke;stroke:#fffdf7;stroke-width:4px;stroke-linejoin:round}.map-bar{display:flex;align-items:center;gap:10px;padding:7px 10px;background:var(--white);border-top:2px solid var(--line)}.map-controls{display:flex;gap:6px;flex:none}.map-controls button{width:44px;height:44px;font-size:1.15rem;font-weight:700;line-height:1;color:var(--navy);background:var(--white);border:2.5px solid var(--ink);border-radius:10px;box-shadow:0 3px #1b244033;cursor:pointer}.map-controls button:active{transform:translateY(2px);box-shadow:0 1px #1b244033}.map-hint{margin:0;flex:1;font-size:.74rem;text-align:center;color:var(--muted)}.barlist{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--sticker);padding:18px}.barlist-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.barlist-head h2,.trip-panel h2{margin:0;font-family:var(--font-display);font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em;color:var(--navy)}.seg{display:flex;gap:4px;background:var(--shell);padding:4px;border-radius:999px}.seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;font-size:.82rem;font-weight:600;color:var(--muted);min-height:44px;padding:7px 14px;border-radius:999px;cursor:pointer}.seg-on{background:var(--navy);color:var(--white)}.seg-count{opacity:.65;font-weight:700;margin-left:3px}.bar-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px}.bar-card{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px;background:var(--white);border:2.5px solid var(--line);border-radius:14px;cursor:pointer;font:inherit;transition:transform .15s,border-color .15s,box-shadow .15s}.bar-card:hover{transform:translateY(-2px);border-color:var(--accent, var(--navy));box-shadow:var(--sticker)}.bar-card-hit{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--white))}.bar-card-mark{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--shell);border:2px solid var(--ink)}.bar-card-hit .bar-card-mark{background:var(--white);border-color:var(--accent)}.bar-card-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.bar-card-name{font-weight:800;color:var(--navy);font-size:.95rem}.bar-card-addr{font-size:.78rem;color:var(--muted)}.bar-card-vibe{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.bar-card-meta{font-size:.78rem;font-weight:600;color:var(--gold-deep)}.bar-card-flag{flex:none;width:26px;height:26px;border-radius:50%;border:2.5px dashed var(--line);display:grid;place-items:center;font-weight:900;color:transparent}.flag-on{border:2.5px solid var(--green);background:var(--green);color:var(--white)}.empty-note{margin:0;color:var(--muted);text-align:center;padding:24px 0}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#041e4280;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}}.sheet{width:100%;max-width:620px;max-height:92vh;overflow-y:auto;overscroll-behavior:contain;background:var(--white);border:3px solid var(--ink);border-bottom:0;border-radius:20px 20px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));animation:slide-up .22s cubic-bezier(.3,1.2,.6,1)}@media (min-width: 720px){.sheet-backdrop{align-items:center;padding:24px}.sheet{border-bottom:3px solid var(--ink);border-radius:20px}}.sheet-head{display:flex;align-items:flex-start;gap:12px}.sheet-mark{flex:none;width:62px;height:62px;display:grid;place-items:center;border:3px solid var(--accent);border-radius:16px;background:color-mix(in srgb,var(--accent) 8%,var(--white))}.sheet-title{flex:1;min-width:0}.sheet-vibe{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.sheet-title h2{margin:2px 0 3px;font-family:var(--font-display);font-size:1.3rem;color:var(--navy);line-height:1.15}.sheet-addr{margin:0;font-size:.82rem;color:var(--muted)}.sheet-blurb{margin:14px 0 16px;font-size:.9rem;line-height:1.55;color:#3c4763}.checkin-cta{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:6px}.sheet-body{display:flex;flex-direction:column;gap:18px}.visit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;background:var(--shell);border-radius:14px}.visit-summary div{text-align:center;display:flex;flex-direction:column;gap:2px}.vs-num{font-family:var(--font-display);font-size:1.4rem;color:var(--navy)}.vs-lab{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.sheet-foot{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}.field{display:flex;flex-direction:column;gap:8px}.field-label,.trip-fields label span{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.uploading{color:var(--gold-deep);font-style:normal}input[type=text],input[type=number],input[type=date],textarea{font:inherit;font-size:.92rem;color:var(--ink);padding:12px;min-height:44px;background:var(--white);border:2.5px solid var(--line);border-radius:10px;width:100%;min-width:0}input:focus,textarea:focus,button:focus-visible{outline:3px solid color-mix(in srgb,var(--navy) 35%,transparent);outline-offset:1px;border-color:var(--navy)}textarea{resize:vertical}.stars{display:flex;gap:2px}.star{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:1.7rem;line-height:1;color:var(--line);cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center;padding:0;transition:transform .12s,color .12s}.star:hover{transform:scale(1.15)}.star-on{color:var(--gold)}.drink-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.drink-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--shell);border-radius:10px;font-size:.9rem}.drink-qty{font-weight:800;color:var(--gold-deep);flex:none}.drink-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drink-price{font-weight:700;color:var(--navy);flex:none}.drink-add{display:grid;grid-template-columns:1fr 64px 96px auto;gap:6px;align-items:center}@media (max-width: 520px){.drink-add{grid-template-columns:1fr 60px}.drink-add>.btn{grid-column:1 / -1}}.input-qty{text-align:center}.input-money{display:flex;align-items:center;gap:2px}.input-money>span{font-weight:800;color:var(--muted)}.input-money-wide{max-width:160px}.crew-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.84rem;font-weight:600;min-height:44px;padding:7px 15px;border-radius:999px;border:2.5px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer}.chip-on{border-color:var(--navy);background:var(--navy);color:var(--white)}.chip-static{cursor:default}.chip-static button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:inherit;opacity:.55;cursor:pointer;font-size:.8rem;padding:0}.chip-static button:hover{opacity:1;color:var(--red)}.crew-add{display:flex;gap:6px;max-width:340px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.photo-cell{position:relative}.photo-thumb{display:block;width:100%;aspect-ratio:1;padding:0;border:2.5px solid var(--line);border-radius:12px;overflow:hidden;background:var(--shell);cursor:pointer}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb-empty{border-style:dashed}.photo-del{position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;border:2px solid var(--white);background:var(--red);color:var(--white);font-size:.7rem;line-height:1;cursor:pointer}.photo-size{position:absolute;left:4px;bottom:4px;font-size:.62rem;font-weight:700;color:var(--white);background:#1b2440b3;padding:1px 5px;border-radius:5px}.photo-add{aspect-ratio:1;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:inherit;font-size:.72rem;font-weight:700;color:var(--muted);background:var(--white);border:2.5px dashed var(--line);border-radius:12px;cursor:pointer}.photo-add span:first-child{font-size:1.4rem;line-height:1;color:var(--navy)}.photo-add:hover{border-color:var(--navy);color:var(--navy)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#041e42eb;display:grid;place-items:center;padding:20px;cursor:zoom-out}.lightbox img{max-width:100%;max-height:92vh;border-radius:10px}.lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#00000059;color:var(--white);font-size:1rem;cursor:pointer}.trip-panel{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--sticker);padding:18px;display:flex;flex-direction:column;gap:20px}.trip-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.trip-fields label{display:flex;flex-direction:column;gap:6px}.hint{margin:0;font-size:.84rem;line-height:1.5;color:var(--muted)}.status-note{margin:0;font-size:.84rem;font-weight:700;color:var(--green)}.data-actions{display:flex;flex-wrap:wrap;gap:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.88rem;font-weight:700;padding:12px 18px;min-height:44px;border-radius:10px;border:2.5px solid var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s,box-shadow .12s;box-shadow:0 3px #1b244038}.btn:active{transform:translateY(3px);box-shadow:0 0 #1b244038}.btn-primary{background:var(--navy);color:var(--white)}.btn-ghost{background:var(--white);color:var(--navy)}.btn-danger{background:var(--white);color:var(--red);border-color:var(--red);box-shadow:0 3px #c2413f47}.btn-lg{font-size:1rem;padding:13px 26px}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:44px;height:44px;border-radius:50%;border:2.5px solid var(--line);background:var(--white);color:var(--muted);font-size:.95rem;cursor:pointer}.icon-btn:hover{border-color:var(--ink);color:var(--ink)}.icon-btn-sm{width:26px;height:26px;font-size:.7rem;border-width:2px;position:relative}.icon-btn-sm:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.photo-del:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}