:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--tile-border:#0003;--tile-size:24px;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--tile-border:#ffffff59;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}body{margin:0}*,:before,:after{box-sizing:border-box}button{font:inherit;cursor:pointer}input{font:inherit}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px;line-height:110%}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.azul-board{flex-direction:column;gap:8px;min-width:0;display:flex}.azul-factories{background:var(--code-bg);border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.azul-factory-row{flex-wrap:nowrap;justify-content:center;gap:16px;min-width:0;display:flex;overflow-x:auto}.azul-factory{grid-template-columns:repeat(2, var(--tile-size));background:var(--bg);border:2px solid var(--border);border-radius:50%;gap:4px;padding:8px;display:grid}.azul-center{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.azul-center-empty{color:var(--text);font-style:italic}.azul-marker{width:var(--tile-size);height:var(--tile-size);background:var(--accent);color:#fff;border-radius:4px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.azul-tile{width:var(--tile-size);height:var(--tile-size);border:1px solid var(--tile-border);border-radius:4px;flex-shrink:0;padding:0;display:inline-block}.azul-tile-empty{border:1px dashed var(--border);background:0 0}.azul-tile-empty.placement-target{border:2px dashed var(--accent-border);background:var(--accent-bg)}.azul-tile.selected{outline-offset:1px;z-index:1;outline:2px solid #fff;position:relative;box-shadow:0 0 0 4px #00000059,0 0 10px 3px #ffffffd9}.azul-players{flex-direction:column;gap:24px;display:flex}.azul-player-board{border:1px solid var(--border);border-radius:12px;padding:16px}.azul-player-board.current-turn{border-width:3px;border-color:var(--accent-border);box-shadow:var(--shadow), 0 0 0 3px var(--accent-bg)}.azul-player-board.own-board{--tile-size:28px}.azul-player-board.own-board .azul-player-body,.azul-player-board.own-board .azul-floor-line{justify-content:center}.azul-player-board.own-board .azul-player-header{margin-top:12px;margin-bottom:0}.azul-player-board.compact{--tile-size:12px;padding:10px 12px}.azul-player-header-compact{flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;display:flex}.azul-player-name-score{align-items:center;gap:8px;font-size:13px;display:flex}.azul-player-board.compact .azul-player-body{justify-content:center;gap:8px}.azul-player-board.compact .azul-floor-line{justify-content:center}.azul-player-board.compact .azul-pattern-lines,.azul-player-board.compact .azul-wall,.azul-player-board.compact .azul-pattern-line,.azul-player-board.compact .azul-wall-row{gap:2px}.azul-player-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.azul-player-body{flex-wrap:nowrap;gap:16px;display:flex;overflow-x:auto}.azul-pattern-lines{flex-direction:column;gap:4px;display:flex}.azul-pattern-line{justify-content:flex-end;gap:4px;display:flex}.azul-pattern-line.selectable{cursor:pointer}.azul-pattern-line-pad{width:var(--tile-size);height:var(--tile-size)}.azul-wall{flex-direction:column;gap:4px;display:flex}.azul-wall-row{gap:4px;display:flex}.azul-wall-cell{width:var(--tile-size);height:var(--tile-size);border:1px dashed var(--border);opacity:.9;border-radius:4px;justify-content:center;align-items:center;display:flex}.azul-wall-hint-blue{background:#1e5aa81f}.azul-wall-hint-yellow{background:#f2c53d26}.azul-wall-hint-red{background:#c8393a1f}.azul-wall-hint-green{background:#2e8b4f1f}.azul-wall-hint-white{background:#f0ece04d}.azul-floor-line{gap:4px;margin-top:12px;display:flex;overflow:auto hidden}.azul-floor-line.selectable{cursor:pointer}.azul-floor-slot{flex-direction:column;align-items:center;gap:2px;display:flex}.azul-floor-penalty{color:var(--text);font-size:10px}.azul-score{font-size:14px}@media (width<=600px){.azul-factories{--tile-size:22px;gap:10px;padding:12px 8px}.azul-factory-row{justify-content:space-between;gap:6px}.azul-factory{padding:5px}.azul-center{flex-wrap:wrap;gap:6px}.azul-player-board.own-board{--tile-size:26px}.azul-player-board.own-board .azul-player-body{gap:8px}.azul-player-board.own-board .azul-pattern-line,.azul-player-board.own-board .azul-wall-row{gap:4px}.azul-player-board.own-board .azul-pattern-lines,.azul-player-board.own-board .azul-wall{gap:6px}}.game-options-theme{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:6px 12px;display:flex}.game-options-theme-label{color:var(--text);font-size:12px}.game-options-theme-buttons{gap:4px;display:flex}.game-options-theme-buttons button{border:1px solid var(--border);background:0 0;border-radius:9999px;padding:4px 10px;font-size:12px}.game-options-theme-buttons button.active{background:var(--accent-bg);border-color:var(--accent-border);font-weight:600}.azul-theme-buddy{--code-bg:#2e353b;--border:#ffffff1f;--accent:#609a8a;--accent-bg:#4fa89b2e;--accent-border:#4fa89b99;--tile-border:#ffffff2e;--text:#c9d1d9;--text-h:#f3f6f8;background:var(--bg);display:block}.azul-theme-buddy .azul-player-board{background:var(--code-bg)}.azul-theme-buddy .azul-factory{background:#14171c}.azul-theme-buddy .azul-tile-blue,.azul-theme-buddy .azul-tile-yellow,.azul-theme-buddy .azul-tile-red,.azul-theme-buddy .azul-tile-green,.azul-theme-buddy .azul-tile-white{border:none;border-radius:3.625px;box-shadow:inset 0 4px 3px #ccc,inset 0 -3px 4px #00000080}.azul-theme-buddy .azul-player-board.compact .azul-tile-blue,.azul-theme-buddy .azul-player-board.compact .azul-tile-yellow,.azul-theme-buddy .azul-player-board.compact .azul-tile-red,.azul-theme-buddy .azul-player-board.compact .azul-tile-green,.azul-theme-buddy .azul-player-board.compact .azul-tile-white{border-radius:2px;box-shadow:inset 0 2px 1px #ccc,inset 0 -2px 1px #00000080}.azul-theme-buddy .azul-wall-hint-blue,.azul-theme-buddy .azul-wall-hint-yellow,.azul-theme-buddy .azul-wall-hint-red,.azul-theme-buddy .azul-wall-hint-green,.azul-theme-buddy .azul-wall-hint-white{filter:brightness(.3);border:none;border-radius:4px}.azul-theme-buddy .azul-tile-blue,.azul-theme-buddy .azul-wall-hint-blue{background-color:#67c0dd;background-size:12px 12px}.azul-theme-buddy .azul-tile-yellow,.azul-theme-buddy .azul-wall-hint-yellow{background-color:#ffff59;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='%238a7a10' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");background-size:50%}.azul-theme-buddy .azul-tile-red,.azul-theme-buddy .azul-wall-hint-red{background-color:#f08080;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20'%3E%3Cg fill='%238f1f1f' fill-opacity='0.32' fill-rule='evenodd'%3E%3Cpath d='M8 0v20L0 10M16 0v10L8 0M16 10v10H8'/%3E%3C/g%3E%3C/svg%3E");background-size:38%}.azul-theme-buddy .azul-tile-green,.azul-theme-buddy .azul-wall-hint-green{background-color:#90ee90;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='12' viewBox='0 0 44 12'%3E%3Cpath d='M20 12v-2L0 0v10l4 2h16zm18 0l4-2V0L22 10v2h16zM20 0v8L4 0h16zm18 0L22 8V0h16z' fill='%2304530d' fill-opacity='0.35' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:repeat;background-size:100%}.azul-theme-buddy .azul-tile-white,.azul-theme-buddy .azul-wall-hint-white{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%2336788e' fill-opacity='0.4' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");background-size:100%}.azul-theme-buddy .azul-tile-empty{background-color:#151716;border-style:none}.azul-theme-buddy .azul-wall-cell:has(.azul-tile){filter:none!important}.azul-theme-buddy .azul-factory .azul-tile-empty{border-radius:50%}.azul-theme-buddy .azul-marker{color:#292929;background-color:#7fffd4;box-shadow:inset 0 4px 3px #ccc,inset 0 -3px 4px #00000080}.final-scores{flex-direction:column;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.bs-board-shell{flex-direction:column;gap:12px;min-width:0;display:flex}.game-options-menu{width:100%;margin-bottom:16px;position:relative}.game-options-trigger{background:var(--accent);color:#fff;text-align:center;border:none;border-radius:9999px;width:100%;padding:12px 24px;font-weight:600}.game-options-trigger:hover{filter:brightness(1.1)}.game-options-dropdown{background:var(--bg);border:1px solid var(--border);z-index:5;border-radius:8px;flex-direction:column;min-width:140px;padding:4px;display:flex;position:absolute;top:100%;left:0}.game-options-dropdown button{text-align:left;background:0 0;border:none;border-radius:6px;padding:8px 12px}.game-options-dropdown button:hover{background:var(--accent-bg)}.bs-turn-indicator{text-align:center;font-weight:600}.bs-waiting-message{text-align:center;color:var(--text)}.bs-shot-banner{text-align:center;border-radius:8px;padding:8px 16px;font-weight:600}.bs-shot-banner-hit{color:#c8393a;background:#c8393a26}.bs-shot-banner-miss{background:var(--code-bg);color:var(--text)}.bs-boards{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.bs-placement{flex-direction:column;align-items:center;gap:12px;display:flex}.bs-board{--bs-cell-size:36px;--bs-label-size:22px;grid-template-columns:var(--bs-label-size) repeat(10, var(--bs-cell-size));grid-template-rows:var(--bs-label-size) repeat(10, var(--bs-cell-size));background:var(--border);border:1px solid var(--border);border-radius:4px;gap:1px;width:max-content;display:grid;overflow:hidden}@media (width<=600px){.bs-board{--bs-cell-size:28px;--bs-label-size:18px}}.bs-corner{background:var(--code-bg);grid-area:1/1}.bs-col-label,.bs-row-label{background:var(--code-bg);color:var(--text);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.bs-col-label{grid-row:1}.bs-row-label{grid-column:1}.bs-cell{font:inherit;color:inherit;background:#4a90c2;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:hidden}button.bs-cell{cursor:default}.bs-cell.bs-fireable{cursor:pointer}.bs-cell.bs-fireable:hover{filter:brightness(1.15)}.bs-cell.bs-hit{background:#c8393a}.bs-cell.bs-miss{background:#cfe3f0}.bs-ship-tile{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.bs-hit-marker,.bs-miss-marker{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bs-hit-marker:before{content:"✕";color:#fff;text-shadow:0 0 2px #0009;font-weight:700}.bs-miss-marker:before{content:"";background:#fff9;border-radius:50%;width:30%;height:30%}.bs-hit-ship-label{text-align:center;color:#fff;text-transform:capitalize;background:#0000008c;font-size:8px;line-height:1.4;position:absolute;bottom:0;left:0;right:0}@media (width<=600px){.bs-hit-ship-label{font-size:6px}}.bs-cell.bs-preview-valid{background:#3cb45a99}.bs-cell.bs-preview-invalid{background:#c8393a99}.bs-ship-tray{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bs-tray-ship{background:var(--code-bg);border:1px solid var(--border);text-transform:capitalize;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;display:flex}.bs-tray-ship.held{border-color:var(--accent);background:var(--accent-bg)}.bs-tray-ship-name{font-weight:600}.bs-tray-ship-length{color:var(--text);font-size:12px}.bs-placement-controls{align-items:center;gap:8px;display:flex}.bs-ready-button{background:var(--accent);color:#fff;border:none;border-radius:9999px;padding:12px 24px;font-weight:600}.bs-ready-button:disabled{opacity:.5;cursor:not-allowed}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-main{text-align:left;flex:1;width:100%;max-width:900px;margin:0 auto;padding:24px 16px 64px}.navbar{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:12px 24px;display:flex}.navbar-brand{color:var(--text-h);white-space:nowrap;align-items:center;gap:8px;font-size:20px;font-weight:600;text-decoration:none;display:flex}.navbar-logo{object-fit:contain;width:28px;height:28px}.navbar-links{flex:1;gap:16px;min-width:0;display:flex}.navbar-links a{color:var(--text);text-decoration:none}.navbar-links a:hover{color:var(--text-h)}.navbar-user{align-items:center;gap:12px;display:flex}@media (width<=480px){.navbar{gap:10px;padding:10px 12px}.navbar-brand{font-size:16px}.navbar-links{gap:10px}}.profile-menu{position:relative}.profile-menu-trigger{border:1px solid var(--border);color:var(--text-h);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.profile-menu-trigger:hover{background:var(--accent-bg);border-color:var(--accent-border)}.profile-menu-username{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:500;overflow:hidden}.profile-menu-chevron{color:var(--text);font-size:12px}.profile-menu-dropdown{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);z-index:10;border-radius:10px;flex-direction:column;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.profile-menu-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:4px;padding:8px;display:flex}.profile-menu-header-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.profile-menu-dropdown a,.profile-menu-dropdown button{text-align:left;color:var(--text-h);font:inherit;background:0 0;border:none;border-radius:6px;padding:8px;text-decoration:none}.profile-menu-dropdown a:hover,.profile-menu-dropdown button:hover{background:var(--accent-bg)}@media (width<=480px){.profile-menu-username{display:none}.profile-menu-trigger{border-color:#0000;padding:4px}}.page-loading{text-align:center;padding:48px}.home-page section,.friends-page section{margin-top:24px}.not-found-page,.login-page,.onboarding-page,.profile-page{text-align:center;max-width:480px;margin:48px auto}.login-logo{object-fit:contain;width:96px;height:96px}.google-signin-button{background:0 0;border:none;margin-top:24px;padding:0;line-height:0}.google-signin-dark{display:none}@media (prefers-color-scheme:dark){.google-signin-light{display:none}.google-signin-dark{display:inline}}.onboarding-page form,.profile-page form{text-align:left;flex-direction:column;gap:16px;margin-top:24px;display:flex}.onboarding-page label,.profile-page label{flex-direction:column;gap:6px;font-weight:500;display:flex}.onboarding-page input[type=text],.profile-page input[type=text],.add-friend-form input[type=text]{border:1px solid var(--border);color:var(--text-h);background:0 0;border-radius:6px;padding:8px 10px}.avatar{background:var(--accent-bg);border-radius:50%;justify-content:center;align-items:center;line-height:1;display:inline-flex}.username-badge{align-items:center;gap:8px;display:inline-flex}.username-badge-text{flex-direction:column;line-height:1.2;display:flex}.username-badge-name{color:var(--text-h);font-weight:500}.username-badge-subtitle{color:var(--text);font-size:12px}.field-error{color:#c8393a;font-size:14px}.field-message{color:var(--text);font-size:14px}.empty-state{color:var(--text);font-style:italic}.emoji-picker-preview{align-items:center;gap:12px;display:flex}.emoji-picker-current{font-size:32px}.emoji-quick-picks{grid-template-columns:repeat(8,1fr);gap:4px;max-width:320px;margin-top:8px;display:grid}.emoji-quick-pick{background:0 0;border:1px solid #0000;border-radius:6px;padding:4px;font-size:20px}.emoji-quick-pick.selected{border-color:var(--accent-border);background:var(--accent-bg)}.friend-list,.friend-request-list,.active-games-list,.invite-list,.pending-invites,.joined-players{flex-direction:column;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}.friend-row,.friend-request-row,.invite-row,.pending-invite-row{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.friend-request-actions,.invite-actions{gap:8px;display:flex}.add-friend-form{flex-direction:column;gap:8px;max-width:420px;display:flex}.incoming-invites{margin-top:24px}.search-result{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.modal-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);border-radius:12px;width:90%;max-width:480px;max-height:85vh;padding:24px;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.friend-options{flex-direction:column;gap:8px;margin:12px 0;display:flex}.friend-option{align-items:center;gap:10px;display:flex}.lobby-waiting-room{text-align:center}.lobby-waiting-room button{margin-top:16px;padding:10px 20px}.game-page{text-align:left;max-width:480px;margin:0 auto}