@font-face{font-family:Heebo;src:url('/assets/heebo-hebrew.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
*{letter-spacing:0}.web-app{padding:16px;background:#eef1eb;font-family:Heebo,Arial,sans-serif}.game-shell{height:calc(100dvh - 32px);grid-template-columns:280px minmax(0,1fr);gap:16px;min-height:0}.game-panel{border-radius:6px;background:#fff;padding:22px;gap:12px;min-height:0;border-color:#d7ddd3}.game-panel h1{font-size:27px;line-height:1.2;font-weight:650}.back-link{font-size:11px;color:#226b50;font-weight:500}.game-panel label{font-size:12px;font-weight:600}.game-panel input{font-family:inherit;border-color:#d7ddd3;border-radius:4px;font-size:13px;min-width:0}.mode-row{gap:8px}.button{font-family:inherit;font-size:12px;font-weight:600;min-height:40px;padding-inline:12px;border-radius:4px;border-color:#d7ddd3}.button.primary{background:#226b50;border-color:#226b50}.status-box{font-size:12px;background:#f0f5ef;border-color:#d7e2d6;color:#345340;border-radius:4px}.score-grid{gap:5px}.score-grid span{font-size:11px;padding:9px 2px;border-radius:4px;border-color:#e0e5dc}.score-grid b{display:block;font-size:16px;font-weight:600}.board-area{padding:20px;background:#dce4d8;border-radius:6px;display:flex;flex-direction:column;justify-content:center;gap:12px;overflow:hidden}.browser-board{flex-shrink:0;width:min(100%,calc(100dvh - 125px));border-radius:3px;box-shadow:0 10px 24px #23351f22;border:7px solid #354c39;direction:ltr}.browser-board button.light-cell{background:#e7e8dc}.browser-board button.dark-cell{background:#627b64}.browser-piece.light-piece{background:#f4ecda;border-color:#b7a87e}.browser-piece.dark-piece{background:#b73d4b;border-color:#8c2737}.browser-piece{inset:17%;box-shadow:inset 0 3px 4px #ffffff30,inset 0 -4px 6px #00000022,0 3px 4px #17251c33}.chat-box{min-height:0}.chat-log{font-size:11px;height:110px;min-height:65px;border-color:#e0e5dc;border-radius:4px}.chat-log div{background:#edf3e9}.chat-input{grid-template-columns:minmax(0,1fr) 45px;gap:6px}.chat-input button{border-radius:4px;background:#226b50;font-size:11px}.mobile-actions{display:block}.mobile-actions .button{background:#f8faf5;color:#345340;font-size:10px;min-height:30px}.selected{outline-color:#3d9572}.target:after{background:#205638}
@media(max-width:980px) and (min-width:641px){.game-shell{grid-template-columns:215px minmax(0,1fr);height:calc(100dvh - 24px);min-height:0}.web-app{padding:12px}.game-panel{order:0;padding:14px;gap:10px}.board-area{order:0;padding:12px}.game-panel h1{font-size:22px}.browser-board{width:min(100%,calc(100dvh - 110px))}.mode-row .button{font-size:10px;padding-inline:8px}.chat-log{height:85px}}
@media(max-width:640px){.web-app{padding:10px}.game-shell{height:auto;min-height:calc(100dvh - 20px);grid-template-columns:1fr;gap:10px}.game-panel{order:2;overflow:visible;padding:16px;gap:10px}.board-area{order:1;padding:12px}.browser-board{width:min(100%,65dvh)}.game-panel h1{font-size:24px}.score-grid{display:none}.chat-log{height:85px}.chat-box{margin-top:0}.game-panel .mode-row .button{flex:1}.mobile-actions{display:none}.game-panel label{margin-bottom:-7px}.back-link{font-size:11px}}
body.preview .web-app{padding:10px}body.preview .game-shell{height:calc(100dvh - 20px);gap:10px}body.preview .game-panel{padding:14px;gap:9px}body.preview .game-panel h1{font-size:20px}body.preview .back-link{display:none}body.preview .chat-log{height:62px}body.preview .browser-board{border-width:5px}
@media(max-width:640px){body.preview .game-shell{height:auto;min-height:0}body.preview .game-panel{padding:12px}body.preview .game-panel h1{font-size:18px}body.preview .game-panel>label,body.preview #nameInput,body.preview #onlineBtn,body.preview .chat-box{display:none}body.preview .game-panel .status-box{font-size:11px}body.preview .browser-board{width:min(100%,340px)}body.preview .game-panel{gap:9px}}