*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#08090d;color:#f4f5f7}body{overflow-x:hidden}.hidden{display:none!important}.bg-orb{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.16;pointer-events:none}.orb1{background:#ff6b35;left:-180px;top:-150px}.orb2{background:#6c63ff;right:-180px;bottom:-160px}.topbar{height:76px;padding:0 34px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(8,9,13,.78);backdrop-filter:blur(22px)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#ff7a45,#ff4d22);display:grid;place-items:center;font-weight:900;box-shadow:0 8px 30px #ff5a2b33}.brand b{display:block;letter-spacing:1.8px}.brand span{display:block;color:#7d818c;font-size:10px;letter-spacing:2px;margin-top:2px}.top-actions{display:flex;gap:10px;align-items:center}.pill{font-size:12px;color:#aeb3bd;border:1px solid #ffffff12;padding:9px 12px;border-radius:999px;display:flex;gap:7px;align-items:center}.pill svg{width:14px}.icon-btn{border:1px solid #ffffff12;background:#ffffff07;color:#ddd;width:38px;height:38px;border-radius:12px;cursor:pointer}.screen{max-width:1480px;margin:auto;padding:52px 34px 70px}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center;padding:45px 0 35px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#ff7b48;font-weight:800}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.94;letter-spacing:-4px;margin:16px 0 24px}.hero h1 span{color:#777c88}.hero p{max-width:650px;color:#9ba0aa;font-size:17px;line-height:1.7}.hero-card{display:flex;justify-content:center}.mini-board{width:300px;height:300px;border:1px solid #ffffff14;background:linear-gradient(145deg,#15171e,#0c0d12);border-radius:42px;box-shadow:0 40px 100px #000;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:26px;transform:rotate(-4deg)}.mini-board svg{padding:24px;background:#ffffff06;border:1px solid #ffffff0e;border-radius:22px;color:#b9bec8;width:100%;height:100%}.mini-center{grid-column:1/3;display:grid;place-items:center;font-size:55px;font-weight:1000;color:#ff6b35;letter-spacing:-5px}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:linear-gradient(145deg,rgba(24,26,33,.92),rgba(13,14,19,.94));border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:22px;box-shadow:0 24px 70px #00000035}.panel-title{display:flex;gap:13px;align-items:center;margin-bottom:18px}.panel-title>svg{width:24px;color:#ff7442}.panel-title b{display:block}.panel-title small{display:block;color:#707681;margin-top:4px}.panel form{display:grid;gap:10px}.panel input{width:100%;border:1px solid #ffffff10;background:#08090d;color:#fff;border-radius:14px;padding:14px 15px;outline:0}.panel input:focus{border-color:#ff6b35}.primary,.secondary{border:0;border-radius:14px;padding:14px 17px;font-weight:800;color:#fff;display:flex;justify-content:center;gap:9px;align-items:center;cursor:pointer;transition:.2s}.primary{background:linear-gradient(135deg,#ff7a45,#ff4b21);box-shadow:0 12px 30px #ff5d3028}.secondary{background:#ffffff08;border:1px solid #ffffff12}.primary:hover,.secondary:hover{transform:translateY(-2px);filter:brightness(1.08)}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.small{padding:10px 13px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.features>div{padding:18px 20px;background:#ffffff04;border:1px solid #ffffff09;border-radius:18px}.features svg{color:#ff7442;width:20px}.features b,.features span{display:block;margin-top:8px}.features span{font-size:12px;color:#737985}.lobby-head,.gamebar{display:flex;justify-content:space-between;align-items:end;gap:20px}.lobby-head h2,.gamebar h2{font-size:40px;letter-spacing:-2px;margin:8px 0}.lobby-head strong,.gamebar strong{color:#ff7040}.lobby-head p{color:#858a95}.lobby-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:30px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-head>span{color:#747986;font-size:12px}.player-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #ffffff08}.player-row:last-child{border-bottom:0}.avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:inset 0 0 0 1px #fff3}.player-row div{flex:1}.player-row b{display:block}.player-row small{color:#727783;font-size:11px}.ready{font-size:9px;font-weight:900;color:#727783}.ready.on{color:#5ee58b}.waiting{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px}.waiting-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;border:1px solid #ff6b3535;background:#ff6b3508;margin-bottom:18px}.waiting-ring svg{width:40px;color:#ff7040;animation:spin 2s linear infinite}.waiting h3{margin:0;font-size:24px}.waiting p{color:#7c818c}.gamebar{align-items:center;margin-bottom:20px}.turn-box{padding:12px 16px;border:1px solid #ff6b3524;background:#ff6b3508;border-radius:14px;color:#ff8b64;display:flex;gap:9px;align-items:center;font-size:13px}.game-layout{display:grid;grid-template-columns:260px minmax(500px,1fr) 260px;gap:18px;align-items:start}.side{display:grid;gap:14px}.balance-card>span{font-size:10px;letter-spacing:1.5px;color:#7d828d}.balance-card>strong{display:block;font-size:36px;letter-spacing:-2px;margin:8px 0}.balance-card small{color:#5fca80;display:flex;gap:5px}.balance-card small svg{width:14px}.dice-title{display:flex;justify-content:space-between;color:#a0a5af}.dice-row{display:flex;gap:10px;margin:15px 0}.die{width:68px;height:68px;border-radius:17px;background:#08090d;border:1px solid #ffffff12;display:grid;place-items:center;font-size:30px;font-weight:900}.logs{max-height:330px;overflow:auto}.log-line{padding:9px 0;border-bottom:1px solid #ffffff07;font-size:11px;color:#9ca1ac;display:flex;gap:7px}.log-line span{flex:1}.log-line small{color:#565b66}.compact strong{font-size:11px}.compact.active{background:#ff6b350b;margin:-5px -10px;padding:10px;border-radius:14px;border-bottom:0}.board-wrap{position:relative;aspect-ratio:1/1;min-width:0;filter:drop-shadow(0 35px 80px #0008)}.board{position:absolute;inset:0;background:#101218;border:1px solid #ffffff18;border-radius:28px;padding:14%;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);gap:3px}.board:before{content:"";position:absolute;inset:14%;border:1px solid #ffffff0a;border-radius:18px}.board .cell{position:relative;z-index:2;background:linear-gradient(145deg,#1b1e26,#101218);border:1px solid #ffffff0b;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3px;min-width:0;cursor:pointer;overflow:hidden;transition:.16s}.board .cell:hover{transform:scale(1.04);z-index:4;border-color:#ffffff30}.cell.bottom:nth-child(n+1){grid-row:11}.cell.top{grid-row:1}.cell.left{grid-column:1}.cell.right{grid-column:11}.cell.bottom{grid-row:11}.cell:nth-child(1){grid-column:1;grid-row:11;border-radius:12px}.cell:nth-child(11){grid-column:1;grid-row:1;border-radius:12px}.cell:nth-child(21){grid-column:11;grid-row:1;border-radius:12px}.cell:nth-child(31){grid-column:11;grid-row:11;border-radius:12px}.cell.bottom:nth-child(n+2):nth-child(-n+10){grid-column:auto}.cell.left:nth-child(n+12):nth-child(-n+20){grid-row:auto}.cell.top:nth-child(n+22):nth-child(-n+30){grid-column:auto}.cell.right:nth-child(n+32):nth-child(-n+40){grid-row:auto}.cell svg{width:18px;height:18px;color:#aeb3be;margin:3px}.cell b{font-size:7px;line-height:1.1;max-width:95%;font-weight:800}.cell small{font-size:7px;color:#777c88;margin-top:2px}.cell-band{position:absolute;left:0;right:0;height:5px;top:0}.bottom .cell-band,.top .cell-band{height:5px}.left .cell-band,.right .cell-band{width:5px;height:auto;top:0;bottom:0;left:0}.right .cell-band{left:auto;right:0}.brown .cell-band{background:#9a6b4f}.blue .cell-band{background:#5e91d6}.pink .cell-band{background:#df6c9c}.orange .cell-band{background:#e9874d}.red .cell-band{background:#df4c54}.purple .cell-band{background:#8e72d7}.green .cell-band{background:#58a36a}.darkblue .cell-band{background:#457bd1}.cyan .cell-band{background:#38bdf8}.yellow .cell-band{background:#e9c85a}.owner-dot{position:absolute;bottom:3px;right:3px;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 2px #0e1015}.token{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--c);font-size:9px;font-weight:900;border:2px solid #fff8;margin:1px;box-shadow:0 2px 7px #000}.tokens{display:flex;position:absolute;bottom:2px;left:2px}.board-center{position:absolute;inset:23%;border:1px solid #ffffff0a;border-radius:24px;background:radial-gradient(circle at center,#191c24,#0c0e13);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;box-shadow:inset 0 0 60px #000}.center-logo{font-weight:1000;font-size:clamp(26px,4vw,56px);line-height:.78;letter-spacing:-4px;transform:rotate(-8deg);color:#e8e9eb}.center-logo span{color:#ff6435}.center-sub{font-size:8px;letter-spacing:3px;color:#6f7480;margin-top:18px}.center-dice{margin-top:18px;color:#ff7141}.cell-info span{font-size:9px;letter-spacing:1.5px;color:#ff7442}.cell-info h3{margin:7px 0;font-size:18px}.cell-info p{color:#7f8490;font-size:12px;line-height:1.6}.owned{padding:9px;border-radius:10px;background:#ffffff06;color:#aeb3bc;font-size:11px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1e2027;border:1px solid #ffffff12;padding:12px 16px;border-radius:13px;box-shadow:0 15px 50px #000;color:#fff;font-size:13px;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.game-layout{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}.logs{max-height:none}.board-wrap{max-width:760px;margin:auto;width:100%}.right-side .cell-info{display:none}}@media(max-width:720px){.topbar{padding:0 16px}.pill{display:none}.screen{padding:30px 16px}.hero{grid-template-columns:1fr}.hero-card{display:none}.join-grid,.features,.lobby-layout{grid-template-columns:1fr}.gamebar,.lobby-head{align-items:flex-start;flex-direction:column}.side{grid-template-columns:1fr}.board{padding:10%}.cell b{font-size:5px}.cell svg{width:12px;height:12px}.board-center{inset:20%}.center-sub{font-size:5px}.hero h1{letter-spacing:-3px}.hero p{font-size:14px}}

