:root{--bg:#0f1117;--bg-soft:#171512;--text:#f3f5fb;--muted:#b5aa9d;--accent:#f7ae18;--border:#322c26;--radial-highlight:color-mix(in oklab, var(--accent) 32%, #1a1610)}:root[data-theme=light]{--bg:#f8f6f3;--bg-soft:#fff;--text:#141821;--muted:#5a544b;--accent:#f7ae18;--border:#e8e4dc;--radial-highlight:color-mix(in oklab, var(--accent) 13%, #fffaf2)}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0%, var(--radial-highlight), var(--bg) 42%);color:var(--text);margin:0}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{max-width:1100px;margin:0 auto;padding:24px}.home{place-items:center;min-height:100vh;display:grid}.card,.topBar,.trayBtn,.hexCell,input,button{background:var(--bg-soft);border:1px solid var(--border);color:var(--text)}.card{box-sizing:border-box;border-radius:16px;padding:24px}.home .card{width:min(720px,100%);margin-inline:auto}.row{flex-wrap:wrap;gap:10px;display:flex}input,button{border-radius:10px;padding:10px 12px}button{cursor:pointer}.themeBtn{position:fixed;top:16px;right:16px}.themeToggleIcon{width:36px;height:36px;color:var(--text);background:color-mix(in oklab, var(--bg-soft) 72%, transparent);border:1px solid color-mix(in oklab, var(--border) 50%, transparent);border-radius:10px;place-items:center;padding:0;display:inline-grid}.themeToggleIcon:hover{border-color:color-mix(in oklab, var(--accent) 45%, var(--border))}.themeToggleIcon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebarToolbar{flex-direction:row;flex-shrink:0;align-items:center;gap:6px;display:flex}.sidebarToolbar .themeToggleIcon{flex-shrink:0}.themeToggleIcon.themeToggleIconCopied{border-color:color-mix(in oklab, var(--accent) 72%, var(--border));color:var(--accent)}.themeToggleIcon svg{width:18px;height:18px}.topBar{border-radius:12px;justify-content:space-between;margin-bottom:12px;padding:14px;display:flex}.message{color:var(--muted)}.boardWrap{gap:14px;display:grid}.gameShell{background:radial-gradient(ellipse at calc(50% + min(150px, 19vw)) 22%, var(--radial-highlight) 0%, var(--bg) 72%);flex-direction:row;display:flex;position:fixed;inset:0}.gameSidebar{background:0 0;flex-direction:column;flex-shrink:0;width:min(300px,38vw);padding:16px;display:flex;overflow-y:auto}.sidebarInset{border:1px solid color-mix(in oklab, var(--border) 85%, transparent);background:color-mix(in oklab, var(--bg-soft) 65%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex}.sidebarInsetTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebarStatus{background:0 0;border:none;border-radius:0;margin:0;padding:0}.sidebarTitle{flex:1;min-width:0;margin:0;font-size:1.15rem;font-weight:700}.sidebarMeta{color:var(--text);margin:0 0 4px;font-size:13px}.sidebarMono{word-break:break-all;font-family:ui-monospace,monospace;font-size:12px}.sidebarMessage{margin:10px 0 0;font-size:13px}.sidebarTrayLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:-4px;font-size:11px}.sidebarTray{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gameBoardPane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.hiveBoardRoot{flex-direction:column;flex:1;min-height:0;display:flex}.canvasWrapper{background:radial-gradient(ellipse at 50% 20%, var(--radial-highlight) 0%, var(--bg) 70%);border:1px solid var(--border);border-radius:16px;width:100%;height:560px;overflow:hidden}.hiveCanvasFill{background:0 0;border:none;border-radius:0;flex:1;height:auto;min-height:0}:root[data-theme=light] .canvasWrapper.hiveCanvasFill{background:0 0}.boardActions{gap:10px;margin:10px 0 14px;display:flex}.boardActions .activeAction{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.tray{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.trayBtn{border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.trayBtn.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.trayBtn:disabled{opacity:.5;cursor:not-allowed}.trayIcon{object-fit:contain;width:32px;height:32px}:root[data-theme=dark] .trayIcon{filter:invert()}.trayLabel{color:var(--muted);text-transform:capitalize;font-size:11px}.trayCount{font-size:14px;font-weight:700}.hexField{touch-action:manipulation;margin:0 auto;position:relative}.hexCell{isolation:isolate;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:color-mix(in oklab, var(--bg-soft) 88%, var(--border));cursor:pointer;box-shadow:inset 0 0 0 1px var(--border);border:none;place-items:center;padding:0;display:grid;position:absolute}.hexCell.legal{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 45%, var(--border))}.hexCell.legal:before{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:2px solid color-mix(in oklab, var(--accent) 75%, var(--bg-soft));pointer-events:none;position:absolute;inset:2px}.hexCell.selected{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 2px color-mix(in oklab, var(--accent) 35%, transparent)}.hexCell:hover{background:color-mix(in oklab, var(--bg-soft) 75%, var(--accent))}.hexCell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hexCell.occupied{background:color-mix(in oklab, var(--bg-soft) 55%, var(--accent))}.token{border-radius:999px;place-items:center;width:72%;height:72%;display:grid;box-shadow:0 10px 25px #00000040}.token[data-owner=white]{background:linear-gradient(180deg, #fff, color-mix(in oklab, var(--accent) 9%, #f0eae2));color:#161310;box-shadow:0 10px 25px #0000002e,inset 0 0 0 1px #16110e26}.token[data-owner=black]{color:#f3f5fb;background:linear-gradient(#242018,#0f1117);box-shadow:0 10px 25px #00000059,inset 0 0 0 1px #f3f5fb1f}.stackCount{color:var(--muted);pointer-events:none;font-size:10px;position:absolute;bottom:6px;right:22%}.icon{width:20px;height:20px}@media (max-width:700px){html{overflow-x:hidden}.container.home{padding:max(14px, env(safe-area-inset-left,0px)) max(14px, env(safe-area-inset-right,0px)) max(22px, env(safe-area-inset-bottom,0px));padding-top:max(52px, env(safe-area-inset-top,0px));box-sizing:border-box;max-width:100vw}.home{place-items:start center;min-height:100vh}.home .card{width:100%;max-width:100%;padding:18px}.home .row{flex-direction:column;align-items:stretch}.home .row input,.home .row button{box-sizing:border-box;width:100%;min-height:44px}.gameShell{background:radial-gradient(ellipse at 50% 32%, var(--radial-highlight) 0%, var(--bg) 72%);flex-direction:column-reverse}.gameSidebar{box-sizing:border-box;width:100%;max-width:100%;max-height:min(54vh,440px);padding:12px 12px max(12px, env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex-shrink:0;overflow:hidden auto}.gameBoardPane{flex:1;min-height:0}.sidebarInset{gap:10px;padding:10px}.sidebarInsetTop{flex-wrap:wrap;gap:8px 6px}.sidebarTitle{font-size:1.05rem}.sidebarToolbar{gap:4px;margin-left:auto}.sidebarMeta,.sidebarMessage{font-size:12px}.sidebarTrayLabel{font-size:10px}.sidebarTray{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.trayBtn{border-radius:10px;min-height:auto;padding:8px 4px}.trayIcon{width:26px;height:26px}.trayLabel{font-size:9px}.trayCount{font-size:12px}.themeToggleIcon{border-radius:9px;width:34px;height:34px}.themeToggleIcon svg{width:16px;height:16px}}
@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8298327da6d5bcce-s.132ro2ak-rvxq.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2b402d8aebffd579-s.0dskwooysu3cf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a88409fdd7dc121c-s.0ir_pxtv760h..woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.0fzkl03jw-sdz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat Fallback;src:local(Arial);ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.0%;size-adjust:112.83%}.montserrat_9756102b-module__gs4hVa__className{font-family:Montserrat,Montserrat Fallback;font-style:normal}