:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--surface:#f8f8fa;--surface-hover:#f1f0f5;--btn-primary:#7c3aed;--btn-primary-hover:#6d28d9;--success:#15803d;--success-bg:#15803d1f;--warning:#b45309;--warning-bg:#b453091f;--danger:#c8393a;--danger-bg:#c8393a1a;--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;--surface:#1d1f27;--surface-hover:#242732;--btn-primary:#7c3aed;--btn-primary-hover:#8b5cf6;--success:#4ade80;--success-bg:#4ade8024;--warning:#fbbf24;--warning-bg:#fbbf2424;--danger:#f87171;--danger-bg:#f8717124;--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-players-top{grid-template-columns:repeat(auto-fit,minmax(236px,1fr));gap:8px;display:grid}.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:center;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}.final-scores{flex-direction:column;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.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}.azul-theme-sanrio{--border:#ffffff1f;--accent:#609a8a;--accent-bg:#1124d45d;--accent-border:#fc02d299;--tile-border:#ffffff2e;--text:black;--text-h:black;background:var(--bg);display:block}.azul-theme-sanrio .azul-factories{background-image:url(/assets/hk-bg-pink-BoxnJH7i.jpg);background-size:100%;position:relative}.azul-theme-sanrio .azul-factories:after{content:"";pointer-events:none;background-image:url(/assets/hk-thinksit-18GFcOdQ.gif);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:60px;height:60px;position:absolute;bottom:-5px;right:55px}.azul-theme-sanrio .azul-player-board{background-image:url(/assets/hk-bg-blue-Cq4n4jAI.jpg)}.azul-theme-sanrio .azul-factory{background:#e239f14d}.azul-theme-sanrio .azul-tile-blue,.azul-theme-sanrio .azul-tile-yellow,.azul-theme-sanrio .azul-tile-red,.azul-theme-sanrio .azul-tile-green,.azul-theme-sanrio .azul-tile-white{border:none;border-radius:3.625px;box-shadow:inset 0 4px 3px #ffffff80,inset 0 -3px 4px #0000004d}.azul-theme-sanrio .azul-player-board.compact .azul-tile-blue,.azul-theme-sanrio .azul-player-board.compact .azul-tile-yellow,.azul-theme-sanrio .azul-player-board.compact .azul-tile-red,.azul-theme-sanrio .azul-player-board.compact .azul-tile-green,.azul-theme-sanrio .azul-player-board.compact .azul-tile-white{border-radius:2px;box-shadow:inset 0 2px 1px #ccc,inset 0 -2px 1px #00000080}.azul-theme-sanrio .azul-wall-hint-blue,.azul-theme-sanrio .azul-wall-hint-yellow,.azul-theme-sanrio .azul-wall-hint-red,.azul-theme-sanrio .azul-wall-hint-green,.azul-theme-sanrio .azul-wall-hint-white{border:none;border-radius:4px}.azul-theme-sanrio .azul-tile-blue,.azul-theme-sanrio .azul-wall-hint-blue{background-image:url(/assets/kuromi-CMPbaQbh.png);background-size:100%}.azul-theme-sanrio .azul-tile-yellow,.azul-theme-sanrio .azul-wall-hint-yellow{background-image:url(/assets/pompom-D-9LcFPF.png);background-size:100%}.azul-theme-sanrio .azul-tile-red,.azul-theme-sanrio .azul-wall-hint-red{background-image:url(/assets/mymelo-DXuvHFtk.png);background-size:100%}.azul-theme-sanrio .azul-tile-green,.azul-theme-sanrio .azul-wall-hint-green{background-image:url(/assets/keroppi-Bfw5mMRk.png);background-size:100%}.azul-theme-sanrio .azul-tile-white,.azul-theme-sanrio .azul-wall-hint-white{background-image:url(/assets/hk-C1pov9lf.png);background-size:100%}.azul-theme-sanrio .azul-tile-empty{background-color:var(--accent-bg);border-style:none}.azul-theme-sanrio .azul-factory .azul-tile-empty{background-color:unset}.azul-theme-sanrio .azul-wall-cell:has(.azul-tile){filter:none!important}.azul-theme-sanrio .azul-wall-cell .azul-tile{border:2px solid #ff5fa8}.azul-theme-sanrio .azul-wall-cell:not(:has(.azul-tile)){opacity:.3}.azul-theme-sanrio .azul-marker{color:#fff;background-color:#f8689d;box-shadow:inset 0 4px 3px #ccc,inset 0 -3px 4px #00000080}.azul-theme-sanrio .azul-score{color:#000}.azul-theme-sanrio .azul-player-board{position:relative}.azul-theme-sanrio .azul-player-board:after{content:"";opacity:0;pointer-events:none;z-index:3;background-image:url(/assets/cinnamoroll_happy-CSUQHmJm.gif);background-position:50%;background-repeat:no-repeat;background-size:contain;width:88px;height:88px;transition:opacity .4s,transform .4s;position:absolute;top:14px;left:14px;transform:translateY(0)}.azul-theme-sanrio .azul-player-board.current-turn:after{opacity:1;animation:2.2s ease-in-out infinite azul-sanrio-cinnamoroll-float}@keyframes azul-sanrio-cinnamoroll-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bs-board-shell{flex-direction:column;gap:12px;min-width:0;display:flex}.bs-waiting-message{text-align:center;color:var(--text)}.bs-boards{flex-direction:column;align-items:center;gap:24px;display:flex}@media (width>=576px){.bs-boards{flex-direction:row;justify-content:center;align-items:flex-start}}.bs-player-section{flex-direction:column;align-items:center;gap:12px;display:flex}.bs-player-card-slot{position:relative}.bs-player-card{background:var(--code-bg);border:2px solid #0000;border-radius:9999px;padding:6px 14px;transition:border-color .2s,box-shadow .2s}.bs-player-card.current-turn{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg)}.bs-hit-bubble{color:#fff;white-space:nowrap;pointer-events:none;z-index:1;background:#c8393a;border-radius:12px;padding:6px 12px;font-size:14px;font-weight:600;animation:.25s ease-out bs-bubble-pop;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.bs-hit-bubble:after{content:"";border:6px solid #0000;border-top-color:#c8393a;margin-left:-6px;position:absolute;top:100%;left:50%}@keyframes bs-bubble-pop{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.8)}}.bs-placement{flex-direction:column;align-items:center;gap:12px;display:flex}.bs-board{--bs-cell-size:36px;--bs-label-size:22px;--bs-case-color:#1b3354;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));border:2px solid var(--bs-case-color);border-radius:4px;gap:0;width:max-content;display:grid;overflow:hidden}@media (width<=575px){.bs-board{--bs-cell-size:28px;--bs-label-size:18px}}@media (width>=576px){.bs-board{--bs-cell-size:clamp(22px, calc((100vw - 120px) / 20), 36px)}}.bs-corner,.bs-col-label,.bs-row-label,.bs-cell{box-sizing:border-box;border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.bs-corner,.bs-col-label,.bs-row-label{border-color:#ffffff1f}.bs-corner{background:var(--bs-case-color);grid-area:1/1}.bs-col-label,.bs-row-label{background:var(--bs-case-color);color:#cfe3f0;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:linear-gradient(135deg,#6ee1e8cc,#26a8cdb3);border-color:#dcfaff73;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 6px #005a7866}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-cell.bs-preview-valid{background:#3cb45a99}.bs-cell.bs-preview-invalid{background:#c8393a99}.bs-placement-main{flex-direction:column;gap:12px;width:max-content;display:flex}@media (width>=576px){.bs-placement-main{flex-direction:row;align-items:flex-start;gap:24px}}.bs-ship-tray{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:12px;display:flex}.bs-ship-tray-title{margin:0;font-size:16px;font-weight:500}.bs-ship-tray-ships{flex-direction:column;align-items:center;gap:4px;min-height:166px;display:flex}.bs-ship-tray-ships.vertical{flex-direction:row;justify-content:center;align-items:flex-start;gap:12px}.bs-tray-ship{background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:row;padding:2px 6px;display:flex}.bs-tray-ship.vertical{flex-direction:column}.bs-tray-ship.held{border-color:var(--accent);background:var(--accent-bg)}.bs-tray-ship-segment{width:24px;height:24px}.bs-rotate-button{background:var(--accent);color:#fff;border:none;border-radius:9999px;align-self:stretch;padding:12px 24px;font-weight:600}.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}.bs-theme-buddy{--code-bg:#1c1d1f;--border:#ffffff1f;--accent:#8c908c;--accent-bg:#4fa89b2e;--text:#c9d1d9;--text-h:#f3f6f8}.bs-theme-buddy .bs-board{--bs-case-color:#272a2d;border-radius:0}.bs-theme-buddy .bs-corner,.bs-theme-buddy .bs-col-label,.bs-theme-buddy .bs-row-label,.bs-theme-buddy .bs-cell{border-width:0 2px 2px 0;border-color:#2b2c2e}.bs-theme-buddy .bs-corner,.bs-theme-buddy .bs-col-label,.bs-theme-buddy .bs-row-label{color:#fff;background:#7f7f7f}.bs-theme-buddy .bs-cell{box-shadow:none;background:#68a3c7}.bs-theme-buddy .bs-cell.bs-fireable:hover{filter:none;background-color:#b3daf2}.bs-theme-buddy .bs-cell.bs-miss{background:#e1edf4}.bs-theme-buddy .bs-cell.bs-hit{background:#871014}.bs-theme-buddy .bs-hit-marker:before,.bs-theme-buddy .bs-miss-marker:before{content:none}.bs-theme-buddy .bs-player-card{background:#1d2024}.bs-theme-buddy .bs-player-card.current-turn{border-color:#ffffff80;box-shadow:0 0 6px #ffffff59}.bs-theme-buddy .bs-tray-ship.held{background:0 0;border-color:#ffffff80;box-shadow:0 0 6px #ffffff59}.bs-theme-buddy .bs-cell.bs-preview-valid{cursor:pointer;background:#52c46b}.bs-theme-buddy .bs-cell.bs-preview-invalid{background:#db3847}.bs-theme-buddy .bs-rotate-button,.bs-theme-buddy .bs-ready-button{border-radius:3px}.bs-theme-buddy .bs-rotate-button:hover,.bs-theme-buddy .bs-ready-button:hover{background-color:#b1b8b1}.bs-theme-buddy .bs-rotate-button{margin-left:50px;margin-right:50px}.bs-theme-buddy .bs-player-card{background:#272a2d;border-radius:6px}.bs-theme-buddy .avatar{background-color:#1c1d1c}.bs-theme-buddy .bs-hit-bubble{color:#272a2d;background:#fff;border-radius:9999px;padding:4px 14px;font-size:16px;font-weight:700;line-height:20px}.bs-theme-buddy .bs-hit-bubble:after{border-width:7px;border-top-color:#fff;margin-left:-34px}.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 0 auto;gap:4px;display:flex}.navbar-links a{color:var(--text);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.navbar-links a:hover{color:var(--text-h);background:var(--surface-hover)}.navbar-links a.active{color:var(--accent);background:var(--accent-bg)}.navbar-user{align-items:center;gap:12px;min-width:0;display:flex}@media (width<=480px){.navbar{gap:6px;padding:10px 12px}.navbar-brand{gap:6px;font-size:15px}.navbar-links{gap:0}.navbar-links a{padding:6px 8px;font-size:14px}}.profile-menu{min-width:0;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;min-width:0;max-width:100%;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;min-width:0;max-width:120px;font-weight:500;overflow:hidden}.profile-menu-chevron{color:var(--text);flex-shrink:0;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}.page-header{margin:8px 0}.page-header h1{letter-spacing:-.9px;margin:0;font-size:36px}.home-page section,.friends-page section,.friend-requests section{margin-top:32px}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text);align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}.count-badge{background:var(--accent);color:var(--bg);letter-spacing:0;border-radius:999px;padding:1px 8px;font-size:12px;line-height:1.6}@media (width<=480px){.page-header h1{font-size:30px}}.not-found-page,.error-page,.login-page,.onboarding-page,.profile-page{text-align:center;max-width:480px;margin:48px auto}.login-page--centered{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0 auto;display:flex}.login-logo{object-fit:contain;width:96px;height:96px}.login-error{color:#d33;margin-top:16px}.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}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:15px;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:focus-visible,.new-game-card:focus-visible,.game-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{border-radius:8px;padding:7px 14px;font-size:14px}.btn-primary{background:var(--btn-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn-secondary{background:var(--surface-hover);border-color:var(--border);color:var(--text-h)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-border)}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.avatar{background:var(--accent-bg);border-radius:50%;flex-shrink:0;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:var(--danger);font-size:14px}.field-message{color:var(--text);font-size:14px}.empty-state{border:1px dashed var(--border);color:var(--text);text-align:center;border-radius:12px;padding:20px 16px;font-size:15px}.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,.search-result{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;padding:12px 14px;display:flex}.invite-row--highlight{border-color:var(--accent-border);background:linear-gradient(135deg, var(--accent-bg), var(--surface) 70%)}.invite-row .field-error{flex-basis:100%}.friend-request-actions,.invite-actions{gap:8px;margin-left:auto;display:flex}.add-friend-form{flex-direction:column;gap:12px;display:flex}.add-friend-fields{gap:8px;display:flex}.add-friend-fields input{flex:1;min-width:0}.add-friend-fields .btn{flex-shrink:0}.add-friend-form input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.incoming-invites{margin-top:24px}.game-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:14px;align-items:center;gap:14px;padding:14px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.game-card:hover{background:var(--surface-hover);border-color:var(--accent-border)}.game-card-icon,.new-game-icon{background:var(--accent-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;line-height:1;display:inline-flex}.game-card-text,.new-game-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.game-card-name,.new-game-name{color:var(--text-h);font-weight:600}.game-card-meta,.new-game-meta{color:var(--text);font-size:13px}.game-card-chevron{color:var(--text);font-size:24px;line-height:1}.status-pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.status-pill--active{background:var(--success-bg);color:var(--success)}.status-pill--lobby{background:var(--warning-bg);color:var(--warning)}.new-game-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.new-game-card{background:var(--surface);border:1px dashed var(--border);text-align:left;border-radius:14px;align-items:center;gap:14px;padding:14px;transition:background .15s,border-color .15s;display:flex}.new-game-card:hover{background:var(--accent-bg);border-color:var(--accent-border)}.new-game-plus{color:var(--accent);font-size:24px;line-height:1}@media (width<=480px){.game-card{flex-wrap:wrap;row-gap:8px}.game-card-text{flex-basis:calc(100% - 58px)}.game-card-chevron{display:none}.status-pill{margin-left:58px}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:10;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;width:90%;max-width:460px;max-height:85vh;padding:24px;overflow-y:auto}.modal-header{align-items:center;gap:14px;display:flex}.modal-header h2{margin:0;font-size:22px}.modal-header-icon{background:var(--accent-bg);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;line-height:1;display:inline-flex}.modal-subtitle{color:var(--text);margin-top:2px;font-size:14px}.modal-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;display:flex}.modal-actions-hint{color:var(--text);margin-right:auto;font-size:13px}.friend-options{flex-direction:column;gap:8px;max-height:40vh;margin:20px 0 0;display:flex;overflow-y:auto}.friend-option{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;transition:background .15s,border-color .15s;display:flex;position:relative}.friend-option:hover{background:var(--surface-hover)}.friend-option input{opacity:0;pointer-events:none;position:absolute}.friend-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.friend-option:has(input:disabled){opacity:.5;cursor:not-allowed}.friend-option-check{border:2px solid var(--border);color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.friend-option--selected{background:var(--accent-bg);border-color:var(--accent-border)}.friend-option--selected .friend-option-check{background:var(--btn-primary);border-color:var(--btn-primary);color:#fff}@media (width<=480px){.modal{padding:20px 16px}.modal-actions{flex-wrap:wrap}.modal-actions-hint{flex-basis:100%}.modal-actions .btn{white-space:nowrap;flex:1}}.lobby-waiting-room{text-align:center}.lobby-waiting-room button{margin-top:16px;padding:10px 20px}.game-options-menu{width:fit-content;margin:0 auto 16px;position:relative}.game-options-dropdown{background:var(--bg);border:1px solid var(--border);min-width:180px;box-shadow:var(--shadow);z-index:5;border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.game-options-dropdown>button{color:var(--text-h);text-align:left;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:14px}.game-options-dropdown>button:hover{background:var(--accent-bg)}.game-page{text-align:left;max-width:480px;margin:0 auto}