/* Exact perimeter placement for the 40 cells */
.cell:nth-child(1){grid-column:1;grid-row:11}
.cell:nth-child(2){grid-column:2;grid-row:11}.cell:nth-child(3){grid-column:3;grid-row:11}.cell:nth-child(4){grid-column:4;grid-row:11}.cell:nth-child(5){grid-column:5;grid-row:11}.cell:nth-child(6){grid-column:6;grid-row:11}.cell:nth-child(7){grid-column:7;grid-row:11}.cell:nth-child(8){grid-column:8;grid-row:11}.cell:nth-child(9){grid-column:9;grid-row:11}.cell:nth-child(10){grid-column:10;grid-row:11}
.cell:nth-child(11){grid-column:1;grid-row:1}.cell:nth-child(12){grid-column:1;grid-row:2}.cell:nth-child(13){grid-column:1;grid-row:3}.cell:nth-child(14){grid-column:1;grid-row:4}.cell:nth-child(15){grid-column:1;grid-row:5}.cell:nth-child(16){grid-column:1;grid-row:6}.cell:nth-child(17){grid-column:1;grid-row:7}.cell:nth-child(18){grid-column:1;grid-row:8}.cell:nth-child(19){grid-column:1;grid-row:9}.cell:nth-child(20){grid-column:1;grid-row:10}
.cell:nth-child(21){grid-column:11;grid-row:1}.cell:nth-child(22){grid-column:10;grid-row:1}.cell:nth-child(23){grid-column:9;grid-row:1}.cell:nth-child(24){grid-column:8;grid-row:1}.cell:nth-child(25){grid-column:7;grid-row:1}.cell:nth-child(26){grid-column:6;grid-row:1}.cell:nth-child(27){grid-column:5;grid-row:1}.cell:nth-child(28){grid-column:4;grid-row:1}.cell:nth-child(29){grid-column:3;grid-row:1}.cell:nth-child(30){grid-column:2;grid-row:1}
.cell:nth-child(31){grid-column:11;grid-row:11}.cell:nth-child(32){grid-column:11;grid-row:10}.cell:nth-child(33){grid-column:11;grid-row:9}.cell:nth-child(34){grid-column:11;grid-row:8}.cell:nth-child(35){grid-column:11;grid-row:7}.cell:nth-child(36){grid-column:11;grid-row:6}.cell:nth-child(37){grid-column:11;grid-row:5}.cell:nth-child(38){grid-column:11;grid-row:4}.cell:nth-child(39){grid-column:11;grid-row:3}.cell:nth-child(40){grid-column:11;grid-row:2}

