*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{height:100%;width:100%;overflow:hidden}body{margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;orientation:landscape;overscroll-behavior:none}html{touch-action:manipulation}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:768px){#root{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100vh}.game-scene-container{flex-direction:column}.ui-container{width:100%!important;max-width:100%!important;flex-direction:row!important;justify-content:space-around!important;padding:10px 0}.game-canvas-container{width:100%!important;height:auto!important;padding-bottom:100%;position:relative}.game-canvas-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.panel{width:90vw!important;max-width:400px!important;left:50%!important;transform:translate(-50%)}.settings-panel{width:90vw!important;max-width:350px!important}.leaderboard-panel,.how-to-play-panel{height:70vh!important}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2d1b69,#1a0e3d);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-container{text-align:center;color:#fff}.loading-bar-container{width:300px;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:16px;border:2px solid rgba(255,255,255,.2)}.loading-bar{height:100%;background:linear-gradient(90deg,#ff6b35,#ff8f42,#ffaa4f);border-radius:8px;transition:width .3s ease;box-shadow:0 0 10px #ff6b3580,inset 0 2px 4px #ffffff4d}.loading-text{font-family:Arial,sans-serif;font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.latrunculi-board-wrap{width:min(83vh,96%);height:min(83vh,96%);aspect-ratio:1 / 1;display:grid;place-items:center;z-index:2;position:relative}.latrunculi-board{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:0;overflow:hidden;background:#00000040;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px #0000008c,inset 0 1px #ffffff0f;position:relative;z-index:1;box-sizing:border-box}.latrunculi-pieces-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.latrunculi-cell{position:relative;display:grid;place-items:center;border:none;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.latrunculi-cell:focus{outline:none}.latrunculi-cell:focus-visible:not(.selected):not(.move){outline:2px solid rgba(255,255,255,.28);outline-offset:-2px}.latrunculi-cell.light{background:#ffffff0f}.latrunculi-cell.dark{background:#00000038}.latrunculi-cell:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.04);pointer-events:none}.latrunculi-cell:hover{filter:brightness(1.06)}.latrunculi-cell:active{filter:brightness(1.02)}.latrunculi-cell:disabled{cursor:default;opacity:.98}.latrunculi-cell.selected{outline:2px solid rgba(124,92,255,.75);outline-offset:-2px}.latrunculi-cell.move{outline:2px solid rgba(66,226,255,.5);outline-offset:-2px}.latrunculi-move-dot{position:absolute;width:16%;height:16%;border-radius:999px;background:#42e2ffd9;box-shadow:0 0 18px #42e2ff59}.latrunculi-piece{position:absolute;left:0;top:0;border-radius:999px;box-shadow:0 10px 22px #0006,inset 0 2px #ffffff2e;pointer-events:none;transition:transform .42s cubic-bezier(.33,1,.68,1);will-change:transform}.latrunculi-piece.black{background:radial-gradient(circle at 30% 30%,#ffffff1a,#000000eb);border:1px solid rgba(255,255,255,.08)}.latrunculi-piece.white{background:radial-gradient(circle at 30% 30%,#fffffff2,#b4bed7c7);border:1px solid rgba(0,0,0,.2)}.latrunculi-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0}.latrunculi-overlay-card{width:min(420px,90%);padding:16px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 60px #0000008c;color:#ffffffeb;text-align:center}.latrunculi-overlay-title{font-weight:700;font-size:18px;letter-spacing:.2px;margin-bottom:6px}.latrunculi-overlay-sub{font-size:12px;color:#ffffffb3}.tut-overlay{position:fixed;inset:0;z-index:2000;display:grid;place-items:center}.tut-overlay-backdrop{position:absolute;inset:0;border:none;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.tut-modal{position:relative;width:min(720px,92vw);max-height:min(720px,86vh);display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#0f121aeb;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 100px #000000a6}.tut-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.tut-title{display:flex;align-items:baseline;gap:8px;flex-wrap:nowrap;overflow:hidden}.tut-header-main{font-size:14px;font-weight:700;color:#ffffffeb;white-space:nowrap}.tut-header-step{font-size:11px;font-weight:400;color:#ffffff59;white-space:nowrap}.tut-header-subtitle{font-size:12px;font-weight:500;color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tut-close{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;box-sizing:border-box;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffe6;cursor:pointer;font-size:18px;line-height:1}.tut-close:hover{background:#ffffff1f}.tut-body{padding:12px 14px;display:grid;grid-template-columns:1fr;gap:12px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.38)}.tut-body::-webkit-scrollbar{width:10px}.tut-body::-webkit-scrollbar-track{background:#00000061}.tut-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px;border:2px solid rgba(0,0,0,.38)}.tut-body::-webkit-scrollbar-thumb:hover{background:#ffffff42}.tut-step-text{font-size:12px;color:#ffffffbf;line-height:1.35}.tut-visual{display:grid;place-items:center}.tut-footer{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.08)}.tut-nav{flex:1;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe6;padding:10px 12px;cursor:pointer;font-size:12px;font-weight:600}.tut-nav:disabled{opacity:.45;cursor:default}.tut-nav.primary{background:linear-gradient(135deg,#ff6b35,#ff8f42);border:none}.tut-board-wrap{width:min(380px,78vw);aspect-ratio:1 / 1;position:relative}.tut-board{width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--tut-size),1fr);grid-template-rows:repeat(var(--tut-size),1fr);border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px #0000008c,inset 0 1px #ffffff0f;background:#00000040}.tut-cell{cursor:default}.tut-pieces-layer{position:absolute;inset:0;pointer-events:none}@keyframes tutPop{0%{transform:translate(var(--tut-x, 0px),var(--tut-y, 0px)) scale(.96);filter:brightness(1)}50%{transform:translate(var(--tut-x, 0px),var(--tut-y, 0px)) scale(1);filter:brightness(1.06)}to{transform:translate(var(--tut-x, 0px),var(--tut-y, 0px)) scale(.96);filter:brightness(1)}}@keyframes tutPulseShadow{0%{box-shadow:0 10px 22px #0006,inset 0 2px #ffffff2e}50%{box-shadow:0 14px 26px #00000080,inset 0 2px #ffffff38}to{box-shadow:0 10px 22px #0006,inset 0 2px #ffffff2e}}.tut-pop{animation:tutPulseShadow 1.4s ease-in-out infinite}@keyframes tutRookMove{0%{transform:translate(calc(var(--tut-offset) + 0 * var(--tut-cell)),calc(var(--tut-offset) + 0 * var(--tut-cell)))}25%{transform:translate(calc(var(--tut-offset) + 0 * var(--tut-cell)),calc(var(--tut-offset) + 3 * var(--tut-cell)))}50%{transform:translate(calc(var(--tut-offset) + 0 * var(--tut-cell)),calc(var(--tut-offset) + 0 * var(--tut-cell)))}75%{transform:translate(calc(var(--tut-offset) + 3 * var(--tut-cell)),calc(var(--tut-offset) + 0 * var(--tut-cell)))}to{transform:translate(calc(var(--tut-offset) + 0 * var(--tut-cell)),calc(var(--tut-offset) + 0 * var(--tut-cell)))}}.tut-rook-move{transition:none!important;animation:tutRookMove 2.8s ease-in-out infinite}@keyframes tutCaptureMove{0%{transform:translate(calc(var(--tut-offset) + 0 * var(--tut-cell)),calc(var(--tut-offset) + 2 * var(--tut-cell)))}35%{transform:translate(calc(var(--tut-offset) + 2 * var(--tut-cell)),calc(var(--tut-offset) + 2 * var(--tut-cell)))}65%{transform:translate(calc(var(--tut-offset) + 2 * var(--tut-cell)),calc(var(--tut-offset) + 2 * var(--tut-cell)))}to{transform:translate(calc(var(--tut-offset) + 0 * var(--tut-cell)),calc(var(--tut-offset) + 2 * var(--tut-cell)))}}@keyframes tutCapturedFade{0%{opacity:1;transform:translate(var(--tut-captured-x),var(--tut-captured-y)) scale(1)}45%{opacity:1;transform:translate(var(--tut-captured-x),var(--tut-captured-y)) scale(1)}55%{opacity:0;transform:translate(var(--tut-captured-x),var(--tut-captured-y)) scale(.85)}85%{opacity:0;transform:translate(var(--tut-captured-x),var(--tut-captured-y)) scale(.85)}to{opacity:1;transform:translate(var(--tut-captured-x),var(--tut-captured-y)) scale(1)}}.tut-capture-move{transition:none!important;animation:tutCaptureMove 3.2s ease-in-out infinite}.tut-captured{transition:none!important;animation:tutCapturedFade 3.2s ease-in-out infinite}@media(max-width:640px),(max-height:640px){.tut-modal{width:min(92vw,360px);max-height:90vh;margin:12px}.tut-body{gap:8px}.tut-board-wrap{width:min(50vw,200px)}}@media(max-width:480px),(max-height:560px){.tut-board-wrap{width:min(30vw,120px)}}.settings-overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:3000;pointer-events:none}.settings-backdrop{position:absolute;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.settings-card{position:relative;pointer-events:auto;width:min(480px,90vw);border-radius:14px;padding:16px;background:linear-gradient(145deg,#11131ee6,#07070ce6);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 90px #000000a6}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.settings-title{font-size:16px;font-weight:700;color:#ffffffeb}.settings-close{display:inline-grid;place-items:center;border:none;background:#ffffff1a;color:#fffc;width:34px;height:34px;padding:0;box-sizing:border-box;border-radius:10px;cursor:pointer;font-size:18px;line-height:1}.settings-close:hover{background:#ffffff2e}.settings-body{display:flex;flex-direction:column;gap:18px}.settings-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.settings-label{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:#ffffffb3}.settings-range{appearance:none;height:6px;background:#ffffff26;border-radius:10px;outline:none}.settings-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff8f42);border:none;box-shadow:0 3px 12px #ff6b3599}.settings-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff8f42);border:none;box-shadow:0 3px 12px #ff6b3599}.settings-footer{margin-top:24px;display:flex;justify-content:center}.settings-close-button{border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ff7a1a,#ff4d00);color:#fffffff5;font-weight:700;padding:10px 18px;border-radius:12px;cursor:pointer;box-shadow:0 10px 28px #ff572259;min-width:140px}.settings-close-button:hover{filter:brightness(1.05)}.settings-close-button:active{transform:translateY(1px)}.settings-value{font-size:12px;color:#ffffffb3;min-width:32px;text-align:right}.lb-overlay{position:fixed;inset:0;z-index:2500;display:grid;place-items:center}.lb-backdrop{position:absolute;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.lb-card{position:relative;width:min(720px,94vw);max-height:min(760px,92vh);border-radius:14px;overflow:hidden;background:#0f121af0;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 100px #000000a6;display:flex;flex-direction:column}.lb-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.lb-title{font-size:16px;font-weight:800;color:#ffffffeb}.lb-close{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;box-sizing:border-box;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe6;cursor:pointer;font-size:18px;line-height:1}.lb-close:hover{background:#ffffff1f}.lb-columns{display:grid;grid-template-columns:72px 1fr 120px;gap:10px;padding:10px 14px;font-size:12px;color:#ffffff8c;border-bottom:1px solid rgba(255,255,255,.08)}.lb-col-score{text-align:right}.lb-list{padding:10px 14px;display:grid;gap:10px;overflow:auto;max-height:360px}.lb-loading{min-height:240px;display:grid;place-items:center;color:#ffffffb8;font-size:14px;font-weight:700;letter-spacing:.2px;text-transform:uppercase}.lb-personal-loading{padding:12px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.06);color:#ffffffb3;font-size:13px;text-align:center}.lb-row{display:grid;grid-template-columns:72px 1fr 120px;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.06)}.lb-row.placeholder{opacity:.75}.lb-row.personal{background:#00000029}.lb-rank{font-size:18px;font-weight:800;color:#ffffffeb}.lb-player{display:flex;align-items:center;gap:12px;min-width:0}.lb-avatar{width:34px;height:34px;border-radius:50%;background:#ffffff2e;background-size:cover;background-position:center;flex:0 0 auto}.lb-name{font-size:16px;font-weight:700;color:#ffffffeb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-size:18px;font-weight:800;color:#ffffffeb;text-align:right}.lb-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:10px 14px}.lb-page{align-self:center;font-size:12px;color:#ffffff8c}.lb-nav-btn{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe6;padding:10px 12px;cursor:pointer;font-size:13px;font-weight:700}.lb-nav-btn:disabled{opacity:.45;cursor:default}.lb-nav-btn.primary{background:#3c87ffd9;border:1px solid rgba(60,135,255,.15)}.lb-personal{padding:6px 14px 12px}.lb-personal-title{font-size:12px;letter-spacing:.35px;text-transform:uppercase;color:#ffffff8c;margin-bottom:10px}.lb-auth{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe6;padding:12px;font-size:13px;font-weight:700;cursor:pointer}.lb-auth:hover{background:#ffffff1a}.lb-close-big{margin:0 14px 14px;border-radius:12px;border:1px solid rgba(60,135,255,.15);background:#3c87ffd9;color:#fffffff2;padding:12px;font-size:14px;font-weight:800;cursor:pointer}.lb-close-big:hover{filter:brightness(1.05)}.lb-list::-webkit-scrollbar{width:6px}.lb-list::-webkit-scrollbar-track{background:#ffffff0a}.lb-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.lb-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px),(max-height:520px){.lb-card{width:min(640px,calc(100svw - 24px));max-height:calc(100svh - 24px);margin:12px}.lb-header{padding:10px 12px}.lb-title{font-size:14px}.lb-close{width:32px;height:32px;font-size:18px}.lb-columns{grid-template-columns:56px 1fr 90px;padding:8px 12px}.lb-list{flex:1 1 auto;min-height:0;overflow-y:auto;max-height:none;padding:8px 12px;gap:8px}.lb-row{grid-template-columns:56px 1fr 90px;padding:9px}.lb-rank,.lb-score{font-size:16px}.lb-name{font-size:14px}.lb-nav{gap:10px;padding:8px 12px}.lb-nav-btn{padding:10px 12px;font-size:12px}.lb-personal{padding:4px 12px 10px}.lb-personal-title{font-size:11px;margin-bottom:6px}.lb-auth{padding:10px;font-size:12px}.lb-close-big{margin:0 12px 12px;padding:10px;font-size:13px}}@media(max-height:420px){.lb-card{width:min(560px,calc(100svw - 24px));max-height:calc(100svh - 16px);margin:8px}.lb-header{padding:6px 10px}.lb-title{font-size:13px}.lb-close{width:28px;height:28px;font-size:16px}.lb-columns{grid-template-columns:48px 1fr 72px;padding:6px 10px;font-size:11px}.lb-list{padding:6px 10px;gap:6px}.lb-row{grid-template-columns:48px 1fr 72px;padding:6px 8px;gap:8px;border-radius:10px}.lb-player{gap:8px}.lb-avatar{width:26px;height:26px}.lb-rank,.lb-score{font-size:14px}.lb-name{font-size:12px}.lb-nav{gap:8px;padding:6px 10px}.lb-nav-btn{padding:8px 10px;font-size:12px}.lb-page{font-size:11px}.lb-personal{padding:0 10px 8px}.lb-personal-title{display:none}.lb-auth{padding:8px 10px;font-size:12px}.lb-close-big{margin:0 10px 10px;padding:8px 10px;font-size:12px}}.egr-overlay{position:fixed;inset:0;z-index:2600;display:grid;place-items:center}.egr-backdrop{position:absolute;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.egr-card{position:relative;width:min(520px,92vw);border-radius:14px;padding:18px;background:#0f121af0;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 100px #000000a6;display:flex;flex-direction:column;gap:10px}.egr-title{text-align:center;font-size:16px;font-weight:900;color:#ffffffeb;text-transform:uppercase;letter-spacing:.4px}.egr-result{text-align:center;font-size:14px;font-weight:800;color:#ffffffdb}.egr-metrics{margin-top:6px;display:grid;gap:10px}.egr-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.06)}.egr-key{font-size:12px;letter-spacing:.35px;text-transform:uppercase;color:#fff9}.egr-val{font-size:14px;font-weight:900;color:#ffffffeb}.egr-note{font-size:12px;color:#ffffffa6;line-height:1.35;margin-top:2px;text-align:center}.egr-auth{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;padding:12px;font-size:13px;font-weight:800;cursor:pointer}.egr-auth:hover{background:#ffffff1a}.egr-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.egr-btn{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;padding:12px;font-size:13px;font-weight:800;cursor:pointer}.egr-btn.primary{background:#3c87ffd9;border:1px solid rgba(60,135,255,.15)}.egr-btn:hover{filter:brightness(1.05)}@media(max-width:520px){.egr-card{width:min(520px,94vw)}.egr-actions{grid-template-columns:1fr}}.game-scene{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);display:flex;justify-content:center;align-items:center;overflow:hidden}.game-viewport{position:relative;width:100%;height:100%;max-width:177.78vh;max-height:56.25vw;background:#0003;border-radius:8px;overflow:hidden;box-shadow:0 0 40px #00000080;display:flex}.game-area{flex:0 0 80%;position:relative;background:linear-gradient(135deg,#0f0f0f,#1a1a2e);display:flex;align-items:center;justify-content:center;overflow:hidden}.game-area.inactive .latrunculi-board-wrap{filter:blur(2.2px);transition:filter .32s ease}.game-area-overlay{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;letter-spacing:.4px;color:#ffffffd9;text-transform:uppercase;font-weight:700;text-align:center;pointer-events:none;z-index:3}.ui-area{flex:0 0 20%;background:#22202b99;border-left:1px solid rgba(255,255,255,.05);padding:10px;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px}.ui-buttons{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.game-status{font-size:11px;letter-spacing:.35px;text-transform:uppercase;color:#ffffffa6;margin-top:2px;margin-bottom:2px}.game-content{width:80%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.fullscreen-button{position:absolute;top:15px;right:15px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;z-index:10}.fullscreen-button:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.game-main-screen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:2;pointer-events:none}.game-main-screen>*{pointer-events:auto}.score-display{font-size:clamp(18px,3vh,24px);font-weight:700;color:#ffaa4f;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:2vh;background:#0000004d;padding:8px 16px;border-radius:20px;border:2px solid rgba(255,170,79,.3)}.welcome-message,.game-controls,.score-display{display:none}.game-button{background:linear-gradient(45deg,#ff6b35,#ff8f42);border:none;padding:clamp(12px,2vh,16px) clamp(20px,4vw,32px);font-size:clamp(14px,2vh,18px);font-weight:700;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b3566;text-transform:uppercase;letter-spacing:1px;min-width:120px}.game-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3599}.game-button:active{transform:translateY(0)}.ui-button{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease;width:90%;max-width:140px;text-align:center;white-space:nowrap}.ui-button:hover{background:#ffffff26;border-color:#ffffff4d}.ui-button:disabled{opacity:.45;cursor:default}.ui-button:disabled:hover{background:#ffffff14;border-color:#ffffff26}.ui-button:active{transform:scale(.95)}.ui-button.primary{background:linear-gradient(135deg,#ff6b35,#ff8f42);border:none;color:#fff;box-shadow:0 4px 15px #ff6b354d}.ui-button.primary:hover{background:linear-gradient(135deg,#ff7a4d,#ffa056);box-shadow:0 6px 20px #ff6b3580}.ui-button.ui-green{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;box-shadow:0 4px 15px #22c55e47}.ui-button.ui-green:hover{background:linear-gradient(135deg,#2dd36f,#1bb653);box-shadow:0 6px 20px #22c55e6b}.ui-button.ui-orange{background:linear-gradient(135deg,#f59e0b,#f97316);border:none;box-shadow:0 4px 15px #f59e0b47}.ui-button.ui-orange:hover{background:linear-gradient(135deg,#ffb020,#ff7f2d);box-shadow:0 6px 20px #f59e0b6b}.ui-button.ui-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 15px #3b82f647}.ui-button.ui-blue:hover{background:linear-gradient(135deg,#4b8dff,#2f6cff);box-shadow:0 6px 20px #3b82f66b}.ui-button.ui-purple{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;box-shadow:0 4px 15px #a855f747}.ui-button.ui-purple:hover{background:linear-gradient(135deg,#b96cff,#8a55ff);box-shadow:0 6px 20px #a855f76b}.ui-button.ui-yellow{background:linear-gradient(135deg,#eab308,#ca8a04);border:none;color:#fff;box-shadow:0 4px 15px #eab30840}.ui-button.ui-yellow:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 20px #f59e0b61}.ui-button.ui-green:disabled,.ui-button.ui-orange:disabled,.ui-button.ui-blue:disabled,.ui-button.ui-purple:disabled,.ui-button.ui-yellow:disabled,.ui-button.ui-green:disabled:hover,.ui-button.ui-orange:disabled:hover,.ui-button.ui-blue:disabled:hover,.ui-button.ui-purple:disabled:hover,.ui-button.ui-yellow:disabled:hover{border:none}.ad-toast{position:absolute;top:14px;left:50%;transform:translate(-50%);padding:8px 12px;border-radius:12px;background:#00000073;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;font-size:12px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;pointer-events:none;z-index:12}.ui-button.stop{background:linear-gradient(135deg,#ff4757,#ff3838);border:none;box-shadow:0 4px 15px #ff47574d}.ui-button.stop:hover{background:linear-gradient(135deg,#ff5969,#ff4949);box-shadow:0 6px 20px #ff475780}@media(min-width:769px){.ui-area{justify-content:flex-start;padding:14px 12px;gap:10px}.ui-buttons{justify-content:center;margin-top:auto;margin-bottom:auto}.game-status{font-size:12px}.ui-button{width:92%;max-width:240px;padding:10px 14px;font-size:16px}}.game-button.stop{background:linear-gradient(45deg,#ff4757,#ff3838);box-shadow:0 4px 15px #ff475766}.game-button.stop:hover{box-shadow:0 6px 20px #ff475799}.game-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-top:2vh}.action-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:clamp(10px,1.5vh,14px) clamp(16px,3vw,24px);border-radius:6px;cursor:pointer;font-size:clamp(12px,1.8vh,16px);transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:100px}.action-button:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.game-info{display:none}@media(max-width:768px){.game-viewport{flex-direction:row}.game-area{flex:0 0 70%}.ui-area{flex:0 0 30%;border-left:1px solid rgba(255,255,255,.05);border-top:none;padding:6px;gap:5px}.ui-button{padding:5px 8px;font-size:10px;max-width:120px}.game-status{font-size:10px}}@media(max-height:500px)and (orientation:landscape){.game-area{flex:0 0 75%}.ui-area{flex:0 0 25%}.ui-button{width:100%;max-width:none}.game-content{padding:1vh 2vw}.welcome-message{margin-bottom:1vh}.game-controls{margin:1vh 0}.game-info{bottom:5px;left:5px;right:5px;padding:8px;font-size:10px}}.rotation-warning{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:none;justify-content:center;align-items:center;color:#fff;font-size:24px;text-align:center;z-index:1000;flex-direction:column;gap:20px}@media(max-width:768px)and (orientation:portrait){.rotation-warning{display:flex}.game-scene{display:none}}.rotation-icon{font-size:48px;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-viewport.game-active .game-main-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:none;justify-content:flex-start;padding-top:2vh}.game-viewport.game-active .welcome-message{display:none}.game-viewport.game-active .game-controls{position:absolute;top:15px;left:50%;transform:translate(-50%);margin:0}.game-viewport.game-active .game-actions{position:absolute;top:15px;left:15px;margin:0}.game-viewport.game-active .score-display{position:absolute;top:15px;right:80px;margin:0}