.link-confirmation-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.link-confirmation-container{position:relative;isolation:isolate;width:min(500px,calc(100vw - 48px));border-radius:16px;display:flex;flex-direction:column;overflow:hidden;background:#28283073;backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff14;animation:linkConfirmationFadeIn .25s ease-out}.link-confirmation-container:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:conic-gradient(from 135deg at 50% 50%,#fff3,#ffffff0f 60deg,#ffffff03 120deg 180deg,#ffffff03 240deg,#ffffff0f,#fff3 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}@keyframes linkConfirmationFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.link-confirmation-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.link-confirmation-header h3{color:#fff;font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.link-confirmation-close{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;font-size:18px;line-height:1;color:#ffffffb3;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .15s ease}.link-confirmation-close:hover{background:#ffffff1a;border-color:#ffffff29;color:#fff}.link-confirmation-content{padding:24px;display:flex;flex-direction:column;gap:20px}.link-confirmation-message{color:#ffffffb3;font-size:14px;margin:0;line-height:1.5}.link-confirmation-url-container{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px 14px;overflow-x:auto}.link-confirmation-url{color:#00aff4;font-size:13px;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;word-break:break-all;display:block}.link-confirmation-toggle-group{display:flex;align-items:center;justify-content:space-between;gap:16px}.link-confirmation-toggle-content{flex:1;min-width:0}.link-confirmation-toggle-content label{color:#fff;font-size:14px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.link-confirmation-toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.link-confirmation-toggle-switch input{opacity:0;width:0;height:0}.link-confirmation-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);transition:all .15s ease;border-radius:8px}.link-confirmation-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:transform .15s ease;border-radius:6px}.link-confirmation-toggle-switch input:checked+.link-confirmation-toggle-slider{background:#4a7c5999;border-color:#90ee9066}.link-confirmation-toggle-switch input:checked+.link-confirmation-toggle-slider:before{transform:translate(24px)}.link-confirmation-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:12px}.link-confirmation-cancel-button,.link-confirmation-confirm-button{padding:10px 18px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.link-confirmation-cancel-button{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.link-confirmation-cancel-button:hover{background:#ffffff1a;border-color:#ffffff29;color:#fff}.link-confirmation-confirm-button{background:#4a7c594d;border:1px solid rgba(74,124,89,.4);color:#fff}.link-confirmation-confirm-button:hover{background:#4a7c5973;border-color:#4a7c598c}.link-confirmation-container-danger{border-color:#ed424573;box-shadow:0 8px 32px #00000059,0 0 24px #ed42452e,inset 0 1px #ffffff14}.link-confirmation-danger{background:#ed42451f;border:1px solid rgba(237,66,69,.4);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.link-confirmation-danger-heading{color:#ed4245;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.link-confirmation-danger-heading:before{content:"⚠";font-size:16px;line-height:1}.link-confirmation-danger-body{color:#ffffffd9;font-size:13px;line-height:1.5;margin:0}.link-confirmation-confirm-button-danger{background:#ed42454d;border-color:#ed424566}.link-confirmation-confirm-button-danger:hover{background:#ed424573;border-color:#ed42458c}@media (max-width: 768px){.link-confirmation-container{width:calc(100vw - 32px)}.link-confirmation-header{padding:16px 18px}.link-confirmation-content{padding:18px}.link-confirmation-footer{padding:14px 18px}}.server-icon-initials{display:flex;align-items:center;justify-content:center}.server-icon-initials .server-icon-initials-text{color:#fff;font-weight:600;line-height:1;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.battleship-board{position:relative;display:grid;aspect-ratio:1;width:100%;-webkit-user-select:none;user-select:none}.battleship-board.board-disabled{opacity:.7}.battleship-board .battleship-label{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#9ea6b3}.battleship-board .battleship-cell{position:relative}.battleship-board .battleship-cell .battleship-cell-water{position:absolute;inset:1.5px;border-radius:6px;background:#deedf7}.battleship-board.board-clickable .battleship-cell{cursor:pointer}.battleship-board .battleship-board-overlay{position:absolute;inset:0;pointer-events:none}.battleship-board .battleship-board-overlay>div{position:absolute}.battleship-board .battleship-ship-span .battleship-ship-capsule{position:absolute;inset:3px;border-radius:999px;background:#cccad4}.battleship-board .battleship-dot-cell .battleship-dot{position:absolute;left:30%;top:30%;width:40%;height:40%;border-radius:50%}.battleship-board .battleship-dot.ship{background:#a8a6b3}.battleship-board .battleship-dot.hit{background:#e32e59}.battleship-board .battleship-dot.miss{background:#6bb3f0}.battleship-board .battleship-highlight-cell .battleship-highlight-ring{position:absolute;inset:2.5px;border-radius:6px;border:2.5px solid #facc4d}.battleship-board.board-combined .battleship-ship-span .battleship-ship-capsule{background:#8c94a661}.battleship-board.board-combined .battleship-ship-span.sunk .battleship-ship-capsule{background:#e32e591f;border:2px solid rgba(227,46,89,.5)}.battleship-board.board-combined .battleship-dot.miss{left:34%;top:34%;width:32%;height:32%;background:#ffffffeb}.battleship-board .battleship-x{position:absolute;inset:0}.battleship-board .battleship-x:before,.battleship-board .battleship-x:after{content:"";position:absolute;left:50%;top:50%;border-radius:2px}.battleship-board .battleship-x:before{transform:translate(-50%,-50%) rotate(45deg)}.battleship-board .battleship-x:after{transform:translate(-50%,-50%) rotate(-45deg)}.battleship-board .battleship-x.on-ship:before,.battleship-board .battleship-x.on-ship:after{width:64%;height:12%;background:#f0704f}.battleship-board .battleship-x.on-water:before,.battleship-board .battleship-x.on-water:after{width:44%;height:10%;background:#5a667c8c}.battleship-board>.battleship-sunk-flash{position:absolute;pointer-events:none;z-index:3}.battleship-sunk-flash .battleship-sunk-flash-capsule{position:absolute;inset:4%;border-radius:999px;background:#e22e5966;border:3px solid #e22e59;animation:battleshipSunkPulse .55s ease-in-out 3}.battleship-sunk-flash .battleship-sunk-flash-tag{position:absolute;left:50%;top:-6px;transform:translate(-50%,-100%);padding:3px 12px;border-radius:9px;background:#e22e59;color:#fff;font-size:13px;font-weight:900;letter-spacing:.6px;white-space:nowrap;animation:battleshipSunkTagPop .35s cubic-bezier(.2,1.6,.4,1) both}.battleship-sunk-flash .battleship-sunk-ring{position:absolute;inset:4%;border-radius:999px;border:3px solid rgba(226,46,89,.85);opacity:0;animation:battleshipSunkRing .8s ease-out 2}.battleship-sunk-flash .battleship-sunk-ring.second{animation-delay:.25s}@keyframes battleshipSunkRing{0%{transform:scale(1);opacity:.9}to{transform:scale(1.35);opacity:0}}@keyframes battleshipSunkPulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes battleshipSunkTagPop{0%{opacity:0;transform:translate(-50%,-100%) scale(.3)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.battleship-placement{position:relative;display:flex;flex-direction:column;gap:10px;touch-action:none;-webkit-user-select:none;user-select:none}.battleship-placement .battleship-placement-board .battleship-cell{cursor:default}.battleship-placement .battleship-ship-capsule.selected{box-shadow:0 0 0 2.5px #facc4d}.battleship-placement .battleship-ship-capsule.ghost-valid{background:#339e5c80}.battleship-placement .battleship-ship-capsule.ghost-invalid{background:#e32e5980}.battleship-placement .battleship-floating-ghost{position:absolute;border-radius:999px;background:#cccad499;pointer-events:none;z-index:5}.battleship-placement .battleship-tray{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-height:34px;padding:4px 2px}.battleship-placement .battleship-tray-ship{display:flex;align-items:center;justify-content:space-around;height:26px;border-radius:999px;background:#cccad4;cursor:grab;flex-shrink:0}.battleship-placement .battleship-tray-ship.selected{box-shadow:0 0 0 2px #facc4d}.battleship-placement .battleship-tray-dot{width:10px;height:10px;border-radius:50%;background:#a8a6b3}.stratego-board{position:relative;display:grid;aspect-ratio:1;width:100%;padding:1.4%;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:16px;overflow:hidden;container-type:inline-size;background-color:#856e42;background-image:url(/app/assets/board-DWYCRg1i.webp);background-size:100% 100%;box-shadow:0 2px 12px #00000059}.stratego-board .stratego-board-grid{position:absolute;inset:1.4%;pointer-events:none}.stratego-board .stratego-board-grid svg{display:block;width:100%;height:100%}.stratego-board .stratego-cell{position:relative}.stratego-board.board-enabled .stratego-cell:not(.lake){cursor:pointer}.stratego-board .stratego-cell.target:after{content:"";position:absolute;inset:13%;border-radius:30%;background:#00000038;backdrop-filter:blur(6px) saturate(1.3);-webkit-backdrop-filter:blur(6px) saturate(1.3);border:1.5px solid rgba(255,255,255,.6);box-sizing:border-box;transition:inset .12s ease,background .12s ease}.stratego-board .stratego-cell.target:hover:after{inset:8%;background:#00000052}.stratego-board .stratego-board-pieces{position:absolute;inset:1.4%;pointer-events:none}.stratego-board .stratego-piece{position:absolute}.stratego-board .stratego-piece.sliding{transition:left .24s ease,top .24s ease;z-index:2}.stratego-board .stratego-piece.landing{animation:stratego-piece-land .32s ease-out}@keyframes stratego-piece-land{0%{transform:scale(1)}35%{transform:scale(1.18)}70%{transform:scale(.95)}to{transform:scale(1)}}.stratego-board .stratego-piece.captured{transition:opacity .32s ease-in,transform .32s ease-in;transition-delay:.1s;opacity:0;transform:scale(1.35)}.stratego-board .stratego-piece-tile{position:absolute;inset:10%;border-radius:1.6cqw;box-sizing:border-box;border:max(1.5px,.39cqw) solid #3a66a8}.stratego-board .stratego-piece.green .stratego-piece-tile{background:linear-gradient(180deg,#7fb1f0,#5a8fd8);border-color:#3a66a8}.stratego-board .stratego-piece.coral .stratego-piece-tile{background:linear-gradient(180deg,#f2938c,#e0756c);border-color:#a84a42}.stratego-board .stratego-piece-art{position:absolute;inset:20.4% 22.8% 25.2%;background:#fffffff2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}.stratego-board .stratego-piece-rank{position:absolute;right:14%;bottom:14%;min-width:3.3cqw;height:2.65cqw;padding:0 .4cqw;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:.85cqw;background:#00000052;color:#fff;font-size:1.9cqw;font-weight:900;line-height:1}.stratego-board .stratego-piece.movable .stratego-piece-tile{box-shadow:0 0 10px 2px #ffd15c73}.stratego-board .stratego-piece.selected .stratego-piece-tile{border-color:#ffd15c;box-shadow:0 0 14px 3px #ffd15ce6}.stratego-board .stratego-piece.attack-mark .stratego-piece-tile,.stratego-board .stratego-piece.attack-mark .stratego-piece-art,.stratego-board .stratego-piece.attack-mark .stratego-piece-rank{opacity:.75}.stratego-board .stratego-piece.attack-mark:before,.stratego-board .stratego-piece.attack-mark:after{content:"";position:absolute;left:calc(50% - max(1.25px,.35cqw));top:16%;bottom:16%;width:max(2.5px,.7cqw);border-radius:999px;background:#e3574a;z-index:1}.stratego-board .stratego-piece.attack-mark:before{transform:rotate(45deg)}.stratego-board .stratego-piece.attack-mark:after{transform:rotate(-45deg)}.share-dest-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:10000}.share-dest-modal{position:relative;display:flex;flex-direction:column;width:440px;max-width:calc(100vw - 40px);max-height:min(640px,calc(100vh - 80px));border-radius:16px;overflow:hidden;isolation:isolate;color:#dcddde;background:#1e1f238c;backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff14}.share-dest-modal:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:conic-gradient(from 135deg at 50% 50%,#fff3,#ffffff0f 60deg,#ffffff03 120deg 180deg,#ffffff03 240deg,#ffffff0f,#fff3 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;z-index:-1}.share-dest-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.share-dest-title{font-size:16px;font-weight:600;color:#fff}.share-dest-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:#72767d;cursor:pointer;transition:background .12s ease,color .12s ease}.share-dest-close:hover{background:#ffffff0f;color:#dcddde}.share-dest-preview{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.share-dest-preview-empty{display:none}.share-dest-preview-node{pointer-events:none}.share-dest-preview-image{display:block;max-height:160px;max-width:100%;border-radius:8px;object-fit:contain;background:#2a2b30}.share-dest-preview-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:6px}.share-dest-preview-chip-icon{display:inline-flex;color:#72767d;flex-shrink:0}.share-dest-preview-chip-text{font-size:14px;color:#b9bbbe;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-dest-preview-contact-avatar{display:inline-flex;flex-shrink:0}.share-dest-preview-contact-avatar .user-img{width:24px;height:24px;min-width:24px;border-radius:50%;font-size:10px}.share-dest-list{flex:1;min-height:0;overflow-y:auto;padding:8px 0}.share-dest-section{display:flex;flex-direction:column}.share-dest-section-row{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.share-dest-section-row:hover{background:#ffffff08}.share-dest-dm-icon,.share-dest-server-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;flex-shrink:0;overflow:hidden}.share-dest-dm-icon{background:#36373c;color:#fff}.share-dest-section-labels{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.share-dest-section-title{font-size:15px;font-weight:500;color:#dcddde;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-dest-section-subtitle{font-size:13px;color:#72767d}.share-dest-chevron{display:inline-flex;color:#72767d;flex-shrink:0}.share-dest-category{padding:6px 16px 4px 40px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#72767d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-dest-row{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.share-dest-row:hover{background:#ffffff08}.share-dest-row.selected{background:#ffffff0d}.share-dest-channel-row{padding:6px 16px 6px 40px}.share-dest-dm-row{padding:6px 16px 6px 20px}.share-dest-hash{font-size:16px;font-weight:500;color:#72767d;width:16px;text-align:center;flex-shrink:0}.share-dest-row.selected .share-dest-hash{color:#dcddde}.share-dest-dm-avatar{width:28px;height:28px;border-radius:4px;overflow:hidden;flex-shrink:0}.share-dest-row-name{flex:1;min-width:0;font-size:14px;color:#b9bbbe;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-dest-row.selected .share-dest-row-name{color:#fff}.share-dest-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border:1.5px solid #4a4d55;border-radius:4px;color:transparent;transition:background .12s ease,border-color .12s ease}.share-dest-check.checked{background:#3ba55d;border-color:#3ba55d;color:#fff}.share-dest-empty-note{padding:8px 16px 8px 40px;font-size:13px;color:#72767d}.share-dest-footer{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.05)}.share-dest-ghost{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0f;color:#72767d;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease,opacity .12s ease}.share-dest-ghost:hover:not(:disabled){color:#b9bbbe}.share-dest-ghost.active{color:#ff9500;background:#ff950026;border-color:#ff950080}.share-dest-ghost:disabled{opacity:.4;cursor:default}.share-dest-send{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;height:44px;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#3ba55de6,#4a7c59e6);border:1px solid rgba(144,238,144,.3);box-shadow:0 2px 8px #3ba55d4d;transition:all .15s ease}.share-dest-send:hover:not(:disabled){background:linear-gradient(135deg,#43b57d,#5a8c69);border-color:#90ee9080;box-shadow:0 4px 12px #3ba55d66}.share-dest-send:disabled{background:linear-gradient(135deg,#356f5a99 0% 100%);border-color:#90ee901f;box-shadow:none;opacity:.5;cursor:default}.share-dest-send.sending{opacity:.75}.share-dest-send-icon{display:inline-flex}.game-invite-friends-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:30px;background:#00000073}.game-invite-friends-card{position:relative;display:flex;flex-direction:column;gap:6px;width:min(330px,calc(100vw - 60px));padding:18px;border-radius:22px;isolation:isolate;background:#28283073;backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff14}.game-invite-friends-card:before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:conic-gradient(from 135deg at 50% 50%,#fff3,#ffffff0f 60deg,#ffffff03 120deg 180deg,#ffffff03 240deg,#ffffff0f,#fff3 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.game-invite-friends-title{font-size:17px;font-weight:700;text-align:center;color:#f2f3f5}.game-invite-friends-subtitle{font-size:12px;text-align:center;color:#ffffff8c;margin-bottom:8px}.game-invite-friends-list{display:flex;flex-direction:column;gap:8px;max-height:min(46vh,380px);overflow-y:auto;margin-bottom:8px}.game-invite-friend-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#f2f3f5;text-align:left;cursor:pointer;transition:all .15s ease}.game-invite-friend-row:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff2e}.game-invite-friend-row:disabled{cursor:default}.game-invite-friend-row.in-room{opacity:.55}.game-invite-friend-avatar{width:36px;height:36px;border-radius:10px;flex-shrink:0;overflow:hidden}.game-invite-friend-avatar .user-img{width:100%;height:100%;border-radius:10px}.game-invite-friend-avatar .user-img-initials{font-size:13px}.game-invite-friend-name{flex:1;min-width:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-invite-friend-tag{display:flex;align-items:center;gap:4px;flex-shrink:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#ffffff73}.game-invite-friend-row.invited .game-invite-friend-tag{color:#4cd964}.game-invite-friends-empty{padding:18px 8px;text-align:center;font-size:13px;color:#ffffff8c}.game-invite-friends-close{height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffa6;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.game-invite-friends-close:hover{background:#ffffff1a}.game-invite-friends-share{width:100%;margin-top:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0f;color:#ffffffd9;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease}.game-invite-friends-share:hover{background:#ffffff1c}.join-code-dialog .join-code-content{display:flex;flex-direction:column;gap:8px}.join-code-dialog .join-code-input{width:100%;box-sizing:border-box;padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0f;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;font-weight:700;letter-spacing:6px;text-align:center;text-transform:uppercase;outline:none;transition:all .15s ease}.join-code-dialog .join-code-input::placeholder{color:#ffffff59}.join-code-dialog .join-code-input:focus{border-color:#4a7c5980;background:#ffffff14}.join-code-dialog .join-code-input.has-error{border-color:#e32e59b3}.join-code-dialog .join-code-error{font-size:12px;line-height:1.35;color:#e06c6c}.tournament-create{display:flex;flex-direction:column;gap:6px;min-width:320px;max-height:60vh;overflow-y:auto}.tournament-create-name{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#00000040;color:#fff;font-size:14px;outline:none;transition:all .15s ease}.tournament-create-name:focus{border-color:#90ee9080;box-shadow:0 0 0 3px #4a7c5933}.tournament-create-name::placeholder{color:#ffffff59}.tournament-create-section{margin-top:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#ffffff73}.tournament-create-group{display:flex;flex-direction:column;gap:6px}.tournament-create-chips{display:flex;flex-wrap:wrap;gap:6px}.tournament-create-chip{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;color:#fffc;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.tournament-create-chip:hover:not(.is-selected):not(.is-blocked){background:#ffffff17}.tournament-create-chip.is-selected{border-color:#90ee9073;background:#4a7c594d;color:#fff}.tournament-create-chip.is-blocked{opacity:.5}.tournament-create-order{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#90ee90d9;color:#16261b;font-size:10px;font-weight:800}.tournament-create-premium{padding:1px 5px;border-radius:5px;background:#e8c4762e;color:#e8c476;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.tournament-create-note{font-size:12px;color:#e8c476}.tournament-create-toggle{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a;color:#ffffffd9;cursor:pointer;text-align:left;transition:all .15s ease}.tournament-create-toggle.is-on{border-color:#90ee904d;background:#4a7c591f}.tournament-create-toggle-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.tournament-create-toggle-title{font-size:13px;font-weight:600}.tournament-create-toggle-sub{font-size:12px;color:#ffffff8c}.tournament-create-switch{position:relative;width:36px;height:20px;flex-shrink:0;border-radius:10px;background:#ffffff26;transition:all .15s ease}.tournament-create-toggle.is-on .tournament-create-switch{background:#4a7c59f2}.tournament-create-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:all .15s ease}.tournament-create-toggle.is-on .tournament-create-knob{left:18px}.tournament-create-summary{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:9px 11px;border-radius:8px;background:#ffffff0a;font-size:12px;line-height:1.5;color:#fff9}.tournament-create-error{padding:8px 11px;border-radius:8px;background:#ed424524;color:#ed4245;font-size:12.5px}.games-picker-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:30px;background:#00000073}.games-picker-card{position:relative;display:flex;flex-direction:column;gap:14px;box-sizing:border-box;width:min(620px,calc(100vw - 60px));max-height:100%;min-height:0;padding:18px;border-radius:22px;isolation:isolate;background:#28283073;backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff14}.games-picker-card:before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:conic-gradient(from 135deg at 50% 50%,#fff3,#ffffff0f 60deg,#ffffff03 120deg 180deg,#ffffff03 240deg,#ffffff0f,#fff3 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.games-picker-title{flex-shrink:0;font-size:17px;font-weight:700;text-align:center;color:#f2f3f5}.games-picker-list{flex:0 1 auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow-y:auto;overscroll-behavior:contain}@media (max-width: 560px){.games-picker-list{grid-template-columns:minmax(0,1fr)}}@media (min-width: 1100px){.games-picker-card{width:min(900px,calc(100vw - 60px))}.games-picker-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.games-picker-row{position:relative;isolation:isolate;display:flex;flex-shrink:0;min-width:0;align-items:center;gap:12px;padding:12px;border-radius:14px;border:none;background:linear-gradient(135deg,#ffffff14,#ffffff05),#14141966;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0f,0 4px 16px #0000004d;color:#f2f3f5;text-align:left;cursor:pointer;transition:all .15s ease}.games-picker-row:before{content:"";position:absolute;inset:0;border-radius:14px;padding:1px;background:conic-gradient(from 135deg at 50% 50%,#ffffff29,#ffffff0d 60deg,#ffffff03 120deg 180deg,#ffffff03 240deg,#ffffff0d,#ffffff29 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.games-picker-row:hover{background:linear-gradient(135deg,#ffffff24,#ffffff0d),#14141966;box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff1a,0 6px 20px #0000005c}.games-picker-row:active{transform:translateY(1px)}.games-picker-icon-tile{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:10px;background:linear-gradient(135deg,#6bb3f0,#3e7bc4);color:#fff}.games-picker-icon-tile.games-picker-board-tile{background:linear-gradient(135deg,#2a3050,#1c2136);border:1px solid rgba(255,255,255,.08);overflow:hidden}.games-picker-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.games-picker-row-name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.games-picker-row-players{font-size:12px;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.games-picker-icon-tile.games-picker-image-tile{background:#0c3a26;border:1px solid rgba(255,255,255,.08);overflow:hidden}.games-picker-tile-image{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.games-picker-row-chevron{display:flex;align-items:center;flex-shrink:0;color:#ffffff73}.games-switch-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#f2f3f5;text-align:left;cursor:pointer;transition:all .15s ease}.games-switch-row:hover{background:#ffffff1a;border-color:#ffffff2e}.games-switch-label{flex:1;font-size:13px;font-weight:600;color:#ffffffa6}.games-switch-name{font-size:13.5px;font-weight:700}.games-picker-cancel{flex-shrink:0;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffa6;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.games-picker-cancel:hover{background:#ffffff1a}.game-pill{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1000;cursor:grab}.game-pill:active{cursor:grabbing}.game-pill .game-pill-inner{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:18px;background:linear-gradient(135deg,#ffffff14,#ffffff05),#1414198c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:none;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0f,0 4px 20px #0006;position:relative;isolation:isolate}.game-pill .game-pill-inner:before{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:conic-gradient(from 135deg at 50% 50%,#ffffff24,#ffffff0d 60deg,#ffffff03 120deg 180deg,#ffffff03 240deg,#ffffff0d,#ffffff24 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.game-pill .game-pill-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,#fff3,#ffffff0f);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff1a,0 1px 4px #0003;color:#fff;flex-shrink:0}.game-pill .game-pill-icon svg{pointer-events:none}.game-pill .game-pill-text{display:flex;flex-direction:column;gap:3px;overflow:hidden}.game-pill .game-pill-title{font-size:12px;font-weight:600;line-height:1.1;color:#e8e9ec;letter-spacing:.1px;white-space:nowrap}.game-pill .game-pill-status{font-size:10px;font-weight:500;line-height:1.1;color:#ffffff8c;white-space:nowrap}.game-overlay .game-emote-backdrop{position:absolute;inset:0;z-index:5;background:transparent}.game-overlay .game-emote-bar{position:absolute;top:60px;left:12px;right:12px;height:84px;z-index:6;box-sizing:border-box;padding:8px 10px;border-radius:20px;background:#282830eb;backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 24px #0006;animation:game-emote-bar-in .18s ease}@keyframes game-emote-bar-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.game-overlay .game-emote-bar-stack{display:flex;align-items:center;gap:8px;height:100%;overflow-x:auto;scrollbar-width:none}.game-overlay .game-emote-bar-stack::-webkit-scrollbar{display:none}.game-overlay .game-emote-tile{flex-shrink:0;width:60px;height:60px;padding:4px;border:none;border-radius:12px;background:#ffffff0d;cursor:pointer;overflow:hidden;transition:background .15s ease,transform .15s ease}.game-overlay .game-emote-tile:hover{background:#ffffff1f;transform:scale(1.06)}.game-overlay .game-emote-tile.loading{cursor:default;animation:game-emote-tile-pulse 1.1s ease-in-out infinite}@keyframes game-emote-tile-pulse{0%,to{background:#ffffff0d}50%{background:#ffffff1c}}.game-overlay .game-emote-bar-stack.guest-emojis{justify-content:space-between;gap:4px}.game-overlay .game-emote-tile.game-emote-emoji-tile{flex:1 1 0;width:auto;min-width:36px;max-width:60px;font-size:30px;line-height:1;color:#fff}.game-overlay .game-emote-tile-gif{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.game-emote-display{position:fixed;left:50%;bottom:78px;transform:translate(-50%);z-index:1200;display:flex;align-items:flex-end;gap:14px;max-width:calc(100vw - 16px);pointer-events:none}.game-emote-display .game-emote-column{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transform:translateY(24px);transition:opacity .32s ease,transform .32s cubic-bezier(.34,1.56,.64,1)}.game-emote-display .game-emote-column.shown{opacity:1;transform:translateY(0)}.game-emote-display .game-emote-column.leaving{opacity:0;transform:translateY(-16px);transition:opacity .3s ease,transform .3s ease}.game-emote-display .game-emote-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 10px;border-radius:9px;background:#292b36f5;color:#fff;font-size:12px;font-weight:700}.game-emote-display .game-emote-gif{width:108px;height:108px;object-fit:contain}.game-emote-display .game-emote-emoji{font-size:64px;line-height:1}.game-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0000008c}.game-overlay .battleship-panel{position:relative;display:flex;flex-direction:column;gap:10px;width:min(480px,calc(100vw - 48px));height:min(780px,calc(100vh - 48px));overflow:hidden;padding:20px 22px 22px;border-radius:22px;isolation:isolate;color:#f2f3f5;background:#28283073;backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff14}.game-overlay .battleship-panel:before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:conic-gradient(from 135deg at 50% 50%,#fff3,#ffffff0f 60deg,#ffffff03 120deg 180deg,#ffffff03 240deg,#ffffff0f,#fff3 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.game-overlay .battleship-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.game-overlay .battleship-buttons{flex-shrink:0}.game-overlay .battleship-header{display:flex;align-items:center;justify-content:space-between}.game-overlay .battleship-header-actions{display:flex;align-items:center;gap:8px}.game-overlay .game-header-left{display:flex;align-items:center;gap:10px;min-width:0}.game-overlay .game-spectate-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;background:#6bb3f026;border:1px solid rgba(107,179,240,.4);color:#6bb3f0}.game-overlay .game-spectate-tag-icon{display:flex;align-items:center}.game-overlay .battleship-title{margin:0;font-size:24px;font-weight:700;color:#f2f3f5}.game-overlay .battleship-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff0f;color:#ffffff8c;cursor:pointer;transition:all .15s ease}.game-overlay .battleship-close-button:hover{background:#ffffff1f;color:#fff}.game-overlay .battleship-status{font-size:16px;font-weight:600;line-height:1.3;color:#6bb3f0}.game-overlay .battleship-substatus{min-height:16px;font-size:13px;line-height:1.35;color:#ffffff8c}.game-overlay .battleship-content>.battleship-board{margin-top:4px;flex-shrink:0}.game-overlay .battleship-content>.battleship-placement{flex-shrink:0}.game-overlay .battleship-turn-row{display:flex;align-items:stretch;gap:10px;flex-shrink:0}.game-overlay .battleship-turn-banner{flex:1;display:flex;align-items:center;justify-content:center;min-height:56px;font-size:15px;font-weight:600;letter-spacing:.2px;text-align:center;color:#ffffff8c}.game-overlay .battleship-turn-banner.yours{font-size:28px;font-weight:800;color:#4cbe7a;text-shadow:0 0 14px rgba(46,158,91,.45);animation:battleshipTurnPulse 2s ease-in-out infinite}@keyframes battleshipTurnPulse{0%,to{text-shadow:0 0 8px rgba(46,158,91,.3);opacity:.92}50%{text-shadow:0 0 22px rgba(46,158,91,.75);opacity:1}}.game-overlay .battleship-legend{display:flex;justify-content:center;gap:22px;flex-shrink:0;margin-top:2px}.game-overlay .battleship-legend-item{display:flex;align-items:center;gap:6px}.game-overlay .battleship-legend-label{font-size:12px;font-weight:500;color:#ffffff8c}.game-overlay .battleship-legend-mark{position:relative;width:12px;height:12px;flex-shrink:0}.game-overlay .battleship-legend-mark.legend-hit:after{content:"";position:absolute;inset:1px;border-radius:50%;background:#e32e59}.game-overlay .battleship-legend-mark.legend-miss:after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:#ffffffeb}.game-overlay .battleship-legend-mark.legend-x:before,.game-overlay .battleship-legend-mark.legend-x:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:2px;border-radius:2px;background:#f0704f}.game-overlay .battleship-legend-mark.legend-x:before{transform:translate(-50%,-50%) rotate(45deg)}.game-overlay .battleship-legend-mark.legend-x:after{transform:translate(-50%,-50%) rotate(-45deg)}.game-overlay .battleship-lobby{display:flex;flex-direction:column;gap:16px;margin-top:8px}.game-overlay .battleship-lobby-players{display:flex;flex-direction:column;gap:8px}.game-overlay .battleship-lobby-seat{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.game-overlay .battleship-lobby-seat.empty{background:transparent;border:1.5px dashed rgba(255,255,255,.16)}.game-overlay .battleship-seat-avatar,.game-overlay .battleship-seat-ghost{width:40px;height:40px;border-radius:10px;flex-shrink:0}.game-overlay .battleship-seat-avatar{overflow:hidden}.game-overlay .battleship-seat-avatar .user-img{width:100%;height:100%;border-radius:10px}.game-overlay .battleship-seat-avatar .user-img-initials{font-size:14px}.game-overlay .battleship-seat-ghost{border:2px dashed rgba(255,255,255,.2);box-sizing:border-box}.game-overlay .battleship-seat-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;color:#f2f3f5}.game-overlay .battleship-lobby-seat.empty .battleship-seat-name{color:#fff6;font-weight:500}.game-overlay .battleship-seat-tag{flex-shrink:0;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#ffffff14;color:#fff9}.game-overlay .battleship-seat-tag.host{background:#6bb3f033;color:#6bb3f0}.game-overlay .battleship-seat-tag.ready{background:#339e5c40;color:#58c07f}.game-overlay .battleship-code-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 18px;border-radius:16px;background:#6bb3f01a;border:1px solid rgba(107,179,240,.28)}.game-overlay .battleship-code-caption{font-size:12px;font-weight:500;text-align:center;color:#6bb3f0}.game-overlay .battleship-code-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:32px;font-weight:800;letter-spacing:8px;margin-right:-8px;color:#f2f3f5;-webkit-user-select:text;user-select:text}.game-overlay .battleship-code-qr{width:180px;height:180px;box-sizing:border-box;margin-top:4px;padding:8px;border-radius:16px;background:#fff;overflow:hidden}.game-overlay .battleship-code-qr svg{display:block;width:100%;height:100%}.game-overlay .battleship-code-qr-caption{font-size:12px;text-align:center;color:#ffffff8c}.game-overlay .game-guest-link{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:4px;padding-top:12px;border-top:1px solid rgba(107,179,240,.2)}.game-overlay .game-guest-link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:180px;height:38px;padding:0 18px;border-radius:10px;border:1px solid rgba(107,179,240,.4);background:#6bb3f02e;color:#f2f3f5;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.game-overlay .game-guest-link-button:hover{background:#6bb3f047;border-color:#6bb3f08c}.game-overlay .game-guest-link-button:disabled{opacity:.6;cursor:progress}.game-overlay .game-guest-link-icon{display:inline-flex;color:#6bb3f0}.game-overlay .game-guest-link-hint{font-size:12px;text-align:center;color:#ffffff8c}.game-overlay .game-guest-tag{flex-shrink:0;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid rgba(232,196,118,.35);background:#e8c47624;color:#e8c476;font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1.4;white-space:nowrap}.game-overlay .battleship-players-row{display:flex;flex-wrap:wrap;gap:8px}.game-overlay .battleship-player-chip{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#ffffff14;font-size:12px;font-weight:600;color:#fff9}.game-overlay .battleship-player-chip.ready{background:#339e5c40;color:#58c07f}.game-overlay .battleship-player-chip-state{font-weight:800}.game-overlay .battleship-howto-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;background:#6bb3f014;border:1px solid rgba(107,179,240,.22)}.game-overlay .battleship-howto-header{display:flex;align-items:center;gap:8px}.game-overlay .battleship-howto-icon{display:flex;align-items:center;color:#6bb3f0}.game-overlay .battleship-howto-title{font-size:15px;font-weight:700;color:#f2f3f5}.game-overlay .battleship-howto-rows{display:flex;flex-direction:column;gap:12px}.game-overlay .battleship-howto-row{display:flex;align-items:center;gap:12px}.game-overlay .battleship-howto-row-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:#1a213d;color:#6bb3f0}.game-overlay .battleship-howto-row-icon.tint-gold{color:#ffd966}.game-overlay .battleship-howto-row-icon.tint-coral{color:#f28c80}.game-overlay .battleship-howto-row-icon.tint-grey{color:#ffffff8c}.game-overlay .battleship-howto-row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.game-overlay .battleship-howto-row-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#f2f3f5}.game-overlay .battleship-howto-row-desc{font-size:12px;line-height:1.4;color:#fff9}.game-overlay .battleship-howto-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:64px;height:64px;flex-shrink:0;box-sizing:border-box;padding:4px;border-radius:8px;background:#1a213d}.game-overlay .battleship-howto-mini-cell{position:relative;border-radius:3px;background:#263054}.game-overlay .battleship-howto-mini-cell.chip-green:after,.game-overlay .battleship-howto-mini-cell.chip-coral:after{content:"";position:absolute;inset:12%;border-radius:50%}.game-overlay .battleship-howto-mini-cell.chip-green:after{background:#6bbf4d}.game-overlay .battleship-howto-mini-cell.chip-coral:after{background:#f28c80}.game-overlay .battleship-howto-mini-cell.chip-win:after{box-shadow:0 0 0 1.5px #ffd966}.game-overlay .battleship-howto-mini-cell.ship{background:#8a93a6}.game-overlay .battleship-howto-mini-cell.hit:after{content:"";position:absolute;inset:18%;border-radius:50%;background:#e14b4b}.game-overlay .battleship-howto-mini-cell.miss:after{content:"";position:absolute;inset:32%;border-radius:50%;background:#ffffffd9}.game-overlay .battleship-howto-mini-cell.dest:after{content:"";position:absolute;inset:22%;border-radius:50%;border:2px dashed rgba(255,255,255,.7);box-sizing:border-box}.game-overlay .battleship-howto-mini-cell.chip-king:after{box-shadow:0 0 0 1.5px #ffd966,0 3px #3d7a2f}.game-overlay .battleship-howto-mini-cell.trail:after{content:"";position:absolute;inset:34%;border-radius:50%;background:#ffd9668c}.game-overlay .battleship-howto-mini-cell.strat-own:after,.game-overlay .battleship-howto-mini-cell.strat-enemy:after,.game-overlay .battleship-howto-mini-cell.strat-flag:after,.game-overlay .battleship-howto-mini-cell.strat-bomb:after{content:"";position:absolute;inset:12%;border-radius:25%}.game-overlay .battleship-howto-mini-cell.strat-own:after{background:#5a8fd8}.game-overlay .battleship-howto-mini-cell.strat-enemy:after{background:#f28c80}.game-overlay .battleship-howto-mini-cell.strat-enemy:before{content:"";position:absolute;inset:38%;z-index:1;border-radius:50%;background:#ffffffd9}.game-overlay .battleship-howto-mini-cell.strat-flag:after{background:#ffd966}.game-overlay .battleship-howto-mini-cell.strat-bomb:after{background:#3c4463;box-shadow:inset 0 0 0 1.5px #ffffff59}.game-overlay .battleship-howto-mini-cell.mem-back:after,.game-overlay .battleship-howto-mini-cell.mem-open:after,.game-overlay .battleship-howto-mini-cell.mem-pair:after{content:"";position:absolute;inset:8%;border-radius:25%}.game-overlay .battleship-howto-mini-cell.mem-back:after{background:#4a7c59;box-shadow:inset 0 0 0 1px #90ee9059}.game-overlay .battleship-howto-mini-cell.mem-open:after{background:#eef0f9}.game-overlay .battleship-howto-mini-cell.mem-pair:after{background:#6bbf4d59;box-shadow:inset 0 0 0 1px #6bbf4dcc}.game-overlay .battleship-howto-mini-cell.mem-pair.coral:after{background:#f28c8059;box-shadow:inset 0 0 0 1px #f28c80cc}.game-overlay .battleship-howto-mini-cell.mem-open:before,.game-overlay .battleship-howto-mini-cell.mem-pair:before{content:"";position:absolute;inset:32%;z-index:1;border-radius:50%;background:#f28c80}.game-overlay .battleship-howto-mini-cell.mem-open.alt:before{background:#6bb3f0}.game-overlay .battleship-howto-mini-cell.mem-pair:before{background:#ffd966}.game-overlay .battleship-howto-overlay{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;padding:28px;background:#00000080}.game-overlay .battleship-howto-overlay .battleship-howto-card{max-width:400px;background:#28283099;backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid rgba(107,179,240,.35);box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff14}.game-overlay .battleship-rotate-row{display:flex;justify-content:flex-end}.game-overlay .battleship-rotate-button{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:none;border-radius:999px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0f;color:#f2f3f5;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.game-overlay .battleship-rotate-button:hover{background:#ffffff24}.game-overlay .battleship-rotate-icon{display:flex;align-items:center}.game-overlay .battleship-buttons{display:flex;gap:12px;margin-top:6px}.game-overlay .battleship-button{flex:1;height:44px;padding:0 18px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease}.game-overlay .battleship-button:hover{filter:brightness(1.08)}.game-overlay .battleship-button:disabled{opacity:.5;cursor:default;filter:none}.game-overlay .battleship-button-invite{background:linear-gradient(135deg,#6bb3f0d9,#3e7bc4d9);border:1px solid rgba(107,179,240,.4);box-shadow:0 2px 8px #3e7bc44d;color:#fff}.game-overlay .battleship-button-shuffle{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff12;color:#f2f3f5}.game-overlay .battleship-button-ready{background:linear-gradient(135deg,#2e9e5be6,#3cae6ae6);border:1px solid rgba(144,238,144,.3);box-shadow:0 2px 8px #2e9e5b4d;color:#fff}.game-overlay .battleship-button-leave{background:#e32e5929;box-shadow:inset 0 0 0 1px #e32e5933;color:#e88}.game-overlay .battleship-ended-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;background:#000000b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.game-overlay .battleship-ended-title{font-size:34px;font-weight:800;line-height:1.2;text-align:center;color:#fff}.game-overlay .battleship-ended-sub{max-width:380px;font-size:16px;line-height:1.4;text-align:center;color:#ffffffb3}.game-overlay .battleship-ended-buttons{display:flex;gap:12px;margin-top:14px}.game-overlay .battleship-ended-buttons .battleship-button{flex:none;width:160px;height:48px}.game-overlay .battleship-boards-row{display:flex;gap:18px;align-items:flex-start;justify-content:center}.game-overlay .battleship-board-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.game-overlay .battleship-board-caption{align-self:center;padding:3px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#ffffff8c;background:#ffffff12;border:1px solid transparent;transition:all .25s ease}.game-overlay .battleship-boards-row.turn-attack .caption-attack{color:#ff8fa8;background:#e22e5929;border-color:#e22e5973}.game-overlay .battleship-boards-row.turn-fleet .caption-fleet{color:#8fc6ff;background:#6bb3f024;border-color:#6bb3f073}.game-overlay .battleship-boards-row.turn-attack .battleship-board-col:nth-child(2) .battleship-board,.game-overlay .battleship-boards-row.turn-fleet .battleship-board-col:nth-child(1) .battleship-board{opacity:.75}.game-overlay .battleship-panel.playing-wide{width:min(860px,calc(100vw - 48px))}@media (max-width: 760px){.game-overlay .battleship-boards-row{flex-wrap:wrap}.game-overlay .battleship-board-col{flex:1 1 100%}}.four-board-frame{background:linear-gradient(180deg,#242c4c,#1a2138);border:1px solid rgba(107,179,240,.14);border-radius:18px;padding:10px;box-shadow:0 10px 28px #00000059,inset 0 1px #ffffff0f}.four-board-frame .four-board{position:relative;display:grid;gap:5px;aspect-ratio:1;width:100%;-webkit-user-select:none;user-select:none}.four-board .four-cell{position:relative}.four-board .four-cell .four-cell-hole{position:absolute;inset:0;border-radius:28%;background:#263054;box-shadow:inset 0 2px 5px #0006,inset 0 -1px #ffffff0d;transition:background .12s ease}.four-board.board-enabled .four-cell{cursor:pointer}.four-board .four-cell.col-hover .four-cell-hole{background:#33406e;box-shadow:inset 0 2px 5px #0000004d,inset 0 0 0 1px #6bb3f040}.four-board .four-cell .four-cell-hole.col-flash{animation:fourColumnFlash .4s ease-out both}@keyframes fourColumnFlash{0%{background:#46548a}to{background:#263054}}.four-board .four-ghost{position:absolute;pointer-events:none}.four-board .four-ghost .four-ghost-disc{position:absolute;inset:12%;border-radius:50%;opacity:.38;animation:fourGhostPulse 1.4s ease-in-out infinite}.four-board .four-ghost .four-ghost-disc.green{background:#6bbf4d;box-shadow:inset 0 0 0 2px #ffffff80}.four-board .four-ghost .four-ghost-disc.coral{background:#f28c80;box-shadow:inset 0 0 0 2px #ffffff80}@keyframes fourGhostPulse{0%,to{opacity:.38}50%{opacity:.2}}.four-board .four-board-stones{position:absolute;inset:0;pointer-events:none}.four-board .four-stone{position:absolute}.four-board .four-stone-disc{position:absolute;inset:12%;border-radius:50%;box-sizing:border-box;box-shadow:inset 0 -3px 6px #00000047,inset 0 3px 5px #ffffff4d,0 2px 4px #00000073}.four-board .four-stone-disc:before{content:"";position:absolute;inset:18%;border-radius:50%;border:2px solid rgba(255,255,255,.85);pointer-events:none}.four-board .four-stone-disc.green{background:radial-gradient(circle at 35% 28%,#90d66c,#6bbf4d,#52a13a);border:2.5px solid #3d7d2b}.four-board .four-stone-disc.coral{background:radial-gradient(circle at 35% 28%,#ffb4a5,#f28c80,#de7261);border:2.5px solid #b1503f}.four-board .four-stone-swoosh{position:absolute;left:26%;right:26%;bottom:50%;height:260%;border-radius:999px;opacity:0;pointer-events:none}.four-board .four-stone-swoosh.green{background:linear-gradient(to top,#6bbf4d80,#6bbf4d00)}.four-board .four-stone-swoosh.coral{background:linear-gradient(to top,#f28c8080,#f28c8000)}.four-board .four-stone-ripple{position:absolute;inset:10%;border-radius:50%;border:2.5px solid rgba(220,224,230,.6);opacity:0;animation:fourStoneRipple .55s ease-out both}@keyframes fourStoneRipple{0%{transform:scale(.7);opacity:.85}to{transform:scale(2.4);opacity:0}}.four-board .four-stone.win .four-stone-disc{animation:fourStoneWin 1s ease-in-out infinite;box-shadow:inset 0 -3px 6px #00000040,inset 0 2px 3px #ffffff40,0 0 0 2.5px #facc4de6,0 0 14px #facc4db3}@keyframes fourStoneWin{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.four-overlay .battleship-content>.four-board-frame{margin-top:4px;flex-shrink:0}.four-overlay .four-ready-card{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0}.checkers-board{position:relative;display:grid;aspect-ratio:1;width:100%;-webkit-user-select:none;user-select:none;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000059}.checkers-board .checkers-cell{position:relative}.checkers-board .checkers-cell.light{background:#eef0f9}.checkers-board .checkers-cell.dark{background:#aab2df}.checkers-board.board-enabled .checkers-cell{cursor:pointer}.checkers-board .checkers-cell.selected{box-shadow:inset 0 0 0 2px #facc4de6}.checkers-board .checkers-cell.target:after{content:"";position:absolute;inset:36%;border-radius:50%;background:#26305459;box-shadow:inset 0 0 0 1px #26305433;transition:inset .12s ease,background .12s ease}.checkers-board .checkers-cell.target:hover:after{inset:26%;background:#26305480}.checkers-board .checkers-board-pieces{position:absolute;inset:0;pointer-events:none}.checkers-board .checkers-piece{position:absolute}.checkers-board .checkers-piece.sliding{transition:left .22s ease,top .22s ease;z-index:2}.checkers-board .checkers-piece.landing{animation:checkers-piece-land .32s ease-out}@keyframes checkers-piece-land{0%{transform:scale(1)}35%{transform:scale(1.18)}70%{transform:scale(.95)}to{transform:scale(1)}}.checkers-board .checkers-piece.captured{transition:opacity .35s ease,transform .35s ease;transition-delay:.1s;opacity:0;transform:scale(.25)}.checkers-board .checkers-piece-disc{position:absolute;inset:12%;border-radius:50%;box-sizing:border-box;box-shadow:inset 0 -3px 6px #00000040,inset 0 2px 3px #ffffff40,0 1px 3px #00000059}.checkers-board .checkers-piece-disc:before{content:"";position:absolute;inset:18%;border-radius:50%;border:2px solid rgba(255,255,255,.85);pointer-events:none}.checkers-board .checkers-piece-disc.green{background:radial-gradient(circle at 35% 30%,#4cbe7a,#2e9e5b 60%,#2a8f52);border:2.5px solid #1e6e3c}.checkers-board .checkers-piece-disc.coral{background:radial-gradient(circle at 35% 30%,#ff9d85,#ff7f66 60%,#f0704f);border:2.5px solid #c24a33}.checkers-board .checkers-piece.king:before{content:"";position:absolute;inset:12%;transform:translateY(11%);border-radius:50%;box-sizing:border-box;box-shadow:0 1px 3px #00000059}.checkers-board .checkers-piece.king.green:before{background:#237a46;border:2.5px solid #16542d}.checkers-board .checkers-piece.king.coral:before{background:#d75f42;border:2.5px solid #9e3a27}.checkers-board .checkers-piece.king .checkers-piece-disc{transform:translateY(-6%)}.checkers-board .checkers-piece.king .checkers-piece-disc:before{border-color:#f5c94c;box-shadow:0 0 6px #f5c94c8c}.checkers-board .checkers-piece.promoting .checkers-piece-disc{animation:checkers-promote-pulse .9s ease}.checkers-board .checkers-piece.promoting.king .checkers-piece-disc{animation:checkers-promote-pulse .9s ease,checkers-king-rise .45s cubic-bezier(.34,1.56,.64,1)}.checkers-board .checkers-piece.promoting.king:before{animation:checkers-king-spring .45s cubic-bezier(.34,1.56,.64,1)}@keyframes checkers-king-rise{0%{transform:translateY(3%)}to{transform:translateY(-6%)}}@keyframes checkers-king-spring{0%{transform:translateY(-2%);opacity:0}40%{opacity:1}to{transform:translateY(11%);opacity:1}}@keyframes checkers-promote-pulse{0%{box-shadow:inset 0 -3px 6px #00000040,inset 0 2px 3px #ffffff40,0 0 #f5c94ce6}55%{box-shadow:inset 0 -3px 6px #00000040,inset 0 2px 3px #ffffff40,0 0 0 8px #f5c94c59}to{box-shadow:inset 0 -3px 6px #00000040,inset 0 2px 3px #ffffff40,0 0 0 14px #f5c94c00}}.checkers-board .checkers-piece.movable .checkers-piece-disc{box-shadow:inset 0 -3px 6px #00000040,inset 0 2px 3px #ffffff40,0 0 0 1.5px #facc4d73,0 0 10px #facc4d80}.checkers-board .checkers-piece.selected .checkers-piece-disc{box-shadow:inset 0 -3px 6px #00000040,inset 0 2px 3px #ffffff40,0 0 0 2.5px #facc4de6,0 0 12px #facc4d99}.checkers-board .checkers-piece.capture-mark{opacity:.6}.checkers-board .checkers-piece.capture-mark:after{content:"✕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.6)}.checkers-overlay .battleship-content>.checkers-board{margin-top:4px;flex-shrink:0}.checkers-overlay .checkers-capture-hint{align-self:center;flex-shrink:0;white-space:nowrap;padding:3px 12px;border-radius:999px;background:#f0704f29;border:1px solid rgba(240,112,79,.45);font-size:12px;font-weight:700;color:#ff9d85}.checkers-overlay .checkers-ready-card{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0}.checkers-overlay .checkers-options-card{display:flex;flex-direction:column;gap:14px;padding:14px 16px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.checkers-overlay .checkers-opt-section{display:flex;flex-direction:column;gap:8px}.checkers-overlay .checkers-opt-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#ffffffa6}.checkers-overlay .checkers-opt-desc{font-size:12px;line-height:1.4;color:#ffffff8c}.checkers-overlay .checkers-opt-size-row{display:flex;gap:10px}.checkers-overlay .checkers-opt-size-card{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;border-radius:12px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffff8c;cursor:pointer;transition:all .15s ease}.checkers-overlay .checkers-opt-size-card:hover:not(:disabled){background:#ffffff14;color:#fffc}.checkers-overlay .checkers-opt-size-card.selected{border-color:#6bb3f0b3;background:#6bb3f01f;color:#6bb3f0}.checkers-overlay .checkers-opt-size-card:disabled{cursor:default}.checkers-overlay .checkers-opt-size-card:disabled:not(.selected){opacity:.45}.checkers-overlay .checkers-opt-size-icon{display:flex;align-items:center;justify-content:center}.checkers-overlay .checkers-opt-size-label{font-size:13px;font-weight:600;color:#f2f3f5}.checkers-overlay .checkers-opt-size-check{position:absolute;top:6px;right:6px;display:none;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#6bb3f0;color:#10131f}.checkers-overlay .checkers-opt-size-card.selected .checkers-opt-size-check{display:flex}.checkers-overlay .checkers-opt-public-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.checkers-overlay .checkers-opt-public-text{display:flex;flex-direction:column;gap:3px;min-width:0}.checkers-overlay .checkers-opt-toggle{position:relative;width:44px;height:26px;flex-shrink:0;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#ffffff1f;cursor:pointer;transition:background .15s ease,border-color .15s ease}.checkers-overlay .checkers-opt-toggle.on{background:linear-gradient(135deg,#2e9e5be6,#3cae6ae6);border-color:#90ee904d}.checkers-overlay .checkers-opt-toggle:disabled{cursor:default;opacity:.55}.checkers-overlay .checkers-opt-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transition:left .15s ease}.checkers-overlay .checkers-opt-toggle.on .checkers-opt-toggle-knob{left:20px}.snake-board{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.snake-board .snake-board-canvas{display:block}.snake-overlay .snake-board-wrap{position:relative;width:100%}.game-overlay.snake-overlay.snake-playing .battleship-panel{width:min(1240px,calc(100vw - 48px));height:min(920px,calc(100vh - 48px))}.snake-overlay.snake-playing .snake-board-wrap{flex:1;min-height:0}.snake-overlay .snake-countdown-big{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:84px;font-weight:800;color:#ffffffeb;text-shadow:0 4px 24px rgba(0,0,0,.6);pointer-events:none}.snake-overlay .battleship-turn-banner.dead{color:#ffffff8c}.snake-overlay .snake-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:2px 0 10px}.snake-overlay .snake-legend-chip{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#ffffffd9}.snake-overlay .snake-legend-chip.dead{opacity:.45;text-decoration:line-through}.snake-overlay .snake-legend-dot{width:12px;height:12px;border-radius:4px}.snake-overlay .snake-legend-chip.color-green .snake-legend-dot{background:#4cbe7a}.snake-overlay .snake-legend-chip.color-coral .snake-legend-dot{background:#ff7f66}.snake-overlay .snake-legend-chip.color-purple .snake-legend-dot{background:#a78bfa}.snake-overlay .snake-legend-chip.color-blue .snake-legend-dot{background:#5aa9f9}.snake-overlay .snake-legend-score{font-variant-numeric:tabular-nums;color:#fff9}.snake-overlay .snake-options-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff14}.snake-overlay .snake-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.snake-overlay .snake-options-label{font-size:13px;font-weight:600;color:#ffffffbf}.snake-overlay .snake-options-seg{display:flex;gap:4px;padding:3px;border-radius:10px;background:#00000040}.snake-overlay .snake-options-seg-btn{border:none;padding:5px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:#ffffffa6;background:transparent;cursor:pointer}.snake-overlay .snake-options-seg-btn:disabled{cursor:default}.snake-overlay .snake-options-seg-btn.active{color:#fff;background:#6bb3f059;box-shadow:inset 0 0 0 1px #6bb3f066}.battleship-howto-mini-cell.trail-green{background:#4cbe7a}.battleship-howto-mini-cell.trail-coral{background:#ff7f66}.battleship-howto-mini-cell.trail-purple{background:#a78bfa}.battleship-howto-mini-cell.trail-blue{background:#5aa9f9}.battleship-howto-mini-cell.crash{background:#e3574b;box-shadow:0 0 6px #e3574bcc}.battleship-howto-mini-cell.terr-green{background:#4cbe7a66}.battleship-howto-mini-cell.terr-coral{background:#ff7f6666}.monopoly-board{position:relative;width:100%;height:100%;min-height:0}.monopoly-board .monopoly-scene{position:absolute;left:50%;top:50%;width:min(64%,105vh);aspect-ratio:1 / 1;transform:translate(-50%,-50%)}.monopoly-board .monopoly-plane{position:relative;width:100%;height:100%;transform:rotateX(55deg) rotate(45deg);transform-style:preserve-3d}.monopoly-board .monopoly-billboard{position:absolute;transform-origin:0 0;transform:translateZ(14px) rotate(-45deg) rotateX(-55deg) translate(-50%,-97%)}.monopoly-board .monopoly-emblem{position:absolute;left:24%;top:24%;width:52%;height:52%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.monopoly-board .monopoly-emblem-inner{transform:rotate(-45deg) rotateX(-55deg);display:flex;align-items:center;justify-content:center;width:118px;height:118px;border-radius:50%;border:2px solid rgba(124,140,248,.16);box-shadow:inset 0 0 0 8px #7c8cf80d}.monopoly-board .monopoly-emblem-mark{font-size:54px;font-weight:900;line-height:1;color:#8c9cff42;text-shadow:0 2px 12px rgba(124,140,248,.14)}.monopoly-board[data-k="5"] .monopoly-emblem-inner{width:132px;height:132px}.monopoly-board[data-k="5"] .monopoly-emblem-mark{font-size:62px}.monopoly-board[data-k="9"] .monopoly-emblem-inner{width:104px;height:104px}.monopoly-board[data-k="9"] .monopoly-emblem-mark{font-size:46px}.monopoly-board .monopoly-tile{--tile-depth: 11px;position:absolute;box-sizing:border-box;border-radius:5px;background:linear-gradient(135deg,#fff,#e6ecfd 55%,#d4ddfa);box-shadow:inset 0 0 0 1px #4f6ef72e;transform-style:preserve-3d}.monopoly-board .monopoly-tile:before{content:"";position:absolute;left:0;right:0;top:100%;height:var(--tile-depth);transform-origin:top;transform:rotateX(-90deg);background:linear-gradient(180deg,#7c8cf8,#5a67d8);border-radius:0 0 3px 3px}.monopoly-board .monopoly-tile:after{content:"";position:absolute;top:0;bottom:0;left:100%;width:var(--tile-depth);transform-origin:left;transform:rotateY(90deg);background:linear-gradient(90deg,#4b58bd,#3a4497);border-radius:0 3px 3px 0}.monopoly-board .monopoly-tile.street.owned{box-shadow:inset 0 0 0 2.5px var(--owner-color);background:linear-gradient(135deg,color-mix(in srgb,var(--owner-color) 15%,#ffffff),color-mix(in srgb,var(--owner-color) 24%,#e6ecfd))}.monopoly-board .monopoly-tile.street.owned:before{background:linear-gradient(180deg,#0000001f,#00000057),var(--owner-color)}.monopoly-board .monopoly-tile.street.owned:after{background:linear-gradient(90deg,#00000052,#00000080),var(--owner-color)}.monopoly-board .monopoly-tile.clickable{cursor:pointer}.monopoly-board .monopoly-tile.build-pulse{animation:monopolyBuildPulse 1.1s ease-in-out infinite}@keyframes monopolyBuildPulse{0%,to{box-shadow:inset 0 0 0 2.5px #f5a62373,0 0 6px #f5a6234d}50%{box-shadow:inset 0 0 0 3.5px #f5a623f2,0 0 18px #f5a623cc}}.monopoly-board .monopoly-tile-band{position:absolute;border-radius:2px;opacity:.9}.monopoly-board .monopoly-tile.edge-bottom .monopoly-tile-band{top:5%;left:8%;right:8%;height:9%}.monopoly-board .monopoly-tile.edge-top .monopoly-tile-band{bottom:5%;left:8%;right:8%;height:9%}.monopoly-board .monopoly-tile.edge-left .monopoly-tile-band{right:5%;top:8%;bottom:8%;width:9%}.monopoly-board .monopoly-tile.edge-right .monopoly-tile-band{left:5%;top:8%;bottom:8%;width:9%}.monopoly-board .monopoly-tile-chevron{position:absolute;left:50%;top:50%;font-size:11px;font-weight:900;line-height:1;color:#4f6ef78c;pointer-events:none}.monopoly-board .monopoly-tile.edge-bottom .monopoly-tile-chevron{top:22%}.monopoly-board .monopoly-tile.edge-top .monopoly-tile-chevron{top:78%}.monopoly-board .monopoly-tile.edge-left .monopoly-tile-chevron{left:78%}.monopoly-board .monopoly-tile.edge-right .monopoly-tile-chevron{left:22%}.monopoly-board .monopoly-tile-face{left:88%;top:88%;width:100%;display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none}.monopoly-board .monopoly-tile-ribbon{max-width:100%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1.5px 6px;border-radius:4px 4px 0 0;background:#fff;font-size:9px;font-weight:800;letter-spacing:.2px;text-transform:uppercase;color:#14162e}.monopoly-board .monopoly-tile-price{margin-top:-1px;padding:1px 7px;border-radius:0 0 4px 4px;background:#4f6ef7;font-size:7.5px;font-weight:800;letter-spacing:.2px;color:#fff}.monopoly-board .monopoly-tile-face{filter:drop-shadow(0 1.5px 2px rgba(16,22,60,.4))}.monopoly-board[data-k="5"] .monopoly-tile-ribbon{font-size:11px}.monopoly-board[data-k="5"] .monopoly-tile-price{font-size:9.5px}.monopoly-board[data-k="5"] .monopoly-tile-chevron{font-size:14px}.monopoly-board[data-k="9"] .monopoly-tile-ribbon{font-size:7px;padding:1px 4px}.monopoly-board[data-k="9"] .monopoly-tile-price{font-size:6px;padding:0 5px}.monopoly-board[data-k="9"] .monopoly-tile-chevron{font-size:8px}.monopoly-board .monopoly-tile-buildings{left:50%;top:50%;display:flex;align-items:flex-end;gap:2px;pointer-events:none}.monopoly-board .monopoly-tile.edge-bottom .monopoly-tile-buildings{top:76%}.monopoly-board .monopoly-tile.edge-top .monopoly-tile-buildings{top:26%}.monopoly-board .monopoly-tile.edge-left .monopoly-tile-buildings{left:26%}.monopoly-board .monopoly-tile.edge-right .monopoly-tile-buildings{left:76%}.monopoly-board .monopoly-house-block{position:relative;width:9px;height:9px;border-radius:1.5px;background:linear-gradient(180deg,#f6f8ff,#cfdafa 55%,#a3b4f0);box-shadow:0 1px 2px #0a0e2873}.monopoly-board .monopoly-house-block:before{content:"";position:absolute;left:-1px;right:-1px;top:-4px;height:5px;background:#5a67d8;clip-path:polygon(50% 0,100% 100%,0 100%)}.monopoly-board .monopoly-hotel-block{position:relative;width:12px;height:17px;border-radius:2px;background:linear-gradient(180deg,#f6f8ff,#cfdafa 55%,#93a6ec);box-shadow:0 1px 3px #0a0e2880}.monopoly-board .monopoly-hotel-block:before{content:"";position:absolute;left:-1.5px;right:-1.5px;top:-5px;height:6px;background:#f5c94c;clip-path:polygon(50% 0,100% 100%,0 100%)}.monopoly-board .monopoly-tile.corner-go{--tile-depth: 22px;background:linear-gradient(135deg,#6c86ff,#4f6ef7 55%,#3d55e0);box-shadow:inset 0 0 0 1px #ffffff59;transform:translateZ(11px)}.monopoly-board .monopoly-tile.corner-go:before{background:linear-gradient(180deg,#4f6ef7,#3547c0)}.monopoly-board .monopoly-tile.corner-go:after{background:linear-gradient(90deg,#3243b5,#27359a)}.monopoly-board .monopoly-corner-go-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 1px 2px rgba(24,32,84,.5);pointer-events:none}.monopoly-board .monopoly-tile.corner-go .monopoly-tile-chevron{top:82%;color:#ffffffbf}.monopoly-board .monopoly-tile.corner-tax{background:linear-gradient(135deg,#333d78,#272f62);box-shadow:inset 0 0 0 1px #7c8cf859}.monopoly-board .monopoly-beacon{left:50%;top:42%;display:flex;flex-direction:column;align-items:center}.monopoly-board .monopoly-beacon-dome{width:10px;height:10px;border-radius:50% 50% 30% 30%;background:radial-gradient(circle at 35% 30%,#ffd08a,#f5a623 55%,#d87f0a);animation:monopolyBeaconPulse 1.6s ease-in-out infinite}@keyframes monopolyBeaconPulse{0%,to{box-shadow:0 0 4px #f5a62380}50%{box-shadow:0 0 14px #f5a623}}.monopoly-board .monopoly-beacon-base{width:14px;height:4px;margin-top:-1px;border-radius:2px;background:#141a3a}.monopoly-board .monopoly-cardstack{left:50%;top:78%;width:30%;aspect-ratio:3 / 4;pointer-events:none;filter:drop-shadow(0 1.5px 2px rgba(10,14,40,.45))}.monopoly-board .monopoly-cardstack-back,.monopoly-board .monopoly-cardstack-front{position:absolute;inset:0;border-radius:16%}.monopoly-board .monopoly-cardstack-back{background:linear-gradient(180deg,#c3cef5,#9dafec);transform:translate(14%,-6%) rotate(9deg)}.monopoly-board .monopoly-cardstack-front{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#eef1fe);box-shadow:inset 0 0 0 1px #4f6ef74d;transform:rotate(-7deg);font-size:11px;font-weight:900;color:#4f6ef7}.monopoly-board[data-k="5"] .monopoly-cardstack{width:26%}.monopoly-board[data-k="5"] .monopoly-cardstack-front{font-size:15px}.monopoly-board[data-k="9"] .monopoly-cardstack{width:34%}.monopoly-board[data-k="9"] .monopoly-cardstack-front{font-size:8px}.monopoly-board .monopoly-coins{left:50%;top:34%;display:flex;flex-direction:column;align-items:center}.monopoly-board .monopoly-coin{width:13px;height:8px;margin-top:-4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe49a,#f5c94c 55%,#d8a01e);box-shadow:0 1px 1px #0a0e2866}.monopoly-board .monopoly-coin:first-child{margin-top:0}.monopoly-board .monopoly-tile.corner-parking{padding:0}.monopoly-board .monopoly-corner-label{position:absolute;left:50%;top:56%;transform:translate(-50%);max-width:96%;white-space:nowrap;font-size:6px;font-weight:800;letter-spacing:.4px;text-align:center;color:#3a4497;pointer-events:none}.monopoly-board .monopoly-tile.corner-tax .monopoly-corner-label{color:#fffc;top:64%}.monopoly-board .monopoly-pot-badge{position:absolute;left:50%;top:78%;transform:translate(-50%,-50%);padding:1px 6px;border-radius:999px;background:#f5c94c;box-shadow:0 1px 2px #18205459;font-size:7.5px;font-weight:800;color:#4a3403}.monopoly-board .monopoly-pot-badge.empty{background:#ffffffbf;color:#5a67d8}.monopoly-board .monopoly-token{z-index:3;width:7.5%;aspect-ratio:1 / 1.08;transition:left .15s ease,top .15s ease;pointer-events:none;transform:translateZ(6px) rotate(-45deg) rotateX(-55deg) translate(-50%,-82%)}.monopoly-board[data-k="5"] .monopoly-token{width:9.5%}.monopoly-board[data-k="9"] .monopoly-token{width:6%}.monopoly-board .monopoly-token-shadow{position:absolute;left:16%;right:16%;bottom:0;height:11%;border-radius:50%;background:#0a0e2873;filter:blur(.5px)}.monopoly-board .monopoly-token-body{position:absolute;left:0;right:0;top:0;aspect-ratio:1 / 1;box-sizing:border-box;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 2px 5px #0a0e2880}.monopoly-board .monopoly-token.seat-green .monopoly-token-body{border:2.5px solid #4cbe7a}.monopoly-board .monopoly-token.seat-coral .monopoly-token-body{border:2.5px solid #ff7f66}.monopoly-board .monopoly-token.seat-sky .monopoly-token-body{border:2.5px solid #5aa9f9}.monopoly-board .monopoly-token.seat-gold .monopoly-token-body{border:2.5px solid #f5c94c}.monopoly-board .monopoly-token.bankrupt{opacity:.3}.monopoly-board .monopoly-token.bankrupt .monopoly-token-body{filter:grayscale(1)}.monopoly-board .monopoly-token .user-img,.monopoly-board .monopoly-token .user-img-initials{width:100%;height:100%;border-radius:50%;font-size:9px}.monopoly-board .monopoly-token.hop .monopoly-token-body{animation:monopolyTokenHop .17s ease}@keyframes monopolyTokenHop{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.monopoly-overlay.monopoly-playing .battleship-panel{width:min(1060px,calc(100vw - 40px));height:min(760px,calc(100vh - 40px));padding:14px;gap:0;border:1px solid rgba(124,140,248,.3);background-color:#23264a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cg fill='%23ffffff' fill-opacity='0.016'%3E%3Ctext x='16' y='104' font-family='Arial, sans-serif' font-weight='900' font-size='96'%3E$%3C/text%3E%3Ctext x='170' y='196' font-family='Arial, sans-serif' font-weight='900' font-size='84'%3E?%3C/text%3E%3Cpath d='M52 252 l38 -34 38 34 v40 h-76 z'/%3E%3Crect x='192' y='30' width='58' height='58' rx='13'/%3E%3C/g%3E%3C/svg%3E");backdrop-filter:none;-webkit-backdrop-filter:none}.monopoly-overlay.monopoly-playing .battleship-header,.monopoly-overlay.monopoly-playing .battleship-status,.monopoly-overlay.monopoly-playing .battleship-substatus{display:none}.monopoly-overlay.monopoly-playing .battleship-content{overflow:visible;gap:0}.monopoly-overlay .monopoly-stage{position:relative;flex:1;min-height:0}.monopoly-overlay .monopoly-stage>.monopoly-board{position:absolute;inset:0}.monopoly-overlay .monopoly-stage-spectate{position:absolute;left:50%;top:6px;transform:translate(-50%);z-index:12}.monopoly-overlay .monopoly-card{position:absolute;z-index:10;box-sizing:border-box;border:none;border-radius:16px;background:#fff;box-shadow:0 8px 20px #0a0e2866,inset 0 0 0 1px #4f6ef71a;color:#23264a;font-family:inherit}.monopoly-overlay .monopoly-card-title{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:#7c8cf8}.monopoly-overlay .monopoly-turn-panel{left:12px;top:12px;display:flex;flex-direction:column;gap:8px;min-width:150px;padding:12px 14px}.monopoly-overlay .monopoly-turnp-avatars{display:flex;gap:7px}.monopoly-overlay .monopoly-turnp-avatar{width:34px;height:34px;box-sizing:border-box;border-radius:6px;overflow:hidden;filter:grayscale(1);opacity:.4}.monopoly-overlay .monopoly-turnp-avatar.active{filter:none;opacity:1;border:2px solid #4f6ef7;box-shadow:0 0 0 3px #4f6ef740,0 0 12px #4f6ef78c}.monopoly-overlay .monopoly-turnp-avatar.bankrupt{opacity:.15}.monopoly-overlay .monopoly-turnp-avatar .user-img,.monopoly-overlay .monopoly-turnp-avatar .user-img-initials{width:100%;height:100%;border-radius:6px;font-size:11px}.monopoly-overlay .monopoly-turnp-label{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;color:#23264a}.monopoly-overlay .monopoly-turnp-label.yours{color:#4f6ef7}.monopoly-overlay .monopoly-turnp-count{min-height:14px;font-size:11px;font-weight:600;color:#8a90b8}.monopoly-overlay .monopoly-money-card{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px}.monopoly-overlay .monopoly-money-main{display:flex;flex-direction:column;gap:6px}.monopoly-overlay .monopoly-money-top{display:flex;align-items:center;gap:7px}.monopoly-overlay .monopoly-money-seat{padding:2px 7px;border-radius:7px;background:#4f6ef7;font-size:11px;font-weight:900;color:#fff}.monopoly-overlay .monopoly-money-seat.seat-green{background:#4cbe7a}.monopoly-overlay .monopoly-money-seat.seat-coral{background:#ff7f66}.monopoly-overlay .monopoly-money-seat.seat-sky{background:#5aa9f9}.monopoly-overlay .monopoly-money-seat.seat-gold{background:#f5c94c;color:#4a3403}.monopoly-overlay .monopoly-money-name{max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;color:#23264a}.monopoly-overlay .monopoly-money-pill{display:flex;align-items:center;gap:7px;padding:5px 13px;border-radius:999px;background:#23264a;font-size:13px;font-weight:800;color:#fff;white-space:nowrap}.monopoly-overlay .monopoly-money-pill.bankrupt{background:#8a90b8}.monopoly-overlay .monopoly-money-cash{font-size:12px;line-height:1}.monopoly-overlay .monopoly-money-avatar{width:44px;height:44px;flex-shrink:0;border-radius:12px;overflow:hidden}.monopoly-overlay .monopoly-money-avatar .user-img,.monopoly-overlay .monopoly-money-avatar .user-img-initials{width:100%;height:100%;border-radius:12px;font-size:13px}.monopoly-overlay .monopoly-money-cycle{position:absolute;right:-7px;top:-7px;display:flex;align-items:center;justify-content:center;width:23px;height:23px;padding:0;border:none;border-radius:50%;background:#fff;box-shadow:0 2px 7px #0a0e2866;color:#4f6ef7;cursor:pointer;transition:transform .12s ease}.monopoly-overlay .monopoly-money-cycle:hover{transform:scale(1.12)}.monopoly-overlay .monopoly-top-right{position:absolute;right:12px;top:12px;z-index:11;display:flex;align-items:center;gap:14px}.monopoly-overlay .monopoly-rail{display:flex;align-items:center;gap:10px}.monopoly-overlay .monopoly-rail-group{position:relative;display:flex}.monopoly-overlay .monopoly-rail-btn{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:none;border-radius:50%;background:#fff;box-shadow:0 5px 14px #0a0e2873;color:#4f6ef7;cursor:pointer;transition:transform .12s ease}.monopoly-overlay .monopoly-rail-btn:hover{transform:scale(1.07)}.monopoly-overlay .monopoly-rail-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:#f5563d;border:2px solid #ffffff}.monopoly-overlay .monopoly-rail-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:12;padding:7px;border-radius:14px;background:#fff;box-shadow:0 10px 26px #0a0e2880}.monopoly-overlay .monopoly-emote-pop{display:flex;gap:3px}.monopoly-overlay .monopoly-emote-item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:10px;background:transparent;font-size:20px;cursor:pointer;transition:background .12s ease,transform .12s ease}.monopoly-overlay .monopoly-emote-item:hover{background:#eef1fe;transform:scale(1.12)}.monopoly-overlay .monopoly-settings-menu{display:flex;flex-direction:column;gap:2px;min-width:150px}.monopoly-overlay .monopoly-menu-item{padding:9px 12px;border:none;border-radius:9px;background:transparent;text-align:left;font-size:13px;font-weight:700;color:#23264a;cursor:pointer;transition:background .12s ease;white-space:nowrap}.monopoly-overlay .monopoly-menu-item:hover{background:#eef1fe}.monopoly-overlay .monopoly-menu-item.danger{color:#e3574b}.monopoly-overlay .monopoly-property-panel{left:12px;bottom:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;text-align:left;cursor:default}.monopoly-overlay .monopoly-property-panel.buildable{cursor:pointer;box-shadow:0 8px 20px #0a0e2866,0 0 0 2px #f5a6238c}.monopoly-overlay .monopoly-property-panel.active{box-shadow:0 8px 20px #0a0e2866,0 0 0 3px #f5a623,0 0 16px #f5a62399}.monopoly-overlay .monopoly-prop-chips{display:flex;gap:7px}.monopoly-overlay .monopoly-prop-chip{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:9px;background:#eef1fe;color:#4f6ef7}.monopoly-overlay .monopoly-prop-icon{display:flex;align-items:center}.monopoly-overlay .monopoly-prop-count{font-size:12px;font-weight:800;color:#23264a}.monopoly-overlay .monopoly-prop-hint{max-width:170px;font-size:10.5px;font-weight:700;line-height:1.35;color:#d88a10}.monopoly-overlay .monopoly-dice-track{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:10;padding:9px 14px 11px;border-radius:18px;background:linear-gradient(180deg,#5b78f8,#4f6ef7);box-shadow:0 6px #3243b5,0 12px 20px #0a0e2873,inset 0 1px #ffffff4d}.monopoly-overlay .monopoly-dice-track.rolling{animation:monopolyTrackShake .45s ease}@keyframes monopolyTrackShake{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-2deg)}50%{transform:translate(-50%) rotate(1.6deg)}75%{transform:translate(-50%) rotate(-1deg)}}.monopoly-overlay .monopoly-dice-row{display:flex;gap:8px}.monopoly-overlay .monopoly-track-die{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;width:34px;height:34px;box-sizing:border-box;padding:5px;border-radius:9px;background:#eef1fe;opacity:.55;transition:all .18s ease}.monopoly-overlay .monopoly-track-die.lit{opacity:1;background:#fff;transform:translateY(-4px) scale(1.1);box-shadow:0 0 0 2px #f5a623,0 5px 9px #0a0e2866}.monopoly-overlay .monopoly-dice-track.rolling .monopoly-track-die.lit{animation:monopolyDiePop .45s ease}@keyframes monopolyDiePop{0%{transform:translateY(0) scale(.9) rotate(-14deg)}55%{transform:translateY(-8px) scale(1.22) rotate(9deg)}to{transform:translateY(-4px) scale(1.1) rotate(0)}}.monopoly-overlay .monopoly-track-die.twice:after{content:"×2";position:absolute;top:-8px;right:-8px;padding:1px 4px;border-radius:999px;background:#f5a623;font-size:9px;font-weight:900;color:#fff;box-shadow:0 1px 3px #0a0e2866}.monopoly-overlay .monopoly-die-pip{border-radius:50%;background:transparent}.monopoly-overlay .monopoly-die-pip.on{background:#4f6ef7}.monopoly-overlay .monopoly-dice-pointer{position:absolute;top:-7px;width:0;height:0;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #f5a623;filter:drop-shadow(0 2px 2px rgba(10,14,40,.4));transition:left .45s cubic-bezier(.34,1.3,.5,1)}.monopoly-overlay .monopoly-dice-doubles{position:absolute;left:50%;top:-13px;transform:translate(-50%);padding:2px 10px;border-radius:999px;background:#f5a623;box-shadow:0 2px 6px #0a0e2866;font-size:10.5px;font-weight:800;white-space:nowrap;color:#fff}.monopoly-overlay .monopoly-action-zone{position:absolute;right:12px;bottom:16px;z-index:10;display:flex;align-items:flex-end;gap:10px}.monopoly-overlay .monopoly-chunky{height:54px;width:112px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;border:none;border-radius:16px;background:linear-gradient(180deg,#5b78f8,#4f6ef7);box-shadow:0 6px #3243b5,0 10px 16px #0a0e2866,inset 0 1px #ffffff4d;font-size:15px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;color:#fff;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease}.monopoly-overlay .monopoly-chunky:hover{filter:brightness(1.07)}.monopoly-overlay .monopoly-chunky:active{transform:translateY(4px);box-shadow:0 2px #3243b5,0 4px 8px #0a0e2866,inset 0 1px #ffffff4d}.monopoly-overlay .monopoly-go-button{width:150px;height:64px;min-width:100px;border-radius:20px;font-size:25px;letter-spacing:2px}.monopoly-overlay .monopoly-chunky.buy{background:linear-gradient(180deg,#56cf8a,#3cae6a);box-shadow:0 6px #27784a,0 10px 16px #0a0e2866,inset 0 1px #ffffff4d}.monopoly-overlay .monopoly-chunky.buy:active{box-shadow:0 2px #27784a,0 4px 8px #0a0e2866,inset 0 1px #ffffff4d}.monopoly-overlay .monopoly-chunky.build.active{background:linear-gradient(180deg,#f8b64a,#f5a623);box-shadow:0 6px #b97a12,0 10px 16px #0a0e2866,inset 0 1px #ffffff59}.monopoly-overlay .monopoly-chunky.build.active:active{box-shadow:0 2px #b97a12,0 4px 8px #0a0e2866,inset 0 1px #ffffff59}.monopoly-overlay .monopoly-chunky.end{background:linear-gradient(180deg,#757ca8,#5f6690);box-shadow:0 6px #434a72,0 10px 16px #0a0e2866,inset 0 1px #ffffff40}.monopoly-overlay .monopoly-chunky.end:active{box-shadow:0 2px #434a72,0 4px 8px #0a0e2866,inset 0 1px #ffffff40}@media (max-width: 860px){.monopoly-overlay .monopoly-turnp-avatar{width:28px;height:28px}.monopoly-overlay .monopoly-turn-panel{min-width:120px;padding:10px 12px}.monopoly-overlay .monopoly-money-avatar{width:36px;height:36px}.monopoly-overlay .monopoly-rail-btn{width:40px;height:40px}.monopoly-overlay .monopoly-track-die{width:28px;height:28px;padding:4px}.monopoly-overlay .monopoly-chunky{height:46px;padding:0 14px;font-size:13px}.monopoly-overlay .monopoly-go-button{height:54px;min-width:80px;font-size:20px}.monopoly-overlay .monopoly-board .monopoly-scene{width:min(70%,105vh)}}.monopoly-overlay .monopoly-ready-card{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0}.monopoly-overlay .monopoly-options-card{display:flex;flex-direction:column;gap:14px;padding:14px 16px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.monopoly-overlay .monopoly-opt-section{display:flex;flex-direction:column;gap:8px}.monopoly-overlay .monopoly-opt-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#ffffffa6}.monopoly-overlay .monopoly-opt-desc{font-size:12px;line-height:1.4;color:#ffffff8c}.monopoly-overlay .monopoly-opt-size-row{display:flex;gap:10px}.monopoly-overlay .monopoly-opt-size-card{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:12px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffff8c;cursor:pointer;transition:all .15s ease}.monopoly-overlay .monopoly-opt-size-card:hover:not(:disabled){background:#ffffff14;color:#fffc}.monopoly-overlay .monopoly-opt-size-card.selected{border-color:#6bb3f0b3;background:#6bb3f01f;color:#6bb3f0}.monopoly-overlay .monopoly-opt-size-card:disabled{cursor:default}.monopoly-overlay .monopoly-opt-size-card:disabled:not(.selected){opacity:.45}.monopoly-overlay .monopoly-opt-size-icon{display:flex;align-items:center;justify-content:center}.monopoly-overlay .monopoly-opt-size-label{font-size:12px;font-weight:600;text-align:center;color:#f2f3f5}.monopoly-overlay .monopoly-opt-size-check{position:absolute;top:6px;right:6px;display:none;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#6bb3f0;color:#10131f}.monopoly-overlay .monopoly-opt-size-card.selected .monopoly-opt-size-check{display:flex}.monopoly-overlay .monopoly-opt-capital-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.monopoly-overlay .monopoly-opt-capital-stepper{display:flex;align-items:center;gap:10px}.monopoly-overlay .monopoly-opt-capital-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:50%;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1a;color:#f2f3f5;cursor:pointer;transition:background .15s ease}.monopoly-overlay .monopoly-opt-capital-btn:hover:not(:disabled){background:#ffffff24}.monopoly-overlay .monopoly-opt-capital-btn:disabled{opacity:.35;cursor:default}.monopoly-overlay .monopoly-opt-capital-value{min-width:64px;padding:4px 12px;border-radius:999px;background:#f5c94c24;box-shadow:inset 0 0 0 1px #f5c94c66;font-size:14px;font-weight:800;text-align:center;color:#f5c94c}.monopoly-overlay .monopoly-opt-public-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.monopoly-overlay .monopoly-opt-public-text{display:flex;flex-direction:column;gap:3px;min-width:0}.monopoly-overlay .monopoly-opt-toggle{position:relative;width:44px;height:26px;flex-shrink:0;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#ffffff1f;cursor:pointer;transition:background .15s ease,border-color .15s ease}.monopoly-overlay .monopoly-opt-toggle.on{background:linear-gradient(135deg,#2e9e5be6,#3cae6ae6);border-color:#90ee904d}.monopoly-overlay .monopoly-opt-toggle:disabled{cursor:default;opacity:.55}.monopoly-overlay .monopoly-opt-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transition:left .15s ease}.monopoly-overlay .monopoly-opt-toggle.on .monopoly-opt-toggle-knob{left:20px}.monopoly-overlay .monopoly-event-slot{position:absolute;left:50%;top:10px;transform:translate(-50%);z-index:11;display:flex;flex-direction:column;align-items:center;width:min(46%,380px);pointer-events:none}.monopoly-overlay .monopoly-event-line{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;padding:8px 14px;border-radius:13px;background:#fff;box-shadow:0 8px 22px #0a0e2866,inset 0 0 0 1px #4f6ef726;text-align:center;animation:monopolyEventIn .18s ease}@keyframes monopolyEventIn{0%{opacity:0;transform:translateY(5px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.monopoly-overlay .monopoly-event-line-name{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#7c8cf8}.monopoly-overlay .monopoly-event-line-text{font-size:11.5px;font-weight:700;line-height:1.3;color:#23264a}.monopoly-overlay .monopoly-event-line.gain .monopoly-event-line-text{color:#2a9d5c}.monopoly-overlay .monopoly-event-line.loss .monopoly-event-line-text,.monopoly-overlay .monopoly-event-line.type-bankrupt .monopoly-event-line-text{color:#e3574b}.monopoly-overlay .monopoly-event-card{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:90%;padding:14px 16px;border-radius:15px;background:#fff;box-shadow:0 12px 28px #0a0e2880,inset 0 0 0 2px #4f6ef759;text-align:center;animation:monopolyCardIn .28s ease}@keyframes monopolyCardIn{0%{opacity:0;transform:scale(.7) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.monopoly-overlay .monopoly-event-card-mark{font-size:26px;font-weight:900;line-height:1;color:#4f6ef7}.monopoly-overlay .monopoly-event-card-name{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#7c8cf8}.monopoly-overlay .monopoly-event-card-text{font-size:12px;font-weight:700;line-height:1.35;color:#23264a}.monopoly-overlay .monopoly-deed-card{min-width:140px;max-width:100%;overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 12px 28px #0a0e2880,inset 0 0 0 1px #4f6ef726;text-align:center;animation:monopolyCardIn .28s ease}.monopoly-overlay .monopoly-deed-band{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:7px 14px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;color:#fff;text-shadow:0 1px 2px rgba(10,14,40,.35)}.monopoly-overlay .monopoly-deed-price{padding:8px 14px 0;font-size:18px;font-weight:900;color:#23264a}.monopoly-overlay .monopoly-deed-rent{padding:1px 14px 10px;font-size:10.5px;font-weight:700;color:#8a90b8}.monopoly-overlay .monopoly-standings{display:flex;flex-direction:column;gap:6px;width:min(300px,100%);margin-top:4px}.monopoly-overlay .monopoly-standing-row{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:11px;background:#fff;box-shadow:0 4px 12px #0a0e2859}.monopoly-overlay .monopoly-standing-row.bankrupt{opacity:.6}.monopoly-overlay .monopoly-standing-row.bankrupt .monopoly-standing-name{text-decoration:line-through}.monopoly-overlay .monopoly-standing-rank{width:16px;flex-shrink:0;font-size:12px;font-weight:800;color:#7c8cf8}.monopoly-overlay .monopoly-standing-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%}.monopoly-overlay .monopoly-standing-dot.seat-green{background:#4cbe7a}.monopoly-overlay .monopoly-standing-dot.seat-coral{background:#ff7f66}.monopoly-overlay .monopoly-standing-dot.seat-sky{background:#5aa9f9}.monopoly-overlay .monopoly-standing-dot.seat-gold{background:#f5c94c}.monopoly-overlay .monopoly-standing-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:13px;font-weight:700;color:#23264a}.monopoly-overlay .monopoly-standing-money{flex-shrink:0;font-size:13px;font-weight:800;color:#c9932a}.battleship-howto-mini-cell.mono-coin:after{content:"";position:absolute;inset:16%;border-radius:50%;background:#f5c94c;box-shadow:inset 0 0 0 1.5px #00000040}.battleship-howto-mini-cell.mono-street{background:#31407a;overflow:hidden}.battleship-howto-mini-cell.mono-street:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:#e879b9}.battleship-howto-mini-cell.mono-house:after{content:"";position:absolute;top:6%;left:50%;width:4px;height:4px;transform:translate(-50%);border-radius:50%;background:#fff}.battleship-howto-mini-cell.mono-hotel:after{content:"";position:absolute;top:8%;left:22%;right:22%;height:3px;border-radius:2px;background:#f5c94c}.word-board{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;margin-top:4px}.word-board .word-row{position:relative;display:flex;align-items:center}.word-board .word-tiles{display:flex;gap:6px;padding:5px 10px;border-radius:14px}.word-board .word-row.current .word-tiles{background:#79c35624}.word-board .word-row-tag{position:absolute;left:-24px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:11px;font-weight:800;color:#ffffffe6}.word-board .word-row-tag.seat-green{background:#4cbe7a59}.word-board .word-row-tag.seat-coral{background:#ff7f6659}.word-board .word-row-tag.seat-purple{background:#a78bfa59}.word-board .word-row-tag.seat-blue{background:#5aa9f959}.word-board .word-tile{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:3px solid rgba(0,0,0,.32);font-size:24px;font-weight:800;text-transform:uppercase;color:#fff;background:#ffffff12;box-shadow:0 2px 5px #00000047}.word-board .word-row.open .word-tile{border-color:#00000038;background:#ffffff0a;box-shadow:none}.word-board .word-tile.typed{background:#ffffff29;border-color:#00000073}.word-board .word-tile.pop{animation:wordTilePop .12s ease-out}@keyframes wordTilePop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}.word-board .word-tile.correct{background:#79c356;border-color:#549836}.word-board .word-tile.present{background:#f2a869;border-color:#d3803f}.word-board .word-tile.absent{background:#444b5a;border-color:#2c313d;color:#ffffffb8}.word-board .word-row.reveal .word-tile{animation:wordTileFlip .42s ease both}@keyframes wordTileFlip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.word-board .word-row.shake .word-tiles{animation:wordRowShake .42s ease}@keyframes wordRowShake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-6px)}30%,60%,90%{transform:translate(6px)}}.word-board.compact{gap:3px}.word-board.compact .word-tiles{gap:4px;padding:3px 8px;border-radius:10px}.word-board.compact .word-tile{width:32px;height:32px;border-radius:8px;border-width:2px;font-size:16px}.word-board.compact .word-row-tag{left:-20px;width:16px;height:16px;font-size:9px}.word-overlay .four-ready-card{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0}.word-overlay .word-board-wrap{position:relative;display:flex;flex-direction:column;flex-shrink:0}.word-overlay .word-scorebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.word-overlay .word-round-chip{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#ffffffb3;background:#ffffff14}.word-overlay .word-score-chip{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;font-size:12.5px;font-weight:600;color:#ffffffd9;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff14}.word-overlay .word-score-chip.on-turn{box-shadow:inset 0 0 0 1.5px #4cbe7ab3;background:#4cbe7a1f}.word-overlay .word-score-chip.folded{opacity:.45}.word-overlay .word-score-chip.folded .word-score-name{text-decoration:line-through}.word-overlay .word-score-avatar{width:20px;height:20px;border-radius:4px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1.5px #fff3}.word-overlay .word-score-avatar>*{width:100%;height:100%;object-fit:cover}.word-overlay .word-score-chip.seat-green .word-score-avatar{box-shadow:0 0 0 1.5px #4cbe7a}.word-overlay .word-score-chip.seat-coral .word-score-avatar{box-shadow:0 0 0 1.5px #ff7f66}.word-overlay .word-score-chip.seat-purple .word-score-avatar{box-shadow:0 0 0 1.5px #a78bfa}.word-overlay .word-score-chip.seat-blue .word-score-avatar{box-shadow:0 0 0 1.5px #5aa9f9}.word-overlay .word-score-points{font-variant-numeric:tabular-nums;font-weight:800;color:#ffffffa6}.word-overlay .battleship-turn-banner.bonus.yours{color:#f5c94c;text-shadow:0 0 14px rgba(245,201,76,.45)}.word-overlay .battleship-turn-banner.bonus.yours:before{content:"✦ "}.word-overlay .word-hint-bar{align-self:center;padding:5px 14px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:2px;color:#f5c94c;background:#f5c94c1f;box-shadow:inset 0 0 0 1px #f5c94c59;flex-shrink:0}.word-overlay .word-feedback{position:absolute;top:-4px;left:50%;transform:translate(-50%,-100%);padding:5px 12px;border-radius:8px;font-size:12.5px;font-weight:700;color:#fff;background:#14161eeb;box-shadow:0 4px 14px #0006;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:2}.word-overlay .word-feedback.show{opacity:1}.word-overlay .word-interstitial{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:14px;background:#0f1118d1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:wordInterstitialIn .25s ease-out;z-index:3}@keyframes wordInterstitialIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.word-overlay .word-interstitial-word{font-size:32px;font-weight:800;letter-spacing:6px;color:#4cbe7a;text-shadow:0 0 18px rgba(46,158,91,.5)}.word-overlay .word-interstitial-sub{font-size:14px;font-weight:600;color:#ffffffbf}.word-overlay .word-type-hint{flex-shrink:0;padding:6px 0 2px;text-align:center;font-size:13px;font-weight:600;color:#ffffff8c}.word-overlay .word-options-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff14}.word-overlay .word-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.word-overlay .word-options-label{font-size:13px;font-weight:600;color:#ffffffbf}.word-overlay .word-options-seg{display:flex;gap:4px;padding:3px;border-radius:10px;background:#00000040}.word-overlay .word-options-seg-btn{border:none;padding:5px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:#ffffffa6;background:transparent;cursor:pointer}.word-overlay .word-options-seg-btn:disabled{cursor:default}.word-overlay .word-options-seg-btn.active{color:#fff;background:#6bb3f059;box-shadow:inset 0 0 0 1px #6bb3f066}.word-overlay .word-ended-word{font-size:15px;font-weight:700;letter-spacing:.5px;color:#ffffffd9}.word-overlay .word-standings{display:flex;flex-direction:column;gap:8px;min-width:240px;padding:14px 18px;border-radius:14px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a}.word-overlay .word-standing-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#ffffffd9}.word-overlay .word-standing-rank{width:18px;color:#ffffff80}.word-overlay .word-standing-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.word-overlay .word-standing-dot.seat-green{background:#4cbe7a}.word-overlay .word-standing-dot.seat-coral{background:#ff7f66}.word-overlay .word-standing-dot.seat-purple{background:#a78bfa}.word-overlay .word-standing-dot.seat-blue{background:#5aa9f9}.word-overlay .word-standing-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-overlay .word-standing-score{font-variant-numeric:tabular-nums;font-weight:800}.battleship-howto-mini-cell.word-green{background:#2e9e5b}.battleship-howto-mini-cell.word-amber{background:#d9a92d}.battleship-howto-mini-cell.word-absent{background:#ffffff24}.stratego-placement{display:flex;flex-direction:column;gap:12px;width:100%}.stratego-placement .stratego-piece.placement-piece{position:absolute;inset:0;pointer-events:none}.stratego-placement .stratego-cell.target,.stratego-placement .stratego-cell.occupied{cursor:pointer}.stratego-placement .stratego-tray{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.stratego-placement .stratego-tray-tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 3px 6px;border-radius:12px;border:1.5px solid rgba(255,255,255,.16);background:#1e202899;cursor:pointer;transition:border-color .15s ease,opacity .15s ease,background .15s ease}.stratego-placement .stratego-tray-tile:hover:not(.depleted){background:#2c2f3ab3}.stratego-placement .stratego-tray-tile.selected{border-color:#ffd15c;box-shadow:0 0 8px #ffd15c59}.stratego-placement .stratego-tray-tile.depleted{opacity:.35;cursor:default}.stratego-placement .stratego-tray-piece{position:relative;width:36px;height:36px}.stratego-placement .stratego-tray-piece-tile{position:absolute;inset:0;border-radius:20%;box-sizing:border-box;background:linear-gradient(180deg,#7fb1f0,#5a8fd8);border:2px solid #3a66a8}.stratego-placement .stratego-tray-piece-art{position:absolute;inset:13% 16% 19%;background:#fffffff2;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}.stratego-placement .stratego-tray-piece-rank{position:absolute;right:5%;bottom:5%;min-width:15px;height:12px;padding:0 3px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#00000052;color:#fff;font-size:9px;font-weight:900;line-height:1}.stratego-placement .stratego-tray-count{font-size:12px;font-weight:800;color:#f2f3f5}.stratego-placement .stratego-tray-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;color:#ffffff8c}.stratego-overlay .battleship-panel{width:min(540px,calc(100vw - 48px));height:min(880px,calc(100vh - 48px))}.stratego-overlay .battleship-turn-banner.yours{color:#7fb1f0;text-shadow:0 0 14px rgba(90,143,216,.5);animation:strategoTurnPulse 2s ease-in-out infinite}@keyframes strategoTurnPulse{0%,to{text-shadow:0 0 8px rgba(90,143,216,.35);opacity:.92}50%{text-shadow:0 0 22px rgba(90,143,216,.8);opacity:1}}.stratego-overlay .battleship-content{container-type:size}.stratego-overlay .battleship-content>.stratego-board{margin-top:4px;flex-shrink:0;width:min(100%,calc(100cqh - 170px));align-self:center}.stratego-overlay .battleship-content>.stratego-placement{flex-shrink:0;align-items:center}.stratego-placement .stratego-placement-board,.stratego-placement .stratego-tray{width:min(100%,calc(100cqh - 200px))}.stratego-overlay .strat-fig{position:relative;flex-shrink:0}.stratego-overlay .strat-fig-tile{position:absolute;inset:0;border-radius:20%;box-sizing:border-box;background:linear-gradient(180deg,#7fb1f0,#5a8fd8);border:2px solid #3a66a8}.stratego-overlay .strat-fig.coral .strat-fig-tile{background:linear-gradient(180deg,#f2938c,#e0756c);border-color:#a84a42}.stratego-overlay .strat-fig-art{position:absolute;inset:13% 16% 19%;background:#fffffff2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}.stratego-overlay .strat-fig-rank{position:absolute;right:5%;bottom:5%;min-width:15px;height:12px;padding:0 3px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#00000052;color:#fff;font-size:9px;font-weight:900;line-height:1}.stratego-overlay .strat-fig-cross{position:absolute;inset:0;display:none;z-index:2}.stratego-overlay .strat-fig.loser .strat-fig-cross{display:block;animation:strat-cross-pop .22s ease}.stratego-overlay .strat-fig-cross:before,.stratego-overlay .strat-fig-cross:after{content:"";position:absolute;left:calc(50% - 3px);top:8%;bottom:8%;width:6px;border-radius:999px;background:#e3574a;box-shadow:0 1px 4px #0006}.stratego-overlay .strat-fig-cross:before{transform:rotate(45deg)}.stratego-overlay .strat-fig-cross:after{transform:rotate(-45deg)}.stratego-overlay .strat-fig.loser .strat-fig-tile,.stratego-overlay .strat-fig.loser .strat-fig-art,.stratego-overlay .strat-fig.loser .strat-fig-rank{opacity:.8}@keyframes strat-cross-pop{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}.stratego-overlay .strat-battle-overlay{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .18s ease}.stratego-overlay .strat-battle-overlay.shown{opacity:1}.stratego-overlay .strat-battle-card{display:flex;align-items:center;gap:24px;padding:20px 30px 16px;border-radius:18px;background:#181a22f0;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 40px #00000080;animation:strat-battle-pop .22s ease;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}@keyframes strat-battle-pop{0%{transform:scale(.82)}to{transform:scale(1)}}.stratego-overlay .strat-battle-overlay.leaving .strat-battle-card{background:transparent;border-color:transparent;box-shadow:none}.stratego-overlay .strat-battle-overlay.leaving .strat-battle-vs,.stratego-overlay .strat-battle-overlay.leaving .strat-battle-name,.stratego-overlay .strat-battle-overlay.leaving .strat-fig.winner{opacity:0;transition:opacity .4s ease}.stratego-overlay .strat-battle-side{display:flex;flex-direction:column;align-items:center;gap:8px}.stratego-overlay .strat-battle-fig{width:92px;height:92px}.stratego-overlay .strat-battle-fig .strat-fig-tile{border-width:4px}.stratego-overlay .strat-battle-fig .strat-fig-rank{min-width:24px;height:18px;font-size:13px;border-radius:6px;padding:0 4px}.stratego-overlay .strat-battle-crown{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) scale(0);filter:drop-shadow(0 2px 5px rgba(0,0,0,.55));transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.stratego-overlay .strat-fig.winner .strat-battle-crown{transform:translate(-50%,-50%) scale(1.35)}.stratego-overlay .strat-battle-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.stratego-overlay .strat-battle-name.green{color:#7fb1f0}.stratego-overlay .strat-battle-name.coral{color:#f7a8a1}.stratego-overlay .strat-battle-vs{font-size:22px;color:#fffc}.stratego-overlay .strat-lost-tab{position:absolute;z-index:4;width:26px;height:92px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:filter .15s ease,width .15s ease}.stratego-overlay .strat-lost-tab:hover,.stratego-overlay .strat-lost-tab.open{filter:brightness(1.15);width:30px}.stratego-overlay .strat-lost-tab.own{right:0;top:54%;border-radius:10px 0 0 10px;background:linear-gradient(180deg,#7fb1f0f2,#5a8fd8f2);border:1px solid #3a66a8;border-right:none;box-shadow:0 2px 8px #3a66a866}.stratego-overlay .strat-lost-tab.theirs{left:0;top:20%;border-radius:0 10px 10px 0;background:linear-gradient(180deg,#f2938cf2,#e0756cf2);border:1px solid #a84a42;border-left:none;box-shadow:0 2px 8px #a84a4266}.stratego-overlay .strat-lost-tab-count{color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.4)}.stratego-overlay .strat-lost-sheet{position:absolute;left:12px;right:12px;bottom:12px;z-index:8;overflow:hidden;border-radius:16px;background:#1e202af7;border:1px solid rgba(255,255,255,.14);box-shadow:0 -8px 30px #00000073;animation:strat-sheet-up .22s ease}@keyframes strat-sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.stratego-overlay .strat-lost-sheet-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border:none;background:transparent;color:#f2f3f5;font-size:13px;font-weight:700;cursor:pointer}.stratego-overlay .strat-lost-sheet-head:hover{background:#ffffff0d}.stratego-overlay .strat-lost-sheet-close{display:flex;align-items:center;color:#ffffff8c}.stratego-overlay .strat-lost-sheet-grid{display:flex;flex-wrap:wrap;gap:8px;padding:2px 14px 14px;max-height:176px;overflow-y:auto}.stratego-overlay .strat-lost-sheet-grid .strat-fig{width:36px;height:36px}.stratego-overlay .strat-lost-sheet-empty{padding:0 14px 14px;font-size:12px;color:#ffffff8c}.stratego-overlay .strat-board-notice{position:absolute;left:50%;top:38%;z-index:9;transform:translate(-50%);padding:10px 18px;border-radius:12px;background:#c82d23f2;border:1px solid rgba(255,122,110,.5);box-shadow:0 6px 20px #c82d2359;color:#fff;font-size:14px;font-weight:700;white-space:nowrap;pointer-events:none;animation:strat-notice-flash 1.4s ease forwards}@keyframes strat-notice-flash{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.92)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}78%{opacity:1}to{opacity:0}}.stratego-overlay .strat-options-card{display:flex;flex-direction:column;gap:14px;padding:14px 16px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.stratego-overlay .strat-opt-section{display:flex;flex-direction:column;gap:8px}.stratego-overlay .strat-opt-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#ffffffa6}.stratego-overlay .strat-opt-desc{font-size:12px;line-height:1.4;color:#ffffff8c}.stratego-overlay .strat-opt-army-row{display:flex;gap:10px}.stratego-overlay .strat-opt-army-card{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;border-radius:12px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffff8c;cursor:pointer;transition:all .15s ease}.stratego-overlay .strat-opt-army-card:hover:not(:disabled){background:#ffffff14;color:#fffc}.stratego-overlay .strat-opt-army-card.selected{border-color:#6bb3f0b3;background:#6bb3f01f;color:#6bb3f0}.stratego-overlay .strat-opt-army-card:disabled{cursor:default}.stratego-overlay .strat-opt-army-card:disabled:not(.selected){opacity:.45}.stratego-overlay .strat-opt-army-icon{display:flex;align-items:center;justify-content:center}.stratego-overlay .strat-opt-army-label{font-size:13px;font-weight:600;color:#f2f3f5}.stratego-overlay .strat-opt-army-check{position:absolute;top:6px;right:6px;display:none;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#6bb3f0;color:#10131f}.stratego-overlay .strat-opt-army-card.selected .strat-opt-army-check{display:flex}.stratego-overlay .strat-opt-public-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.stratego-overlay .strat-opt-public-text{display:flex;flex-direction:column;gap:3px;min-width:0}.stratego-overlay .strat-opt-toggle{position:relative;width:44px;height:26px;flex-shrink:0;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#ffffff1f;cursor:pointer;transition:background .15s ease,border-color .15s ease}.stratego-overlay .strat-opt-toggle.on{background:linear-gradient(135deg,#2e9e5be6,#3cae6ae6);border-color:#90ee904d}.stratego-overlay .strat-opt-toggle:disabled{cursor:default;opacity:.55}.stratego-overlay .strat-opt-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transition:left .15s ease}.stratego-overlay .strat-opt-toggle.on .strat-opt-toggle-knob{left:20px}.stratego-overlay .stratego-legend{margin-top:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.stratego-overlay .stratego-legend-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin-bottom:8px}.stratego-overlay .stratego-legend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 6px}.stratego-overlay .stratego-legend-tile{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.stratego-overlay .stratego-legend-chip{position:relative;width:34px;height:34px;border-radius:8px;background:linear-gradient(160deg,#7fb1f0,#5a8fd8 60%,#4f83cc);border:2px solid #3a66a8;box-shadow:0 1px 3px #0000004d}.stratego-overlay .stratego-legend-art{position:absolute;inset:16% 6% 9% 20%;background:#ffffffeb;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}.stratego-overlay .stratego-legend-chip.rank-bomb .stratego-legend-art,.stratego-overlay .stratego-legend-chip.rank-flag .stratego-legend-art,.stratego-overlay .stratego-legend-note-chip .stratego-legend-art{inset:14%}.stratego-overlay .stratego-legend-glyph{position:absolute;top:1px;left:3px;font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.45)}.stratego-overlay .stratego-legend-name{font-size:10px;font-weight:600;opacity:.85;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stratego-overlay .stratego-legend-count{font-size:9px;opacity:.55}.stratego-overlay .stratego-legend-notes{display:flex;flex-direction:column;gap:6px;margin-top:10px}.stratego-overlay .stratego-legend-note{display:flex;align-items:center;gap:8px}.stratego-overlay .stratego-legend-note-chip{position:relative;flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:linear-gradient(160deg,#7fb1f0,#5a8fd8 60%,#4f83cc);border:1px solid #3a66a8}.stratego-overlay .stratego-legend-note-text{font-size:11px;line-height:1.35;opacity:.85}.memory-board-frame{background:linear-gradient(180deg,#242c4c,#1a2138);border:1px solid rgba(107,179,240,.14);border-radius:18px;padding:10px;box-shadow:0 10px 28px #00000059,inset 0 1px #ffffff0f}.memory-board-frame .memory-board{display:grid;gap:6px;aspect-ratio:1;width:100%;-webkit-user-select:none;user-select:none}.memory-board.size-8{gap:4px}.memory-board .memory-card{position:relative;perspective:600px}.memory-board.board-enabled .memory-card.clickable{cursor:pointer}.memory-board.dealing .memory-card{animation:memoryDeal .46s cubic-bezier(.2,.9,.3,1) backwards;animation-delay:calc(var(--deal-index, 0) * 14ms)}@keyframes memoryDeal{0%{opacity:0;transform:translateY(-16px) scale(.82) rotate(-5deg)}to{opacity:1;transform:none}}.memory-board .memory-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.35,.1,.25,1)}.memory-board.board-enabled .memory-card.clickable:hover .memory-card-inner{transform:translateY(-2px) scale(1.04)}.memory-board.board-enabled .memory-card.clickable:active .memory-card-inner{transform:scale(.95);transition-duration:.09s}.memory-board .memory-card.pending .memory-card-inner{transform:rotateY(74deg) scale(1.04)}.memory-board .memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-board .memory-card.flipped.matched .memory-card-inner{transform:rotateY(180deg) scale(.93)}.memory-board .memory-card-back,.memory-board .memory-card-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:12px;backface-visibility:hidden}.memory-board.size-8 .memory-card-back,.memory-board.size-8 .memory-card-front{border-radius:8px}.memory-board .memory-card-back{background:linear-gradient(135deg,#4a7c59e6,#5a8c69e6);border:1px solid rgba(144,238,144,.3);box-shadow:0 2px 8px #4a7c594d;transition:all .15s ease}.memory-board.board-enabled .memory-card.clickable:hover .memory-card-back{background:linear-gradient(135deg,#5a8c69,#6a9c79);border-color:#90ee9080;box-shadow:0 4px 12px #4a7c5966}.memory-board .memory-card-front{transform:rotateY(180deg);background:linear-gradient(180deg,#f4f6fc,#e3e7f3);border:1px solid rgba(255,255,255,.55);box-shadow:0 2px 6px #0000004d;line-height:1;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.memory-board.size-4 .memory-card-front{font-size:38px}.memory-board.size-6 .memory-card-front{font-size:26px}.memory-board.size-8 .memory-card-front{font-size:18px}.memory-board .memory-card.matched .memory-card-front{box-shadow:none}.memory-board .memory-card.matched.green .memory-card-front{background:linear-gradient(180deg,#6bbf4d47,#52a13a47);border-color:#6bbf4da6}.memory-board .memory-card.matched.coral .memory-card-front{background:linear-gradient(180deg,#f28c8047,#de726147);border-color:#f28c80a6}.memory-board .memory-card.mismatch .memory-card-front{animation:memoryMismatchPulse .6s ease-in-out 2;border-color:#f0704fcc}.memory-board .memory-card.mismatch{animation:memoryMismatchShake .42s ease-in-out .4s}@keyframes memoryMismatchPulse{0%,to{box-shadow:0 2px 6px #0000004d}50%{box-shadow:0 0 0 3px #f0704f73,0 0 14px #f0704f80}}@keyframes memoryMismatchShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}50%{transform:translate(3px)}80%{transform:translate(-2px)}}.memory-board .memory-card.just-matched .memory-card-front{animation:memoryMatchPop .5s ease-out}.memory-board .memory-card.just-matched.green .memory-card-front{box-shadow:0 0 0 2px #6bbf4d8c,0 0 18px #6bbf4d73}.memory-board .memory-card.just-matched.coral .memory-card-front{box-shadow:0 0 0 2px #f28c808c,0 0 18px #f28c8073}@keyframes memoryMatchPop{0%{transform:rotateY(180deg) scale(1)}40%{transform:rotateY(180deg) scale(1.14)}70%{transform:rotateY(180deg) scale(.97)}to{transform:rotateY(180deg) scale(1)}}@media (prefers-reduced-motion: reduce){.memory-board .memory-card-inner,.memory-board .memory-card-front{transition-duration:.01ms}.memory-board.dealing .memory-card,.memory-board .memory-card.mismatch,.memory-board .memory-card.mismatch .memory-card-front,.memory-board .memory-card.just-matched .memory-card-front{animation:none}}.memory-overlay .battleship-content>.memory-board-frame{margin-top:4px;flex-shrink:0}.memory-overlay .memory-ready-card{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0}.memory-overlay .memory-score-chip{gap:8px;transition:border-color .2s ease,box-shadow .2s ease}.memory-overlay .memory-score-chip.on-turn{border-color:#90ee9080;box-shadow:0 0 0 1px #90ee9040}.memory-overlay .memory-score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#4a7c59e6,#5a8c69e6);border:1px solid rgba(144,238,144,.3);box-shadow:0 2px 8px #4a7c594d;font-size:12px;font-weight:800;color:#fff}.memory-overlay .memory-score-badge.scored{animation:memoryScoreBump .5s cubic-bezier(.2,.9,.3,1)}@keyframes memoryScoreBump{0%{transform:scale(1)}35%{transform:scale(1.35);box-shadow:0 0 0 3px #90ee9059,0 2px 10px #4a7c5980}to{transform:scale(1)}}.memory-overlay .battleship-turn-banner{position:relative;overflow:hidden}.memory-overlay .battleship-turn-banner.turn-flash{animation:memoryTurnFlash .45s ease-out}.memory-overlay .battleship-turn-banner.turn-flash:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,#fff0 35%,#ffffff29,#fff0 65%);animation:memoryTurnSweep .7s ease-out}@keyframes memoryTurnFlash{0%{transform:scale(.97)}45%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes memoryTurnSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.memory-overlay .memory-score-badge.scored,.memory-overlay .battleship-turn-banner.turn-flash,.memory-overlay .battleship-turn-banner.turn-flash:after{animation:none}}.memory-overlay .memory-options-card{display:flex;flex-direction:column;gap:14px;padding:14px 16px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.memory-overlay .memory-opt-section{display:flex;flex-direction:column;gap:8px}.memory-overlay .memory-opt-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#ffffffa6}.memory-overlay .memory-opt-desc{font-size:12px;line-height:1.4;color:#ffffff8c}.memory-overlay .memory-opt-size-row{display:flex;gap:10px}.memory-overlay .memory-opt-size-card{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;border-radius:12px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffff8c;cursor:pointer;transition:all .15s ease}.memory-overlay .memory-opt-size-card:hover:not(:disabled){background:#ffffff14;color:#fffc}.memory-overlay .memory-opt-size-card.selected{border-color:#6bb3f0b3;background:#6bb3f01f;color:#6bb3f0}.memory-overlay .memory-opt-size-card:disabled{cursor:default}.memory-overlay .memory-opt-size-card:disabled:not(.selected){opacity:.45}.memory-overlay .memory-opt-size-icon{display:flex;align-items:center;justify-content:center}.memory-overlay .memory-opt-size-label{font-size:12px;font-weight:600;color:#f2f3f5}.memory-overlay .memory-opt-size-check{position:absolute;top:6px;right:6px;display:none;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#6bb3f0;color:#10131f}.memory-overlay .memory-opt-size-card.selected .memory-opt-size-check{display:flex}.memory-overlay .memory-opt-public-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.memory-overlay .memory-opt-public-text{display:flex;flex-direction:column;gap:3px;min-width:0}.memory-overlay .memory-opt-toggle{position:relative;width:44px;height:26px;flex-shrink:0;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#ffffff1f;cursor:pointer;transition:background .15s ease,border-color .15s ease}.memory-overlay .memory-opt-toggle.on{background:linear-gradient(135deg,#2e9e5be6,#3cae6ae6);border-color:#90ee904d}.memory-overlay .memory-opt-toggle:disabled{cursor:default;opacity:.55}.memory-overlay .memory-opt-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transition:left .15s ease}.memory-overlay .memory-opt-toggle.on .memory-opt-toggle-knob{left:20px}.spectator-follow-bar{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;align-self:center;max-width:100%;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d}.spectator-follow-bar[hidden]{display:none}.spectator-follow-label{display:flex;align-items:center;gap:6px;color:#ffffffd9;font-size:13px;font-weight:600;white-space:nowrap}.spectator-follow-eye{display:flex;color:#90ee90d9}.spectator-follow-chips{display:flex;flex-wrap:wrap;gap:6px}.spectator-follow-chip{padding:5px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#fffc;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.spectator-follow-chip:hover:not(:disabled):not(.is-on){background:#ffffff1f}.spectator-follow-chip.is-on{border-color:#90ee9073;background:#4a7c5959;color:#fff}.spectator-follow-chip:disabled{opacity:.6;cursor:default}.spectator-sneaky{position:fixed;top:50%;left:50%;z-index:1100;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(320px,calc(100vw - 48px));padding:20px 22px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#282830b8;backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);box-shadow:0 12px 40px #00000073;text-align:center;transform:translate(-50%,-50%);animation:spectator-sneaky-in .32s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.spectator-sneaky.is-leaving{opacity:0;transform:translate(-50%,-50%) scale(.92);transition:all .3s ease}.spectator-sneaky-icon{display:flex;color:#e8c476;animation:spectator-sneaky-wiggle .6s ease-in-out .2s}.spectator-sneaky-title{color:#fff;font-size:16px;font-weight:700}.spectator-sneaky-text{color:#ffffffa6;font-size:13px;line-height:1.4}@keyframes spectator-sneaky-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes spectator-sneaky-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@media (prefers-reduced-motion: reduce){.spectator-sneaky,.spectator-sneaky-icon{animation:none}}
