:root{--paper-ground: #efe6d2;--paper: #f8f2e4;--paper-deep: #e4d8bd;--paper-hover: #ede1c7;--ink: #231d16;--ink-soft: #5b5144;--ink-muted: #847766;--rule: rgba(35, 29, 22, .18);--honey: #d99a1e;--honey-hover: #c38712;--honey-tint: #f5e3b8;--pine: #2d6a4f;--pine-tint: #d8ece2;--propolis: #a8402a;--propolis-tint: #f4d8d1;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--shadow-stamp: 2px 2px 0 var(--ink);--shadow-card: 4px 4px 0 var(--ink);--shadow-modal: 8px 8px 0 var(--ink);--transition: .12s cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--paper-ground);color:var(--ink);overflow:hidden;width:100vw;height:100vh;user-select:none}.hidden{display:none!important}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}#game-canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:1;cursor:grab;touch-action:none}#game-canvas:active{cursor:grabbing}.hud-topbar{position:fixed;top:12px;left:16px;right:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.hud-brand{display:flex;align-items:center;gap:10px;padding-right:14px;border-right:1px solid var(--rule)}.hud-brand-emblem{display:inline-flex;align-items:center;justify-content:center;line-height:0}.hud-brand-text{display:flex;flex-direction:column;gap:1px}.hud-brand-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.05}.hud-brand-tag{font-family:var(--font-mono);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.hud-player-status{display:flex;align-items:center;gap:12px;background:var(--paper-deep);padding:6px 14px 6px 8px;border-radius:var(--radius-sm);border:1.5px solid var(--ink)}.hud-avatar-wrapper{position:relative;width:36px;height:36px;clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:var(--ink);padding:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hud-avatar{width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:var(--paper)}.hud-avatar-fallback{width:100%;height:100%;clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.78rem;color:var(--ink);background:var(--honey-tint)}.hud-player-info{display:flex;flex-direction:column;gap:2px}.hud-player-row{display:flex;align-items:center;gap:8px}.hud-handle{font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--ink)}.hud-hive-badge{--hive-color: var(--honey);display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.68rem;font-weight:600;padding:1px 7px;border-radius:var(--radius-xs);background:var(--paper);color:var(--ink);border:1px solid var(--ink)}.hud-hive-badge:before{content:"";width:7px;height:7px;background:var(--hive-color);border:1px solid var(--ink);display:inline-block}.hud-meta-row{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft)}.quota-pips{display:inline-flex;align-items:center;gap:3px}.quota-pips .pip{width:9px;height:9px;border:1.25px solid var(--ink);background:var(--paper);display:inline-block}.quota-pips .pip.on{background:var(--honey)}.hud-quota strong{color:var(--ink);font-weight:600}.hud-countdown{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.hud-meta-separator{color:var(--ink-muted)}.hud-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hud-btn,.btn-hud-action{font-family:var(--font-sans);font-size:.82rem;font-weight:600;letter-spacing:-.01em;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius-sm);padding:7px 13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-stamp);transition:transform var(--transition),box-shadow var(--transition),background var(--transition);white-space:nowrap}.hud-btn:hover:not(:disabled),.btn-hud-action:hover:not(:disabled){background:var(--paper-hover);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.hud-btn:active:not(:disabled),.btn-hud-action:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.hud-btn.gold,.btn-hud-action.gold{background:var(--honey);color:var(--ink);border-color:var(--ink)}.hud-btn.gold:hover:not(:disabled),.btn-hud-action.gold:hover:not(:disabled){background:var(--honey-hover);color:var(--ink)}.hud-btn.accent{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hud-btn.accent:hover:not(:disabled){background:#382f24;color:var(--paper)}.hud-btn.danger{background:var(--propolis);color:var(--paper);border-color:var(--ink)}.hud-btn.danger:hover:not(:disabled){background:#8f3320;color:var(--paper)}.hud-btn:disabled,.btn-hud-action:disabled{background:var(--paper-deep);color:var(--ink-muted);border-color:var(--ink-muted);box-shadow:none;cursor:not-allowed;transform:none}.hud-card.hex-inspector{position:fixed;bottom:24px;right:24px;z-index:25;width:316px;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius-md);padding:16px 18px;box-shadow:var(--shadow-card);animation:slideUpCard .15s cubic-bezier(.16,1,.3,1);pointer-events:auto}@keyframes slideUpCard{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--rule)}.inspector-kicker,.modal-kicker{display:block;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:2px}.card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--ink)}.btn-icon-close,.modal-close{background:var(--paper-deep);border:1.5px solid var(--ink);border-radius:var(--radius-xs);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-size:1.1rem;line-height:1;cursor:pointer}.btn-icon-close:hover,.modal-close:hover{background:var(--honey)}.inspector-badge{display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-xs);background:var(--paper-deep);color:var(--ink);border:1px solid var(--ink);margin-bottom:12px}.inspector-badge.friendly-home,.inspector-badge.friendly-territory{background:var(--pine-tint);color:var(--pine);border-color:var(--pine)}.inspector-badge.rival-home,.inspector-badge.rival-territory{background:var(--propolis-tint);color:var(--propolis);border-color:var(--propolis)}.inspector-details{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:.82rem}.inspector-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed var(--rule)}.row-label{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-soft)}.row-value{font-weight:600;color:var(--ink)}.inspector-actions{display:flex;flex-direction:column;gap:8px}.btn-hud-action{width:100%;padding:9px 12px}.inspector-feedback{margin-top:8px;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft);line-height:1.35}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#231d168c;display:flex;align-items:center;justify-content:center;padding:16px}.modal-dialog{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-md);width:100%;max-width:480px;max-height:88vh;overflow-y:auto;padding:22px 24px;box-shadow:var(--shadow-modal)}.modal-wide{max-width:680px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:12px;margin-bottom:16px;border-bottom:1.5px solid var(--ink)}.modal-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--ink)}.modal-description{font-size:.86rem;color:var(--ink-soft);line-height:1.5;margin-bottom:18px}.form-group{margin-bottom:16px}.auth-form label,.form-group label{display:block;font-family:var(--font-mono);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);margin-bottom:6px}.input-with-button{display:flex;gap:8px}.input-with-button input,.form-group input[type=text],.hud-select,.hud-textarea{width:100%;flex:1;background:#fff;border:1.5px solid var(--ink);border-radius:var(--radius-sm);padding:9px 12px;color:var(--ink);font-family:var(--font-sans);font-size:.88rem;outline:none;box-shadow:inset 1px 1px #231d1614}.input-with-button input:focus,.form-group input[type=text]:focus,.hud-select:focus,.hud-textarea:focus{border-color:var(--ink);background:#fffdf8;box-shadow:0 0 0 2px var(--honey)}.input-hint{display:block;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft);margin-top:8px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid var(--rule)}.color-picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.color-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-color-swatch{width:30px;height:30px;border-radius:var(--radius-sm);border:1.5px solid var(--ink);cursor:pointer;transition:transform var(--transition)}.btn-color-swatch.selected{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink);outline:2px solid var(--ink);outline-offset:1px}#input-hive-color{width:40px;height:32px;border:1.5px solid var(--ink);border-radius:var(--radius-sm);background:var(--paper);padding:2px;cursor:pointer}.pattern-picker-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-emblem{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.74rem;font-weight:500;color:var(--ink);cursor:pointer;transition:background var(--transition),box-shadow var(--transition)}.btn-emblem:hover{background:var(--paper-hover)}.btn-emblem.selected{background:var(--honey-tint);font-weight:600;box-shadow:var(--shadow-stamp)}.hive-swatch{--hive-color: var(--honey);width:20px;height:20px;border:1.5px solid var(--ink);border-radius:var(--radius-xs);background-color:var(--hive-color);flex-shrink:0;display:inline-block}.hive-swatch.pattern-stripe{background-image:repeating-linear-gradient(-45deg,rgba(35,29,22,.32) 0,rgba(35,29,22,.32) 2px,transparent 2px,transparent 5px)}.hive-swatch.pattern-dots{background-image:radial-gradient(rgba(35,29,22,.4) 1.3px,transparent 1.3px);background-size:6px 6px}.hive-swatch.pattern-cross{background-image:linear-gradient(45deg,rgba(35,29,22,.28) 1px,transparent 1px),linear-gradient(-45deg,rgba(35,29,22,.28) 1px,transparent 1px);background-size:6px 6px}.hive-swatch.pattern-wave{background-image:repeating-linear-gradient(0deg,rgba(35,29,22,.32) 0,rgba(35,29,22,.32) 1.5px,transparent 1.5px,transparent 5px)}.hive-swatch.pattern-grain{background-image:radial-gradient(rgba(35,29,22,.35) 1px,transparent 1px);background-size:4px 4px}.leaderboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.leaderboard-toolbar .modal-description{margin-bottom:0}.table-responsive{overflow-x:auto;border:1.5px solid var(--ink);border-radius:var(--radius-sm);background:#fff}.hud-table{width:100%;border-collapse:collapse;font-size:.84rem}.hud-table th{background:var(--paper-deep);color:var(--ink);font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:9px 12px;border-bottom:1.5px solid var(--ink)}.hud-table td{padding:10px 12px;border-bottom:1px solid var(--rule);color:var(--ink);vertical-align:middle}.hud-table tr:last-child td{border-bottom:none}.hud-table tr:hover td{background:var(--paper)}.hive-name-cell{display:flex;align-items:center;gap:9px;font-weight:600}.member-progress-wrap{display:flex;flex-direction:column;gap:4px}.member-bar{width:84px;height:6px;background:var(--paper-deep);border:1px solid var(--ink);overflow:hidden}.member-bar-fill{height:100%;background:var(--pine)}.member-bar-fill.full{background:var(--propolis)}.loading-cell{text-align:center;color:var(--ink-soft);font-family:var(--font-mono);padding:20px!important}.warning-callout{background:var(--propolis-tint);border:1.5px solid var(--propolis);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:16px}.warning-callout h4{font-family:var(--font-display);font-size:.95rem;color:var(--propolis);margin-bottom:4px}.warning-callout p{font-size:.82rem;color:var(--ink);line-height:1.4}.switch-budget{margin-top:6px;font-family:var(--font-mono);font-weight:600}.share-preview-container{border:1.5px solid var(--ink);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:14px;background:var(--paper-ground)}.share-canvas-preview{display:block;width:100%;height:auto}.share-buttons-row{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.toast-container{position:fixed;bottom:24px;left:24px;z-index:60;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-left-width:5px;border-radius:var(--radius-sm);padding:10px 14px;font-family:var(--font-mono);font-size:.78rem;font-weight:500;box-shadow:var(--shadow-card);max-width:360px}.toast-item.success{border-left-color:var(--pine)}.toast-item.error{border-left-color:var(--propolis);background:var(--propolis-tint)}.toast-item.info{border-left-color:var(--honey)}@media (max-width: 820px){.hud-topbar{flex-wrap:wrap;top:8px;left:8px;right:8px;padding:8px 12px;gap:10px}.hud-controls{width:100%;justify-content:space-between}.hud-btn{padding:6px 10px;font-size:.76rem}.hud-card.hex-inspector{left:12px;right:12px;bottom:12px;width:auto}}