@import url('/homepage-assets/home.css?v=2.0.0');
:root{font-family:Arial,sans-serif;color:#192c25;background:#f7f5ee;--accent:#c5dfcd}*{box-sizing:border-box}body{margin:0}header{max-width:1180px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7dbd1}.brand{font-weight:900;font-size:24px;color:#193b2e;text-decoration:none;letter-spacing:-1px}.brand span{color:#ee754a}main{max-width:1100px;margin:auto;padding:30px 28px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #bac4b9;border-radius:12px;background:#fffdf6;color:#19382b;min-height:44px;padding:11px 18px;font-weight:700}button:hover:not(:disabled){background:#e5ebdf;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dd653d;outline-offset:3px}.primary{background:#234d39;color:#fff;border-color:#234d39}.primary:hover:not(:disabled){background:#35664e}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 24px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#53705d}h1{font-size:clamp(38px,6vw,70px);letter-spacing:-3px;line-height:1.05;margin:12px 0}h2{font-size:24px;letter-spacing:-.7px;margin:10px 0}p{line-height:1.55}.intro p:last-child{font-size:18px;color:#607064}.hero-art{background:var(--accent);border-radius:32px;padding:15px;transform:rotate(6deg)}.panel{background:#fffdf7;border:1px solid #d8ded2;padding:28px;border-radius:22px;margin:20px 0}.fields{display:flex;gap:18px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:13px}input,select{border:1px solid #b6c2b5;background:white;border-radius:10px;padding:12px;min-height:44px;color:#203f31;max-width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.join-row{display:flex;align-items:end;gap:12px;border-top:1px solid #e1e5db;padding-top:22px;margin-top:24px}.join-row input{text-transform:uppercase}.room-bar,.game-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.room-bar h2{font-size:18px}.seats{display:flex;gap:10px;flex-wrap:wrap}.seat{background:#e8ece3;border:2px solid transparent;border-radius:12px;padding:12px 16px;font-size:13px;display:flex;gap:8px;align-items:center}.seat.active{border-color:#294e3a;background:#fff}.seat i{width:12px;height:12px;border-radius:50%;display:inline-block;background:var(--seat)}#connection{font-size:12px;color:#54715f}#error{background:#ffe2d7;padding:14px;border-radius:10px;color:#942e16}#board{background:#fffdf6;border:1px solid #d2d8cd;border-radius:22px;padding:24px;overflow:hidden;min-height:180px}#message{min-height:25px;color:#526558}#move-count{font-size:12px;color:#657669}.rules{margin:30px 0;border-top:1px solid #cbd4c8;border-bottom:1px solid #cbd4c8;padding:20px 0}.rules summary{font-size:20px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between}.rules li{margin:9px 0;line-height:1.55}footer{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#59725f;padding:12px 0 30px}footer a{color:inherit}.grids{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ocean{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;max-width:430px;margin:auto}.ocean button{aspect-ratio:1;padding:0;min-height:0;border-radius:5px;border:0;background:#dcebf0;font-size:13px;font-weight:400}.ocean button.ship{background:#58818a;color:white}.ocean button.hit{background:#e97c60;color:#fff}.ocean button.miss{background:#e8eeeb;color:#768a87}.ocean button:disabled{opacity:1}.ocean button.target:hover{background:#9cc7cd}.board-caption{font-size:12px;line-height:1.5;color:#597166;text-align:center}.go-board{display:grid;grid-template-columns:repeat(9,1fr);max-width:570px;margin:auto;gap:0;padding:12px;background:#dcbf88;border:8px solid #b78b50;border-radius:8px}.go-board button{position:relative;aspect-ratio:1;min-height:0;padding:0;border:0;background:linear-gradient(90deg,transparent 49%,#846b46 49%,#846b46 51%,transparent 51%),linear-gradient(transparent 49%,#846b46 49%,#846b46 51%,transparent 51%);border-radius:0}.stone{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#62635f,#101713 80%);box-shadow:1px 3px 4px #55452680}.stone.white{background:radial-gradient(circle at 35% 25%,white,#d7d8ce 80%)}.stone.dead{opacity:.35}.stone.last:after{content:'';position:absolute;inset:40%;background:#ef784e;border-radius:50%}.go-board button:disabled{opacity:1}.chain{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:90px;background:#e8eee4;padding:14px;border-radius:12px;margin-bottom:18px}.tile{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px;min-width:70px;background:#fffdf6;border:2px solid #697b68;border-radius:9px;font-size:22px;box-shadow:0 3px 0 #b4bdb0}.tile b+ b{border-left:1px solid #bbc3b5;padding-left:10px}.tile.selected{border-color:#e37346;background:#fbedc9}.hand{display:flex;gap:10px;flex-wrap:wrap}.star-board{position:relative;width:100%;max-width:620px;aspect-ratio:1.04;margin:auto;background:#f0eadd;border-radius:28px}.hole{position:absolute;transform:translate(-50%,-50%);width:4.8%;height:5%;min-height:0;padding:0;border-radius:50%;border:1px solid #c6c5b5;background:#dad9c7;box-shadow:inset 0 2px 3px #a6a992;font-size:10px}.hole:hover:not(:disabled){transform:translate(-50%,-50%);outline:2px solid #234d39}.hole.occupied{background:var(--seat);box-shadow:inset 0 -3px 0 #0003,0 1px 3px #0003;color:#fff;border:2px solid #fff9}.hole.possible{background:#fff;border:3px solid #315b40}.hole.selected{outline:3px solid #172d23;outline-offset:2px}.hole:disabled{opacity:1}.ludo-board{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);aspect-ratio:1;max-width:570px;margin:auto;gap:2px;background:#efeee2;padding:8px;border-radius:16px}.track{border:1px solid #c6c8b9;background:#fffdf6;position:relative;display:flex;align-items:center;justify-content:center;font-size:10px}.track.safe{background:#e2e8d9}.home-zone{border-radius:15px;border:6px solid var(--seat);background:#fff9;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px}.pawn-dot{background:var(--seat);color:white;width:18px;height:18px;border-radius:50%;font-size:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #fff;box-shadow:0 1px 2px #0005}.track .pawn-dot{width:65%;height:65%;position:absolute}.home-zone .pawn-dot{width:28px;height:28px}.finish{grid-area:7/7/10/10;background:#ddd8bd;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border-radius:8px;font-size:11px;padding:5px}.die{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;background:#fff;border:2px solid #55785e;border-radius:10px;font-size:30px;font-weight:bold;margin-right:10px}.scores{background:#e8eee0;padding:14px;border-radius:10px;margin:15px 0;line-height:1.7}.end-actions{justify-content:flex-end}#resign{font-size:12px;background:transparent}.ship-editor{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.ship-editor select{max-width:170px}[hidden]{display:none!important}@media(max-width:650px){header{padding:16px}.brand{font-size:20px}header button{font-size:12px;padding:9px}main{padding:22px 14px}.intro{gap:12px}.hero-art{width:82px;height:82px;border-radius:22px;padding:8px}h1{letter-spacing:-2px}.intro p:last-child{font-size:15px}.panel{padding:20px}.fields{gap:12px}.fields label{flex:1;min-width:100px}input{width:100%}.join-row{align-items:stretch;flex-direction:column}.grids{grid-template-columns:1fr;gap:25px}#board{padding:12px}.room-bar{align-items:flex-start;flex-direction:column;gap:0}.room-bar .actions{margin-top:0}.seats{gap:6px}.seat{padding:8px;font-size:11px}.go-board{padding:5px;border-width:5px}.hole{width:5.6%;height:5.8%}.home-zone{padding:2px;gap:3px;border-width:4px}.home-zone .pawn-dot{width:20px;height:20px}.ludo-board{padding:4px;gap:1px}.track{font-size:7px}.track .pawn-dot{font-size:7px}.finish{font-size:8px}.game-heading h2{font-size:20px}.tile{padding:10px;font-size:20px;min-width:60px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Full cinematic cover, shared with the catalog and picker. */
.intro>div{min-width:0}.intro .hero-art{display:block;width:42%;max-width:420px;height:auto;aspect-ratio:16/9;object-fit:contain;padding:0;transform:none;border-radius:18px;background:#101713;box-shadow:0 12px 32px #172d2326;flex-shrink:0}@media(max-width:650px){.intro{flex-direction:column;align-items:stretch;gap:16px}.intro .hero-art{width:100%;max-width:480px;align-self:center;border-radius:14px}}