.game-library{grid-template-columns:1fr 1fr}.square-art{background-color:#cddaff}.square-art .sq-card-grid{font:700 48px/1.2 'Outfit',sans-serif;letter-spacing:8px;color:#182c52;white-space:pre;text-align:center}.sq-intro h1{font-size:clamp(40px,6vw,64px);margin:0 0 12px}.sq-intro p{font-size:16px}.sq-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sq-entry-grid label{display:block;margin-bottom:8px;font-size:16px}.sq-entry-grid input,.sq-entry-grid select{width:100%;box-sizing:border-box;margin:0 0 16px;min-height:44px}.sq-entry-grid>div{padding:20px;border:1px solid #cbd1db;border-radius:12px}.sq-entry-grid small{display:block;margin-bottom:16px;font-size:14px}.sq-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.sq-player{border:2px solid #a8b3c8;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:16px;overflow-wrap:anywhere}.sq-player strong{font-size:30px}.sq-player[data-player="1"]{background:#e8edff;color:#2444b4}.sq-player[data-player="2"]{background:#ffebda;color:#8c3b09}.sq-current{border-color:#182c52;box-shadow:3px 3px 0 #182c52}.sq-status{font-size:20px;font-weight:700;min-height:28px;margin:16px 0}.sq-room-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sq-room-bar strong{letter-spacing:3px;font-size:20px}.sq-board-wrap{max-width:610px;margin:25px auto;padding:20px;background:white;border:2px solid #182c52;border-radius:16px}.sq-board{position:relative;aspect-ratio:1;margin:4px}.sq-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#182c52;transform:translate(-50%,-50%);pointer-events:none;z-index:3}.sq-box{position:absolute;width:calc(100% / var(--n));height:calc(100% / var(--n));display:grid;place-items:center;font-size:14px;font-weight:700;transition:background .15s}.sq-box[data-owner="1"]{background:#dce4ff;color:#2444b4}.sq-box[data-owner="2"]{background:#ffe3ca;color:#8c3b09}.sq-line{position:absolute;border:0;background:transparent;border-radius:3px;padding:0;transform:translate(-50%,-50%);z-index:2;box-shadow:none;touch-action:manipulation;min-height:0;min-width:0}.sq-h{width:calc(100% / var(--n) - 12px);height:26px}.sq-v{height:calc(100% / var(--n) - 12px);width:26px}.sq-line::after{content:'';display:block;position:absolute;background:#d6dce8;border-radius:3px}.sq-h::after{height:4px;width:100%;top:11px;left:0}.sq-v::after{width:4px;height:100%;left:11px;top:0}.sq-line:disabled{opacity:1;cursor:default}.sq-line[data-owner="1"]::after{background:#4264e8}.sq-line[data-owner="2"]::after{background:#b9530c}.sq-line:not(:disabled):hover::after{background:#8b9edb}.sq-line:focus-visible{outline:3px solid #182c52;outline-offset:1px}.sq-help{font-size:16px;line-height:1.6;margin-top:24px}.sq-help summary{cursor:pointer;font-weight:700}.sq-help li{margin:8px 0}.sq-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.sq-new{display:inline-block;padding:12px 18px;text-decoration:none;border-radius:9px;margin:12px 0}.sq-player span:first-child{display:block;font-size:14px}.sq-player b{display:block}.sq-instructions{font-size:14px;color:#53617b}#squareView [hidden]{display:none!important}@media(max-width:700px){.game-library,.sq-entry-grid{grid-template-columns:1fr}.sq-player{padding:10px;font-size:14px}.sq-board-wrap{padding:14px;margin:20px auto}.sq-box{font-size:12px}.sq-dot{width:7px;height:7px}.sq-h{height:24px}.sq-v{width:24px}.sq-h::after{top:10px}.sq-v::after{left:10px}.sq-entry-grid>div{padding:15px}}
/* Square-It: clubhouse theme, scoped to the game. */
body.square-theme{background-color:#fffdf7;background-image:radial-gradient(ellipse at 5% 0%,#4264e808,transparent 55%),radial-gradient(ellipse at 100% 90%,#ffd8570a,transparent 50%),radial-gradient(#182c5212 .6px,transparent .6px);background-size:auto,auto,20px 20px;color:#182c52;min-height:100vh;color-scheme:light}
.square-theme>header{display:flex}.square-theme main{max-width:1080px;padding:28px 40px 0}.square-theme footer{border-color:#cbd1db;color:#68758a}.square-theme .footer-brand{color:#182c52}.square-theme .game-nav{margin:0 0 16px;font-size:12px}.square-theme .game-nav>a{color:#4264e8}.square-theme .game-nav>span{color:#68758a;font-size:12px;letter-spacing:1px}
#squareView{--p1:#766bff;--p2:#30b9e5}#squareView .sq-intro h1{font-size:44px;letter-spacing:-1.5px;margin-bottom:10px;color:#182c52}#squareView .sq-intro h1 span{color:#4264e8!important}#squareView .sq-intro p{color:#68758a;margin:0 0 34px;font-size:17px;letter-spacing:.3px}
#sqSetup,#sqMatch{background:linear-gradient(125deg,#ffffff,#fffdf7);border:1px solid #cbd1db;border-radius:22px;padding:34px;box-shadow:0 20px 70px #0002,inset 0 1px #ffffff03}.sq-profile{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e0e5ee;padding-bottom:26px;margin-bottom:28px}.sq-name-field{width:50%}#squareView label{color:#62708a;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.4px;display:block;margin-bottom:10px}#squareView input:not([type=radio]),#squareView select{color:#182c52;background:#f7f9fd;border:1px solid #cbd3e1;border-radius:10px;width:100%;min-height:44px;padding:11px 14px;font:500 14px 'DM Sans',sans-serif;outline:none;box-shadow:inset 0 1px 3px #0002}#squareView input::placeholder{color:#778399}#squareView input:focus,#squareView select:focus{border-color:#4264e8;box-shadow:0 0 0 3px #4264e822}
.sq-colors{display:flex;gap:9px;align-items:center;border:0;padding:0;margin:0}.sq-colors legend{float:left;padding:7px 14px 7px 0;font-size:12px;color:#62708a}.sq-colors label{position:relative;margin:0!important;width:24px;height:24px}.sq-colors input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.sq-colors span{display:block;width:24px;height:24px;border-radius:7px;background:var(--swatch);opacity:.8;pointer-events:none}.sq-colors input:checked+span{opacity:1;outline:2px solid #9b95ef;outline-offset:3px;box-shadow:0 0 16px #7768ff40}.sq-colors input:focus-visible+span{outline:3px solid white;outline-offset:4px}
#squareView .sq-entry-grid{gap:28px}#squareView .sq-entry-grid>div{display:flex;flex-direction:column;padding:24px;border:1px solid #d5dce7;border-radius:14px;background:linear-gradient(145deg,#ffffff,#f5f7fc)}.sq-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.sq-card-heading h2{font-size:23px;letter-spacing:-.6px;color:#182c52}.sq-card-heading h2:before{content:'';display:inline-block;width:8px;height:8px;background:#7b6bff;border-radius:50%;margin-right:9px}.sq-guest .sq-card-heading h2:before{background:#30b9e5}.sq-card-heading>span{color:#4264e8;background:#4264e812;border:1px solid #4264e820;border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap;padding:5px 7px}.sq-guest .sq-card-heading>span{color:#24768e;background:#24768e10;border-color:#24768e20}.sq-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}#squareView .sq-label-row label{margin:0}.sq-label-row>span{font:11px monospace;color:#4264e8}.sq-label-row button{background:none;border:0;padding:0;color:#24768e;font-size:12px}.sq-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.sq-presets button{border:1px solid #cbd3e1;background:#f0f3f9;color:#53617b;border-radius:9px;padding:10px 4px;font-size:13px;font-weight:700}.sq-presets button[aria-pressed=true]{background:#4264e8;color:white;border-color:#3154ce;box-shadow:0 4px 17px #4264e825}#squareView .sq-entry-grid small{font-size:13px;color:#68758a;line-height:1.6;margin:4px 0 22px}#squareView .sq-entry-grid select,#squareView .sq-entry-grid input{margin-bottom:15px}.sq-card-action{margin-top:auto;border-top:1px solid #e2e6ee;padding-top:16px}#squareView .primary{width:auto;padding:13px 20px;font-size:14px;border:1px solid #3154ce;background:linear-gradient(110deg,#4264e8,#5575ef);color:white;box-shadow:0 6px 20px #4264e820;border-radius:9px}#squareView .primary:hover{filter:brightness(1.13)}#squareView .secondary{width:auto;padding:13px 20px;background:#eef2f9;border:1px solid #cbd3e1;border-radius:9px;color:#182c52;font-size:14px;box-shadow:none}#squareView .secondary span{color:#24768e;margin-left:12px}#squareView .primary span{margin-left:12px}
#squareView .sq-help{background:#ffffffaa;border:1px solid #d5dce7;border-radius:12px;margin-top:28px;padding:20px 24px;color:#68758a;font-size:14px}#squareView .sq-help summary{color:#182c52;font-weight:500;font-size:14px}#squareView .sq-help summary::marker{color:#4264e8}#squareView .sq-help summary span{float:right;color:#778399;font:11px monospace;letter-spacing:1.2px}.sq-help p{line-height:1.7}
#sqMatch{padding:26px}.sq-room-bar{color:#68758a;font-size:13px}.sq-room-bar strong{color:#182c52}.square-theme .quiet{color:#4264e8}.sq-player[data-player="1"],.sq-player[data-player="2"]{background:#f7f9fd;color:#182c52;border:1px solid #cbd3e1;box-shadow:none}.sq-player[data-player="1"] strong,.sq-player[data-player="1"] span{color:var(--p1)}.sq-player[data-player="2"] strong,.sq-player[data-player="2"] span{color:var(--p2)}.sq-player.sq-current{border-color:#4264e8;box-shadow:0 0 0 1px #4264e855,0 4px 25px #4264e812}.sq-status{color:#182c52;font-size:18px}.sq-instructions,.sq-foot{color:#68758a}.sq-board-wrap{background:#ffffff;border:1px solid #cbd3e1;box-shadow:0 0 40px #4264e80d}.sq-dot{background:#182c52}.sq-line::after{background:#d6dce8}.sq-line[data-owner="1"]::after{background:var(--p1)}.sq-line[data-owner="2"]::after{background:var(--p2)}.sq-box[data-owner="1"]{background:color-mix(in srgb,var(--p1) 22%,#ffffff);color:var(--p1)}.sq-box[data-owner="2"]{background:color-mix(in srgb,var(--p2) 22%,#ffffff);color:var(--p2)}.sq-line:not(:disabled):hover::after{background:#8b9edb}.sq-line:focus-visible{outline-color:#182c52}#squareView .room-error{color:#9a2445;background:#fff0f3;border:1px solid #edbfd0;padding:12px;border-radius:8px}#squareView button:disabled{opacity:.5}.sq-line:disabled{opacity:1!important}
@media(max-width:850px){.square-theme main{padding:24px 24px 0}#sqSetup{padding:24px}.sq-card-heading{align-items:flex-start;flex-direction:column;gap:10px}.sq-card-heading h2{font-size:22px}.sq-label-row>span{font-size:10px}.sq-profile{gap:20px}.sq-name-field{width:55%}}
@media(max-width:650px){.square-theme main{padding:20px 16px 0}.square-theme .game-nav>span{display:none}#squareView .sq-intro h1{font-size:38px}#squareView .sq-intro p{font-size:15px;margin-bottom:24px}#sqSetup,#sqMatch{padding:20px 16px;border-radius:16px}.sq-profile{flex-direction:column;align-items:stretch;gap:20px}.sq-name-field{width:100%}.sq-colors{align-self:flex-start}#squareView .sq-entry-grid{grid-template-columns:1fr;gap:18px}#squareView .sq-entry-grid>div{padding:20px}.sq-card-heading{flex-direction:row;align-items:center}.sq-label-row>span{font-size:11px}#squareView .sq-help{padding:18px 16px}#squareView .sq-help summary span{font-size:9px;letter-spacing:0}.sq-foot{font-size:12px}.square-theme footer{font-size:10px}}
.sq-card-action{display:flex;gap:12px;flex-wrap:wrap}.sq-computer{flex:1}

.sq-player{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;min-width:0}.sq-player>div{min-width:0}.sq-player b{overflow-wrap:anywhere}.sq-player>strong{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;line-height:1.2;font-size:30px;min-width:3ch;overflow-wrap:normal}.sq-box{padding:3px;overflow:hidden;line-height:1.15}.sq-box>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:12px}.sq-reactions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 8px}.sq-reactions>span{font-size:14px;color:#68758a;margin-right:5px}.sq-reactions button{width:42px;height:42px;border:1px solid #cbd3e1;border-radius:10px;background:#fffdf7;font-size:23px;padding:4px;transition:transform .15s}.sq-reactions button:hover{background:#edf1ff;transform:translateY(-2px)}.sq-reaction-feed{min-height:38px;display:flex;flex-wrap:wrap;gap:8px}.sq-reaction-chip{border:1px solid #d5dce7;background:#f0f3fc;border-radius:20px;padding:7px 12px;font-size:14px;overflow-wrap:anywhere;max-width:100%}@media(max-width:650px){.sq-player{grid-template-columns:minmax(0,1fr) max-content;gap:6px}.sq-player>strong{min-width:2.5ch;font-size:26px}.sq-player span:first-child{font-size:12px}.sq-box{padding:2px}.sq-box>span{-webkit-line-clamp:2;font-size:12px}.sq-reactions{gap:6px}.sq-reactions>span{width:100%}}

#sqEmojiBurst{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1000}.sq-emoji-float{position:absolute;left:var(--x);bottom:6%;font-size:var(--size);line-height:1.2;opacity:0;animation:sq-emoji-rise 2.8s var(--delay) ease-out forwards;will-change:transform,opacity}.sq-emoji-static{position:absolute;left:50%;top:45%;font-size:60px;transform:translate(-50%,-50%)}@keyframes sq-emoji-rise{0%{opacity:0;transform:translate(0,40px) scale(.6) rotate(-12deg)}15%{opacity:1}65%{opacity:.9}100%{opacity:0;transform:translate(var(--drift),-65vh) scale(1.25) rotate(18deg)}}@media(prefers-reduced-motion:reduce){.sq-emoji-float{animation:none}}
.sq-dice-turn{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem 0}.sq-dice-turn[hidden]{display:none}.sq-dice-turn span{font-size:1rem;line-height:1.4}
.sq-die-stage{width:78px;height:78px;display:grid;place-items:center;flex:none;perspective:340px;filter:drop-shadow(0 10px 8px #182c5233)}.sq-die-cube{width:56px;height:56px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.sq-face{position:absolute;inset:0;border:1px solid #cbd3e1;border-radius:10px;background-color:#fff;box-shadow:inset 0 2px 6px #dfe6f4,0 1px 3px #182c5220;backface-visibility:hidden}.sq-face-1{transform:translateZ(28px);background-image:radial-gradient(circle at 50% 50%,#30477d 4px,transparent 5px)}.sq-face-6{transform:rotateY(180deg) translateZ(28px);background-image:radial-gradient(circle at 25% 23%,#30477d 4px,transparent 5px),radial-gradient(circle at 75% 23%,#30477d 4px,transparent 5px),radial-gradient(circle at 25% 50%,#30477d 4px,transparent 5px),radial-gradient(circle at 75% 50%,#30477d 4px,transparent 5px),radial-gradient(circle at 25% 77%,#30477d 4px,transparent 5px),radial-gradient(circle at 75% 77%,#30477d 4px,transparent 5px)}.sq-face-3{transform:rotateY(90deg) translateZ(28px);background-image:radial-gradient(circle at 25% 23%,#30477d 4px,transparent 5px),radial-gradient(circle at 50% 50%,#30477d 4px,transparent 5px),radial-gradient(circle at 75% 77%,#30477d 4px,transparent 5px)}.sq-face-4{transform:rotateY(-90deg) translateZ(28px);background-image:radial-gradient(circle at 25% 23%,#30477d 4px,transparent 5px),radial-gradient(circle at 75% 23%,#30477d 4px,transparent 5px),radial-gradient(circle at 25% 77%,#30477d 4px,transparent 5px),radial-gradient(circle at 75% 77%,#30477d 4px,transparent 5px)}.sq-face-2{transform:rotateX(90deg) translateZ(28px);background-image:radial-gradient(circle at 25% 23%,#30477d 4px,transparent 5px),radial-gradient(circle at 75% 77%,#30477d 4px,transparent 5px)}.sq-face-5{transform:rotateX(-90deg) translateZ(28px);background-image:radial-gradient(circle at 25% 23%,#30477d 4px,transparent 5px),radial-gradient(circle at 75% 23%,#30477d 4px,transparent 5px),radial-gradient(circle at 50% 50%,#30477d 4px,transparent 5px),radial-gradient(circle at 25% 77%,#30477d 4px,transparent 5px),radial-gradient(circle at 75% 77%,#30477d 4px,transparent 5px)}.sq-die-stage.sq-rolling{animation:sq-die-hop .58s ease-in-out infinite}.sq-die-stage.sq-rolling .sq-die-cube{animation:sq-die-tumble .58s linear infinite}.sq-die-stage.sq-landing .sq-die-cube{animation:sq-die-land .7s cubic-bezier(.2,.75,.2,1) both}@keyframes sq-die-tumble{to{transform:rotateX(360deg) rotateY(540deg) rotateZ(45deg)}}@keyframes sq-die-hop{50%{transform:translateY(-13px);filter:drop-shadow(0 18px 11px #182c522b)}}@keyframes sq-die-land{from{transform:rotateX(calc(var(--rx,0deg) + 360deg)) rotateY(calc(var(--ry,0deg) + 270deg)) scale(1.2)}70%{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(.9)}to{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1)}}@media(prefers-reduced-motion:reduce){.sq-die-stage.sq-rolling,.sq-die-stage.sq-rolling .sq-die-cube,.sq-die-stage.sq-landing .sq-die-cube{animation:none}}
.sq-mode-choices{border:0;padding:0;margin:0 0 16px;min-width:0}.sq-mode-choices legend{color:#62708a;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.4px;margin-bottom:10px}.sq-mode-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#squareView .sq-mode-tile{position:relative;margin:0;color:#182c52;text-transform:none;letter-spacing:0;cursor:pointer}#squareView .sq-mode-tile input{position:absolute;width:1px;height:1px;margin:0;opacity:0}#squareView .sq-mode-tile span{display:block;height:100%;box-sizing:border-box;padding:14px;border:2px solid #cbd3e1;border-radius:12px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}#squareView .sq-mode-tile strong{display:block;font-size:16px;margin-bottom:7px}#squareView .sq-mode-tile small{display:block;margin:0;color:#53617b;font-size:13px;line-height:1.45}#squareView .sq-mode-tile input:checked+span{border-color:#4264e8;background:#eef2ff;box-shadow:0 3px 14px #4264e81c}#squareView .sq-mode-tile input:focus-visible+span{outline:3px solid #182c52;outline-offset:2px}@media(max-width:430px){.sq-mode-tiles{grid-template-columns:1fr}}