:root{--bg: #101c2c;--surface: #182638;--surface-2: #1f3249;--border: #2b4060;--accent: #f59e0b;--accent-dim: #b45309;--text: #e8f0f8;--text-muted: #7d9ab5;--green: #10b981;--red: #ef4444;--radius: 14px;--radius-sm: 8px;--max-w: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100dvh;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}textarea{font-family:inherit}.app{max-width:var(--max-w);margin:0 auto;padding:0 16px 60px;width:100%}.header{position:relative;padding:40px 0 28px;text-align:center}.header h1{font-size:32px;font-weight:800;letter-spacing:-1px;color:var(--accent)}.header p{color:var(--text-muted);font-size:14px;margin-top:4px;letter-spacing:.5px;text-transform:uppercase}.hamburger{position:absolute;top:40px;right:0;background:none;border:none;padding:8px;display:flex;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{display:block;width:22px;height:2px;background:var(--text-muted);border-radius:2px;transition:background .15s}.hamburger:hover span{background:var(--text)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:99;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-backdrop.open{opacity:1;pointer-events:all}.stats-drawer{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);z-index:100;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease;overflow:hidden}.stats-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-title{font-size:18px;font-weight:700}.drawer-close{background:none;border:none;color:var(--text-muted);font-size:18px;padding:4px 8px;line-height:1;transition:color .15s}.drawer-close:hover{color:var(--text)}.drawer-body{flex:1;overflow-y:auto;padding:20px;-webkit-overflow-scrolling:touch}.drawer-loading{display:flex;justify-content:center;padding:40px 0}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.summary-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.summary-value{font-size:24px;font-weight:700;color:var(--accent);line-height:1}.summary-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center}.stats-best{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:20px}.stats-best-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.stats-best-name{font-size:14px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-best-score{font-size:14px;font-weight:700;color:var(--accent);white-space:nowrap}.stats-chart-title{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.stats-hint{font-size:12px;color:var(--text-muted);margin:-6px 0 14px;font-style:italic}.stats-chart{display:flex;flex-direction:column;gap:12px}.pub-bar-block{border-radius:var(--radius-sm);border:1px solid transparent;transition:border-color .2s,background .2s}.pub-bar-block--open{border-color:var(--border);background:#1f324973}.pub-bar-toggle{width:100%;text-align:left;background:none;border:none;padding:0;color:inherit;cursor:pointer}.pub-bar-row-inner{display:flex;flex-direction:column;gap:4px}.pub-bar-name-row{display:flex;align-items:center;gap:6px;min-width:0}.pub-bar-chevron{flex-shrink:0;font-size:9px;color:var(--text-muted);width:12px}.pub-bar-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pub-bar-track{height:10px;background:var(--surface-2);border-radius:5px;overflow:hidden}.pub-bar-fill{height:100%;border-radius:5px;transition:width .5s ease}.pub-bar-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.pub-bar-rating{color:var(--accent)}.pub-reviews-panel{padding:12px 4px 12px 22px;border-top:1px solid var(--border);margin-top:8px}.pub-reviews-loading,.pub-reviews-empty,.pub-reviews-err{font-size:12px;color:var(--text-muted);padding:4px 0 8px}.pub-reviews-list{list-style:none;display:flex;flex-direction:column;gap:10px}.review-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;animation:review-in .35s ease both}@keyframes review-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.review-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.review-week{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted)}.review-stars{font-size:11px;color:var(--accent);letter-spacing:1px}.review-text{font-size:13px;line-height:1.45;color:var(--text)}.review-text--muted{color:var(--text-muted);font-style:italic}.stats-unvisited{display:flex;flex-wrap:wrap;gap:6px}.unvisited-pill{font-size:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:4px 10px;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:12px}.card-label{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.countdown{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:6px 0}.countdown-unit{display:flex;flex-direction:column;align-items:center}.countdown-value{font-size:44px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--text)}.countdown-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;margin-top:4px}.countdown-sep{font-size:36px;font-weight:300;color:var(--text-muted);line-height:1;margin-bottom:18px;padding:0 2px}.countdown-soon{text-align:center;color:var(--text-muted);font-size:16px;padding:8px 0}.state-hint{font-size:16px;color:var(--text-muted)}.pub-name{font-size:26px;font-weight:700;line-height:1.2;margin-bottom:6px}.pub-address{color:var(--text-muted);font-size:14px;margin-bottom:16px;line-height:1.4}.pub-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:600;transition:opacity .15s,transform .1s;white-space:nowrap}.btn:active{transform:scale(.97);opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-full{width:100%}.stars{display:flex;gap:4px;justify-content:center;margin:12px 0}.star-btn{background:none;border:none;font-size:44px;line-height:1;color:var(--surface-2);transition:color .1s,transform .1s;padding:4px;touch-action:manipulation}.star-btn.active,.star-btn:hover{color:var(--accent)}.star-btn:active{transform:scale(.88)}.rating-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;color:var(--text);font-size:14px;resize:vertical;min-height:80px}textarea:focus{outline:2px solid var(--accent);border-color:transparent}textarea::placeholder{color:var(--text-muted)}.inline-error{color:var(--red);font-size:14px;margin-top:8px}.rating-summary{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.rating-avg{font-size:22px;font-weight:700}.rating-stars{color:var(--accent);font-size:16px}.rating-count{color:var(--text-muted);font-size:13px;margin-left:auto}.rating-submitted{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.submitted-stars{color:var(--accent);font-size:32px}.rating-submitted p{color:var(--text-muted);font-size:15px}.results-card{text-align:center}.result-score{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 6px}.result-avg{font-size:52px;font-weight:800;line-height:1;color:var(--accent)}.result-stars{color:var(--accent);font-size:22px}.result-count{color:var(--text-muted);font-size:14px}.rating-open-badge .card-label{color:var(--green)}.loading-card{display:flex;justify-content:center;padding:40px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-card{text-align:center;color:var(--text-muted)}.text-muted{color:var(--text-muted)}.history{margin-top:32px}.history-title{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.history-list{display:flex;flex-direction:column;gap:2px}.history-item-block{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);transition:border-color .2s,background .2s}.history-item-block--open{border-color:var(--accent);background:#1f324973}.history-item-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:none;border:none;color:inherit;text-align:left;cursor:pointer}.history-item-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm)}.history-chevron{flex-shrink:0;font-size:9px;color:var(--text-muted);width:12px}.history-item-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.history-date{font-size:11px;color:var(--text-muted)}.history-pub{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;margin-left:12px}.history-avg{font-size:15px;font-weight:700;color:var(--accent)}.history-count{font-size:11px;color:var(--text-muted)}.history-noratings{font-size:12px;color:var(--text-muted)}.history-reviews-panel{padding:12px 14px 14px 34px;border-top:1px solid var(--border);margin-top:0}.header-nav{position:absolute;top:40px;right:0;display:flex;align-items:center;gap:8px}.header-admin-btn{font-size:12px;padding:6px 12px}.pub-map-wrap{margin:12px 0}.pub-map{width:100%;height:180px;border:none;border-radius:var(--radius-sm);display:block}.pub-map-toggle{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;padding:8px;cursor:pointer;transition:color .15s,border-color .15s}.pub-map-toggle:hover{color:var(--text);border-color:var(--accent)}.vote-card{margin-bottom:12px}.vote-lede{font-size:13px;line-height:1.5;color:var(--text);margin-bottom:10px}.vote-lede strong{color:var(--accent);font-weight:700}.vote-hint{font-size:13px;color:var(--text-muted);margin-bottom:16px}.vote-undo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.vote-undo-btn{font-size:12px;padding:6px 14px}.vote-undo-hint{font-size:11px;color:var(--text-muted);flex:1;min-width:140px}.vote-how{margin-top:14px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.vote-how summary{font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}.vote-how summary::-webkit-details-marker{display:none}.vote-how summary:before{content:"▸";font-size:10px;color:var(--accent);transition:transform .15s}.vote-how[open] summary:before{transform:rotate(90deg)}.vote-how-body{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;line-height:1.55;color:var(--text-muted)}.vote-how-body p+p{margin-top:10px}.vote-how-body strong{color:var(--text);font-weight:600}.vote-how-admin{padding-top:8px;margin-top:8px!important;border-top:1px dashed var(--border)}.vote-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.vote-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s}.vote-row--mine{border-color:var(--accent)}.vote-row--vetoed{opacity:.55}.vote-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.vote-pub-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.veto-badge{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--red);background:#ef44441f;border-radius:4px;padding:1px 5px}.vote-bar-track{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.vote-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease;min-width:2px}.vote-count{font-size:11px;color:var(--text-muted)}.vote-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.vote-btn{font-size:12px;padding:6px 12px}.vote-btn--active{background:var(--accent);color:#000;font-weight:700}.veto-btn{font-size:11px;padding:5px 10px;color:var(--red);border-color:#ef44444d}.veto-btn:hover{border-color:var(--red)}.veto-used-label{font-size:11px;color:var(--red);white-space:nowrap}.vote-footnote{font-size:12px;margin-top:10px;line-height:1.5}.slot-reveal{text-align:center;overflow:hidden}.slot-reveal-window{position:relative;min-height:52px;display:flex;align-items:center;justify-content:center;overflow:hidden}.slot-reveal-name{transition:opacity .08s ease,transform .08s ease}.slot-reveal-name--final{animation:slot-land .4s ease both}@keyframes slot-land{0%{transform:scale(.92);opacity:.6}50%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.veto-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-reveal{animation:game-reveal 1.1s cubic-bezier(.16,1,.3,1) both;transform-origin:top center;overflow:hidden}@keyframes game-reveal{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.veto-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:360px;width:100%;animation:modal-pop .2s ease}@keyframes modal-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.veto-modal-title{font-size:16px;font-weight:700;margin-bottom:10px}.veto-modal-message{font-size:14px;color:var(--text-muted);line-height:1.5;margin-bottom:20px}.veto-modal-actions{display:flex;gap:10px;justify-content:flex-end}.admin-back-btn{position:absolute;top:44px;left:0;background:none;border:none;color:var(--text-muted);font-size:14px;padding:4px 8px;cursor:pointer;transition:color .15s}.admin-back-btn:hover{color:var(--text)}.admin-logout-btn{position:absolute;top:40px;right:0;font-size:12px;padding:6px 12px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.admin-custom-announce{display:flex;gap:8px;margin-top:4px}.admin-custom-announce .admin-input{flex:1}.admin-input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-size:14px;font-family:inherit;margin-bottom:8px}.admin-input:focus{outline:2px solid var(--accent);border-color:transparent}.admin-input::placeholder{color:var(--text-muted)}.admin-result{margin-top:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-size:12px;color:var(--text-muted);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.admin-pub-list{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.admin-pub-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.admin-pub-row--inactive{opacity:.5}.admin-pub-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.admin-pub-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-pub-addr{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-pub-actions{display:flex;gap:6px;flex-shrink:0}.admin-pub-toggle{font-size:12px;padding:5px 10px}.admin-pub-delete{font-size:13px;padding:5px 10px;color:var(--red)}.admin-add-pub{border-top:1px solid var(--border);padding-top:16px;margin-top:4px}