/* === НОВОЕ ПОЛЕ: 13x13, крупные углы как на классическом поле === */
.board-wrap{width:100%;max-width:820px;margin:0 auto;aspect-ratio:1/1;position:relative;min-width:0;filter:drop-shadow(0 35px 80px #0008)}
.board{position:absolute;inset:0;padding:0;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));grid-template-rows:repeat(13,minmax(0,1fr));gap:3px;background:#101218;border:1px solid #ffffff18;border-radius:28px;overflow:hidden}
.board:before{content:"";position:absolute;inset:15.45%;border:1px solid #ffffff0a;border-radius:20px;pointer-events:none;z-index:0}
.board .cell{position:relative;z-index:2;background:linear-gradient(145deg,#1b1e26,#101218);border:1px solid #ffffff0b;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5px;min-width:0;min-height:0;cursor:pointer;overflow:hidden;transition:transform .16s,border-color .16s,background .16s}
.board .cell:hover{transform:scale(1.035);z-index:5;border-color:#ffffff35;background:linear-gradient(145deg,#242833,#12151b)}
/* bottom: START + 9 cells */
.board .cell:nth-child(1){grid-column:1 / span 2;grid-row:12 / span 2;border-radius:14px}
.board .cell:nth-child(2){grid-column:3;grid-row:13}.board .cell:nth-child(3){grid-column:4;grid-row:13}.board .cell:nth-child(4){grid-column:5;grid-row:13}.board .cell:nth-child(5){grid-column:6;grid-row:13}.board .cell:nth-child(6){grid-column:7;grid-row:13}.board .cell:nth-child(7){grid-column:8;grid-row:13}.board .cell:nth-child(8){grid-column:9;grid-row:13}.board .cell:nth-child(9){grid-column:10;grid-row:13}.board .cell:nth-child(10){grid-column:11;grid-row:13}
/* left: corner + 9 cells */
.board .cell:nth-child(11){grid-column:1 / span 2;grid-row:1 / span 2;border-radius:14px}
.board .cell:nth-child(12){grid-column:1;grid-row:3}.board .cell:nth-child(13){grid-column:1;grid-row:4}.board .cell:nth-child(14){grid-column:1;grid-row:5}.board .cell:nth-child(15){grid-column:1;grid-row:6}.board .cell:nth-child(16){grid-column:1;grid-row:7}.board .cell:nth-child(17){grid-column:1;grid-row:8}.board .cell:nth-child(18){grid-column:1;grid-row:9}.board .cell:nth-child(19){grid-column:1;grid-row:10}.board .cell:nth-child(20){grid-column:1;grid-row:11}
/* top: 9 cells + corner */
.board .cell:nth-child(21){grid-column:12 / span 2;grid-row:1 / span 2;border-radius:14px}
.board .cell:nth-child(22){grid-column:11;grid-row:1}.board .cell:nth-child(23){grid-column:10;grid-row:1}.board .cell:nth-child(24){grid-column:9;grid-row:1}.board .cell:nth-child(25){grid-column:8;grid-row:1}.board .cell:nth-child(26){grid-column:7;grid-row:1}.board .cell:nth-child(27){grid-column:6;grid-row:1}.board .cell:nth-child(28){grid-column:5;grid-row:1}.board .cell:nth-child(29){grid-column:4;grid-row:1}.board .cell:nth-child(30){grid-column:3;grid-row:1}
/* right: 9 cells + corner */
.board .cell:nth-child(31){grid-column:12 / span 2;grid-row:12 / span 2;border-radius:14px}
.board .cell:nth-child(32){grid-column:13;grid-row:11}.board .cell:nth-child(33){grid-column:13;grid-row:10}.board .cell:nth-child(34){grid-column:13;grid-row:9}.board .cell:nth-child(35){grid-column:13;grid-row:8}.board .cell:nth-child(36){grid-column:13;grid-row:7}.board .cell:nth-child(37){grid-column:13;grid-row:6}.board .cell:nth-child(38){grid-column:13;grid-row:5}.board .cell:nth-child(39){grid-column:13;grid-row:4}.board .cell:nth-child(40){grid-column:13;grid-row:3}
.board .cell svg{width:22px;height:22px;color:#aeb3be;margin:3px;flex:0 0 auto}.board .cell b{font-size:clamp(7px,.72vw,10px);line-height:1.08;max-width:94%;font-weight:800}.board .cell small{font-size:clamp(7px,.58vw,9px);color:#777c88;margin-top:3px}.cell-band{position:absolute;background:transparent}.bottom .cell-band,.top .cell-band{left:0;right:0;height:7px;top:0}.left .cell-band,.right .cell-band{top:0;bottom:0;width:7px;left:0}.right .cell-band{left:auto;right:0}.brown .cell-band{background:#9a6b4f}.blue .cell-band{background:#5e91d6}.pink .cell-band{background:#df6c9c}.orange .cell-band{background:#e9874d}.red .cell-band{background:#df4c54}.purple .cell-band{background:#8e72d7}.green .cell-band{background:#58a36a}.darkblue .cell-band{background:#457bd1}.cyan .cell-band{background:#38bdf8}.yellow .cell-band{background:#e9c85a}
.board-center{position:absolute;inset:15.55%;border:1px solid #ffffff0a;border-radius:22px;background:radial-gradient(circle at center,#191c24,#0c0e13);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;box-shadow:inset 0 0 80px #000;pointer-events:none}
.center-logo{font-weight:1000;font-size:clamp(34px,5vw,70px);line-height:.78;letter-spacing:-5px;transform:rotate(-7deg);color:#e8e9eb}.center-logo span{color:#ff6435}.center-sub{font-size:9px;letter-spacing:4px;color:#6f7480;margin-top:20px}.center-dice{margin-top:18px;color:#ff7141}
.dice-overlay{position:absolute;inset:15.8%;z-index:20;border:1px solid #ffffff16;border-radius:22px;background:rgba(7,8,12,.94);backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 20px 80px #0008,inset 0 0 80px #ff5e3010;animation:diceOverlayIn .18s ease-out}.dice-overlay.hidden{display:none}.dice-caption{font-size:11px;color:#8c929e;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:18px;text-align:center}.dice-caption b{display:block;color:#f3f4f6;margin-top:5px;font-size:15px;letter-spacing:0;text-transform:none}.big-dice{display:flex;gap:15px}.big-die{width:82px;height:82px;border-radius:19px;background:linear-gradient(145deg,#252a34,#11141a);border:1px solid #ffffff18;display:grid;place-items:center;font-size:48px;box-shadow:0 12px 35px #0008;animation:diceShake .12s infinite alternate}.dice-overlay.done .big-die{animation:diceLand .35s ease-out}.dice-result{min-height:23px;margin-top:18px;font-weight:900;color:#ff7b48;font-size:18px}.token{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c);font-size:10px;font-weight:900;color:#fff;border:2px solid #fff8;margin:1px;box-shadow:0 3px 9px #000}.tokens{display:flex;position:absolute;bottom:4px;left:4px;flex-wrap:wrap;max-width:80%}
@keyframes diceShake{from{transform:translateY(-2px) rotate(-5deg)}to{transform:translateY(2px) rotate(5deg)}}@keyframes diceLand{0%{transform:scale(1.16) rotate(-8deg)}70%{transform:scale(.95) rotate(3deg)}100%{transform:scale(1) rotate(0)}}@keyframes diceOverlayIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.board-wrap{max-width:760px}.game-layout{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.board{gap:2px}.board .cell{padding:2px}.board .cell svg{width:14px;height:14px}.board .cell b{font-size:5px}.board .cell small{font-size:5px}.board-center,.dice-overlay{inset:15.5%}.big-die{width:54px;height:54px;border-radius:13px;font-size:32px}.dice-caption b{font-size:11px}.center-logo{font-size:clamp(25px,8vw,48px);letter-spacing:-3px}.center-sub{font-size:6px;letter-spacing:2px}}

/* === Ход, голосование и договоры === */
.turn-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.turn-box{display:flex;align-items:center;gap:9px}.turn-box>b{margin-left:4px;padding:5px 8px;border-radius:8px;background:#ffffff0b;color:#fff;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}.turn-box>b.urgent{background:#ff4d2225;color:#ff8060}.danger{color:#ff8b72!important}.contract-panel,.vote-panel{margin-top:0}.contract-panel .panel-head span,.vote-panel .panel-head span{font-size:10px;color:#ff7b48}.contract-item{padding:10px 0;border-bottom:1px solid #ffffff08;display:flex;align-items:center;gap:10px}.contract-item:last-child{border-bottom:0}.contract-item>div:first-child{min-width:0;flex:1}.contract-item b{font-size:12px}.contract-item span{font-size:11px;color:#777d88}.contract-item small{display:block;color:#aeb3bd;font-size:10px;margin-top:4px;line-height:1.35}.contract-item em{display:inline-block;font-size:9px;color:#ff7b48;font-style:normal;margin-top:4px}.contract-actions{display:flex;gap:5px}.mini{padding:8px 9px!important;font-size:10px!important;border-radius:9px!important}.empty-note{color:#686e7a;font-size:11px;padding:6px 0}.vote-panel p{font-size:11px;color:#8e949f;line-height:1.5;margin:0 0 12px}.vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.finished-banner{margin:0 0 16px;padding:15px 18px;border:1px solid #ff6b3533;background:#ff6b350b;border-radius:16px;display:flex;align-items:center;gap:12px;color:#fff}.finished-banner svg{color:#ff9a69}.finished-banner b{display:block}.finished-banner span{display:block;color:#9298a3;font-size:12px;margin-top:3px}.modal{position:fixed;inset:0;z-index:200;background:#000a;backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.modal.hidden{display:none}.modal-card{position:relative;width:min(520px,100%);background:linear-gradient(145deg,#1b1e26,#0d0f14);border:1px solid #ffffff12;border-radius:24px;padding:24px;box-shadow:0 30px 100px #000}.modal-card h3{font-size:27px;margin:7px 0}.modal-card>p{color:#818793;font-size:12px;line-height:1.5}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#ffffff08;color:#bbb;width:36px;height:36px;border-radius:11px;font-size:22px;cursor:pointer}.contract-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.contract-form label{font-size:11px;color:#858b96}.contract-form label:first-child{grid-column:1/-1}.contract-form select,.contract-form input{display:block;width:100%;margin-top:6px;border:1px solid #ffffff10;background:#08090d;color:#fff;border-radius:11px;padding:11px;outline:none}.contract-form select:focus,.contract-form input:focus{border-color:#ff6b35}.muted{opacity:.45}.vote-buttons.hidden{display:none}@media(max-width:720px){.turn-actions{justify-content:flex-start}.turn-actions .turn-box{width:100%;justify-content:space-between}.contract-form{grid-template-columns:1fr}.contract-form label:first-child{grid-column:auto}.contract-item{align-items:flex-start;flex-direction:column}.contract-actions{width:100%}.contract-actions button{flex:1}}

.lobby-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.danger{color:#ff8b82!important;border-color:#ff5d5028!important;background:#ff4d3d08!important}
/* Board is a true perimeter: 4 large corners + 9 cells per side. */
.board{grid-template-columns:repeat(13,minmax(0,1fr));grid-template-rows:repeat(13,minmax(0,1fr));}
.board .cell:nth-child(1){grid-column:1 / span 2!important;grid-row:12 / span 2!important}
.board .cell:nth-child(2){grid-column:3!important;grid-row:13!important}.board .cell:nth-child(3){grid-column:4!important;grid-row:13!important}.board .cell:nth-child(4){grid-column:5!important;grid-row:13!important}.board .cell:nth-child(5){grid-column:6!important;grid-row:13!important}.board .cell:nth-child(6){grid-column:7!important;grid-row:13!important}.board .cell:nth-child(7){grid-column:8!important;grid-row:13!important}.board .cell:nth-child(8){grid-column:9!important;grid-row:13!important}.board .cell:nth-child(9){grid-column:10!important;grid-row:13!important}.board .cell:nth-child(10){grid-column:11!important;grid-row:13!important}
.board .cell:nth-child(11){grid-column:1 / span 2!important;grid-row:1 / span 2!important}.board .cell:nth-child(12){grid-column:1!important;grid-row:3!important}.board .cell:nth-child(13){grid-column:1!important;grid-row:4!important}.board .cell:nth-child(14){grid-column:1!important;grid-row:5!important}.board .cell:nth-child(15){grid-column:1!important;grid-row:6!important}.board .cell:nth-child(16){grid-column:1!important;grid-row:7!important}.board .cell:nth-child(17){grid-column:1!important;grid-row:8!important}.board .cell:nth-child(18){grid-column:1!important;grid-row:9!important}.board .cell:nth-child(19){grid-column:1!important;grid-row:10!important}.board .cell:nth-child(20){grid-column:1!important;grid-row:11!important}
.board .cell:nth-child(21){grid-column:12 / span 2!important;grid-row:1 / span 2!important}.board .cell:nth-child(22){grid-column:11!important;grid-row:1!important}.board .cell:nth-child(23){grid-column:10!important;grid-row:1!important}.board .cell:nth-child(24){grid-column:9!important;grid-row:1!important}.board .cell:nth-child(25){grid-column:8!important;grid-row:1!important}.board .cell:nth-child(26){grid-column:7!important;grid-row:1!important}.board .cell:nth-child(27){grid-column:6!important;grid-row:1!important}.board .cell:nth-child(28){grid-column:5!important;grid-row:1!important}.board .cell:nth-child(29){grid-column:4!important;grid-row:1!important}.board .cell:nth-child(30){grid-column:3!important;grid-row:1!important}
.board .cell:nth-child(31){grid-column:12 / span 2!important;grid-row:12 / span 2!important}.board .cell:nth-child(32){grid-column:13!important;grid-row:11!important}.board .cell:nth-child(33){grid-column:13!important;grid-row:10!important}.board .cell:nth-child(34){grid-column:13!important;grid-row:9!important}.board .cell:nth-child(35){grid-column:13!important;grid-row:8!important}.board .cell:nth-child(36){grid-column:13!important;grid-row:7!important}.board .cell:nth-child(37){grid-column:13!important;grid-row:6!important}.board .cell:nth-child(38){grid-column:13!important;grid-row:5!important}.board .cell:nth-child(39){grid-column:13!important;grid-row:4!important}.board .cell:nth-child(40){grid-column:13!important;grid-row:3!important}