:root{--wood-dark:#43190b;--wood:#7d3518;--wood-light:#ba672f;--cream:#ecd09e;--wine:#8f171d;--ink:#201b18;--panel:#fffaf0}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#f4f4f4;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:linear-gradient(90deg,var(--wood-dark),var(--wood),var(--wood-dark));color:#fff;box-shadow:0 4px 14px #0004;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{font-size:24px;font-weight:800;letter-spacing:2px}.nav{display:flex;flex-wrap:wrap;gap:10px}.nav a{padding:8px 11px;border-radius:7px;background:#ffffff18}.nav a:hover{background:#ffffff2c}.main{width:min(1500px,100%);margin:0 auto;padding:24px;flex:1 1}.hero{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:28px;gap:28px;align-items:center;min-height:72vh}.hero-card{background:linear-gradient(145deg,#fffdf7,#ead1a3);border:1px solid #bd8d57;border-radius:22px;padding:36px;box-shadow:0 20px 50px #4a260f30}.hero h1{font-size:clamp(45px,8vw,100px);margin:0;color:var(--wood-dark);letter-spacing:8px}.hero p{font-size:19px;line-height:1.55}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.menu-card{display:block;padding:22px;border:1px solid #a76f3d;border-radius:14px;background:#fffaf0;box-shadow:0 8px 22px #5b2e1320;transition:transform .16s,box-shadow .16s}.menu-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px #5b2e1335}.menu-card strong{display:block;font-size:19px;color:var(--wine);margin-bottom:6px}.board-preview{aspect-ratio:1;border-radius:24px;background:linear-gradient(135deg,#b45e2d,#4c1b0a);padding:9%;box-shadow:0 25px 55px #3a1b0b55}.board-preview-inner{width:100%;height:100%;border-radius:10px;background:#efd19e;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 25px #4b210e88}.preview-rack{display:grid;grid-template-columns:repeat(5,30px);grid-gap:2px;gap:2px;transform:rotate(30deg)}.preview-piece{width:30px;height:30px;border-radius:50%;border:2px solid #4f2511;background:#c57a36}.preview-piece:nth-child(2n){background:#181513}.preview-piece:first-child{background:#c51d4a}.page-title{margin:0 0 18px;color:var(--wood-dark)}.workspace{display:grid;grid-template-columns:minmax(520px,1fr) 360px;grid-gap:20px;gap:20px;align-items:start}.canvas-panel{min-width:0}.game-canvas{display:block;width:100%;height:auto;max-height:calc(100vh - 130px);object-fit:contain;border-radius:0;box-shadow:none;background:transparent;touch-action:none}.side-panel{background:var(--panel);border:1px solid #c69a69;border-radius:15px;padding:16px;box-shadow:0 10px 28px #4b210e25;max-height:calc(100vh - 105px);overflow:auto}.section{border-top:1px solid #d9c1a5;padding:14px 0}.section:first-child{border-top:0;padding-top:0}.section h2{font-size:17px;margin:0 0 10px;color:var(--wine)}.field{display:grid;grid-gap:5px;gap:5px;margin:10px 0;font-size:13px;font-weight:700}.field input,.field select{width:100%;padding:8px;border:1px solid #b99979;border-radius:7px;background:#fff}.row{display:flex;gap:8px}.row>*{flex:1 1}.btn{border:1px solid #703018;border-radius:8px;padding:10px 12px;background:linear-gradient(#ad5d32,#7d3518);color:#fff;font-weight:800}.btn.secondary{background:#f2e2c8;color:#4a2413}.btn.danger{background:#9d2530}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.stat{background:#f4e5cd;border-radius:8px;padding:8px;font-size:13px}.stat strong{display:block;font-size:18px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#edd3a8;color:#5f2711;font-weight:700}.direction-wheel{width:220px;height:220px;max-width:100%;display:block;margin:auto;border-radius:50%;box-shadow:inset 0 0 0 1px #af8157;touch-action:none}.power-meter{height:14px;border-radius:8px;overflow:hidden;background:#d7c4ad;border:1px solid #aa8a69}.power-fill{height:100%;background:linear-gradient(90deg,#4b9a51,#e0a62a,#ad2433)}.help{margin-top:10px;font-size:13px;color:#5d5148;text-align:center}.scoreboard{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.score{padding:13px;border-radius:9px;text-align:center;background:#ead3ad}.score.active{outline:3px solid var(--wine)}.score strong{display:block;font-size:30px}.about{max-width:900px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 12px 30px #0002;line-height:1.6}@media (max-width:980px){.hero,.workspace{grid-template-columns:1fr}.game-canvas,.side-panel{max-height:none}}@media (max-width:620px){.main{padding:14px}.menu-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:10px}.nav{justify-content:flex-end}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 35%,hsla(38,67%,77%,.75),transparent 34%),linear-gradient(145deg,#351207,#7d3518 55%,#43190b)}.auth-card{width:min(430px,100%);padding:42px 34px;text-align:center;border:1px solid #c69a69;border-radius:22px;background:linear-gradient(145deg,#fffdf7,#ead1a3);box-shadow:0 24px 70px rgba(0,0,0,.38)}.auth-brand{margin:0;color:var(--wood-dark);font-size:clamp(46px,11vw,78px);letter-spacing:7px}.auth-subtitle{margin:8px 0 26px;color:#66452e;font-size:17px}.auth-signin-wrap{display:grid;grid-gap:10px;gap:10px;justify-items:center}.google-signin{min-width:230px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid #b8b8b8;border-radius:8px;background:#fff;color:#202124;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.12)}.google-signin:hover{background:#f7f7f7}.google-signin:disabled{opacity:.65;cursor:wait}.google-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4285f4;font-size:18px;font-family:Arial,sans-serif;font-weight:900}.auth-user{display:flex;align-items:center;gap:9px;min-width:0}.auth-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid hsla(0,0%,100%,.45)}.auth-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.auth-secondary{padding:7px 10px;border:1px solid hsla(0,0%,100%,.4);border-radius:7px;color:#fff;background:hsla(0,0%,100%,.12)}.auth-secondary:hover{background:hsla(0,0%,100%,.22)}.auth-error,.auth-inline-error{color:#a00020;font-size:13px;line-height:1.4}.auth-inline-error{max-width:360px}@media (max-width:850px){.topbar{align-items:flex-start;gap:12px;flex-wrap:wrap}.auth-user{width:100%}.auth-name{max-width:220px}}.home-version,.version-badge{display:inline-block;padding:6px 11px;border-radius:999px;background:#8f171d;color:#fff;font-weight:800;letter-spacing:.5px;font-size:13px}.version-badge{margin:4px 0 10px}.home-version{margin-bottom:8px}.brand small{font-size:11px;opacity:.8;letter-spacing:0;vertical-align:middle}.auth-option{min-width:230px;padding:12px 18px;border:1px solid #b7885d;border-radius:8px;background:#fff7e9;color:#4c2615;font-weight:700}.auth-option:hover{background:#f7e3c3}.auth-option.guest{background:#6f351d;color:#fff}.auth-divider{width:100%;display:flex;align-items:center;gap:10px;color:#7d6756;font-size:12px}.auth-divider:after,.auth-divider:before{content:"";height:1px;background:#c9ad8e;flex:1 1}.email-auth-box{width:min(320px,100%);display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px solid #c8a37c;border-radius:9px;background:#fffaf1}.email-auth-box input{width:100%;padding:10px;border:1px solid #b99b7d;border-radius:7px}.auth-email-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.auth-email-actions button{padding:9px;border:1px solid #7a3518;border-radius:7px;background:#8f4a28;color:#fff;font-weight:700}.auth-text-button{border:0;background:transparent;color:#8f171d;text-decoration:underline}.board-control-help{margin-top:10px;padding:10px 12px;background:#fff7e8;border:1px solid #d0aa78;border-radius:9px;color:#5d4030;font-size:13px;line-height:1.45;text-align:center}.rules-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.rules-status span{padding:6px 8px;border-radius:8px;background:#fff6e6;border:1px solid #d5b184;color:#5e3d28;font-size:12px;font-weight:700}.board-result{margin-top:10px;padding:10px;border-radius:9px;background:#f8e6c7;border:1px solid #c99758;color:#5b2b16;font-weight:700;line-height:1.4}.rules-page h2{margin-top:24px;color:#6e2e18}.rules-note{margin-top:24px;padding:12px;border-left:4px solid #8f171d;background:#fff6e8}.btn:disabled{opacity:.5;cursor:not-allowed}.score small{display:block;margin-top:4px;color:#684933;font-size:11px;line-height:1.35}.sound-row{padding-top:8px;padding-bottom:8px}.sound-toggle{display:flex;align-items:center;gap:8px;font-weight:700}.sound-toggle input{width:18px;height:18px}.control-steps{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px}.control-steps span{padding:7px 11px;border-radius:999px;background:#ead9c3;border:1px solid #c7a77e;color:#65442d;font-size:12px;font-weight:700}.control-steps span b{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:5px;border-radius:50%;background:#7a3517;color:#fff}.control-steps span.active{background:#8f171d;color:#fff;border-color:#8f171d}.control-steps span.active b{background:#fff;color:#8f171d}.match-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(30,15,7,.68);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.match-modal{width:min(92vw,440px);padding:28px;text-align:center;background:#fff8e9;border:3px solid #8f171d;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.4);color:#4c2818}.match-modal h2{margin:6px 0 8px;font-size:28px}.winner-crown{font-size:42px;color:#c38a18}.winner-points{margin:6px 0;color:#8f171d;font-size:38px;font-weight:900}.match-modal .row{justify-content:center;margin-top:20px}.ai-intro{max-width:900px;margin:0 0 18px;color:#654b3a;line-height:1.5}.ai-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.ai-profile-card{display:grid;grid-gap:7px;gap:7px;padding:16px;text-align:left;border:1px solid #c79b69;border-radius:14px;background:linear-gradient(145deg,#fff8ea,#f1d8b5);color:#4c2818;box-shadow:0 5px 14px rgba(70,35,12,.12);cursor:pointer}.ai-profile-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(70,35,12,.2)}.ai-profile-card strong{font-size:20px;color:#7a2f1d}.ai-profile-card span{min-height:38px;font-size:13px;line-height:1.4}.ai-profile-card small{color:#6f5543;font-weight:700}.ai-level{width:max-content;padding:4px 8px;border-radius:999px;background:#8f171d;color:#fff;font-size:11px;font-weight:800}.ai-stars{color:#bf8315;letter-spacing:2px;font-size:17px}.ai-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:10px}.ai-page-head .page-title{margin-bottom:2px}.ai-page-head p{margin:0;color:#6f5543}.ai-live-status{display:grid;grid-gap:6px;gap:6px;margin-top:10px;padding:10px;border-radius:10px;background:#fff5df;border:1px solid #d3ab79;color:#5b3926;font-size:12px}.ai-live-status>strong{font-size:14px;color:#7b2b1c}.ai-decision-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.ai-decision-steps span{padding:6px 4px;text-align:center;border-radius:7px;background:#e6d2b8;font-weight:800;font-size:10px}.ai-decision-steps span.active{background:#8f171d;color:#fff}.ai-profile-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:29px;border:3px solid hsla(0,0%,100%,.78);box-shadow:0 4px 12px rgba(45,25,10,.22);flex:0 0 auto}.ai-avatar.large{width:68px;height:68px;font-size:36px}.ai-avatar.small{width:38px;height:38px;font-size:21px;border-width:2px}.ai-current-opponent{display:flex;align-items:center;gap:13px}.ai-live-head{display:flex;align-items:center;gap:9px}.rack-help{margin:0 0 9px;color:#6b4d38;font-size:12px;line-height:1.4}.rule-foul-backdrop{background:rgba(45,12,8,.72)}.rule-foul-modal{border-color:#b32929}.rule-foul-modal .winner-crown{background:#b32929;color:#fff}.rule-foul-modal p{line-height:1.55}.canvas-panel,.workspace{background:transparent;box-shadow:none;border:0}.canvas-panel{padding:0}.canvas-panel,.main,.workspace{background:transparent!important;box-shadow:none!important}.canvas-panel{padding:0!important;border:0!important}.board-result-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(35,20,10,.44);z-index:6;padding:28px}.board-result-dialog{width:min(520px,90%);background:linear-gradient(145deg,#fffdf7,#ead1a3);border:3px solid #7d3518;border-radius:22px;padding:30px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.5)}.board-result-dialog h2{margin:4px 0 8px;color:#7d3518;font-size:30px}.board-result-dialog h3{margin:0;color:#8f171d;font-size:36px}.result-icon{font-size:54px}.result-main{font-size:20px;font-weight:700;line-height:1.45}.result-score{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:18px 0}.result-score span{background:#fff8e8;border:1px solid #c69a69;border-radius:10px;padding:12px}.result-score strong{display:block;font-size:30px;color:#8f171d}.result-actions .btn{min-width:130px}.reposition-overlay-btn{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:5;border:2px solid #fff4dc;border-radius:999px;padding:11px 18px;background:rgba(91,34,18,.92);color:#fff;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.28)}.reposition-overlay-btn:hover{background:#7d3518}.board-stage{position:relative}.power-line-cursor{position:absolute;width:28px;height:28px;border-radius:50%;transform:translate(-50%,-50%);border:3px solid #fff;background:#8f171d;box-shadow:0 2px 9px rgba(0,0,0,.42);z-index:5}.power-line-cursor:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#f6d783}.power-line-cursor span{position:absolute;left:50%;top:-30px;transform:translateX(-50%);padding:3px 7px;border-radius:8px;background:#4a180dcc;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.power-line-cursor{width:32px;height:32px;border-width:3px;box-shadow:0 0 0 3px hsla(0,0%,100%,.3),0 4px 12px rgba(0,0,0,.45)}.power-line-cursor span{top:-34px;font-size:13px;padding:4px 8px}.game-canvas.power-cursor-hidden{cursor:none}.power-line-cursor{pointer-events:none;z-index:8;width:34px;height:34px}.lobby-page{padding:24px;max-width:1500px;margin:auto}.lobby-head,.online-table-bar{display:flex;justify-content:space-between;align-items:center;gap:20px}.lobby-grid{display:grid;grid-template-columns:1fr 280px;grid-gap:24px;gap:24px}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:18px;gap:18px}.people-panel,.table-card{background:#fffaf0;border:1px solid #d7c4ad;border-radius:16px;padding:14px}.mini-board{height:220px;margin:12px 0;border:13px solid #7b421f;border-radius:14px;background:#e8c994;position:relative;display:flex;align-items:center;justify-content:center}.seat{position:absolute;left:8px;right:8px;text-align:center;font-weight:700}.seat.top{top:8px}.seat.bottom{bottom:8px}.table-actions,.table-title{display:flex;justify-content:space-between;gap:8px}.lobby-head button,.online-table-bar button,.table-actions button,.waiting-card button{border:0;border-radius:9px;padding:9px 13px;background:#8f171d;color:#fff;font-weight:700}.table-actions .secondary{background:#e8ded1;color:#542b20}.person{padding:9px 0;border-bottom:1px solid #eadfce}.person div{display:flex;flex-direction:column}.person small{color:#7a685c}.observer-banner,.waiting-card{padding:14px;margin:12px auto;max-width:760px;text-align:center;background:#fff3d7;border-radius:12px}@media(max-width:850px){.lobby-grid{grid-template-columns:1fr}}.auth-status{margin-top:8px;font-size:13px;font-weight:700;color:#6b4a2f}.online-board-shell{max-width:1050px;margin:0 auto}.player-banner{display:flex;align-items:center;justify-content:center;gap:10px;font-size:22px;font-weight:800;padding:10px 14px}.player-banner img{width:38px;height:38px;border-radius:50%;object-fit:cover}.player-banner span{text-transform:capitalize;font-size:14px;font-weight:700;background:#efe2cb;border-radius:999px;padding:5px 9px}.opponent-banner{margin-bottom:4px}.self-banner{margin-top:4px}.online-canvas-wrap{position:relative;max-width:900px;margin:0 auto}.online-game-canvas{box-shadow:none!important}.observer-badge,.online-error,.online-phase,.shot-busy{position:absolute;left:50%;transform:translateX(-50%);z-index:9;border-radius:999px;padding:8px 14px;font-weight:800;pointer-events:none}.online-phase{bottom:14px;background:#4c1d12dd;color:#fff}.observer-badge{top:12px;background:#232323cc;color:#fff}.shot-busy{top:50%;background:#fff4ddee;color:#6f2818}.online-error{top:12px;background:#a71924;color:#fff}.online-score{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:8px auto 18px;padding:8px 16px;background:#fff7e8;border-radius:10px}.online-score b{font-size:20px;color:#8f171d}.ghost-control{position:absolute;z-index:20;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;border:2px solid hsla(0,0%,100%,.75);background:rgba(60,28,20,.32);color:#fff;font-size:30px;font-weight:900;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ghost-control:hover{background:rgba(143,23,29,.82)}.accept-direction,.back-control,.fire-control{position:absolute;z-index:21;border:0;border-radius:999px;font-weight:900;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}.accept-direction{right:18px;bottom:62px;padding:12px 18px;background:#f2dfb8;color:#57291d}.fire-control{right:18px;bottom:62px;padding:14px 28px;background:#a51420;color:#fff;font-size:18px}.back-control{left:18px;bottom:62px;padding:11px 16px;background:rgba(40,30,25,.72);color:#fff}.online-game-canvas{touch-action:none}.fixed-control-pad{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:25;display:flex;align-items:center;justify-content:center;gap:16px;padding:11px 15px;border-radius:18px;background:rgba(49,31,23,.38);border:1px solid hsla(0,0%,100%,.48);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 5px 18px rgba(0,0,0,.2)}.fixed-adjust-btn{min-width:82px;height:54px;border:2px solid hsla(0,0%,100%,.82);border-radius:14px;background:rgba(143,23,29,.76);color:#fff;font-size:24px;font-weight:900;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.fixed-adjust-btn:hover{background:rgba(143,23,29,.96)}.fixed-control-readout{min-width:126px;display:flex;flex-direction:column;align-items:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}.fixed-control-readout strong{font-size:12px;letter-spacing:.08em}.fixed-control-readout span{font-size:20px;font-weight:900}.border-direction-pad,.border-power-pad{top:auto!important;bottom:18px!important;left:50%!important;transform:translateX(-50%)!important;background:rgba(65,34,20,.42)}.ai-rating-select{min-width:300px;max-width:100%;padding:11px 13px;border-radius:10px;border:1px solid #cdb89c;background:#fffaf0;color:#4f2b20;font-weight:700}.waiting-card{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}body{background:#07111c;color:#eaf0f5}.shell{background:radial-gradient(circle at 30% 10%,#13273a 0,#07111c 38%,#050b12 100%)}.topbar{background:#07111cf5;border-bottom:1px solid #20364a;box-shadow:0 5px 24px #0008;padding:12px 22px}.brand{font-size:25px}.brand small{color:#f0b93d}.nav a{background:transparent;border-bottom:3px solid transparent;border-radius:0;padding:11px 15px;font-weight:800}.nav a:hover{background:#102235;border-bottom-color:#f0b93d}.main{width:min(1680px,100%);padding:16px 20px}.online-table{max-width:1660px!important;padding:0!important}.v44-roombar{background:#0b1825;border:1px solid #20384d;border-radius:10px;padding:9px 13px;color:#dce8f1;margin-bottom:10px}.v44-roombar>div{display:flex;gap:12px;align-items:center}.room-status{color:#50d06e;text-transform:capitalize;font-size:13px}.v44-roombar button{background:#142a3e!important;border:1px solid #31516d!important;color:#fff!important}.v44-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;grid-gap:16px;gap:16px;align-items:start}.v44-board-column{min-width:0}.online-canvas-wrap{background:#08131f;border:1px solid #20384d;border-radius:18px;padding:7px;box-shadow:0 18px 50px #0007}.online-game-canvas{width:100%;display:block;border-radius:14px}.player-banner{color:#eaf0f5;padding:8px 12px;font-size:18px}.player-banner>div{display:flex;flex-direction:column;align-items:center}.player-banner small{color:#9fb0be;font-size:12px;margin-top:2px}.avatar-placeholder{width:34px;height:34px;border-radius:50%;background:#172a3a;display:inline-grid;place-items:center;color:#f0b93d}.v44-hud{display:flex;flex-direction:column;gap:11px;position:-webkit-sticky;position:sticky;top:82px}.v44-ai-card,.v44-control-card,.v44-rule-card,.v44-score-card,.v44-turn-card{background:linear-gradient(145deg,#0b1927,#07121d);border:1px solid #24445e;border-radius:14px;color:#eaf0f5;box-shadow:0 10px 28px #0004}.v44-score-card{display:grid;grid-template-columns:1fr 50px 1fr;grid-gap:8px;gap:8px;padding:14px;align-items:center}.v44-score-card>div{display:flex;flex-direction:column;gap:3px;text-align:center}.v44-score-card small{color:#8da3b5;font-size:10px}.v44-score-card strong{font-size:15px}.v44-score-card b{font-size:30px;color:#fff}.v44-score-card>span{color:#f0b93d;font-weight:900;text-align:center}.v44-turn-card{padding:12px 14px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;grid-gap:8px;gap:8px}.v44-turn-card small{color:#8fa6b7}.live-dot{width:13px;height:13px;border-radius:50%;background:#4bd866;box-shadow:0 0 0 5px #4bd86622}.v44-ai-card{padding:15px}.v44-ai-card h3{margin:0 0 12px;color:#f0b93d}.v44-ai-card>strong{display:block;margin:10px 0 7px;color:#cfe3f3}.v44-ai-card>small{color:#8299aa;line-height:1.4}.ai-orbit{height:82px;position:relative;border-radius:12px;background:#08101a;overflow:hidden;border:1px solid #162c3d}.ai-orbit:before{content:"";position:absolute;left:12%;right:12%;top:50%;border-top:1px dashed #4fd36a88;transform:rotate(-12deg)}.ai-orbit b,.ai-orbit i,.ai-orbit span{position:absolute;border-radius:50%;display:block}.ai-orbit span{width:18px;height:18px;background:#e9d7ad;border:3px solid #8f171d;left:20%;top:55%;animation:aiScan 1.5s ease-in-out infinite}.ai-orbit i{width:16px;height:16px;background:#ed315d;right:17%;top:20%;box-shadow:0 0 12px #ed315d}.ai-orbit b{width:22px;height:22px;border:3px solid #4bd866;right:24%;bottom:17%;box-shadow:0 0 14px #4bd866}@keyframes aiScan{0%,to{transform:translateX(0)}50%{transform:translateX(150px)}}.ai-progress{height:8px;border-radius:999px;background:#172739;overflow:hidden}.ai-progress span{display:block;height:100%;background:linear-gradient(90deg,#42d868,#f0b93d);transition:width .1s linear}.v44-control-card{padding:14px}.v44-control-card h3{margin:0;color:#66b8f4}.v44-control-card p{color:#aab9c5;line-height:1.45;margin:8px 0 12px}.v44-step-row{display:flex;gap:8px}.v44-step-row span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #31516d;color:#7e97aa}.v44-step-row span.active{background:#183d62;color:#fff;border-color:#61b8fb}.v44-rule-card{padding:12px 14px;color:#f2c366;border-color:#6a4b19;background:#21180a}.v44-border-controls{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:10px;background:#07111ccc;border:1px solid #38536b;border-radius:13px;padding:7px 9px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.v44-border-controls button{min-width:64px;height:42px;border-radius:9px;border:1px solid #31516d;background:#10283c;color:#eaf0f5;font-weight:900;font-size:18px}.v44-border-controls span{min-width:105px;display:flex;flex-direction:column;text-align:center;color:#fff}.v44-border-controls b{font-size:10px;color:#f0b93d;letter-spacing:.08em}.v44-back,.v44-fire{position:absolute;z-index:31;bottom:70px;border:0;border-radius:10px;font-weight:900;padding:11px 18px}.v44-back{left:14px;background:#12273a;color:#fff;border:1px solid #36526a}.v44-fire{right:14px;background:linear-gradient(#d82736,#a60f1e);color:#fff;font-size:17px;box-shadow:0 5px 18px #b3122044}.v44-phase{position:absolute;z-index:25;left:50%;top:13px;transform:translateX(-50%);background:#07111cdd;color:#fff;border:1px solid #355069;border-radius:999px;padding:7px 13px;font-weight:800;white-space:nowrap}.online-error{top:52px!important;border-radius:9px!important}.waiting-card{background:#0b1927!important;border:1px solid #24445e!important;color:#eaf0f5!important}.ai-rating-select{background:#07131e!important;color:#eaf0f5!important;border-color:#36536a!important}@media(max-width:1100px){.v44-game-layout{grid-template-columns:1fr}.v44-hud{position:static;display:grid;grid-template-columns:1fr 1fr}.v44-ai-card{grid-column:1/-1}}@media(max-width:700px){.v44-hud{grid-template-columns:1fr}.v44-score-card{grid-template-columns:1fr 38px 1fr}.v44-phase{max-width:90%;white-space:normal;text-align:center}.v44-border-controls{bottom:8px;gap:5px}.v44-border-controls button{min-width:48px}.main{padding:8px}}.v45-control-dock{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);z-index:34;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 9px;border-radius:14px;background:#07111ce8;border:1px solid #38536b;box-shadow:0 7px 20px #0007;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.v45-control-dock button{height:43px;min-width:55px;border-radius:9px;border:1px solid #31516d;background:#10283c;color:#eef5fa;font-weight:900;font-size:17px}.v45-control-dock .dock-back{min-width:46px;font-size:24px;background:#15283a}.v45-control-dock .dock-adjust{min-width:62px}.v45-control-dock .dock-fire{min-width:74px;background:linear-gradient(#d82736,#a60f1e);border-color:#e03b48}.v45-control-dock .dock-fire:disabled{opacity:.35;background:#233342;border-color:#3a4b59;cursor:not-allowed}.dock-readout{min-width:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:900;line-height:1.05}.dock-readout b{color:#f0b93d;font-size:10px;letter-spacing:.08em;margin-bottom:3px}.v44-score-card em{font-style:normal;color:#f0b93d;font-size:11px}.rating-result{grid-column:1/-1;text-align:center;border-top:1px solid #213a50;padding-top:9px;margin-top:4px;color:#73e48a;font-weight:800;font-size:13px}@media(max-width:700px){.v45-control-dock{gap:4px;padding:5px}.v45-control-dock button{min-width:44px;height:39px;font-size:14px}.v45-control-dock .dock-fire{min-width:60px}.dock-readout{min-width:88px;font-size:13px}}.online-result-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(2,8,14,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.online-result-dialog{width:min(560px,94vw);background:linear-gradient(145deg,#102234,#07121d);border:1px solid #31516d;border-radius:20px;padding:26px;color:#eef6fb;text-align:center;box-shadow:0 28px 80px #000b}.result-kicker{color:#f0b93d;font-size:12px;font-weight:900;letter-spacing:.14em}.online-result-dialog h2{margin:8px 0 4px;font-size:34px}.result-points{font-size:25px;color:#72e48b;font-weight:900}.result-score{margin:12px 0 16px;padding:10px;border-radius:10px;background:#081521;color:#c9d8e3;font-weight:800}.result-rating{display:flex;flex-direction:column;gap:5px;padding:13px;background:#0a1a28;border:1px solid #203d53;border-radius:12px;margin-bottom:17px}.result-rating strong{color:#f0b93d}.result-rating small,.result-rating span{color:#96aebe}.result-rating b{color:#73e48a;font-size:17px}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.result-actions button{border-radius:10px;padding:12px 17px;font-weight:900;border:1px solid #36546d}.result-primary{background:#1976b9;color:#fff}.result-secondary{background:#13283b;color:#eef5fa}.info-page{max-width:1050px;margin:0 auto;padding:30px 34px;border-radius:18px;background:linear-gradient(145deg,#0d1d2c,#08131e);border:1px solid #294760;box-shadow:0 20px 55px rgba(0,0,0,.42);color:#dce8f1;line-height:1.65}.info-page h1{margin:0 0 8px;color:#fff;font-size:clamp(32px,5vw,48px)}.info-page h2{margin:26px 0 8px;color:#f0b93d}.info-page p{color:#c9d8e3}.info-page strong{color:#fff}.info-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #203a50}.return-lobby-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid #3b5c76;background:#132b40;color:#fff!important;font-weight:800}.return-lobby-btn:hover{background:#1b3b57}.about,.auth-card,.hero-card,.match-modal,.menu-card,.people-panel,.rules-note,.side-panel,.table-card{color:#201b18}.about p,.auth-card p,.hero-card p,.match-modal p,.menu-card p,.people-panel p,.rules-note p,.side-panel p,.table-card p{color:#4d382b}.about h1,.about h2{color:#5e2414}.online-result-dialog,.v44-ai-card,.v44-control-card,.v44-game-layout,.v44-hud,.v44-roombar,.v44-score-card,.v44-turn-card{color:#eaf0f5}@media(max-width:700px){.info-page{padding:20px 18px}.info-page-head{flex-direction:column}}.rack-rotate-controls{position:absolute;left:50%;top:78px;transform:translateX(-50%);z-index:33;display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:12px;background:#07111ce8;border:1px solid #38536b;box-shadow:0 7px 20px #0007}.rack-rotate-controls span{color:#f0b93d;font-size:11px;font-weight:900;letter-spacing:.08em}.rack-rotate-controls button{width:42px;height:38px;border-radius:9px;border:1px solid #31516d;background:#10283c;color:#fff;font-size:22px;font-weight:900}