.hg-arena[data-game="ludo"]{background:linear-gradient(125deg,#fff0d6,#eee8ff 55%,#d9f7ff);color:#17283c}.hg-arena[data-game="ludo"] .hg-stage{border:0;background:transparent;margin:0 12px 10px}.hg-arena[data-game="ludo"] .hg-players,.hg-arena[data-game="ludo"] .hg-status{display:none}.hg-arena[data-game="ludo"] .hg-top{background:#ffffffb5;border-color:#ffffff}.hg-arena[data-game="ludo"] .hg-top h2{color:#6b4acd}.hg-arena[data-game="ludo"] .hg-top small{color:#64718c}.hg-arena[data-game="ludo"] .hg-tools button,.hg-arena[data-game="ludo"] #hg-back{background:#ffffffc9;color:#42516d;border-color:#cad9e8}.ld-game{height:100%;width:100%;overflow:auto;min-height:0}.ld-room{height:100%;min-height:0;position:relative;display:flex;flex-direction:column;color:#18263e}.ld-banner{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 14px;background:#ffffffb3;border:1px solid #fff;border-radius:16px;margin:8px 0}.ld-banner>div{margin-right:auto;display:grid;grid-template-columns:38px 1fr;align-items:center;column-gap:10px}.ld-brand{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;font-size:26px;color:white;background:linear-gradient(135deg,#57d993,#a459f5,#69cce2);border-radius:12px;box-shadow:0 3px 0 #ffffff}.ld-banner b{font-size:18px}.ld-banner small{font-size:10px;color:#72809b}.ld-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr) minmax(150px,225px);gap:20px;padding:8px;align-items:center}.ld-board{min-height:0;height:100%;display:flex;align-items:center;justify-content:center}.ld-board canvas{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:1;object-fit:contain;border:7px solid #fff;border-radius:18px;box-shadow:0 14px 35px #62609424;touch-action:manipulation}.ld-players{display:grid;gap:12px;align-content:start;max-height:100%;overflow:auto}.ld-player{border:1px solid color-mix(in srgb,var(--seat) 40%,white);border-radius:16px;background:#ffffffb8;padding:15px 12px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:6px 10px;align-items:center}.ld-player b{font-size:13px;overflow-wrap:anywhere}.ld-player small{font-size:10px;color:#67748b}.ld-avatar{grid-row:span 2;border-radius:50%;height:36px;display:grid;place-items:center;background:var(--seat);color:white;font-size:17px;font-weight:850;box-shadow:inset 0 2px 5px #ffffff90,0 3px 6px #0001}.ld-player.is-turn{box-shadow:0 0 0 3px color-mix(in srgb,var(--seat) 20%,transparent);background:#fff}.ld-dice-panel{display:flex;flex-direction:column;align-items:center;gap:10px;background:#ffffffb8;border:1px solid white;border-radius:20px;padding:20px 14px}.ld-dice-panel>small{font-size:10px;color:#7453da;text-align:center;font-weight:850;letter-spacing:1px}.ld-dice-panel>b{font-size:14px;text-align:center}.ld-dice-panel p{font-size:12px;line-height:1.55;text-align:center;color:#63718b;margin:4px 0}.ld-game button{background:linear-gradient(120deg,#8454ff,#4fc8df);color:white;border:1px solid #b9c4f3;border-radius:12px;box-shadow:0 3px 0 #716ab333;min-height:40px}.ld-game button:disabled{opacity:.45;cursor:default}.ld-game .ld-dice{width:90px;height:90px;font-size:72px;line-height:1;padding:0;background:linear-gradient(145deg,#fff,#eff3ff);color:#534990;border:2px solid #acaad0;border-radius:22px;box-shadow:0 5px 0 #abafc5;flex-shrink:0}.ld-token-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.ld-token-buttons button{font-size:11px;padding:7px}.ld-overlay{position:absolute;inset:0;z-index:15;background:#dddff4a8;backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px;overflow:auto}.ld-card{background:linear-gradient(145deg,#fff,#f0f5ff);border:2px solid white;border-radius:24px;box-shadow:0 15px 65px #74669a30;padding:24px;width:min(440px,100%);text-align:center}.ld-card h2{font-size:25px;color:#7253cc;margin:0 0 12px}.ld-card p{font-size:12px;line-height:1.65;color:#66748b}.ld-card label{display:grid;gap:6px;text-align:left;font-size:11px;color:#536284;margin-top:10px}.ld-card select{padding:10px;border:1px solid #d6daf0;border-radius:10px;background:#fff;color:#364569;width:100%;min-width:0}.ld-card button{width:100%;margin-top:12px}.ld-game [hidden]{display:none!important}
@media(max-width:760px){.ld-banner{gap:5px;padding:7px 8px;margin:4px 0}.ld-banner>div{grid-template-columns:30px 1fr;gap:6px}.ld-brand{width:30px;height:30px;font-size:22px}.ld-banner b{font-size:14px}.ld-banner small{display:none}.ld-banner button{font-size:10px;padding:6px;min-height:34px}.ld-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:2px}.ld-players{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:visible}.ld-player{padding:7px 9px;border-radius:12px;grid-template-columns:27px minmax(0,1fr);gap:2px 7px}.ld-avatar{height:27px;font-size:12px}.ld-player b{font-size:11px}.ld-player small{font-size:9px}.ld-board canvas{border-width:4px;border-radius:12px}.ld-dice-panel{display:grid;grid-template-columns:50px 1fr auto;gap:4px 9px;padding:8px 10px;border-radius:14px}.ld-game .ld-dice{width:48px;height:48px;font-size:40px;border-radius:12px;grid-row:span 2}.ld-dice-panel>small{text-align:left;font-size:9px}.ld-dice-panel>b{font-size:11px;text-align:left}.ld-dice-panel>p{grid-column:1/-1;font-size:10px;margin:0}.ld-dice-panel>[data-share]{grid-column:3;grid-row:1/3;font-size:10px;padding:7px;min-height:34px}.ld-token-buttons{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.ld-token-buttons:empty{display:none}.ld-token-buttons button{font-size:10px;min-height:30px;padding:4px}.ld-dice-panel [data-status]:empty{display:none}.ld-card{padding:18px}.ld-card h2{font-size:22px}}
@media(orientation:landscape) and (max-height:550px){.ld-banner{padding:5px 8px;margin:2px 0}.ld-banner>div{display:block}.ld-brand,.ld-banner small{display:none}.ld-banner b{font-size:14px}.ld-banner button{font-size:10px;min-height:28px;padding:5px}.ld-layout{grid-template-columns:140px minmax(0,1fr) 160px;grid-template-rows:minmax(0,1fr);gap:10px}.ld-players{display:grid;grid-template-columns:1fr;gap:5px;overflow:auto}.ld-player{padding:6px 8px}.ld-dice-panel{display:flex;padding:9px;gap:5px;max-height:100%;overflow:auto}.ld-dice-panel p{font-size:10px}.ld-game .ld-dice{width:58px;height:58px;font-size:48px}.ld-token-buttons{grid-template-columns:1fr 1fr}.ld-card{padding:15px}.ld-card h2{font-size:20px}.ld-card p{font-size:11px}.ld-card button{min-height:32px;margin-top:7px}}