@font-face{font-family:'TGamesDIN';src:url('../games/classic/DIN.ttf') format('truetype');font-display:swap}
.turinga-games{max-width:1100px;margin:18px auto;font-family:Arial,Helvetica,sans-serif;color:#222}.games-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #cfd7de;border-radius:4px;padding:9px 12px;margin-bottom:10px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.games-toolbar-left{display:flex;align-items:center;gap:10px;min-width:0}.games-toolbar-title{font-weight:bold;color:#245a8d}.games-server-state{display:flex;align-items:center;gap:6px;font-size:12px;color:#687681}.games-status-dot{width:9px;height:9px;border-radius:50%;background:#aaa;display:inline-block}.games-status-dot.is-online{background:#2aa745}.games-status-dot.is-error{background:#c83d3d}.games-mod-badge{font-size:9px;background:#b52b27;color:#fff;border-radius:2px;padding:2px 4px;font-weight:bold}.games-view-switch{display:flex;gap:4px}.games-view-switch button,.games-game-tabs button{cursor:pointer;border:1px solid #b8c4ce;background:linear-gradient(#fff,#e9eef2);color:#536572;border-radius:3px;padding:6px 10px;font-size:12px}.games-view-switch button.is-active,.games-game-tabs button.is-active{background:#2f76ad;border-color:#24628f;color:#fff}.games-game-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:0 auto 10px}.games-login-required,.games-panel{background:#fff;border:1px solid #cfd7de;border-radius:4px;padding:14px}.games-view[hidden]{display:none!important}.games-toast{position:fixed;right:20px;bottom:20px;z-index:99999;background:#333;color:#fff;padding:10px 14px;border-radius:4px;box-shadow:0 3px 12px rgba(0,0,0,.25);font-size:12px}.games-toast.is-error{background:#a83b36}

/* Vista clásica: geometría original de Taringa! Juegos (720x455) */
.games-classic-scroll{overflow-x:auto;padding-bottom:5px}.games-classic-frame{position:relative;width:720px;height:455px;margin:0 auto;background:url('../games/classic/lobby.png') no-repeat 0 0;font-family:'TGamesDIN',Arial,sans-serif;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.22);user-select:none}.games-classic-logo{position:absolute;left:495px;top:10px;max-width:198px;height:44px;object-fit:contain;z-index:3}.games-classic-logo.logo-truco{left:515px}.games-classic-batalla-title{position:absolute;left:495px;top:13px;width:198px;text-align:center;color:#fff;font:26px/36px 'TGamesDIN',Arial,sans-serif;text-shadow:1px 2px 1px #00417c;z-index:3;display:none}.classic-room-list{position:absolute;left:13px;top:90px;width:236px;height:289px;overflow-y:auto;overflow-x:hidden;padding:0;margin:0;box-sizing:border-box}.classic-room-list::-webkit-scrollbar,.classic-player-list::-webkit-scrollbar,.classic-chat-messages::-webkit-scrollbar{width:8px}.classic-room-list::-webkit-scrollbar-thumb,.classic-player-list::-webkit-scrollbar-thumb,.classic-chat-messages::-webkit-scrollbar-thumb{background:#aeb4b9}.classic-room{position:relative;width:219px;height:36px;border:0;padding:0 8px;margin:0;background-image:url('../games/classic/btn-open-room.png');background-repeat:no-repeat;background-position:0 0;color:#15480d;text-align:left;font:13px/36px 'TGamesDIN',Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;cursor:pointer}.classic-room:hover{background-position:-219px 0}.classic-room:active{background-position:-438px 0}.classic-room.is-closed{background-image:url('../games/classic/btn-closed-room.png');background-position:0 0;color:#777;cursor:default}.classic-room.is-mine{font-weight:bold}.classic-room .classic-room-players{float:right;margin-left:6px}.classic-room-empty,.classic-player-empty,.classic-chat-empty{padding:8px;color:#888;font:12px/1.35 'TGamesDIN',Arial,sans-serif}.classic-player-list{position:absolute;left:270px;top:90px;width:176px;height:289px;overflow-y:auto;overflow-x:hidden;padding:2px 8px;box-sizing:border-box;background:transparent}.classic-player{height:22px;display:flex;align-items:center;gap:4px;color:#222;font:13px/22px 'TGamesDIN',Arial,sans-serif;white-space:nowrap}.classic-player-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}.classic-mod-action{border:0;background:transparent;padding:0 2px;color:#a00000;font:10px/18px Arial,sans-serif;cursor:pointer;display:none}.classic-player:hover .classic-mod-action{display:inline-block}.classic-chat-messages{position:absolute;left:467px;top:90px;width:235px;height:289px;overflow-y:auto;overflow-x:hidden;padding:5px 7px;box-sizing:border-box;color:#1d1d1d;font:13px/1.3 'TGamesDIN',Arial,sans-serif;user-select:text}.classic-chat-line{word-break:break-word;margin:0 0 3px}.classic-chat-user{font-weight:bold;color:#004e94}.classic-chat-line.is-me .classic-chat-user{color:#aa0000}.classic-chat-delete{float:right;border:0;background:transparent;color:#999;padding:0 2px;cursor:pointer;font-size:10px}.classic-chat-form{position:absolute;left:467px;top:392px;width:232px;height:24px;margin:0;padding:0}.classic-chat-input{position:absolute;left:0;top:0;width:218px;height:23px;border:1px solid #b9c0c5;background:#fff;color:#222;padding:2px 5px;box-sizing:border-box;font:13px 'TGamesDIN',Arial,sans-serif;outline:none}.classic-send{position:absolute;left:221px;top:0;width:11px;height:23px;border:0;padding:0;background:url('../games/classic/btn-send.png') no-repeat 0 0;cursor:pointer}.classic-send:hover{background-position:-11px 0}.classic-send:active{background-position:-22px 0}.classic-create-room{position:absolute;left:153px;top:390px;width:99px;height:45px;border:0;padding:0;background:url('../games/classic/btn-crear-sala.png') no-repeat 0 0;cursor:pointer}.classic-create-room:hover{background-position:-99px 0}.classic-create-room:active{background-position:-198px 0}.classic-create-room:disabled{opacity:.45;cursor:default}.classic-bet-bg{position:absolute;left:19px;top:385px;width:53px;height:56px;background:url('../games/classic/jugar-por.png') no-repeat 0 0}.classic-bet-value{position:absolute;left:17px;top:400px;width:52px;height:24px;border:0;background:transparent;text-align:center;color:#111;font:18px/24px 'TGamesDIN',Arial,sans-serif}.classic-sound{position:absolute;left:125px;top:60px;width:30px;height:23px;border:0;padding:0;background:url('../games/classic/sonidos.png') no-repeat 0 0;cursor:pointer}.classic-sound:hover{background-position:-30px 0}.classic-sound:active{background-position:-60px 0}.classic-sound.is-muted{background-position:-90px 0}.classic-sound.is-muted:hover{background-position:-120px 0}.classic-sound.is-muted:active{background-position:-150px 0}.classic-points-title{position:absolute;left:318px;top:387px;color:#67e3f9;text-shadow:1px 1px 2px #004c8e;font:18px 'TGamesDIN',Arial,sans-serif}.classic-points-value{position:absolute;left:330px;top:407px;color:#fff;font:18px 'TGamesDIN',Arial,sans-serif}.classic-current-room{position:absolute;left:13px;top:350px;width:219px;min-height:24px;padding:3px 5px;box-sizing:border-box;background:rgba(0,0,0,.74);color:#fff;font:11px/18px Arial,sans-serif;z-index:5;display:none}.classic-current-room button{float:right;border:0;background:#d6d6d6;color:#333;font-size:10px;padding:1px 5px;cursor:pointer}.classic-room-count{position:absolute;left:177px;top:68px;color:#164f80;font:11px Arial,sans-serif}.classic-user-count{position:absolute;left:399px;top:68px;color:#164f80;font:11px Arial,sans-serif}

/* Vista moderna conserva el lobby funcional del paso 3 */
.games-modern-view{font-family:Arial,Helvetica,sans-serif}.games-modern-catalog{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px}.games-modern-game{background:linear-gradient(#f8fafb,#e7edf2);border:1px solid #c8d2db;border-radius:4px;padding:8px;text-align:center;cursor:pointer}.games-modern-game.is-active{border-color:#2f76ad;box-shadow:inset 0 0 0 1px #2f76ad}.games-modern-game strong{display:block;color:#285f8e;font-size:13px}.games-modern-game span{display:block;color:#8a949c;font-size:10px;margin-top:2px}.games-modern-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;margin-bottom:12px}.games-panel-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e5e8;padding-bottom:8px;margin-bottom:9px}.games-panel-title h2{font-size:16px;color:#3c678c;margin:0}.games-panel-title span{font-size:11px;color:#89939b}.games-modern-create{display:grid;grid-template-columns:130px 1fr auto;gap:6px;margin-bottom:10px}.games-modern-create select,.games-modern-create input,.games-modern-chat-form input{height:32px;border:1px solid #bec8d0;border-radius:3px;padding:0 8px;box-sizing:border-box;background:#fff}.games-modern-create button,.games-modern-chat-form button,.games-action{border:1px solid #24679b;background:#2f7eb8;color:#fff;border-radius:3px;padding:6px 10px;cursor:pointer;font-size:12px}.games-action.secondary{background:#f3f5f6;color:#4d5d69;border-color:#c5cdd3}.games-action.danger{background:#b94640;border-color:#9f342f}.games-modern-room-list{display:flex;flex-direction:column;gap:6px}.games-modern-room{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #d8dee3;background:#f8fafb;border-radius:3px}.games-modern-room-info{flex:1;min-width:0}.games-modern-room-name{font-weight:bold;color:#315f85;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.games-modern-room-meta{font-size:10px;color:#89939b;margin-top:2px}.games-modern-current{background:#edf7ed;border:1px solid #b9d8b9;border-radius:3px;padding:8px;margin-bottom:9px;font-size:12px;display:none}.games-modern-users{display:flex;flex-direction:column;gap:4px;max-height:310px;overflow:auto}.games-modern-user{display:flex;align-items:center;gap:6px;padding:6px;background:#f6f8fa;border:1px solid #e0e5e8;border-radius:3px;font-size:12px}.games-modern-user-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.games-mini-btn{border:0;background:transparent;color:#8a969f;font-size:10px;cursor:pointer;padding:2px}.games-mini-btn:hover{color:#b52b27}.games-modern-chat{height:230px;overflow:auto;border:1px solid #d8dee3;background:#f8fafb;border-radius:3px;padding:8px;box-sizing:border-box}.games-modern-chat-line{padding:4px 5px;border-bottom:1px dotted #dfe3e6;font-size:12px;line-height:1.35}.games-modern-chat-user{font-weight:bold;color:#2e6e9f;margin-right:5px}.games-modern-chat-time{color:#aaa;font-size:9px;margin-left:6px}.games-modern-chat-delete{float:right;border:0;background:none;color:#aaa;cursor:pointer;font-size:10px}.games-modern-chat-form{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px}.games-empty{color:#90999f;font-size:12px;padding:10px;text-align:center}
@media(max-width:850px){.games-modern-catalog{grid-template-columns:repeat(4,1fr)}.games-modern-grid{grid-template-columns:1fr}.games-toolbar{align-items:flex-start;flex-direction:column}.games-view-switch{align-self:flex-end}}@media(max-width:600px){.games-modern-catalog{grid-template-columns:repeat(2,1fr)}.games-modern-create{grid-template-columns:1fr}.games-game-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.games-game-tabs button{white-space:nowrap}}

/* Paso 5: fichas + controles clásicos + sala previa */
.classic-bet-input{position:absolute;left:16px;top:400px;width:42px;height:25px;border:0;background:transparent;color:#111;text-align:center;font:18px/25px 'TGamesDIN',Arial,sans-serif;outline:none;padding:0;-moz-appearance:textfield}.classic-bet-input::-webkit-outer-spin-button,.classic-bet-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.classic-spin{position:absolute;left:60px;width:10px;height:7px;border:0;padding:0;background-image:url('../games/classic/btn-puntos.png');background-repeat:no-repeat;background-position:0 0;cursor:pointer}.classic-spin:hover{background-position:-10px 0}.classic-spin:active{background-position:-20px 0}.classic-spin-up{top:400px}.classic-spin-down{top:418px;transform:rotate(180deg)}.classic-game-options{position:absolute;left:80px;top:385px;width:70px;height:55px;z-index:4}.classic-option-label{position:absolute;left:0;top:0;color:#184e7c;font:10px/14px Arial,sans-serif;text-transform:uppercase}.classic-option-input{position:absolute;left:0;top:15px;width:42px;height:25px;border:0;background:transparent;color:#111;text-align:center;font:18px/25px 'TGamesDIN',Arial,sans-serif;outline:none;padding:0;-moz-appearance:textfield}.classic-option-input::-webkit-outer-spin-button,.classic-option-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.classic-option-spin{position:absolute;left:44px;width:10px;height:7px;border:0;padding:0;background-image:url('../games/classic/btn-puntos.png');background-repeat:no-repeat;background-position:0 0;cursor:pointer}.classic-option-spin:hover{background-position:-10px 0}.classic-option-spin:active{background-position:-20px 0}.classic-option-spin.up{top:16px}.classic-option-spin.down{top:34px;transform:rotate(180deg)}.classic-truco-toggle{position:absolute;left:0;width:36px;height:26px;border:0;padding:0;background-repeat:no-repeat;background-position:0 0;cursor:pointer}.classic-truco-toggle.a30{top:0;background-image:url('../games/classic/btn-a30.png')}.classic-truco-toggle.flor{top:30px;background-image:url('../games/classic/btn-flor.png')}.classic-truco-toggle:hover{background-position:-36px 0}.classic-truco-toggle:active{background-position:-72px 0}.classic-truco-toggle.is-selected{background-position:-108px 0}.classic-truco-toggle.is-selected:hover{background-position:-144px 0}.classic-truco-toggle.is-selected:active{background-position:-180px 0}.classic-points-value{min-width:70px}.classic-room .classic-room-bet{color:#a35400;margin-left:4px;font-weight:bold}

.games-modern-wallet{font-size:12px;color:#52636f;margin:-2px 0 9px}.games-modern-wallet strong{color:#2e729f}.games-modern-create{grid-template-columns:125px 1fr 95px auto}.games-modern-settings{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:27px;padding:5px 7px;background:#f7f9fa;border:1px solid #e2e7ea;border-radius:3px;font-size:11px;color:#586975}.games-modern-settings label{display:flex;align-items:center;gap:5px}.games-modern-settings input[type=number]{width:70px;height:27px}.games-modern-room-meta .room-bet{color:#a06400;font-weight:bold}

.games-room-overlay{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}.games-room-overlay[hidden]{display:none!important}.games-room-dialog{width:min(620px,100%);background:#fff;border-radius:7px;box-shadow:0 12px 45px rgba(0,0,0,.4);overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#26343e}.games-room-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:17px 18px 13px;background:linear-gradient(#f9fbfc,#edf2f5);border-bottom:1px solid #d5dde2}.games-room-kicker{text-transform:uppercase;font-size:9px;letter-spacing:1.1px;color:#84939d;margin-bottom:3px}.games-room-dialog h2{margin:0;color:#2d678f;font-size:20px}.games-room-dialog-meta{margin-top:4px;color:#778690;font-size:11px}.games-room-x{border:0;background:transparent;font-size:27px;line-height:27px;color:#87949c;cursor:pointer;padding:0 2px}.games-room-dialog-body{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:16px 18px}.games-room-dialog-body>div>strong{display:block;margin-bottom:8px;color:#4a6477;font-size:12px}.games-room-rules{font-size:12px;line-height:1.7;color:#596b77}.games-room-rule-value{font-weight:bold;color:#273c4a}.games-room-players{display:flex;flex-direction:column;gap:6px}.games-room-player{display:flex;align-items:center;gap:8px;border:1px solid #dde4e8;border-radius:4px;padding:7px 9px;background:#f8fafb;font-size:12px}.games-room-player-name{flex:1;font-weight:bold;color:#315e7f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.games-room-owner-badge,.games-room-ready-badge{font-size:9px;border-radius:9px;padding:2px 6px}.games-room-owner-badge{background:#ddebf5;color:#35698f}.games-room-ready-badge{background:#dff1df;color:#34713a}.games-room-waiting-badge{font-size:9px;color:#9b7d36}.games-room-dialog-actions{display:flex;justify-content:flex-end;gap:7px;padding:12px 18px 16px;border-top:1px solid #e3e8eb}.games-room-starting-note{margin:0 18px 12px;padding:10px 12px;background:#fff5d6;border:1px solid #ead894;border-radius:4px;color:#705d21;font-size:12px}.games-room-dialog-actions button[disabled],.games-room-dialog-actions button.is-disabled{opacity:.38;cursor:not-allowed;filter:grayscale(1);box-shadow:none}

@media(max-width:650px){.games-room-dialog-body{grid-template-columns:1fr}.games-modern-create{grid-template-columns:1fr}.games-modern-settings{grid-column:1}.games-room-dialog-actions{flex-wrap:wrap}.games-room-dialog-actions .games-action{flex:1}}
.classic-option-bg{position:absolute;left:0;top:0;pointer-events:none;background-repeat:no-repeat}.classic-option-bg.level{left:10px;width:31px;height:43px;background-image:url('../games/classic/nivel.png')}.classic-option-bg.minutes{width:53px;height:56px;background-image:url('../games/classic/jugar-por-minutos.png')}.classic-option-input.level{left:10px;width:22px}.classic-game-options:has(.classic-option-input.level) .classic-option-spin{left:34px}

.games-room-start-help{margin:10px 18px 0;padding:8px 10px;border:1px solid #e3c77a;background:#fff8de;color:#7a5b00;border-radius:3px;font-size:12px;line-height:1.35}.games-room-start-help.is-ready{border-color:#a9d3ad;background:#edf8ee;color:#27632d}.games-room-dialog-actions button[disabled],.games-room-dialog-actions button.is-disabled{opacity:.35!important;cursor:not-allowed!important;filter:grayscale(1)!important;pointer-events:none;box-shadow:none!important}

/* Paso 6: T-Tris HTML5 - geometría inspirada en el cliente clásico 720x455 */
.games-ttris-overlay{position:fixed;inset:0;z-index:120000;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}.games-ttris-overlay[hidden]{display:none!important}.games-ttris-shell{max-width:100%;max-height:100%;overflow:auto;border-radius:5px;box-shadow:0 16px 60px rgba(0,0,0,.55)}.games-ttris-stage{position:relative;width:720px;height:455px;overflow:hidden;background:#0d8ee8;color:#fff;font-family:'TGamesDIN',Arial,sans-serif;user-select:none}.games-ttris-board{position:absolute;left:30px;top:30px;width:160px;height:400px;background:#000;border:2px solid rgba(255,255,255,.65);box-sizing:content-box}.games-ttris-preview{position:absolute;left:192px;top:30px;width:80px;height:80px;background:#000;border:2px solid rgba(255,255,255,.55);box-sizing:content-box}.games-ttris-score,.games-ttris-level,.games-ttris-nick,.games-ttris-status{position:absolute;top:8px;height:20px;line-height:20px;font-size:15px;text-shadow:1px 1px 1px rgba(0,0,0,.55);white-space:nowrap}.games-ttris-score{left:10px}.games-ttris-level{left:120px}.games-ttris-nick{left:180px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.games-ttris-status{right:78px;font-size:12px;color:#e8f5ff}.games-ttris-leave{position:absolute;left:590px;top:5px;border:1px solid #14689f;border-radius:3px;background:linear-gradient(#fefefe,#dcebf5);color:#245877;font:bold 12px Arial,sans-serif;padding:5px 13px;cursor:pointer}.games-ttris-controls{position:absolute;left:205px;bottom:12px;width:495px;color:#d9f2ff;font:11px/16px Arial,sans-serif;text-align:center;opacity:.95}.games-ttris-opponent{position:absolute;width:95px;height:125px;color:#fff}.games-ttris-opponent-name{width:95px;height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:15px;text-shadow:1px 1px 1px #000}.games-ttris-opponent canvas{display:block;width:40px;height:100px;background:#000;border:1px solid rgba(255,255,255,.45)}.games-ttris-opponent.is-out{opacity:.58;filter:grayscale(1)}.games-ttris-countdown{position:absolute;left:0;top:160px;width:720px;text-align:center;font:bold 82px/100px Arial,sans-serif;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.7);pointer-events:none}.games-ttris-final{position:absolute;left:195px;top:175px;width:330px;padding:13px 18px;box-sizing:border-box;text-align:center;font:bold 30px/38px Arial,sans-serif;color:#fff;text-shadow:2px 2px 3px #000;background:rgba(0,0,0,.38);border-radius:7px;pointer-events:none}.games-ttris-final.is-win{background:rgba(25,110,45,.55)}
@media(max-width:760px){.games-ttris-shell{width:100%}.games-ttris-stage{transform-origin:top left;transform:scale(.78);margin-right:-158px;margin-bottom:-100px}}

/* V9 REDISEÑO MODERNO */

.is-modern-view{max-width:1180px}.is-modern-view .games-game-tabs{display:none}.is-modern-view .games-toolbar{margin-bottom:12px;padding:11px 14px;border:1px solid #dbe3ea;border-radius:12px;background:#fff;box-shadow:0 8px 30px rgba(21,48,71,.06)}.is-modern-view .games-view-switch{padding:3px;background:#edf2f6;border-radius:9px}.is-modern-view .games-view-switch button{border:0;border-radius:7px;padding:7px 13px;background:transparent;color:#6d7b87;font-weight:700}.is-modern-view .games-view-switch button.is-active{background:#fff;color:#176da6;box-shadow:0 2px 8px rgba(28,66,92,.12)}
.games-modern-view{--gm-blue:#1478b8;--gm-line:#e2e9ef;color:#142c3d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.games-modern-shell{display:flex;flex-direction:column;gap:14px}.games-modern-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;padding:28px 30px;border-radius:18px;background:linear-gradient(135deg,#0f2434,#113f5c 52%,#146c9f);box-shadow:0 18px 46px rgba(22,61,87,.18);color:#fff}.games-modern-hero:after{content:"";position:absolute;right:-75px;top:-130px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.06)}.games-modern-hero-copy,.games-modern-stats{position:relative;z-index:1}.games-modern-eyebrow{margin-bottom:7px;font-size:10px;font-weight:800;letter-spacing:2px;color:#8fd4f8}.games-modern-hero h1{margin:0;font-size:32px;color:#fff}.games-modern-hero p{margin:9px 0 0;max-width:560px;font-size:13px;line-height:1.55;color:#cbdde8}.games-modern-stats{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:9px;min-width:390px}.games-modern-stat{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.075)}.games-modern-stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.1);color:#f6c65c;font-size:17px}.games-modern-stat-icon.is-online{color:#5ce59a}.games-modern-stat small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#9fb6c5}.games-modern-stat strong{display:block;margin-top:2px;font-size:19px;color:#fff}
.games-modern-catalog{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0}.games-modern-game{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 10px;border:1px solid var(--gm-line);border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(25,54,74,.04);text-align:left;cursor:pointer}.games-modern-game:hover{border-color:#b8cfdf}.games-modern-game.is-active{border-color:#4ca0d5;background:#edf7fd;box-shadow:0 0 0 2px rgba(20,120,184,.1)}.games-modern-game-icon{display:grid!important;place-items:center!important;width:36px;height:36px;margin:0!important;border-radius:10px;background:#eff5f8;color:#235b7e;font-size:18px!important}.games-modern-game.is-active .games-modern-game-icon{background:#1478b8;color:#fff}.games-modern-game>span:last-child{display:block!important;min-width:0;margin:0!important}.games-modern-game strong{display:block;color:#233d50;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.games-modern-game small{display:block;margin-top:3px;color:#8a9aa7;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.games-modern-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:14px;align-items:start}.games-modern-community-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.6fr);gap:14px}.games-modern-card{background:#fff;border:1px solid var(--gm-line);border-radius:15px;box-shadow:0 8px 28px rgba(30,59,79,.055);overflow:hidden}.games-modern-card-head{display:flex;justify-content:space-between;gap:14px;padding:18px 20px 14px;border-bottom:1px solid #edf1f4}.games-modern-card-head h2{margin:2px 0 0;font-size:17px;color:#1d3a4e}.games-modern-card-head p{margin:5px 0 0;font-size:11px;color:#8795a0}.games-modern-section-kicker{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#4d8eb8}.games-modern-live-pill,.games-modern-lobby-badge{display:inline-flex;align-items:center;gap:6px;height:max-content;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.games-modern-live-pill{background:#eef9f3;color:#24784f}.games-modern-live-pill i{width:6px;height:6px;border-radius:50%;background:#2caf72}.games-modern-lobby-badge{background:#edf5fb;color:#36779f}
.games-modern-room-list{display:flex;flex-direction:column;gap:9px;padding:14px 16px 17px}.games-modern-room{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid #e3eaf0;border-radius:12px;background:#fff}.games-modern-room:hover{border-color:#c9dce9;box-shadow:0 8px 22px rgba(31,72,99,.07)}.games-modern-room.is-mine{border-color:#9ed2b5;background:#f8fdf9;box-shadow:inset 3px 0 0 #34a66d}.games-modern-room-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#eff5f8;color:#235d80;font-size:21px}.games-modern-room-top{display:flex;align-items:center;gap:9px}.games-modern-room-name{flex:1;min-width:0;color:#1d3d54;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.games-modern-room-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase}.games-modern-room-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.games-modern-room-status.is-open{background:#eaf8f0;color:#258457}.games-modern-room-status.is-full{background:#fff4df;color:#9c6a10}.games-modern-room-status.is-busy{background:#f6ecee;color:#a24e56}.games-modern-room-meta{display:flex;flex-wrap:wrap;gap:5px 13px;margin-top:7px;color:#72818d;font-size:10px}.games-modern-room-id{margin-top:5px;color:#a0abb3;font-size:9px}.games-modern-room-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.games-modern-current{display:none;margin:14px 16px 0;padding:12px 13px;border:1px solid #9ed2b5;border-radius:12px;background:#f0fbf4}.games-modern-current[style*="block"]{display:flex!important;align-items:center;gap:11px}.games-modern-current-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#2c9f68;color:#fff;font-size:20px}.games-modern-current-copy{flex:1;min-width:0}.games-modern-current-copy>span{font-size:8px;font-weight:800;color:#4b8e69}.games-modern-current-copy strong{display:block;color:#1f5038}.games-modern-current-copy small{display:block;margin-top:3px;color:#71867a;font-size:10px}.games-modern-current-actions{display:flex;gap:6px}
.games-modern-create-card{position:sticky;top:10px}.games-modern-create{display:flex;flex-direction:column;gap:11px;margin:0;padding:15px 17px 18px}.games-modern-field{display:flex;flex-direction:column;gap:5px}.games-modern-field>span{font-size:10px;font-weight:800;color:#536a7a}.games-modern-create select,.games-modern-create input,.games-modern-chat-form input{width:100%;height:39px;border:1px solid #d6e0e7;border-radius:9px;padding:0 10px;box-sizing:border-box;background:#fbfcfd;outline:none}.games-modern-bet-wrap{position:relative}.games-modern-bet-wrap input{padding-right:58px}.games-modern-bet-wrap em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;font-size:10px;color:#95a1aa}.games-modern-settings{display:flex;align-items:center;gap:9px;min-height:38px;margin:0;padding:8px 9px;border:1px solid #e3e9ee;border-radius:9px;background:#f7f9fb;font-size:10px}.games-modern-create-submit{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:42px;border:0!important;border-radius:10px!important;background:#1478b8!important;color:#fff!important;font-weight:800!important;cursor:pointer}.games-modern-create-submit span{font-size:18px}
.games-modern-chat{height:265px;overflow:auto;margin:0;border:0;background:#f8fafc;padding:13px 16px}.games-modern-chat-line{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border:0}.games-modern-chat-line.is-me{flex-direction:row-reverse}.games-modern-chat-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e6f0f6;color:#28678f;font-size:11px;font-weight:800}.games-modern-chat-bubble{display:flex;flex-direction:column;gap:3px;max-width:76%;padding:7px 9px;border:1px solid #e2e9ee;border-radius:4px 11px 11px;background:#fff}.games-modern-chat-line.is-me .games-modern-chat-bubble{background:#f0faf4;border-color:#cce5d6}.games-modern-chat-head{display:flex;gap:8px}.games-modern-chat-head strong{color:#22638c;font-size:10px}.games-modern-chat-head time{font-size:8px;color:#a3adb5}.games-modern-chat-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin:0;padding:11px 14px 14px;border-top:1px solid #edf1f4}.games-modern-chat-form button{height:39px;border:0;border-radius:9px;padding:0 17px;background:#1478b8;color:#fff;font-weight:800}.games-modern-users{display:flex;flex-direction:column;gap:7px;max-height:310px;overflow:auto;padding:13px 14px 16px}.games-modern-user{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid #e6ebef;border-radius:10px;background:#fbfcfd}.games-modern-user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e5f2fa;color:#236489;font-weight:900}.games-modern-user-copy{flex:1;min-width:0}.games-modern-user-copy strong{display:block}.games-modern-user-copy small{display:flex;align-items:center;gap:4px;margin-top:3px;color:#8b99a3;font-size:9px}.games-modern-user-copy small i{width:6px;height:6px;border-radius:50%;background:#2eb579}.games-modern-you-badge{padding:3px 6px;border-radius:999px;background:#e8f5ec;color:#33815a;font-size:8px;font-weight:900}.games-modern-empty-state{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:120px;padding:28px!important;text-align:center!important}.games-modern-empty-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eef5f9;color:#2f739d;font-size:21px!important}.games-modern-view .games-action{border:0;border-radius:8px;padding:7px 10px;background:#1478b8;color:#fff;font-size:10px;font-weight:800}.games-modern-view .games-action.secondary{border:1px solid #d7e1e7;background:#fff;color:#597080}.games-modern-view .games-action.danger{background:#fff0f1;color:#a8444d;border:1px solid #f0cfd3}
@media(max-width:1020px){.games-modern-hero{align-items:flex-start;flex-direction:column}.games-modern-stats{width:100%;min-width:0}.games-modern-catalog{grid-template-columns:repeat(4,1fr)}.games-modern-main-grid,.games-modern-community-grid{grid-template-columns:1fr}.games-modern-create-card{position:static}}@media(max-width:680px){.games-modern-hero{padding:20px 18px}.games-modern-stats{grid-template-columns:1fr}.games-modern-catalog{grid-template-columns:repeat(2,1fr)}.games-modern-room{grid-template-columns:42px 1fr}.games-modern-room-actions{grid-column:1/-1}.games-modern-current[style*="block"]{flex-wrap:wrap}.games-modern-current-actions{width:100%;justify-content:flex-end}}


/* ============================================================
   MODERNA V10 — dashboard, modales y modo día/noche
   ============================================================ */
.games-modern-view{
    --gm-page:#f3f7fa;--gm-card:#fff;--gm-card-2:#f8fafc;--gm-text:#1b3446;--gm-muted:#768895;--gm-line:#dfe7ed;
    --gm-soft:#edf5fa;--gm-primary:#1478b8;--gm-primary-2:#0f679e;--gm-green:#2caf72;--gm-shadow:0 12px 34px rgba(24,54,75,.08);
    color:var(--gm-text);
}
.games-modern-view[data-theme="dark"]{
    --gm-page:#0e151b;--gm-card:#151f27;--gm-card-2:#101920;--gm-text:#e7f0f6;--gm-muted:#8fa2af;--gm-line:#263640;
    --gm-soft:#1a2933;--gm-primary:#2b95d6;--gm-primary-2:#1d7fbb;--gm-green:#45c98a;--gm-shadow:0 16px 42px rgba(0,0,0,.28);
}
.games-modern-view .games-modern-shell{max-width:1180px;margin:0 auto;padding:14px;background:var(--gm-page);border-radius:18px;transition:background .2s ease,color .2s ease}
.games-modern-view .games-modern-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);align-items:center;gap:24px;padding:24px 26px;border-radius:16px;background:linear-gradient(125deg,#0b3146,#0b2030 70%,#12394d);box-shadow:var(--gm-shadow)}
.games-modern-hero-side{display:flex;flex-direction:column;gap:12px;min-width:0}.games-modern-hero-actions{display:flex;justify-content:flex-end;gap:8px}.games-modern-theme-toggle,.games-modern-create-trigger,.games-modern-inline-create{border:0;border-radius:9px;cursor:pointer;font-weight:800}.games-modern-theme-toggle{height:36px;padding:0 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#eaf6fc}.games-modern-create-trigger{height:36px;padding:0 15px;background:#fff;color:#126ea7}.games-modern-create-trigger:hover{background:#eaf6fc}.games-modern-create-trigger:disabled{opacity:.45;cursor:not-allowed}
.games-modern-view .games-modern-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.games-modern-view .games-modern-stat{position:relative;width:100%;box-sizing:border-box;text-align:left;color:inherit;font-family:inherit}.games-modern-stat-button{cursor:pointer}.games-modern-stat-button:hover{background:rgba(255,255,255,.12)}.games-modern-stat-arrow{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:20px;color:#9fc3d7}.games-modern-stat-button:focus{outline:2px solid rgba(143,212,248,.45);outline-offset:2px}
.games-modern-view .games-modern-catalog{margin-top:12px}.games-modern-view .games-modern-game{background:var(--gm-card);border-color:var(--gm-line);box-shadow:none}.games-modern-view .games-modern-game strong,.games-modern-view .games-modern-card h2,.games-modern-view .games-modern-user-copy strong{color:var(--gm-text)}.games-modern-view .games-modern-game small,.games-modern-view .games-modern-card-head p{color:var(--gm-muted)}.games-modern-view .games-modern-game-icon{background:var(--gm-soft);color:#4d8db3}.games-modern-view .games-modern-game.is-active{background:color-mix(in srgb,var(--gm-primary) 10%,var(--gm-card));border-color:var(--gm-primary)}
.games-modern-main-grid-v10{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr)!important;gap:14px!important;margin-top:14px}.games-modern-view .games-modern-card{background:var(--gm-card);border-color:var(--gm-line);box-shadow:var(--gm-shadow)}.games-modern-view .games-modern-card-head{border-color:var(--gm-line)}.games-modern-card-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.games-modern-inline-create{height:30px;padding:0 11px;background:var(--gm-primary);color:#fff;font-size:10px}.games-modern-inline-create:hover{background:var(--gm-primary-2)}
.games-modern-view .games-modern-room-list{min-height:330px}.games-modern-view .games-modern-room{background:var(--gm-card-2);border-color:var(--gm-line)}.games-modern-view .games-modern-room:hover{border-color:#4b94bd;box-shadow:0 7px 20px rgba(0,0,0,.08)}.games-modern-view .games-modern-room-name{color:var(--gm-text)}.games-modern-view .games-modern-room-meta{color:var(--gm-muted)}.games-modern-view .games-modern-room-icon{background:var(--gm-soft);color:#4e91b8}.games-modern-view .games-modern-current{background:color-mix(in srgb,var(--gm-green) 10%,var(--gm-card));border-color:color-mix(in srgb,var(--gm-green) 45%,var(--gm-line))}.games-modern-view .games-modern-current-copy strong{color:var(--gm-text)}.games-modern-view .games-modern-current-copy small{color:var(--gm-muted)}
.games-modern-chat-card{display:flex;flex-direction:column;min-height:455px}.games-modern-view .games-modern-chat{flex:1;height:342px;min-height:300px;background:var(--gm-card-2);border-color:var(--gm-line)}.games-modern-view .games-modern-chat-bubble{background:var(--gm-card);border-color:var(--gm-line);color:var(--gm-text)}.games-modern-view .games-modern-chat-line.is-me .games-modern-chat-bubble{background:color-mix(in srgb,var(--gm-green) 10%,var(--gm-card));border-color:color-mix(in srgb,var(--gm-green) 32%,var(--gm-line))}.games-modern-view .games-modern-chat-form{border-color:var(--gm-line)}.games-modern-view .games-modern-chat-form input{background:var(--gm-card-2);border-color:var(--gm-line);color:var(--gm-text)}.games-modern-view .games-modern-chat-form input::placeholder{color:var(--gm-muted)}
.games-modern-modal{position:fixed;inset:0;z-index:10060;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(6,14,20,.68);backdrop-filter:blur(4px)}
.games-modern-modal[hidden]{display:none!important}
.games-modern-modal.is-open{display:flex!important}.games-modern-modal-dialog{width:min(620px,96vw);max-height:88vh;overflow:auto;border:1px solid var(--gm-line,#dfe7ed);border-radius:16px;background:var(--gm-card,#fff);color:var(--gm-text,#1b3446);box-shadow:0 28px 90px rgba(0,0,0,.32)}.games-modern-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:19px 20px 15px;border-bottom:1px solid var(--gm-line,#dfe7ed)}.games-modern-modal-head h2{margin:3px 0 0;font-size:20px;color:inherit}.games-modern-modal-head p{margin:5px 0 0;color:var(--gm-muted,#768895);font-size:11px}.games-modern-modal-x{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--gm-line,#dfe7ed);border-radius:9px;background:var(--gm-card-2,#f8fafc);color:var(--gm-text,#1b3446);font-size:22px;cursor:pointer}.games-modern-create-modal-form{padding:18px 20px 20px!important}.games-modern-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.games-modern-modal .games-modern-field>span{color:var(--gm-text,#536a7a)}.games-modern-modal .games-modern-create select,.games-modern-modal .games-modern-create input{background:var(--gm-card-2,#fbfcfd);border-color:var(--gm-line,#d6e0e7);color:var(--gm-text,#1b3446)}.games-modern-modal .games-modern-settings{background:var(--gm-card-2,#f7f9fb);border-color:var(--gm-line,#e3e9ee);color:var(--gm-text,#1b3446)}.games-modern-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.games-modern-cancel{height:42px;padding:0 15px;border:1px solid var(--gm-line,#d7e1e7);border-radius:10px;background:var(--gm-card,#fff);color:var(--gm-text,#597080);font-weight:800;cursor:pointer}.games-modern-modal .games-modern-create-submit{width:auto;padding:0 20px}.games-modern-users-modal{max-height:60vh;padding:15px 16px 18px}.games-modern-online-dialog{width:min(520px,96vw)}.games-modern-modal .games-modern-user{background:var(--gm-card-2,#fbfcfd);border-color:var(--gm-line,#e6ebef)}
.games-modern-view[data-theme="dark"] + .games-modern-modal{}
/* Los modales viven fuera de .games-modern-view: se sincronizan por clase desde JS */
.turinga-games.modern-dark .games-modern-modal-dialog{--gm-card:#151f27;--gm-card-2:#101920;--gm-text:#e7f0f6;--gm-muted:#8fa2af;--gm-line:#263640;background:var(--gm-card);color:var(--gm-text);border-color:var(--gm-line)}.turinga-games.modern-dark .games-modern-modal-head{border-color:var(--gm-line)}.turinga-games.modern-dark .games-modern-modal-x,.turinga-games.modern-dark .games-modern-cancel{background:var(--gm-card-2);border-color:var(--gm-line);color:var(--gm-text)}.turinga-games.modern-dark .games-modern-modal .games-modern-create select,.turinga-games.modern-dark .games-modern-modal .games-modern-create input,.turinga-games.modern-dark .games-modern-modal .games-modern-settings,.turinga-games.modern-dark .games-modern-modal .games-modern-user{background:var(--gm-card-2);border-color:var(--gm-line);color:var(--gm-text)}.turinga-games.modern-dark .games-modern-modal .games-modern-field>span{color:var(--gm-text)}
@media(max-width:1040px){.games-modern-view .games-modern-hero{grid-template-columns:1fr}.games-modern-hero-actions{justify-content:flex-start}.games-modern-main-grid-v10{grid-template-columns:1fr!important}.games-modern-chat-card{min-height:390px}.games-modern-view .games-modern-chat{height:280px}.games-modern-view .games-modern-catalog{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.games-modern-view .games-modern-shell{padding:8px;border-radius:12px}.games-modern-view .games-modern-hero{padding:18px}.games-modern-view .games-modern-stats{grid-template-columns:1fr}.games-modern-hero-actions{display:grid;grid-template-columns:1fr 1fr}.games-modern-theme-toggle,.games-modern-create-trigger{width:100%}.games-modern-view .games-modern-catalog{grid-template-columns:repeat(2,1fr)}.games-modern-card-tools{width:100%;justify-content:flex-start}.games-modern-inline-create{flex:1}.games-modern-form-grid{grid-template-columns:1fr}.games-modern-modal{padding:10px}.games-modern-modal-dialog{width:100%;max-height:94vh}.games-modern-main-grid-v10{margin-top:9px}}


/* ============================================================
   MODERNA V12 — tema día/noche robusto + un solo Crear sala
   ============================================================ */
.turinga-games.is-modern-view{
    transition:background .2s ease,color .2s ease;
}
.turinga-games.is-modern-view.modern-light{
    background:transparent;
    color:#1b3446;
}
.turinga-games.is-modern-view.modern-dark{
    background:#091117;
    color:#e7f0f6;
    padding:10px;
    border-radius:18px;
}
.turinga-games.is-modern-view.modern-dark .games-toolbar{
    background:#111b23;
    border-color:#263640;
    color:#e7f0f6;
    box-shadow:0 1px 2px rgba(0,0,0,.35);
}
.turinga-games.is-modern-view.modern-dark .games-toolbar-title{color:#69b9e8}
.turinga-games.is-modern-view.modern-dark .games-server-state{color:#9fb0bb}
.turinga-games.is-modern-view.modern-dark .games-view-switch button{
    background:#17242d;
    border-color:#30424e;
    color:#b8c6ce;
}
.turinga-games.is-modern-view.modern-dark .games-view-switch button.is-active{
    background:#2589c5;
    border-color:#2589c5;
    color:#fff;
}
.turinga-games.is-modern-view.modern-dark .games-game-tabs{display:none!important}
.turinga-games.is-modern-view.modern-light .games-game-tabs{display:none!important}

/* La vista moderna usa sus propias tarjetas de juegos; ocultamos las tabs viejas. */
.turinga-games.is-modern-view .games-game-tabs{display:none!important}

/* El tema se define también por clase para no depender solo de data-theme. */
.games-modern-view.is-dark-theme,
.games-modern-view[data-theme="dark"]{
    --gm-page:#0b1319;
    --gm-card:#121d25;
    --gm-card-2:#0d171e;
    --gm-text:#edf5fa;
    --gm-muted:#93a6b2;
    --gm-line:#263943;
    --gm-soft:#172730;
    --gm-primary:#2b95d6;
    --gm-primary-2:#177db9;
    --gm-green:#45c98a;
    --gm-shadow:0 16px 42px rgba(0,0,0,.34);
    background:#0b1319;
}
.games-modern-view.is-light-theme,
.games-modern-view[data-theme="light"]{
    --gm-page:#f3f7fa;
    --gm-card:#fff;
    --gm-card-2:#f8fafc;
    --gm-text:#1b3446;
    --gm-muted:#768895;
    --gm-line:#dfe7ed;
    --gm-soft:#edf5fa;
    --gm-primary:#1478b8;
    --gm-primary-2:#0f679e;
    --gm-green:#2caf72;
    --gm-shadow:0 12px 34px rgba(24,54,75,.08);
}
.games-modern-view.is-dark-theme .games-modern-shell{
    background:#0b1319!important;
}
.games-modern-view.is-dark-theme .games-modern-catalog,
.games-modern-view.is-dark-theme .games-modern-main-grid{
    color:var(--gm-text);
}
.games-modern-view.is-dark-theme .games-modern-game,
.games-modern-view.is-dark-theme .games-modern-card,
.games-modern-view.is-dark-theme .games-modern-room,
.games-modern-view.is-dark-theme .games-modern-chat,
.games-modern-view.is-dark-theme .games-modern-chat-form input{
    background:var(--gm-card)!important;
    border-color:var(--gm-line)!important;
    color:var(--gm-text)!important;
}
.games-modern-view.is-dark-theme .games-modern-room,
.games-modern-view.is-dark-theme .games-modern-chat{
    background:var(--gm-card-2)!important;
}
.games-modern-view.is-dark-theme .games-modern-game small,
.games-modern-view.is-dark-theme .games-modern-card-head p,
.games-modern-view.is-dark-theme .games-modern-room-meta{
    color:var(--gm-muted)!important;
}
.games-modern-theme-toggle{
    min-width:94px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
}
/* En el hero queda únicamente Día/Noche. Crear sala vive en Salas disponibles. */
.games-modern-hero-actions{justify-content:flex-end}
@media(max-width:700px){
    .games-modern-hero-actions{display:flex;grid-template-columns:none}
    .games-modern-theme-toggle{width:auto;min-width:100px}
}


/* V13: tema estable + tarjeta de jugadores alineada */
.games-modern-view .games-modern-stat{
    min-width:0;
}
.games-modern-view .games-modern-stat > div{
    flex:1 1 auto;
    min-width:0;
}
.games-modern-view .games-modern-stat small{
    line-height:1.15;
}
.games-modern-view .games-modern-stat-button{
    -webkit-appearance:none;
    appearance:none;
    margin:0;
    font:inherit;
    line-height:normal;
    justify-content:flex-start;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.075);
    text-align:left;
    overflow:hidden;
}
.games-modern-view .games-modern-stat-button:hover{
    background:rgba(255,255,255,.12);
}
.games-modern-view .games-modern-stat-button:focus-visible{
    outline:2px solid rgba(143,212,248,.65);
    outline-offset:2px;
}
.games-modern-view .games-modern-stat-arrow{
    display:none!important;
}

/* El modo oscuro colorea todo el lienzo moderno, no sólo algunas tarjetas. */
.games-modern-view.is-dark-theme,
.games-modern-view[data-theme="dark"]{
    color:var(--gm-text);
}
.games-modern-view.is-dark-theme .games-modern-shell,
.games-modern-view[data-theme="dark"] .games-modern-shell{
    background:var(--gm-page)!important;
    color:var(--gm-text)!important;
}
.games-modern-view.is-dark-theme .games-modern-catalog,
.games-modern-view[data-theme="dark"] .games-modern-catalog{
    background:transparent!important;
}
.games-modern-view.is-dark-theme .games-modern-game,
.games-modern-view[data-theme="dark"] .games-modern-game,
.games-modern-view.is-dark-theme .games-modern-card,
.games-modern-view[data-theme="dark"] .games-modern-card,
.games-modern-view.is-dark-theme .games-modern-room,
.games-modern-view[data-theme="dark"] .games-modern-room,
.games-modern-view.is-dark-theme .games-modern-chat,
.games-modern-view[data-theme="dark"] .games-modern-chat,
.games-modern-view.is-dark-theme .games-modern-chat-form input,
.games-modern-view[data-theme="dark"] .games-modern-chat-form input{
    background:var(--gm-card)!important;
    color:var(--gm-text)!important;
    border-color:var(--gm-line)!important;
}
.games-modern-view.is-dark-theme .games-modern-game strong,
.games-modern-view[data-theme="dark"] .games-modern-game strong,
.games-modern-view.is-dark-theme .games-modern-card h2,
.games-modern-view[data-theme="dark"] .games-modern-card h2,
.games-modern-view.is-dark-theme .games-modern-room-name,
.games-modern-view[data-theme="dark"] .games-modern-room-name{
    color:var(--gm-text)!important;
}
.games-modern-view.is-dark-theme .games-modern-chat-form,
.games-modern-view[data-theme="dark"] .games-modern-chat-form{
    background:var(--gm-card)!important;
    border-color:var(--gm-line)!important;
}

/* ============================================================
   V14 — FIX REAL: el decorado del hero no debe bloquear clicks
   ============================================================ */
.games-modern-hero::after{
    pointer-events:none!important;
    z-index:0!important;
}
.games-modern-hero-copy,
.games-modern-hero-side,
.games-modern-hero-actions,
.games-modern-stats{
    position:relative;
    z-index:2;
}
.games-modern-theme-toggle{
    position:relative;
    z-index:3;
    pointer-events:auto!important;
    cursor:pointer!important;
}

/* Las tres estadísticas mantienen exactamente la misma geometría. */
.games-modern-view .games-modern-stats{
    align-items:stretch;
}
.games-modern-view .games-modern-stat,
.games-modern-view button.games-modern-stat{
    min-height:64px;
    height:64px;
}
.games-modern-view .games-modern-stat small{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.games-modern-view .games-modern-stat-button{
    vertical-align:top;
}


/* ============================================================
   MODERNA V15 — sala previa más clara e intuitiva
   ============================================================ */
.turinga-games.is-modern-view .games-room-overlay.is-modern-room-overlay{
    padding:22px;
    background:rgba(6,17,25,.72);
    backdrop-filter:blur(8px);
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog{
    width:min(780px,96vw);
    max-height:90vh;
    overflow:auto;
    border:1px solid #d9e5ec;
    border-radius:20px;
    background:#f7fafc;
    color:#18384d;
    box-shadow:0 30px 100px rgba(0,0,0,.34);
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-head{
    position:relative;
    align-items:center;
    padding:22px 24px 19px;
    border-bottom:1px solid #dce7ed;
    background:linear-gradient(135deg,#0d3850 0%,#155f88 100%);
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-kicker{
    margin-bottom:5px;
    color:#83cbeF;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.6px;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog h2{
    color:#fff;
    font-size:24px;
    line-height:1.15;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:9px;
    color:#d3e8f3;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-meta span{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 8px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    font-size:10px;
    font-weight:700;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-x{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:11px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:24px;
    transition:.15s ease;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-x:hover{
    background:rgba(255,255,255,.16);
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-body{
    grid-template-columns:minmax(230px,.78fr) minmax(0,1.4fr);
    gap:18px;
    padding:20px 22px 14px;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-body>div{
    min-width:0;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-body>div>strong{
    margin-bottom:10px;
    color:#527083;
    font-size:10px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-rules{
    display:flex;
    flex-direction:column;
    gap:8px;
    line-height:1.35;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-modern-rule{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:43px;
    padding:0 12px;
    border:1px solid #dde8ee;
    border-radius:11px;
    background:#fff;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-modern-rule span{
    display:flex;
    align-items:center;
    gap:7px;
    color:#758894;
    font-size:10px;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-modern-rule span i{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    border-radius:7px;
    background:#edf5f9;
    color:#2d7eaa;
    font-style:normal;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-modern-rule strong{
    color:#1f4359;
    font-size:11px;
    white-space:nowrap;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-modern-rule.is-pot{
    border-color:#ecd38e;
    background:#fff9e7;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-modern-rule.is-pot span i{
    background:#fff0bd;
    color:#9b7415;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-modern-rule.is-pot strong{
    color:#8c6812;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-players{
    gap:8px;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-player-modern{
    min-height:56px;
    padding:8px 10px;
    border:1px solid #dde7ed;
    border-radius:12px;
    background:#fff;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-player-modern.is-ready{
    border-color:#c8e3d3;
    background:#fbfefc;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-player-modern.is-waiting{
    border-color:#eadfbf;
    background:#fffdf7;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-player-avatar{
    display:grid;
    place-items:center;
    flex:0 0 36px;
    width:36px;
    height:36px;
    border-radius:10px;
    background:#e7f3fa;
    color:#246a92;
    font-size:12px;
    font-weight:900;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-player-copy{
    display:block;
    flex:1;
    min-width:0;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-player-copy .games-room-player-name{
    display:block;
    color:#21465e;
    font-size:12px;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-player-copy small{
    display:block;
    margin-top:3px;
    color:#8b9aa4;
    font-size:9px;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-owner-badge,
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-ready-badge,
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-waiting-badge{
    flex:0 0 auto;
    border-radius:999px;
    padding:4px 7px;
    font-size:8px;
    font-weight:900;
    letter-spacing:.4px;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-owner-badge{
    background:#e4f1fa;
    color:#2a6d96;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-ready-badge{
    background:#e5f6ec;
    color:#2b8053;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-waiting-badge{
    background:#fff3d8;
    color:#936b16;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-start-help{
    margin:4px 22px 0;
    padding:11px 13px;
    border:1px solid #ecd892;
    border-radius:10px;
    background:#fff9e6;
    color:#81631b;
    font-size:10px;
    font-weight:700;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-start-help.is-ready{
    border-color:#add9bd;
    background:#edf9f1;
    color:#2c7048;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-starting-note{
    margin:10px 22px 0;
    border-radius:10px;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-actions{
    align-items:center;
    gap:8px;
    padding:16px 22px 20px;
    border-top:0;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-actions .games-action{
    min-height:40px;
    padding:0 15px;
    border-radius:10px;
    font-size:10px;
}
.turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-actions .js-games-leave-room{
    order:-1;
    margin-right:auto;
    border:1px solid #d7e2e8;
    background:#fff;
    color:#657985;
}
.turinga-games.is-modern-view .is-modern-room-overlay #games-room-ready{
    border:1px solid #cbdde7;
    background:#edf6fb;
    color:#266d96;
}
.turinga-games.is-modern-view .is-modern-room-overlay #games-room-start{
    min-width:142px;
    background:#147fbd;
    color:#fff;
    box-shadow:0 6px 18px rgba(20,127,189,.2);
}

/* Sala previa moderna — modo noche */
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-dialog{
    border-color:#293c48;
    background:#111b22;
    color:#e6f0f5;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-dialog-head{
    border-color:#294354;
    background:linear-gradient(135deg,#0a2d41 0%,#114b6d 100%);
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-dialog-body>div>strong{
    color:#8ea5b3;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-modern-rule,
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-player-modern{
    border-color:#263945;
    background:#17232b;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-modern-rule span,
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-player-copy small{
    color:#91a6b2;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-modern-rule strong,
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-player-copy .games-room-player-name{
    color:#e5f0f6;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-modern-rule span i,
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-player-avatar{
    background:#203541;
    color:#73b8de;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-modern-rule.is-pot{
    border-color:#574b2b;
    background:#2a2519;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-modern-rule.is-pot strong{
    color:#e8c766;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-player-modern.is-ready{
    border-color:#284b39;
    background:#15271f;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-player-modern.is-waiting{
    border-color:#51452c;
    background:#262218;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-start-help{
    border-color:#57492b;
    background:#282318;
    color:#d9bf71;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-start-help.is-ready{
    border-color:#315a42;
    background:#172a20;
    color:#79c797;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay .games-room-dialog-actions .js-games-leave-room{
    border-color:#30434e;
    background:#17232b;
    color:#a7b8c2;
}
.turinga-games.is-modern-view.modern-dark .is-modern-room-overlay #games-room-ready{
    border-color:#31536a;
    background:#172e3c;
    color:#87c3e5;
}

@media(max-width:720px){
    .turinga-games.is-modern-view .is-modern-room-overlay{
        padding:10px;
    }
    .turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog{
        width:100%;
        max-height:94vh;
        border-radius:15px;
    }
    .turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-head{
        padding:18px 17px 15px;
    }
    .turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-body{
        grid-template-columns:1fr;
        padding:16px;
    }
    .turinga-games.is-modern-view .is-modern-room-overlay .games-room-start-help{
        margin-left:16px;
        margin-right:16px;
    }
    .turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-actions{
        padding:14px 16px 17px;
        flex-wrap:wrap;
    }
    .turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-actions .js-games-leave-room{
        width:100%;
        order:3;
        margin-right:0;
    }
    .turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-actions #games-room-ready,
    .turinga-games.is-modern-view .is-modern-room-overlay .games-room-dialog-actions #games-room-start{
        flex:1;
        min-width:0;
    }
}


/* ============================================================
   MODERNA V16 — fondo global negro en modo noche
   ============================================================ */
body.games-modern-page-dark {
    padding-top:59px;
    background:#000 !important;
}
body.games-modern-page-dark #page {
    min-width:1005px;
    background:#000 !important;
}

/* =========================================================
   MODERN T-TRIS V17
   La vista clásica conserva la geometría original 720x455.
   ========================================================= */
.turinga-games.is-modern-view .games-ttris-overlay{
    background:rgba(7,18,29,.82);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    padding:20px;
}
.turinga-games.is-modern-view .games-ttris-shell{
    width:min(1120px,calc(100vw - 40px));
    max-width:1120px;
    max-height:calc(100vh - 40px);
    overflow:auto;
    border-radius:22px;
    box-shadow:0 30px 90px rgba(0,0,0,.42);
}
.turinga-games.is-modern-view .games-ttris-stage{
    position:relative;
    width:1100px;
    height:650px;
    min-height:650px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:235px 155px 1fr;
    grid-template-rows:58px 126px 82px 1fr 42px;
    grid-template-areas:
        "nick status status"
        "board preview opponents"
        "board score opponents"
        "board level opponents"
        "controls controls controls";
    column-gap:18px;
    row-gap:12px;
    padding:18px;
    overflow:hidden;
    color:#183247;
    font-family:Arial,Helvetica,sans-serif;
    background:
        radial-gradient(circle at 86% 0%,rgba(32,142,210,.14),transparent 35%),
        linear-gradient(180deg,#f9fbfd 0%,#eef4f8 100%);
    border:1px solid rgba(255,255,255,.75);
}
.turinga-games.is-modern-view .games-ttris-stage:before{
    content:"T-TRIS";
    position:absolute;
    right:22px;
    bottom:52px;
    font:900 72px/1 Arial,sans-serif;
    letter-spacing:-5px;
    color:rgba(23,109,166,.035);
    pointer-events:none;
}
.turinga-games.is-modern-view .games-ttris-board{
    grid-area:board;
    position:static;
    left:auto;
    top:auto;
    width:220px;
    height:550px;
    align-self:start;
    justify-self:center;
    box-sizing:border-box;
    background:#071019;
    border:8px solid #162b3b;
    border-radius:14px;
    box-shadow:0 14px 30px rgba(12,34,50,.22),inset 0 0 0 1px rgba(255,255,255,.08);
    image-rendering:pixelated;
}
.turinga-games.is-modern-view .games-ttris-preview{
    grid-area:preview;
    position:static;
    left:auto;
    top:auto;
    width:112px;
    height:112px;
    align-self:start;
    justify-self:center;
    box-sizing:border-box;
    padding:7px;
    background:#071019;
    border:1px solid #d7e2ea;
    border-radius:14px;
    box-shadow:0 8px 22px rgba(18,53,77,.1);
    image-rendering:pixelated;
}
.turinga-games.is-modern-view .games-ttris-score,
.turinga-games.is-modern-view .games-ttris-level{
    position:static;
    left:auto;
    top:auto;
    right:auto;
    height:auto;
    line-height:1.2;
    white-space:normal;
    text-shadow:none;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    border:1px solid #d9e5ed;
    border-radius:14px;
    background:rgba(255,255,255,.86);
    color:#17374f;
    font:bold 15px/1.25 Arial,sans-serif;
    box-shadow:0 8px 22px rgba(18,53,77,.07);
}
.turinga-games.is-modern-view .games-ttris-score{grid-area:score;}
.turinga-games.is-modern-view .games-ttris-level{grid-area:level;align-self:start;min-height:68px;}
.turinga-games.is-modern-view .games-ttris-nick{
    grid-area:nick;
    position:static;
    left:auto;
    top:auto;
    height:auto;
    max-width:none;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.15;
    align-self:center;
    padding-left:4px;
    color:#163850;
    font:800 21px/1.15 Arial,sans-serif;
    text-shadow:none;
}
.turinga-games.is-modern-view .games-ttris-nick:before{
    content:"JUGANDO COMO";
    display:block;
    margin-bottom:4px;
    color:#6e8799;
    font:700 9px/1 Arial,sans-serif;
    letter-spacing:1.25px;
}
.turinga-games.is-modern-view .games-ttris-status{
    grid-area:status;
    position:static;
    left:auto;
    right:auto;
    top:auto;
    height:auto;
    line-height:1.25;
    align-self:center;
    padding:10px 120px 10px 14px;
    border:1px solid #d9e5ed;
    border-radius:12px;
    background:rgba(255,255,255,.8);
    color:#406174;
    font:600 12px/1.25 Arial,sans-serif;
    text-shadow:none;
    white-space:normal;
}
.turinga-games.is-modern-view .games-ttris-leave{
    position:absolute;
    z-index:5;
    left:auto;
    right:28px;
    top:27px;
    padding:8px 14px;
    border:1px solid #d7e1e8;
    border-radius:9px;
    background:#fff;
    color:#526b7c;
    font:700 12px Arial,sans-serif;
    box-shadow:0 4px 12px rgba(21,50,70,.08);
}
.turinga-games.is-modern-view .games-ttris-leave:hover{
    background:#f2f6f9;
    color:#173e58;
}
.turinga-games.is-modern-view .games-ttris-opponents{
    grid-area:opponents;
    position:relative;
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(95px,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:12px;
    align-content:stretch;
    padding:34px 4px 4px;
    box-sizing:border-box;
}
.turinga-games.is-modern-view .games-ttris-opponents:before{
    content:"RIVALES";
    position:absolute;
    left:4px;
    top:7px;
    color:#678294;
    font:800 10px/1 Arial,sans-serif;
    letter-spacing:1.35px;
}
.turinga-games.is-modern-view .games-ttris-opponent{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto;
    height:auto;
    min-width:0;
    padding:10px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    color:#214158;
    border:1px solid #d9e5ed;
    border-radius:14px;
    background:rgba(255,255,255,.84);
    box-shadow:0 8px 22px rgba(18,53,77,.07);
}
.turinga-games.is-modern-view .games-ttris-opponent-name{
    width:100%;
    height:auto;
    min-height:16px;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
    color:#24475f;
    font:700 11px/16px Arial,sans-serif;
    text-shadow:none;
}
.turinga-games.is-modern-view .games-ttris-opponent canvas{
    display:block;
    width:64px;
    height:160px;
    max-height:calc(100% - 28px);
    background:#071019;
    border:4px solid #1b3344;
    border-radius:7px;
    box-sizing:border-box;
    image-rendering:pixelated;
}
.turinga-games.is-modern-view .games-ttris-opponent.is-out{
    opacity:.48;
    filter:grayscale(1);
}
.turinga-games.is-modern-view .games-ttris-opponent.is-out:after{
    content:"FUERA";
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:rgba(7,16,25,.38);
    color:#fff;
    font:900 11px Arial,sans-serif;
    letter-spacing:1px;
}
.turinga-games.is-modern-view .games-ttris-controls{
    grid-area:controls;
    position:static;
    left:auto;
    bottom:auto;
    width:auto;
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    color:#698293;
    border-top:1px solid #dce6ed;
    font:600 11px/1.35 Arial,sans-serif;
    text-align:center;
    opacity:1;
}
.turinga-games.is-modern-view .games-ttris-countdown{
    z-index:20;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    color:#fff;
    background:rgba(7,18,29,.42);
    backdrop-filter:blur(3px);
    font:900 96px/1 Arial,sans-serif;
    text-shadow:0 8px 30px rgba(0,0,0,.38);
}
.turinga-games.is-modern-view .games-ttris-final{
    z-index:30;
    left:50%;
    top:50%;
    width:min(430px,80%);
    transform:translate(-50%,-50%);
    padding:26px 24px;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.2);
    border-radius:18px;
    background:rgba(25,45,59,.94);
    box-shadow:0 24px 70px rgba(0,0,0,.36);
    color:#fff;
    font:900 30px/1.25 Arial,sans-serif;
    text-shadow:none;
}
.turinga-games.is-modern-view .games-ttris-final.is-win{
    background:linear-gradient(135deg,rgba(27,131,75,.97),rgba(18,95,116,.97));
}

/* Modern night */
.turinga-games.is-modern-view.modern-dark .games-ttris-overlay{
    background:rgba(0,0,0,.9);
}
.turinga-games.is-modern-view.modern-dark .games-ttris-stage{
    color:#e7f2f8;
    border-color:#263746;
    background:
        radial-gradient(circle at 86% 0%,rgba(36,141,207,.16),transparent 34%),
        linear-gradient(180deg,#111820 0%,#0b1117 100%);
}
.turinga-games.is-modern-view.modern-dark .games-ttris-stage:before{color:rgba(74,171,229,.04);}
.turinga-games.is-modern-view.modern-dark .games-ttris-nick{color:#eef8ff;}
.turinga-games.is-modern-view.modern-dark .games-ttris-nick:before,
.turinga-games.is-modern-view.modern-dark .games-ttris-opponents:before{color:#7893a5;}
.turinga-games.is-modern-view.modern-dark .games-ttris-status,
.turinga-games.is-modern-view.modern-dark .games-ttris-score,
.turinga-games.is-modern-view.modern-dark .games-ttris-level,
.turinga-games.is-modern-view.modern-dark .games-ttris-opponent{
    color:#dceaf3;
    border-color:#293c4a;
    background:rgba(24,34,43,.9);
    box-shadow:none;
}
.turinga-games.is-modern-view.modern-dark .games-ttris-status{color:#9fb6c5;}
.turinga-games.is-modern-view.modern-dark .games-ttris-opponent-name{color:#dbeaf3;}
.turinga-games.is-modern-view.modern-dark .games-ttris-preview{border-color:#293c4a;box-shadow:none;}
.turinga-games.is-modern-view.modern-dark .games-ttris-leave{
    border-color:#314654;
    background:#18232c;
    color:#bdd0dc;
    box-shadow:none;
}
.turinga-games.is-modern-view.modern-dark .games-ttris-leave:hover{background:#22313d;color:#fff;}
.turinga-games.is-modern-view.modern-dark .games-ttris-controls{border-color:#293943;color:#718998;}

@media(max-width:1150px){
    .turinga-games.is-modern-view .games-ttris-shell{width:calc(100vw - 24px);}
    .turinga-games.is-modern-view .games-ttris-stage{
        transform-origin:top left;
        transform:scale(.88);
        margin-right:-132px;
        margin-bottom:-78px;
    }
}

/* =========================================================
   TRUCO - motor HTML5 (Paso 8)
   ========================================================= */
body.games-truco-open { overflow: hidden; }

.games-truco-overlay {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(3, 9, 16, .84);
    backdrop-filter: blur(7px);
}

.games-truco-shell {
    position: relative;
    width: min(1080px, calc(100vw - 36px));
    min-height: 650px;
    border-radius: 24px;
    overflow: hidden;
    color: #edf6ff;
    background:
        radial-gradient(circle at 50% 15%, rgba(28, 126, 98, .25), transparent 36%),
        linear-gradient(145deg, #09231d 0%, #071813 55%, #04100d 100%);
    border: 1px solid rgba(137, 255, 211, .17);
    box-shadow: 0 32px 80px rgba(0,0,0,.52);
}

.games-truco-shell:before {
    content: '';
    position: absolute;
    inset: 88px 20px 92px;
    border-radius: 36px;
    background:
        radial-gradient(ellipse at center, rgba(24, 116, 76, .86) 0%, rgba(13, 77, 52, .92) 63%, rgba(7, 48, 34, .98) 100%);
    border: 8px solid #38251b;
    box-shadow: inset 0 0 45px rgba(0,0,0,.45), 0 12px 24px rgba(0,0,0,.24);
    pointer-events: none;
}

.games-truco-header {
    position: relative;
    z-index: 2;
    min-height: 86px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 20px;
    padding: 14px 24px;
    background: rgba(2, 12, 10, .72);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.games-truco-player {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}
.games-truco-player-me { justify-content: flex-end; }
.games-truco-player strong {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 24px;
    color: #fff;
    background: linear-gradient(145deg,#127d5f,#0a5b45);
    box-shadow: inset 0 1px rgba(255,255,255,.13), 0 8px 18px rgba(0,0,0,.24);
}
.games-truco-player-name {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 800;
}
.games-truco-center-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex-wrap: wrap;
    max-width: 420px;
}
.games-truco-goal,
.games-truco-rules,
.games-truco-pot-label {
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: #bcd8cf;
    font-size: 12px;
    font-weight: 700;
}
.games-truco-pot-label b { color: #ffd76d; }

.games-truco-table {
    position: relative;
    z-index: 2;
    min-height: 476px;
    padding: 26px 54px 18px;
    display: grid;
    grid-template-rows: auto 1fr auto 1fr;
}
.games-truco-turn {
    justify-self: center;
    min-width: 180px;
    padding: 9px 16px;
    border-radius: 999px;
    text-align: center;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
    color: #c8ded6;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.09);
}
.games-truco-turn.is-your-turn {
    color: #081811;
    background: #83f0b8;
    box-shadow: 0 0 24px rgba(99, 240, 172, .25);
}
.games-truco-opponent-zone,
.games-truco-me-zone {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 165px;
}
.games-truco-me-zone { align-items: flex-end; }
.games-truco-hidden-hand,
.games-truco-hand,
.games-truco-played {
    display: flex;
    align-items: center;
    justify-content: center;
}
.games-truco-hidden-hand {
    position: absolute;
    top: 12px;
    left: 30px;
    opacity: .7;
}
.games-truco-played-opponent { transform: translateY(18px); }
.games-truco-played-me { position: absolute; top: 0; }
.games-truco-hand { align-self: end; min-height: 122px; }

.games-truco-card,
.games-truco-card-back {
    width: 75px;
    height: 116px;
    flex: 0 0 75px;
    border: 0;
    border-radius: 7px;
    box-shadow: 0 8px 16px rgba(0,0,0,.28);
    background-repeat: no-repeat;
    background-color: #fff;
}
.games-truco-card { padding: 0; margin: 0 5px; }
.games-truco-card.is-playable {
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
}
.games-truco-card.is-playable:hover {
    transform: translateY(-18px) scale(1.035);
    box-shadow: 0 20px 26px rgba(0,0,0,.38);
}
.games-truco-card-back {
    margin-left: -45px;
    background:
        repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 4px,transparent 4px 8px),
        radial-gradient(circle at center,#176f9b,#0b3954 72%);
    border: 4px solid #e6e4d6;
}
.games-truco-card-back:first-child { margin-left: 0; }
.games-truco-played .games-truco-card { transform: scale(.82); margin: 0 -2px; }

.games-truco-status {
    justify-self: center;
    align-self: center;
    max-width: 580px;
    padding: 10px 18px;
    border-radius: 13px;
    text-align: center;
    color: #f5fff9;
    font-size: 14px;
    font-weight: 800;
    background: rgba(0,0,0,.32);
    border: 1px solid rgba(255,255,255,.08);
}
.games-truco-no-cards { color: rgba(255,255,255,.62); font-size: 13px; }

.games-truco-actions {
    position: relative;
    z-index: 3;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 78px 18px;
    background: rgba(2,12,10,.65);
    border-top: 1px solid rgba(255,255,255,.08);
}
.games-truco-action,
.games-truco-leave {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    padding: 10px 13px;
    cursor: pointer;
    color: #e7f7ef;
    background: #17352c;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .02em;
    transition: transform .12s ease, filter .12s ease;
}
.games-truco-action:hover,
.games-truco-leave:hover { transform: translateY(-1px); filter: brightness(1.15); }
.games-truco-action.is-truco { background: #236895; }
.games-truco-action.is-accept { color:#082014; background:#78dfa7; }
.games-truco-action.is-danger { background:#8b3440; }
.games-truco-action.is-flor { background:#8a4f95; }
.games-truco-leave {
    position: absolute;
    z-index: 5;
    right: 16px;
    bottom: 20px;
    background: #5a2630;
}
.games-truco-final {
    position: absolute;
    z-index: 20;
    inset: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    color: #fff;
    background: rgba(1,8,6,.88);
    backdrop-filter: blur(8px);
}
.games-truco-final strong { font-size: 42px; }
.games-truco-final span { color:#c5d7d0; font-size:16px; }
.games-truco-final.is-win strong { color:#80efaf; text-shadow:0 0 28px rgba(128,239,175,.32); }

/* En vista clásica conserva el tapete original de 2012 como guiño visual. */
.turinga-games.is-classic-view .games-truco-shell {
    width: 720px;
    min-height: 455px;
    border-radius: 0;
    background: #111 url('https://t-26.net/img/games/truco/bg-truco.png') center/720px 455px no-repeat;
}
.turinga-games.is-classic-view .games-truco-shell:before { display:none; }
.turinga-games.is-classic-view .games-truco-header { background:rgba(0,0,0,.54); min-height:70px; padding:8px 14px; }
.turinga-games.is-classic-view .games-truco-table { min-height:305px; padding:8px 26px; grid-template-rows:auto 1fr auto 1fr; }
.turinga-games.is-classic-view .games-truco-actions { min-height:70px; padding:6px 90px 8px 12px; background:rgba(0,0,0,.55); }
.turinga-games.is-classic-view .games-truco-card,
.turinga-games.is-classic-view .games-truco-card-back { transform:scale(.72); margin:0 -5px; }
.turinga-games.is-classic-view .games-truco-card.is-playable:hover { transform:translateY(-12px) scale(.76); }
.turinga-games.is-classic-view .games-truco-opponent-zone,
.turinga-games.is-classic-view .games-truco-me-zone { min-height:105px; }

@media (max-width: 760px) {
    .games-truco-overlay { padding:0; }
    .games-truco-shell { width:100vw; height:100vh; min-height:0; border-radius:0; overflow:auto; }
    .games-truco-shell:before { inset:82px 8px 110px; }
    .games-truco-header { grid-template-columns:1fr 1fr; padding:10px 12px; }
    .games-truco-center-head { grid-column:1/-1; grid-row:2; }
    .games-truco-table { min-height:520px; padding:18px 8px 10px; }
    .games-truco-actions { padding:10px 12px 72px; }
    .games-truco-leave { bottom:14px; right:14px; }
    .games-truco-card,
    .games-truco-card-back { transform:scale(.84); margin:0 -1px; }
    .games-truco-card.is-playable:hover { transform:translateY(-12px) scale(.88); }
    .games-truco-hidden-hand { left:8px; }
}

/* =========================================================
   TRUCO CLÁSICO V19 — distribución fiel al cliente original
   ========================================================= */
.games-truco-history{display:none;}

.turinga-games.is-classic-view .games-truco-overlay{
    padding:0;
    background:rgba(0,0,0,.82);
    backdrop-filter:none;
}
.turinga-games.is-classic-view .games-truco-shell{
    width:720px;
    height:455px;
    min-height:455px;
    border:0;
    border-radius:0;
    overflow:hidden;
    color:#111;
    background:#008d08 url('https://t-26.net/img/games/truco/bg-truco.png') 0 0/720px 455px no-repeat;
    box-shadow:0 18px 55px rgba(0,0,0,.55);
    font-family:'TGamesDIN',Arial,sans-serif;
}
.turinga-games.is-classic-view .games-truco-shell:before{display:none;}

/* En el cliente original el header no era una barra: los datos flotaban sobre bg-truco. */
.turinga-games.is-classic-view .games-truco-header{
    position:absolute;
    inset:0;
    min-height:0;
    display:block;
    padding:0;
    background:none;
    border:0;
    z-index:8;
    pointer-events:none;
}
.turinga-games.is-classic-view .games-truco-center-head{
    position:absolute;
    left:126px;
    top:38px;
    width:320px;
    max-width:none;
    display:block;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,.7);
    font:13px/18px 'TGamesDIN',Arial,sans-serif;
}
.turinga-games.is-classic-view .games-truco-goal,
.turinga-games.is-classic-view .games-truco-rules,
.turinga-games.is-classic-view .games-truco-pot-label{
    display:inline;
    padding:0;
    margin:0 5px 0 0;
    border:0;
    border-radius:0;
    background:none;
    color:#fff;
    font:13px/18px 'TGamesDIN',Arial,sans-serif;
}
.turinga-games.is-classic-view .games-truco-pot-label b{color:#fff;}

/* Barras amarilla/naranja del fondo: rival arriba, jugador abajo. */
.turinga-games.is-classic-view .games-truco-player{
    position:absolute;
    left:470px;
    width:228px;
    height:31px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:0 9px;
    box-sizing:border-box;
    color:#172114;
    pointer-events:none;
}
.turinga-games.is-classic-view .games-truco-player-opponent{top:132px;}
.turinga-games.is-classic-view .games-truco-player-me{top:172px;}
.turinga-games.is-classic-view .games-truco-player-name{
    order:1;
    max-width:165px;
    color:#162012;
    font:700 17px/30px 'TGamesDIN',Arial,sans-serif;
    text-shadow:0 1px rgba(255,255,255,.35);
}
.turinga-games.is-classic-view .games-truco-player strong{
    order:2;
    width:auto;
    height:auto;
    min-width:24px;
    display:block;
    border:0;
    border-radius:0;
    color:#162012;
    background:none;
    box-shadow:none;
    text-align:right;
    font:700 20px/30px 'TGamesDIN',Arial,sans-serif;
}
.turinga-games.is-classic-view .games-truco-player-me{justify-content:space-between;}
.turinga-games.is-classic-view .games-truco-player-me strong{order:2;}
.turinga-games.is-classic-view .games-truco-player-me .games-truco-player-name{order:1;}

/* El área de juego original ocupaba solo la columna izquierda/centro. */
.turinga-games.is-classic-view .games-truco-table{
    position:absolute;
    inset:0;
    min-height:0;
    display:block;
    padding:0;
    z-index:3;
}
.turinga-games.is-classic-view .games-truco-turn{
    position:absolute;
    left:290px;
    top:20px;
    width:170px;
    min-width:0;
    padding:3px 5px;
    box-sizing:border-box;
    border:0;
    border-radius:0;
    background:transparent;
    color:#fff;
    text-shadow:1px 1px 2px #003c06;
    font:700 15px/22px 'TGamesDIN',Arial,sans-serif;
    letter-spacing:0;
}
.turinga-games.is-classic-view .games-truco-turn.is-your-turn{
    color:#fff;
    background:transparent;
    box-shadow:none;
}

.turinga-games.is-classic-view .games-truco-opponent-zone,
.turinga-games.is-classic-view .games-truco-me-zone{
    position:absolute;
    left:0;
    width:322px;
    min-height:0;
    display:block;
}
.turinga-games.is-classic-view .games-truco-opponent-zone{top:72px;height:116px;}
.turinga-games.is-classic-view .games-truco-me-zone{top:194px;height:246px;}

/* El Java original NO dibujaba tres dorsos: solo aparecían las cartas que el rival ya tiró. */
.turinga-games.is-classic-view .games-truco-hidden-hand{display:none;}

.turinga-games.is-classic-view .games-truco-played{
    position:absolute;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    transform:none;
}
.turinga-games.is-classic-view .games-truco-played-opponent{
    left:30px;
    top:0;
    gap:25px;
}
.turinga-games.is-classic-view .games-truco-played-me{
    left:28px;
    top:0;
    gap:25px;
}
.turinga-games.is-classic-view .games-truco-hand{
    position:absolute;
    left:42px;
    top:136px;
    min-height:116px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:11px;
}
.turinga-games.is-classic-view .games-truco-card,
.turinga-games.is-classic-view .games-truco-card-back,
.turinga-games.is-classic-view .games-truco-played .games-truco-card{
    width:75px;
    height:116px;
    flex:0 0 75px;
    margin:0;
    border-radius:0;
    box-shadow:0 2px 5px rgba(0,0,0,.3);
    transform:none;
}
.turinga-games.is-classic-view .games-truco-card.is-playable:hover{
    transform:translateY(-10px);
    box-shadow:0 8px 10px rgba(0,0,0,.32);
}

/* Mensaje actual sobre la mesa, como los cantos del cliente viejo. */
.turinga-games.is-classic-view .games-truco-status{
    position:absolute;
    left:328px;
    top:72px;
    width:130px;
    max-width:none;
    min-height:48px;
    padding:4px 6px;
    box-sizing:border-box;
    border:0;
    border-radius:0;
    background:transparent;
    color:#fff;
    text-align:center;
    text-shadow:1px 1px 2px #003c06;
    font:700 13px/18px 'TGamesDIN',Arial,sans-serif;
}

/* Historial: ocupa el viejo chat blanco de la derecha. */
.turinga-games.is-classic-view .games-truco-history{
    display:block;
    position:absolute;
    left:464px;
    top:220px;
    width:228px;
    height:184px;
    overflow-y:auto;
    box-sizing:border-box;
    padding:7px 8px;
    background:rgba(255,255,255,.94);
    color:#222;
    font:12px/1.35 Arial,sans-serif;
    z-index:7;
}
.turinga-games.is-classic-view .games-truco-history-line{
    padding:0 0 5px;
    margin:0 0 5px;
    border-bottom:1px solid #e4e4e4;
    word-break:break-word;
}
.turinga-games.is-classic-view .games-truco-history-line:last-child{border-bottom:0;}

/* Botonera vertical original: x=325, y=140. */
.turinga-games.is-classic-view .games-truco-actions{
    position:absolute;
    left:325px;
    top:140px;
    width:115px;
    min-height:0;
    max-height:266px;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:stretch;
    justify-content:flex-start;
    gap:5px;
    padding:0;
    background:none;
    border:0;
    z-index:10;
}
.turinga-games.is-classic-view .games-truco-action{
    width:115px;
    height:26px;
    min-height:26px;
    padding:0;
    border:0;
    border-radius:0;
    overflow:hidden;
    color:transparent;
    text-indent:-9999px;
    background-repeat:no-repeat;
    background-position:0 0;
    box-shadow:none;
    transform:none;
}
.turinga-games.is-classic-view .games-truco-action:hover{background-position:-115px 0;transform:none;filter:none;}
.turinga-games.is-classic-view .games-truco-action:active{background-position:-230px 0;}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="truco"]{background-image:url('https://t-26.net/img/games/truco/btn-truco.png');}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="retruco"]{background-image:url('https://t-26.net/img/games/truco/btn-retruco.png');}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="vale4"]{background-image:url('https://t-26.net/img/games/truco/btn-valecuatro.png');}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="quiero"]{background-image:url('https://t-26.net/img/games/truco/btn-quiero.png');}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="no_quiero"]{background-image:url('https://t-26.net/img/games/truco/btn-noquiero.png');}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="envido"]{background-image:url('https://t-26.net/img/games/truco/btn-envido.png');}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="real"]{background-image:url('https://t-26.net/img/games/truco/btn-realenvido.png');}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="falta"]{background-image:url('https://t-26.net/img/games/truco/btn-faltaenvido.png');}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="flor"]{background-image:url('https://t-26.net/img/games/truco/btn-flor-t.png');}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="contraflor"]{background-image:url('https://t-26.net/img/games/truco/btn-contra-flor-t.png');}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="flor_no"]{background-image:url('https://t-26.net/img/games/truco/bt-flor-no-t.png');}
.turinga-games.is-classic-view .games-truco-action[data-truco-action="mazo"]{background-image:url('https://t-26.net/img/games/truco/btn-mevoyalmazo.png');}

.turinga-games.is-classic-view .games-truco-leave{
    position:absolute;
    right:132px;
    top:2px;
    bottom:auto;
    width:104px;
    height:44px;
    padding:0;
    border:0;
    border-radius:0;
    color:transparent;
    text-indent:-9999px;
    background:url('https://t-26.net/img/games/truco/btn-abandonar.png') 0 0 no-repeat;
    box-shadow:none;
    z-index:15;
}
.turinga-games.is-classic-view .games-truco-leave:hover{background-position:-104px 0;transform:none;filter:none;}
.turinga-games.is-classic-view .games-truco-leave:active{background-position:-208px 0;}

/* La pantalla final sigue siendo simple pero ocupa solo el tablero clásico. */
.turinga-games.is-classic-view .games-truco-final{
    inset:0;
    background:rgba(0,70,5,.88);
    backdrop-filter:none;
    font-family:'TGamesDIN',Arial,sans-serif;
}
.turinga-games.is-classic-view .games-truco-final strong{font-size:34px;}

/* ================================================================
   POKER · Paso 10
   Motor compartido, vista clásica + moderna.
   ================================================================ */
body.games-poker-open { overflow: hidden; }

.games-poker-overlay {
    position: fixed;
    inset: 0;
    z-index: 100060;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(5, 11, 17, .93);
    box-sizing: border-box;
}
.games-poker-overlay[hidden] { display: none !important; }

.games-poker-shell {
    position: relative;
    width: min(1100px, calc(100vw - 36px));
    height: min(720px, calc(100vh - 36px));
    min-height: 560px;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: 0 30px 90px rgba(0,0,0,.5);
    background: #0b1612;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

.games-poker-shell.is-classic {
    width: 720px;
    height: 455px;
    min-height: 455px;
    border-radius: 0;
    background: #073a18 url('https://t-26.net/img/games/poker/background.jpg') center/720px 455px no-repeat;
}

.games-poker-top {
    position: absolute;
    z-index: 20;
    top: 18px;
    left: 22px;
    right: 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    pointer-events: none;
}
.games-poker-top > * { pointer-events: auto; }
.games-poker-kicker {
    display: block;
    margin-bottom: 2px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
    color: #8be7b0;
}
.games-poker-top strong { font-size: 15px; }
.games-poker-entry {
    margin-left: auto;
    padding: 7px 11px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: rgba(0,0,0,.22);
    font-size: 12px;
}
.games-poker-entry b { color: #ffd95a; }
.games-poker-leave {
    border: 0;
    border-radius: 9px;
    background: #7e2635;
    color: #fff;
    font-weight: 700;
    padding: 8px 12px;
    cursor: pointer;
}

.games-poker-table {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at center, rgba(24, 148, 79, .26), transparent 48%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.18));
}
.games-poker-shell.is-classic .games-poker-table { background: transparent; }

.games-poker-center {
    position: absolute;
    z-index: 5;
    top: 38%;
    left: 50%;
    width: 470px;
    transform: translate(-50%, -50%);
    text-align: center;
}
.games-poker-community {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.games-poker-community-slot {
    width: 58px;
    height: 82px;
    display: inline-block;
    border: 1px dashed rgba(255,255,255,.2);
    border-radius: 8px;
    background: rgba(0,0,0,.08);
}
.games-poker-pot {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(0,0,0,.34);
    font-size: 12px;
}
.games-poker-pot strong { color: #ffd65c; font-size: 18px; }
.games-poker-status {
    margin: 9px auto 0;
    max-width: 430px;
    min-height: 18px;
    color: rgba(255,255,255,.86);
    font-size: 12px;
}
.games-poker-last-hand {
    margin: 8px auto 0;
    max-width: 430px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 7px 10px;
    border-radius: 9px;
    background: rgba(0,0,0,.28);
    font-size: 11px;
}
.games-poker-last-hand strong { color: #ffd75b; }

.games-poker-card {
    position: relative;
    width: 58px;
    height: 82px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.25);
    background: linear-gradient(145deg, #fff, #eceff2);
    color: #111;
    box-shadow: 0 4px 12px rgba(0,0,0,.28);
    user-select: none;
}
.games-poker-card b { font: 800 17px/1 Arial, sans-serif; }
.games-poker-card em { margin-top: 2px; font: normal 23px/1 Arial, sans-serif; }
.games-poker-card.is-red { color: #c61f39; }
.games-poker-card.is-small {
    width: 34px;
    height: 48px;
    padding: 4px;
    border-radius: 5px;
}
.games-poker-card.is-small b { font-size: 10px; }
.games-poker-card.is-small em { font-size: 13px; }
.games-poker-card.is-back {
    border-color: rgba(255,255,255,.55);
    background:
        repeating-linear-gradient(45deg, #076d55 0, #076d55 4px, #0a9270 4px, #0a9270 8px);
}

.games-poker-players { position: absolute; inset: 0; z-index: 8; pointer-events: none; }
.games-poker-seat {
    position: absolute;
    width: 160px;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: auto;
    transition: opacity .2s, filter .2s;
}
.games-poker-seat.pos-0 { left: 50%; top: 73%; }
.games-poker-seat.pos-1 { left: 18%; top: 69%; }
.games-poker-seat.pos-2 { left: 15%; top: 27%; }
.games-poker-seat.pos-3 { left: 50%; top: 17%; }
.games-poker-seat.pos-4 { left: 85%; top: 27%; }
.games-poker-seat.pos-5 { left: 82%; top: 69%; }
.games-poker-seat.is-folded { opacity: .55; filter: grayscale(.75); }
.games-poker-seat.is-turn .games-poker-seat-box {
    border-color: #ffdc63;
    box-shadow: 0 0 0 2px rgba(255,220,99,.18), 0 8px 24px rgba(0,0,0,.25);
}
.games-poker-seat-cards {
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: -2px;
}
.games-poker-seat-cards .games-poker-card + .games-poker-card { margin-left: -8px; }
.games-poker-seat-box {
    position: relative;
    padding: 7px 9px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 10px;
    background: rgba(7, 18, 18, .82);
    box-shadow: 0 8px 22px rgba(0,0,0,.18);
}
.games-poker-seat-box strong,
.games-poker-seat-box span,
.games-poker-seat-box small { display: block; }
.games-poker-seat-box strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }
.games-poker-seat-box span { color: #9fe8bd; font-size: 11px; margin-top: 2px; }
.games-poker-seat-box small { color: #ffe078; font-size: 10px; margin-top: 2px; }
.games-poker-seat-badges { min-height: 16px; margin-top: 4px; display: flex; justify-content: center; flex-wrap: wrap; gap: 3px; }
.games-poker-seat-badges span {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 4px;
    background: rgba(255,255,255,.12);
    color: #fff;
    font-size: 8px;
    font-weight: 800;
}
.games-poker-seat-badges .dealer { background: #fff; color: #222; }
.games-poker-seat-badges .blind { background: #1b77a4; }
.games-poker-seat-badges .allin { background: #a256d1; }
.games-poker-seat-badges .folded,
.games-poker-seat-badges .out { background: #75283a; }

.games-poker-me-panel {
    position: absolute;
    z-index: 12;
    left: 50%;
    bottom: 83px;
    display: flex;
    align-items: center;
    gap: 12px;
    transform: translateX(-50%);
}
.games-poker-hand { display: flex; gap: 8px; }
.games-poker-me-meta {
    min-width: 125px;
    padding: 8px 10px;
    border-radius: 9px;
    background: rgba(0,0,0,.34);
    text-align: left;
}
.games-poker-me-meta span,
.games-poker-me-meta small { display: block; }
.games-poker-me-meta span { font-size: 11px; }
.games-poker-me-meta span strong { color: #ffdd64; font-size: 19px; }
.games-poker-me-meta small { margin-top: 3px; color: rgba(255,255,255,.68); font-size: 9px; }

.games-poker-action-bar {
    position: absolute;
    z-index: 20;
    left: 50%;
    bottom: 18px;
    width: min(720px, calc(100% - 30px));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transform: translateX(-50%);
}
.games-poker-actions { display: flex; gap: 7px; align-items: center; }
.games-poker-actions button,
.games-poker-raise-box {
    min-height: 36px;
    border-radius: 8px;
}
.games-poker-actions button {
    min-width: 86px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.16);
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}
.games-poker-actions .poker-fold { background: #7f2839; }
.games-poker-actions .poker-call { background: #147551; }
.games-poker-actions .poker-raise { background: #217bb4; }
.games-poker-actions .poker-allin { background: #7c48a5; }
.games-poker-raise-box {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 7px;
    background: rgba(0,0,0,.35);
    color: rgba(255,255,255,.72);
    font-size: 10px;
}
.games-poker-raise-box input {
    width: 65px;
    border: 0;
    border-radius: 5px;
    padding: 6px;
    background: #fff;
    color: #222;
    font-weight: 700;
}
.games-poker-raise-box input:disabled { opacity: .45; }
.games-poker-wait { color: rgba(255,255,255,.66); font-size: 11px; }

.games-poker-final {
    position: absolute;
    z-index: 50;
    inset: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(0,0,0,.82);
    text-align: center;
}
.games-poker-final strong { font-size: 38px; }
.games-poker-final span { font-size: 18px; color: #ddd; }
.games-poker-final.is-win strong,
.games-poker-final.is-win span { color: #ffe06a; }

/* El clásico conserva el lienzo 720x455 del juego original. */
.games-poker-shell.is-classic .games-poker-top { top: 5px; left: 12px; right: 12px; }
.games-poker-shell.is-classic .games-poker-kicker { display: none; }
.games-poker-shell.is-classic .games-poker-top > div:first-child strong { font-size: 12px; }
.games-poker-shell.is-classic .games-poker-entry { font-size: 10px; padding: 4px 7px; }
.games-poker-shell.is-classic .games-poker-leave { font-size: 10px; padding: 6px 9px; }
.games-poker-shell.is-classic .games-poker-center { top: 43%; width: 390px; }
.games-poker-shell.is-classic .games-poker-card { width: 45px; height: 64px; padding: 4px; }
.games-poker-shell.is-classic .games-poker-card b { font-size: 13px; }
.games-poker-shell.is-classic .games-poker-card em { font-size: 18px; }
.games-poker-shell.is-classic .games-poker-community-slot { width: 45px; height: 64px; }
.games-poker-shell.is-classic .games-poker-seat { width: 120px; }
.games-poker-shell.is-classic .games-poker-seat.pos-0 { top: 69%; }
.games-poker-shell.is-classic .games-poker-seat.pos-1 { left: 18%; top: 67%; }
.games-poker-shell.is-classic .games-poker-seat.pos-2 { left: 17%; top: 29%; }
.games-poker-shell.is-classic .games-poker-seat.pos-3 { top: 20%; }
.games-poker-shell.is-classic .games-poker-seat.pos-4 { left: 82%; top: 29%; }
.games-poker-shell.is-classic .games-poker-seat.pos-5 { left: 82%; top: 67%; }
.games-poker-shell.is-classic .games-poker-seat-box { padding: 4px 6px; border-radius: 6px; }
.games-poker-shell.is-classic .games-poker-seat-box strong { font-size: 10px; }
.games-poker-shell.is-classic .games-poker-seat-box span,
.games-poker-shell.is-classic .games-poker-seat-box small { font-size: 9px; }
.games-poker-shell.is-classic .games-poker-me-panel { bottom: 53px; }
.games-poker-shell.is-classic .games-poker-me-meta { display: none; }
.games-poker-shell.is-classic .games-poker-action-bar { bottom: 8px; width: 600px; }
.games-poker-shell.is-classic .games-poker-actions button { min-width: 75px; min-height: 28px; padding: 5px 8px; font-size: 10px; }
.games-poker-shell.is-classic .games-poker-raise-box { min-height: 28px; }
.games-poker-shell.is-classic .games-poker-raise-box input { width: 48px; padding: 4px; }
.games-poker-shell.is-classic .games-poker-last-hand { font-size: 9px; }

/* Moderno: hereda el modo claro/oscuro del lobby. */
.turinga-games.is-modern-view .games-poker-shell.is-modern {
    background:
        radial-gradient(circle at 50% 45%, rgba(17,135,83,.28), transparent 42%),
        linear-gradient(145deg, #13233a, #0b151f 68%);
}
.turinga-games.modern-light .games-poker-shell.is-modern {
    background:
        radial-gradient(circle at 50% 45%, rgba(31,169,103,.18), transparent 42%),
        linear-gradient(145deg, #eef5fa, #d9e7ef);
    color: #16324a;
    border-color: rgba(20,60,90,.15);
}
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-seat-box,
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-pot,
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-status,
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-last-hand,
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-me-meta,
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-raise-box,
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-entry {
    background: rgba(255,255,255,.84);
    color: #18384e;
    border-color: rgba(22,70,100,.15);
}
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-wait,
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-status,
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-me-meta small { color: #5d7586; }

@media (max-width: 800px) {
    .games-poker-overlay { padding: 0; }
    .games-poker-shell,
    .games-poker-shell.is-classic {
        width: 100vw;
        height: 100vh;
        min-height: 560px;
        border-radius: 0;
        background-size: cover;
    }
    .games-poker-seat { transform: translate(-50%, -50%) scale(.9); }
    .games-poker-center { width: 90%; top: 39%; }
    .games-poker-action-bar { flex-wrap: wrap; bottom: 8px; }
    .games-poker-me-panel { bottom: 98px; }
}

/* ================================================================
   POKER · Paso 11 · distribución corregida
   - El jugador local se dibuja únicamente en su panel inferior.
   - Los rivales ocupan posiciones propias y nunca se enciman con la mano.
   - La vista clásica recupera las coordenadas generales del cliente Java.
   ================================================================ */
.games-poker-my-name{
    display:block;
    margin-bottom:4px;
    font-size:13px;
    font-weight:800;
}
.games-poker-help{
    display:block;
    max-width:250px;
    margin-top:6px !important;
    line-height:1.35;
}

/* ---------------- MODERNO ---------------- */
.games-poker-shell.is-modern .games-poker-seat{
    width:150px;
    transform:translate(-50%,0);
}
.games-poker-shell.is-modern .games-poker-players.opponents-1 .opp-0{left:50%;top:15%;}
.games-poker-shell.is-modern .games-poker-players.opponents-2 .opp-0{left:31%;top:16%;}
.games-poker-shell.is-modern .games-poker-players.opponents-2 .opp-1{left:69%;top:16%;}
.games-poker-shell.is-modern .games-poker-players.opponents-3 .opp-0{left:20%;top:17%;}
.games-poker-shell.is-modern .games-poker-players.opponents-3 .opp-1{left:50%;top:14%;}
.games-poker-shell.is-modern .games-poker-players.opponents-3 .opp-2{left:80%;top:17%;}
.games-poker-shell.is-modern .games-poker-players.opponents-4 .opp-0{left:14%;top:18%;}
.games-poker-shell.is-modern .games-poker-players.opponents-4 .opp-1{left:38%;top:14%;}
.games-poker-shell.is-modern .games-poker-players.opponents-4 .opp-2{left:62%;top:14%;}
.games-poker-shell.is-modern .games-poker-players.opponents-4 .opp-3{left:86%;top:18%;}
.games-poker-shell.is-modern .games-poker-players.opponents-5 .opp-0{left:10%;top:18%;}
.games-poker-shell.is-modern .games-poker-players.opponents-5 .opp-1{left:30%;top:14%;}
.games-poker-shell.is-modern .games-poker-players.opponents-5 .opp-2{left:50%;top:12%;}
.games-poker-shell.is-modern .games-poker-players.opponents-5 .opp-3{left:70%;top:14%;}
.games-poker-shell.is-modern .games-poker-players.opponents-5 .opp-4{left:90%;top:18%;}

.games-poker-shell.is-modern .games-poker-center{
    top:43%;
    width:560px;
}
.games-poker-shell.is-modern .games-poker-me-panel{
    bottom:92px;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(6,17,24,.70);
    box-shadow:0 12px 32px rgba(0,0,0,.22);
}
.games-poker-shell.is-modern .games-poker-hand{
    min-width:130px;
    justify-content:center;
}
.games-poker-shell.is-modern .games-poker-me-meta{
    min-width:205px;
    background:transparent;
    padding:0;
}
.games-poker-shell.is-modern .games-poker-action-bar{
    bottom:20px;
}
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-me-panel{
    background:rgba(255,255,255,.88);
    border-color:rgba(22,70,100,.14);
}
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-my-name{
    color:#16384f;
}
.turinga-games.modern-light .games-poker-shell.is-modern .games-poker-help{
    color:#5d7586;
}

/* ---------------- CLÁSICO 720x455 ---------------- */
.games-poker-shell.is-classic .games-poker-top{
    top:0;
    left:0;
    right:0;
    height:55px;
    display:block;
}
.games-poker-shell.is-classic .games-poker-top > div:first-child{
    position:absolute;
    left:292px;
    top:20px;
    width:150px;
    text-align:center;
}
.games-poker-shell.is-classic .games-poker-entry{
    position:absolute;
    left:135px;
    top:37px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    font-size:11px;
    text-shadow:0 1px 1px rgba(0,0,0,.9);
}
.games-poker-shell.is-classic .games-poker-leave{
    position:absolute;
    left:484px;
    top:0;
    right:auto;
    margin:0;
}

.games-poker-shell.is-classic .games-poker-seat{
    width:134px;
    transform:none;
    text-align:center;
}
.games-poker-shell.is-classic .games-poker-players .opp-0{left:15px;top:58px;}
.games-poker-shell.is-classic .games-poker-players .opp-1{left:154px;top:58px;}
.games-poker-shell.is-classic .games-poker-players .opp-2{left:293px;top:58px;}
.games-poker-shell.is-classic .games-poker-players .opp-3{left:432px;top:58px;}
.games-poker-shell.is-classic .games-poker-players .opp-4{left:571px;top:58px;}
.games-poker-shell.is-classic .games-poker-seat-cards{
    height:48px;
}
.games-poker-shell.is-classic .games-poker-seat-box{
    margin-top:1px;
    padding:2px 4px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    text-shadow:0 1px 2px #000;
}
.games-poker-shell.is-classic .games-poker-seat.is-turn .games-poker-seat-box{
    border:0;
    box-shadow:none;
    color:#ffe35b;
}
.games-poker-shell.is-classic .games-poker-seat-box span{color:#fff;}
.games-poker-shell.is-classic .games-poker-seat-box small{color:#ffe35b;}
.games-poker-shell.is-classic .games-poker-seat-badges{margin-top:1px;}

.games-poker-shell.is-classic .games-poker-center{
    left:0;
    top:0;
    width:720px;
    transform:none;
    text-align:left;
}
.games-poker-shell.is-classic .games-poker-community{
    position:absolute;
    left:22px;
    top:200px;
    min-height:84px;
    gap:15px;
    justify-content:flex-start;
}
.games-poker-shell.is-classic .games-poker-card,
.games-poker-shell.is-classic .games-poker-community-slot{
    width:60px;
    height:84px;
    border-radius:5px;
}
.games-poker-shell.is-classic .games-poker-card b{font-size:15px;}
.games-poker-shell.is-classic .games-poker-card em{font-size:21px;}
.games-poker-shell.is-classic .games-poker-card.is-small{
    width:56px;
    height:78px;
}
.games-poker-shell.is-classic .games-poker-card.is-small b{font-size:13px;}
.games-poker-shell.is-classic .games-poker-card.is-small em{font-size:18px;}
.games-poker-shell.is-classic .games-poker-pot{
    position:absolute;
    left:445px;
    top:207px;
    margin:0;
    padding:0;
    border-radius:0;
    background:transparent;
    font-size:13px;
    text-shadow:0 1px 2px #000;
}
.games-poker-shell.is-classic .games-poker-pot strong{
    display:block;
    margin-left:8px;
    font-size:28px;
}
.games-poker-shell.is-classic .games-poker-status{
    position:absolute;
    left:550px;
    top:191px;
    width:144px;
    min-height:70px;
    margin:0;
    color:#fff;
    font-size:11px;
    line-height:1.35;
    text-align:left;
    text-shadow:0 1px 2px #000;
}
.games-poker-shell.is-classic .games-poker-last-hand{
    position:absolute;
    left:550px;
    top:270px;
    width:124px;
    max-width:none;
    margin:0;
    padding:7px 10px;
    border-radius:0;
    background:rgba(0,0,0,.18);
    font-size:10px;
    line-height:1.3;
}

.games-poker-shell.is-classic .games-poker-me-panel{
    position:absolute;
    inset:0;
    display:block;
    transform:none;
    pointer-events:none;
}
.games-poker-shell.is-classic .games-poker-hand{
    position:absolute;
    left:30px;
    top:320px;
    display:flex;
    gap:30px;
    pointer-events:auto;
}
.games-poker-shell.is-classic .games-poker-me-meta{
    position:absolute;
    left:388px;
    top:310px;
    width:145px;
    min-width:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    text-align:right;
    text-shadow:0 1px 2px #000;
    pointer-events:auto;
}
.games-poker-shell.is-classic .games-poker-my-name{
    margin:0 0 7px;
    font-size:20px;
    color:#fff;
}
.games-poker-shell.is-classic .games-poker-me-meta span{
    font-size:14px;
    color:#fff;
}
.games-poker-shell.is-classic .games-poker-me-meta span strong{
    color:#ffe65c;
    font-size:18px;
}
.games-poker-shell.is-classic .games-poker-me-meta small{
    margin-top:5px;
    font-size:10px;
    color:#fff;
}
.games-poker-shell.is-classic .games-poker-help{display:none;}

.games-poker-shell.is-classic .games-poker-action-bar{
    left:240px;
    top:325px;
    bottom:auto;
    width:295px;
    height:120px;
    transform:none;
    display:block;
}
.games-poker-shell.is-classic .games-poker-raise-box{
    position:absolute;
    left:0;
    top:3px;
    min-height:24px;
    padding:2px 5px;
    border-radius:3px;
}
.games-poker-shell.is-classic .games-poker-actions{
    position:static;
    display:block;
}
.games-poker-shell.is-classic .games-poker-actions button{
    position:absolute;
    min-width:90px;
    min-height:28px;
    padding:5px 8px;
    font-size:10px;
}
.games-poker-shell.is-classic .games-poker-actions .poker-raise{left:60px;top:0;}
.games-poker-shell.is-classic .games-poker-actions .poker-call{left:60px;top:35px;}
.games-poker-shell.is-classic .games-poker-actions .poker-allin{left:60px;top:70px;}
.games-poker-shell.is-classic .games-poker-actions .poker-fold{left:190px;top:80px;}
.games-poker-shell.is-classic .games-poker-wait{
    position:absolute;
    left:170px;
    top:52px;
    width:120px;
    color:#fff;
    font-size:10px;
}

@media (max-width:800px){
    .games-poker-shell.is-modern .games-poker-seat{transform:translate(-50%,0) scale(.86);}
    .games-poker-shell.is-modern .games-poker-me-panel{bottom:108px;max-width:92%;}
    .games-poker-shell.is-modern .games-poker-help{max-width:190px;}
}

/* ======================================================================
   POKER · Paso 12 · clásico fiel al cliente Taringa/PulpCore 720x455
   Mantiene la vista moderna intacta. Usa los sprites gráficos originales
   para cartas y controles cuando la mesa está en modo clásico.
   ====================================================================== */
.games-poker-my-badges{
    display:flex;
    align-items:center;
    gap:4px;
    min-height:20px;
    margin:3px 0;
}
.games-poker-my-badges span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    padding:0 4px;
    box-sizing:border-box;
    border-radius:4px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:8px;
    font-weight:800;
}
.games-poker-my-badges .dealer{background:#fff;color:#222;}
.games-poker-my-badges .blind{background:#1b77a4;}

/* El fondo clásico es una composición fija de 720x455. */
.games-poker-shell.is-classic{
    width:720px !important;
    height:455px !important;
    min-height:455px !important;
    max-width:720px;
    max-height:455px;
    overflow:hidden;
    border:0;
    box-shadow:0 22px 80px rgba(0,0,0,.55);
}

/* Cabecera: posiciones originales de PokerScene.java. */
.games-poker-shell.is-classic .games-poker-top{
    inset:0;
    height:55px;
    pointer-events:none;
}
.games-poker-shell.is-classic .games-poker-top > div:first-child{
    position:absolute;
    left:292px;
    top:19px;
    width:150px;
    height:20px;
    text-align:center;
    pointer-events:none;
}
.games-poker-shell.is-classic .games-poker-kicker{display:none;}
.games-poker-shell.is-classic .games-poker-top > div:first-child strong{
    color:#fff;
    font-size:12px;
    line-height:16px;
    text-shadow:0 1px 2px #000;
}
.games-poker-shell.is-classic .games-poker-entry{
    position:absolute;
    left:140px;
    top:40px;
    width:145px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    color:#fff;
    font-size:0;
    line-height:13px;
    text-align:left;
    text-shadow:0 1px 2px #000;
    pointer-events:none;
}
.games-poker-shell.is-classic .games-poker-entry:before{
    content:'Por ';
    font-size:11px;
}
.games-poker-shell.is-classic .games-poker-entry b{
    color:#fff;
    font-size:11px;
    font-weight:400;
}
.games-poker-shell.is-classic .games-poker-leave{
    position:absolute;
    left:484px;
    top:0;
    width:80px;
    height:25px;
    padding:0;
    border:0;
    border-radius:0;
    overflow:hidden;
    background-image:url('https://t-26.net/img/games/poker/btn-salir.png');
    background-repeat:no-repeat;
    background-size:300% 100%;
    background-position:0 0;
    color:transparent;
    text-indent:-9999px;
    cursor:pointer;
    pointer-events:auto;
}
.games-poker-shell.is-classic .games-poker-leave:hover{background-position:50% 0;}
.games-poker-shell.is-classic .games-poker-leave:active{background-position:100% 0;}

/* Sprites originales: mias 75x105, pozo 65x90, otro 50x80. */
.games-poker-shell.is-classic .games-poker-card.has-original-sprite{
    padding:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    background-color:transparent;
    background-image:var(--poker-card-image);
    background-repeat:no-repeat;
    background-position:var(--poker-card-x) var(--poker-card-y);
}
.games-poker-shell.is-classic .games-poker-card.has-original-sprite b,
.games-poker-shell.is-classic .games-poker-card.has-original-sprite em{display:none;}
.games-poker-shell.is-classic .games-poker-card.is-mine{
    width:75px;
    height:105px;
}
.games-poker-shell.is-classic .games-poker-card.is-community{
    width:65px;
    height:90px;
}
.games-poker-shell.is-classic .games-poker-card.is-opponent{
    width:50px;
    height:80px;
}
/* Cartas rivales ocultas: mostrar dos dorsos hasta el showdown. */
.games-poker-shell.is-classic .games-poker-seat-cards .games-poker-card.is-back{
    display:inline-flex;
    width:50px;
    height:80px;
    padding:0;
    border:1px solid rgba(255,255,255,.72);
    border-radius:4px;
    box-sizing:border-box;
    background:
        repeating-linear-gradient(45deg,#076d55 0,#076d55 5px,#0a9270 5px,#0a9270 10px);
    box-shadow:0 1px 3px rgba(0,0,0,.65);
}

/* Los cinco rivales ocupan exactamente los slots superiores del fondo. */
.games-poker-shell.is-classic .games-poker-players{z-index:8;}
.games-poker-shell.is-classic .games-poker-seat{
    width:134px;
    height:112px;
    transform:none;
    text-align:center;
}
.games-poker-shell.is-classic .games-poker-players .opp-0{left:15px;top:58px;}
.games-poker-shell.is-classic .games-poker-players .opp-1{left:154px;top:58px;}
.games-poker-shell.is-classic .games-poker-players .opp-2{left:293px;top:58px;}
.games-poker-shell.is-classic .games-poker-players .opp-3{left:432px;top:58px;}
.games-poker-shell.is-classic .games-poker-players .opp-4{left:571px;top:58px;}
.games-poker-shell.is-classic .games-poker-seat-cards{
    position:absolute;
    left:10px;
    top:5px;
    width:115px;
    height:80px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:15px;
}
.games-poker-shell.is-classic .games-poker-seat-cards .games-poker-card + .games-poker-card{
    margin-left:0;
}
.games-poker-shell.is-classic .games-poker-seat-box{
    position:absolute;
    left:0;
    top:84px;
    width:134px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px #000;
}
.games-poker-shell.is-classic .games-poker-seat-box strong{
    display:block;
    height:14px;
    color:#fff;
    font-size:11px;
    line-height:14px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.games-poker-shell.is-classic .games-poker-seat-box span{
    display:block;
    margin:0;
    color:#fff;
    font-size:10px;
    line-height:12px;
}
.games-poker-shell.is-classic .games-poker-seat-box small{
    display:block;
    margin:0;
    color:#ffe65c;
    font-size:9px;
    line-height:11px;
}
.games-poker-shell.is-classic .games-poker-seat.is-turn .games-poker-seat-box strong{
    color:#ffe65c;
}
.games-poker-shell.is-classic .games-poker-seat-badges{
    position:absolute;
    left:95px;
    top:5px;
    width:30px;
    min-height:24px;
    margin:0;
    display:block;
}
.games-poker-shell.is-classic .games-poker-seat-badges span{
    position:absolute;
    width:24px;
    height:24px;
    min-width:24px;
    padding:0;
    border:0;
    border-radius:0;
    background-color:transparent;
    background-repeat:no-repeat;
    background-size:24px 24px;
    color:transparent;
    text-indent:-9999px;
}
.games-poker-shell.is-classic .games-poker-seat-badges .dealer{
    left:0;
    top:0;
    background-image:url('https://t-26.net/img/games/poker/button.png');
}
.games-poker-shell.is-classic .games-poker-seat-badges .blind{
    left:10px;
    top:0;
}
.games-poker-shell.is-classic .games-poker-seat-badges .blind.sb{
    background-image:url('https://t-26.net/img/games/poker/small_blind.png');
}
.games-poker-shell.is-classic .games-poker-seat-badges .blind.bb{
    background-image:url('https://t-26.net/img/games/poker/big_blind.png');
}
.games-poker-shell.is-classic .games-poker-seat-badges .allin,
.games-poker-shell.is-classic .games-poker-seat-badges .folded,
.games-poker-shell.is-classic .games-poker-seat-badges .out{
    display:none;
}

/* Comunitarias: coordenadas originales 22,97,172,247,322 / y=200. */
.games-poker-shell.is-classic .games-poker-center{
    position:absolute;
    inset:0;
    width:720px;
    height:455px;
    transform:none;
    text-align:left;
    pointer-events:none;
}
.games-poker-shell.is-classic .games-poker-community{
    position:absolute;
    left:22px;
    top:200px;
    width:365px;
    min-height:90px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:10px;
    pointer-events:auto;
}
.games-poker-shell.is-classic .games-poker-community-slot{
    width:65px;
    height:90px;
    box-sizing:border-box;
    border:1px dashed rgba(255,255,255,.16);
    border-radius:4px;
    background:rgba(0,0,0,.035);
}
.games-poker-shell.is-classic .games-poker-pot{
    position:absolute;
    left:460px;
    top:215px;
    width:70px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    color:#fff;
    font-size:14px;
    line-height:18px;
    text-align:left;
    text-shadow:0 1px 2px #000;
}
.games-poker-shell.is-classic .games-poker-pot strong{
    display:block;
    margin:0 0 0 20px;
    color:#ffe64f;
    font-size:30px;
    line-height:32px;
}

/* El panel derecho del fondo original era el chat. Por ahora lo usamos como log de mesa. */
.games-poker-shell.is-classic .games-poker-status{
    position:absolute;
    left:550px;
    top:191px;
    width:144px;
    min-height:72px;
    max-height:72px;
    margin:0;
    overflow:hidden;
    color:#fff;
    font-size:11px;
    line-height:1.35;
    text-align:left;
    text-shadow:0 1px 2px #000;
    pointer-events:auto;
}
.games-poker-shell.is-classic .games-poker-last-hand{
    position:absolute;
    left:550px;
    top:270px;
    width:144px;
    max-width:144px;
    min-height:76px;
    max-height:118px;
    box-sizing:border-box;
    margin:0;
    padding:8px 4px;
    overflow:hidden;
    border:0;
    border-top:1px solid rgba(255,255,255,.08);
    border-radius:0;
    background:none;
    color:#fff;
    font-size:10px;
    line-height:1.35;
    pointer-events:auto;
}
.games-poker-shell.is-classic .games-poker-last-hand strong{color:#ffe35b;}

/* Mano propia: 30,320 y 120,320. Datos del jugador alineados a x=535. */
.games-poker-shell.is-classic .games-poker-me-panel{
    position:absolute;
    inset:0;
    display:block;
    transform:none;
    pointer-events:none;
}
.games-poker-shell.is-classic .games-poker-hand{
    position:absolute;
    left:30px;
    top:320px;
    width:165px;
    height:105px;
    display:flex;
    align-items:flex-start;
    gap:15px;
    pointer-events:auto;
}
.games-poker-shell.is-classic .games-poker-me-meta{
    position:absolute;
    left:388px;
    top:310px;
    width:147px;
    height:82px;
    min-width:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    text-align:right;
    color:#fff;
    text-shadow:0 1px 2px #000;
    pointer-events:auto;
}
.games-poker-shell.is-classic .games-poker-my-name{
    margin:0;
    color:#fff;
    font-size:20px;
    line-height:25px;
    font-weight:700;
}
.games-poker-shell.is-classic .games-poker-me-meta > span{
    display:block;
    margin-top:3px;
    color:#fff;
    font-size:13px;
    line-height:18px;
}
.games-poker-shell.is-classic .games-poker-me-meta > span strong{
    color:#ffe65c;
    font-size:18px;
}
.games-poker-shell.is-classic .games-poker-me-meta > small{
    display:block;
    margin-top:7px;
    color:#fff;
    font-size:10px;
    line-height:13px;
}
.games-poker-shell.is-classic .games-poker-help{display:none;}
.games-poker-shell.is-classic .games-poker-my-badges{
    position:absolute;
    left:12px;
    top:7px;
    width:36px;
    height:56px;
    margin:0;
    display:block;
}
.games-poker-shell.is-classic .games-poker-my-badges span{
    position:absolute;
    width:24px;
    height:24px;
    min-width:24px;
    padding:0;
    border:0;
    border-radius:0;
    background-color:transparent;
    background-repeat:no-repeat;
    background-size:24px 24px;
    color:transparent;
    text-indent:-9999px;
}
.games-poker-shell.is-classic .games-poker-my-badges .dealer{
    left:0;
    top:0;
    background-image:url('https://t-26.net/img/games/poker/button.png');
}
.games-poker-shell.is-classic .games-poker-my-badges .blind{
    left:0;
    top:30px;
}
.games-poker-shell.is-classic .games-poker-my-badges .blind.sb{
    background-image:url('https://t-26.net/img/games/poker/small_blind.png');
}
.games-poker-shell.is-classic .games-poker-my-badges .blind.bb{
    background-image:url('https://t-26.net/img/games/poker/big_blind.png');
}

/* Controles: spinner x=240 y=328; Subir 300,325; Pagar 300,360;
   All In 300,395; Al mazo 430,410. */
.games-poker-shell.is-classic .games-poker-action-bar{
    position:absolute;
    left:240px;
    top:325px;
    bottom:auto;
    width:295px;
    height:125px;
    display:block;
    transform:none;
    pointer-events:none;
}
.games-poker-shell.is-classic .games-poker-raise-box{
    position:absolute;
    left:0;
    top:3px;
    width:50px;
    height:22px;
    min-height:22px;
    box-sizing:border-box;
    padding:1px 3px;
    display:block;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:rgba(0,0,0,.48);
    color:#fff;
    font-size:0;
    pointer-events:auto;
}
.games-poker-shell.is-classic .games-poker-raise-box:before{
    content:'Subir';
    position:absolute;
    left:2px;
    top:4px;
    color:#fff;
    font-size:8px;
}
.games-poker-shell.is-classic .games-poker-raise-box input{
    position:absolute;
    right:1px;
    top:1px;
    width:27px;
    height:20px;
    box-sizing:border-box;
    padding:0 2px;
    border:0;
    border-radius:0;
    background:#e2e2df;
    color:#333;
    font-size:10px;
    font-weight:700;
}
.games-poker-shell.is-classic .games-poker-actions{
    position:static;
    display:block;
}
.games-poker-shell.is-classic .games-poker-actions button{
    position:absolute;
    width:78px;
    min-width:78px;
    height:27px;
    min-height:27px;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:0;
    background-repeat:no-repeat;
    background-size:300% 100%;
    background-position:0 0;
    color:transparent;
    text-indent:-9999px;
    box-shadow:none;
    pointer-events:auto;
}
.games-poker-shell.is-classic .games-poker-actions button:hover{background-position:50% 0;}
.games-poker-shell.is-classic .games-poker-actions button:active{background-position:100% 0;}
.games-poker-shell.is-classic .games-poker-actions .poker-raise{
    left:60px;
    top:0;
    background-image:url('https://t-26.net/img/games/poker/btn-subir.png');
}
.games-poker-shell.is-classic .games-poker-actions .poker-call{
    left:60px;
    top:35px;
    background-image:url('https://t-26.net/img/games/poker/btn-pagar.png');
}
.games-poker-shell.is-classic .games-poker-actions .poker-allin{
    left:60px;
    top:70px;
    width:78px;
    color:#fff;
    text-indent:0;
    border:1px solid rgba(255,255,255,.24);
    border-radius:3px;
    background:#263d2b;
    font-size:10px;
    font-weight:700;
}
.games-poker-shell.is-classic .games-poker-actions .poker-allin:hover{background:#34553b;}
.games-poker-shell.is-classic .games-poker-actions .poker-fold{
    left:190px;
    top:85px;
    background-image:url('https://t-26.net/img/games/poker/btn-almazo.png');
}
.games-poker-shell.is-classic .games-poker-wait{
    position:absolute;
    left:-240px;
    top:52px;
    width:225px;
    color:#fff;
    font-size:10px;
    line-height:13px;
    text-align:left;
    text-shadow:0 1px 2px #000;
}

/* El estado final conserva el mismo overlay, pero no modifica la mesa clásica. */

/* =========================================================
   DAMAS · motor HTML5 (v24)
   ========================================================= */
body.games-damas-open { overflow: hidden; }

.games-damas-overlay {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(6, 12, 18, .88);
    box-sizing: border-box;
}

.games-damas-shell {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.games-damas-shell.is-classic {
    width: 720px;
    height: 455px;
    flex: 0 0 720px;
    background: #111 url('https://t-26.net/img/games/damas/fondo.png') no-repeat 0 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

.games-damas-modern-head { display: none; }

.games-damas-shell.is-classic .games-damas-stage {
    position: absolute;
    inset: 0;
}

.games-damas-board {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 1fr);
}

.games-damas-shell.is-classic .games-damas-board {
    position: absolute;
    left: 22px;
    top: 70px;
    width: 360px;
    height: 360px;
}

.games-damas-cell {
    position: relative;
    min-width: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    cursor: default;
    box-sizing: border-box;
}

.games-damas-shell.is-classic .games-damas-cell {
    width: 45px;
    height: 45px;
    background: transparent;
}

.games-damas-cell.is-selectable { cursor: pointer; }
.games-damas-cell.is-selectable:after {
    content: '';
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(44, 197, 110, .8);
    pointer-events: none;
}
.games-damas-cell.is-selected:before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('https://t-26.net/img/games/damas/borde.png') no-repeat center center;
    background-size: 45px 45px;
    z-index: 3;
    pointer-events: none;
}
.games-damas-cell.is-destination:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px;
    border-radius: 50%;
    background: rgba(29, 205, 108, .88);
    box-shadow: 0 0 0 4px rgba(29, 205, 108, .18);
    z-index: 2;
    pointer-events: none;
}

.games-damas-piece {
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    z-index: 2;
    pointer-events: none;
    background-image: url('https://t-26.net/img/games/damas/fichas.png');
    background-repeat: no-repeat;
    background-size: 180px 45px;
}
.games-damas-piece.is-white { background-position: 0 0; }
.games-damas-piece.is-white.is-king { background-position: -45px 0; }
.games-damas-piece.is-black { background-position: -90px 0; }
.games-damas-piece.is-black.is-king { background-position: -135px 0; }

.games-damas-shell.is-classic .games-damas-side {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.games-damas-shell.is-classic .games-damas-player {
    position: absolute;
    left: 515px;
    width: 165px;
    height: 35px;
    color: #111;
    pointer-events: none;
}
.games-damas-shell.is-classic .games-damas-player-me { top: 63px; }
.games-damas-shell.is-classic .games-damas-player-opponent { top: 108px; }
.games-damas-shell.is-classic .games-damas-player strong {
    display: block;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.games-damas-shell.is-classic .games-damas-player-color {
    display: none;
}
.games-damas-shell.is-classic .games-damas-timer {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 16px;
    color: #333;
}
.games-damas-shell.is-classic .games-damas-turn {
    position: absolute;
    left: 540px;
    top: 36px;
    width: 160px;
    text-align: center;
    font-size: 13px;
    color: #fff;
}
.games-damas-shell.is-classic .games-damas-turn.is-my-turn { color: #7cff8f; }
.games-damas-shell.is-classic .games-damas-status {
    position: absolute;
    left: 420px;
    top: 156px;
    width: 280px;
    color: #222;
    font-size: 13px;
    line-height: 19px;
    pointer-events: none;
}
.games-damas-shell.is-classic .games-damas-meta {
    position: absolute;
    left: 420px;
    top: 382px;
    color: #444;
    font-size: 12px;
}
.games-damas-shell.is-classic .games-damas-offer-draw,
.games-damas-shell.is-classic .games-damas-leave-side {
    position: absolute;
    top: 0;
    height: 35px;
    padding: 0;
    border: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    pointer-events: auto;
    background-color: transparent;
    background-repeat: no-repeat;
}
.games-damas-shell.is-classic .games-damas-leave-side {
    left: 300px;
    width: 80px;
    background-image: url('https://t-26.net/img/games/damas/btn-abandonar.png');
}
.games-damas-shell.is-classic .games-damas-offer-draw {
    left: 380px;
    width: 65px;
    background-image: url('https://t-26.net/img/games/damas/btn-tablas.png');
}
.games-damas-shell.is-classic .games-damas-offer-draw:disabled {
    opacity: .45;
    cursor: default;
}

.games-damas-draw-prompt {
    position: absolute;
    z-index: 20;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 280px;
    max-width: 420px;
    padding: 20px;
    border-radius: 12px;
    background: rgba(10, 16, 23, .96);
    color: #fff;
    box-shadow: 0 18px 60px rgba(0,0,0,.4);
    flex-direction: column;
    gap: 14px;
    text-align: center;
}
.games-damas-draw-prompt > div { display: flex; justify-content: center; gap: 10px; }
.games-damas-draw-yes,
.games-damas-draw-no {
    min-width: 82px;
    border: 0;
    border-radius: 8px;
    padding: 9px 16px;
    font-weight: 700;
    cursor: pointer;
}
.games-damas-draw-yes { background: #138b5b; color: #fff; }
.games-damas-draw-no { background: #a3303d; color: #fff; }
.games-damas-shell.is-classic .games-damas-draw-yes,
.games-damas-shell.is-classic .games-damas-draw-no {
    width: 65px;
    height: 35px;
    min-width: 65px;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 0;
}
.games-damas-shell.is-classic .games-damas-draw-yes { background-image: url('https://t-26.net/img/games/damas/btn-si.png'); }
.games-damas-shell.is-classic .games-damas-draw-no { background-image: url('https://t-26.net/img/games/damas/btn-no.png'); }

.games-damas-final {
    position: absolute;
    inset: 0;
    z-index: 50;
    background: rgba(4, 10, 15, .82);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #fff;
}
.games-damas-final strong { display: block; font-size: 40px; color: #ffd65b; }
.games-damas-final span { display: block; margin-top: 8px; font-size: 18px; }

/* Vista moderna */
.games-damas-shell.is-modern {
    width: min(1040px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    overflow: auto;
    padding: 22px;
    border-radius: 22px;
    background: #edf4f8;
    color: #173042;
    box-shadow: 0 24px 80px rgba(0,0,0,.35);
}
.games-damas-shell.is-modern .games-damas-modern-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}
.games-damas-shell.is-modern .games-damas-modern-head > div:first-child span {
    display: block;
    font-size: 10px;
    letter-spacing: 1.8px;
    font-weight: 800;
    color: #1a9e73;
}
.games-damas-shell.is-modern .games-damas-modern-head strong {
    display: block;
    margin-top: 3px;
    font-size: 22px;
}
.games-damas-modern-head-actions { display: flex; align-items: center; gap: 9px; }
.games-damas-modern-head-actions > span {
    padding: 9px 12px;
    border: 1px solid #d3e1e8;
    border-radius: 999px;
    background: #fff;
    font-size: 12px;
}
.games-damas-shell.is-modern .games-damas-stage {
    display: grid;
    grid-template-columns: minmax(360px, 620px) minmax(230px, 1fr);
    gap: 20px;
    align-items: stretch;
}
.games-damas-shell.is-modern .games-damas-board {
    width: min(68vh, 620px);
    aspect-ratio: 1 / 1;
    justify-self: center;
    border: 8px solid #253642;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(21,49,64,.18);
}
.games-damas-shell.is-modern .games-damas-cell.is-light { background: #dce5e7; }
.games-damas-shell.is-modern .games-damas-cell.is-dark { background: #52646d; }
.games-damas-shell.is-modern .games-damas-piece {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.05);
}
.games-damas-shell.is-modern .games-damas-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.games-damas-shell.is-modern .games-damas-player {
    position: relative;
    padding: 15px 16px;
    border: 1px solid #d6e2e8;
    border-radius: 14px;
    background: #fff;
}
.games-damas-shell.is-modern .games-damas-player-color {
    display: block;
    margin-bottom: 3px;
    color: #788e9b;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.games-damas-shell.is-modern .games-damas-player strong { display: block; font-size: 16px; }
.games-damas-shell.is-modern .games-damas-timer {
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 20px;
    font-variant-numeric: tabular-nums;
}
.games-damas-shell.is-modern .games-damas-turn {
    padding: 12px 14px;
    border-radius: 12px;
    background: #e5edf1;
    color: #59717e;
    text-align: center;
    font-weight: 800;
}
.games-damas-shell.is-modern .games-damas-turn.is-my-turn { background: #dff7eb; color: #147a53; }
.games-damas-shell.is-modern .games-damas-status {
    min-height: 72px;
    padding: 15px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #d6e2e8;
    line-height: 1.45;
}
.games-damas-shell.is-modern .games-damas-meta { color: #708590; font-size: 12px; }
.games-damas-shell.is-modern .games-damas-offer-draw,
.games-damas-shell.is-modern .games-damas-leave-side {
    width: 100%;
    border: 0;
    border-radius: 10px;
    padding: 11px 14px;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}
.games-damas-shell.is-modern .games-damas-offer-draw { background: #247fae; }
.games-damas-shell.is-modern .games-damas-leave-side { background: #943347; }
.games-damas-shell.is-modern .games-damas-offer-draw:disabled { opacity: .45; cursor: default; }

body.games-modern-page-dark .games-damas-shell.is-modern,
#turinga-games.modern-dark .games-damas-shell.is-modern {
    background: #0d141a;
    color: #eaf3f7;
}
body.games-modern-page-dark .games-damas-shell.is-modern .games-damas-player,
body.games-modern-page-dark .games-damas-shell.is-modern .games-damas-status,
body.games-modern-page-dark .games-damas-modern-head-actions > span,
#turinga-games.modern-dark .games-damas-shell.is-modern .games-damas-player,
#turinga-games.modern-dark .games-damas-shell.is-modern .games-damas-status,
#turinga-games.modern-dark .games-damas-modern-head-actions > span {
    background: #151f27;
    border-color: #283945;
    color: #eaf3f7;
}
body.games-modern-page-dark .games-damas-shell.is-modern .games-damas-turn,
#turinga-games.modern-dark .games-damas-shell.is-modern .games-damas-turn { background: #1b2932; }

@media (max-width: 820px) {
    .games-damas-shell.is-modern { padding: 14px; }
    .games-damas-shell.is-modern .games-damas-stage { grid-template-columns: 1fr; }
    .games-damas-shell.is-modern .games-damas-board { width: min(92vw, 560px); }
    .games-damas-shell.is-modern .games-damas-modern-head { align-items: flex-start; flex-direction: column; }
}

/* =========================================================
   BATALLA NAVAL · paso 14
   ========================================================= */
.games-batalla-overlay{
    position:fixed;inset:0;z-index:10040;display:none;align-items:center;justify-content:center;
    background:rgba(4,12,19,.88);padding:18px;box-sizing:border-box;overflow:auto;
}
.games-batalla-shell{position:relative;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;}
.games-batalla-modern-head{display:none;}
.games-batalla-stage{position:relative;box-sizing:border-box;}
.games-batalla-board-wrap{position:absolute;overflow:hidden;}
.games-batalla-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);z-index:1;}
.games-batalla-cell{margin:0;padding:0;border:0;background:transparent;cursor:crosshair;min-width:0;min-height:0;}
.games-batalla-cell.is-disabled{cursor:default;}
.games-batalla-ships,.games-batalla-marks{position:absolute;inset:0;pointer-events:none;}
.games-batalla-ships{z-index:2}.games-batalla-marks{z-index:4}
.games-batalla-ship{position:absolute;border:0;padding:0;margin:0;background:transparent;pointer-events:auto;cursor:pointer;box-sizing:border-box;z-index:2;}
.games-batalla-ship img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;}
.games-batalla-ship.is-selected{filter:drop-shadow(0 0 4px #ffeb3b);outline:2px solid rgba(255,235,59,.9);outline-offset:1px;}
.games-batalla-ship.is-enemy-sunk{pointer-events:none;opacity:.82;filter:grayscale(.1) brightness(.9);}
.games-batalla-mark{position:absolute;width:10%;height:10%;background-position:center;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;box-sizing:border-box;}
.games-batalla-mark.is-water{background-image:url('https://t-26.net/img/games/batalla/agua.png');}
.games-batalla-mark.is-hit,.games-batalla-mark.is-sunk{background-image:url('https://t-26.net/img/games/batalla/fuego.png');background-size:300% 100%;background-position:0 50%;}
.games-batalla-mark.is-sunk{filter:brightness(1.22) saturate(1.2);}
.games-batalla-name{position:absolute;font-size:13px;font-weight:700;z-index:7;white-space:nowrap;}
.games-batalla-sunk{position:absolute;overflow:auto;box-sizing:border-box;z-index:5;}
.games-batalla-sunk span{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.06em;}
.games-batalla-sunk strong{display:block;margin-top:5px;font-size:12px;}
.games-batalla-side{position:absolute;box-sizing:border-box;z-index:6;}
.games-batalla-turn{font-weight:800;text-transform:uppercase;}
.games-batalla-turn.is-my-turn{color:#079b4c;}
.games-batalla-timer{font-size:30px;font-weight:900;line-height:1;text-align:center;}
.games-batalla-timer.is-danger{color:#d7233f;animation:gamesBatallaPulse .65s infinite alternate;}
@keyframes gamesBatallaPulse{from{transform:scale(1)}to{transform:scale(1.16)}}
.games-batalla-status{line-height:1.35;}
.games-batalla-placement{position:absolute;z-index:12;box-sizing:border-box;}
.games-batalla-placement>strong{display:block;margin-bottom:8px;}
.games-batalla-ship-picker{display:flex;flex-wrap:wrap;gap:5px;}
.games-batalla-pick{border:1px solid #c7d1da;background:#fff;border-radius:5px;padding:5px 7px;cursor:pointer;font-size:11px;}
.games-batalla-pick.is-selected{background:#177db7;color:#fff;border-color:#177db7;}
.games-batalla-placement-actions{display:flex;gap:6px;margin-top:8px;}
.games-batalla-placement-actions button{border:0;border-radius:5px;padding:7px 10px;cursor:pointer;font-weight:700;}
.games-batalla-placement-actions button:not(.games-batalla-ready){background:#e7edf2;color:#29465d;}
.games-batalla-ready{background:#16864f;color:#fff;}
.games-batalla-ready:disabled{opacity:.45;cursor:not-allowed;}
.games-batalla-placement small{display:block;margin-top:7px;line-height:1.3;}
.games-batalla-leave{position:absolute;z-index:15;cursor:pointer;}
.games-batalla-final{position:absolute;inset:0;z-index:40;background:rgba(3,12,18,.84);align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;}
.games-batalla-final strong{font-size:34px;color:#ffe45b;text-shadow:0 2px 5px #000;}
.games-batalla-final span{margin-top:8px;font-size:18px;}

/* Batalla Naval clásica: coordenadas recuperadas del Java original */
.games-batalla-shell.is-classic{width:720px;height:453px;background:url('https://t-26.net/img/games/batalla/tablero.png') no-repeat 0 0;box-shadow:0 22px 60px rgba(0,0,0,.55);overflow:hidden;}
.games-batalla-shell.is-classic .games-batalla-stage{width:720px;height:453px;}
.games-batalla-shell.is-classic .games-batalla-board-mine{left:24px;top:101px;width:225px;height:200px;}
.games-batalla-shell.is-classic .games-batalla-board-enemy{left:269px;top:101px;width:225px;height:200px;}
.games-batalla-shell.is-classic .games-batalla-cell{border:1px solid transparent;}
.games-batalla-shell.is-classic .games-batalla-cell:not(.is-disabled):hover{background:rgba(255,240,0,.22);outline:1px solid rgba(255,236,0,.75);}
.games-batalla-shell.is-classic .games-batalla-name{top:50px;color:#fff;text-shadow:0 1px 2px #000;}
.games-batalla-shell.is-classic .games-batalla-name-me{left:105px;}
.games-batalla-shell.is-classic .games-batalla-name-opponent{left:342px;}
.games-batalla-shell.is-classic .games-batalla-sunk{top:344px;width:225px;height:78px;color:#444;padding:8px 10px;background:rgba(255,255,255,.08);}
.games-batalla-shell.is-classic .games-batalla-sunk-mine{left:23px;}
.games-batalla-shell.is-classic .games-batalla-sunk-enemy{left:268px;}
.games-batalla-shell.is-classic .games-batalla-sunk span{display:none;}
.games-batalla-shell.is-classic .games-batalla-side{left:511px;top:98px;width:190px;height:323px;padding:14px 12px;color:#2f2f2f;overflow:auto;}
.games-batalla-shell.is-classic .games-batalla-turn{font-size:17px;color:#35729b;margin-bottom:8px;}
.games-batalla-shell.is-classic .games-batalla-turn.is-my-turn{color:#159447;}
.games-batalla-shell.is-classic .games-batalla-status{font-size:13px;color:#555;}
.games-batalla-shell.is-classic .games-batalla-timer{position:absolute;left:-335px;top:-25px;color:#333;width:80px;}
.games-batalla-shell.is-classic .games-batalla-placement{left:258px;top:91px;width:242px;min-height:213px;padding:16px 13px;background:rgba(248,248,248,.97);border:1px solid #53636d;box-shadow:0 6px 18px rgba(0,0,0,.35);color:#333;}
.games-batalla-shell.is-classic .games-batalla-placement>strong{font-size:16px;text-align:center;color:#2d668d;}
.games-batalla-shell.is-classic .games-batalla-pick{font-size:10px;padding:4px 5px;}
.games-batalla-shell.is-classic .games-batalla-placement small{font-size:10px;color:#666;}
.games-batalla-shell.is-classic .games-batalla-leave{right:151px;top:4px;width:68px;height:29px;border:0;text-indent:-9999px;overflow:hidden;background:url('https://t-26.net/img/games/batalla/btn-abandonar.png') no-repeat 0 0;background-size:300% 100%;}
.games-batalla-shell.is-classic .games-batalla-leave:hover{background-position:50% 0;}
.games-batalla-shell.is-classic .games-batalla-leave:active{background-position:100% 0;}

/* Batalla Naval moderna */
.games-batalla-shell.is-modern{width:min(1120px,96vw);min-height:690px;border-radius:18px;background:linear-gradient(145deg,#eaf5fb,#d7e9f2);box-shadow:0 24px 70px rgba(0,0,0,.45);padding:24px;color:#18394f;}
.modern-dark .games-batalla-shell.is-modern,.games-batalla-shell.is-modern.is-dark{background:linear-gradient(145deg,#0e1e29,#122c3c);color:#eaf6ff;}
.games-batalla-shell.is-modern .games-batalla-modern-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.games-batalla-shell.is-modern .games-batalla-modern-head>div:first-child span{display:block;font-size:11px;font-weight:800;letter-spacing:.13em;color:#169dd2;}
.games-batalla-shell.is-modern .games-batalla-modern-head>div:first-child strong{display:block;font-size:24px;margin-top:3px;}
.games-batalla-modern-meta{display:flex;gap:8px;}
.games-batalla-modern-meta span{background:rgba(255,255,255,.78);border:1px solid rgba(33,89,120,.15);border-radius:999px;padding:8px 12px;font-size:12px;}
.games-batalla-shell.is-modern .games-batalla-stage{min-height:600px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr) 250px;grid-template-rows:auto 320px 100px auto;gap:14px;position:relative;}
.games-batalla-shell.is-modern .games-batalla-name{position:relative;top:auto;left:auto!important;padding:0 4px;font-size:14px;align-self:end;}
.games-batalla-shell.is-modern .games-batalla-name-me{grid-column:1;grid-row:1;}
.games-batalla-shell.is-modern .games-batalla-name-opponent{grid-column:2;grid-row:1;}
.games-batalla-shell.is-modern .games-batalla-board-wrap{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1/1;border:1px solid rgba(20,86,122,.22);border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#1688c7,#0b669f);box-shadow:inset 0 0 30px rgba(0,0,0,.12);}
.games-batalla-shell.is-modern .games-batalla-board-mine{grid-column:1;grid-row:2;}
.games-batalla-shell.is-modern .games-batalla-board-enemy{grid-column:2;grid-row:2;}
.games-batalla-shell.is-modern .games-batalla-cell{border:1px solid rgba(255,255,255,.28);}
.games-batalla-shell.is-modern .games-batalla-cell:not(.is-disabled):hover{background:rgba(255,239,79,.28);box-shadow:inset 0 0 0 2px #ffe34d;}
.games-batalla-shell.is-modern .games-batalla-sunk{position:relative;left:auto;top:auto;width:auto;height:auto;border:1px solid rgba(20,86,122,.14);border-radius:12px;background:rgba(255,255,255,.65);padding:10px 12px;}
.games-batalla-shell.is-modern .games-batalla-sunk-mine{grid-column:1;grid-row:3;}
.games-batalla-shell.is-modern .games-batalla-sunk-enemy{grid-column:2;grid-row:3;}
.games-batalla-shell.is-modern .games-batalla-side{position:relative;left:auto;top:auto;width:auto;height:auto;grid-column:3;grid-row:1/4;border:1px solid rgba(20,86,122,.14);border-radius:14px;background:rgba(255,255,255,.72);padding:18px;}
.games-batalla-shell.is-modern .games-batalla-turn{font-size:18px;margin-bottom:8px;}
.games-batalla-shell.is-modern .games-batalla-status{font-size:13px;color:#557081;}
.games-batalla-shell.is-modern .games-batalla-timer{margin:18px auto;width:76px;height:76px;line-height:76px;border-radius:50%;background:#fff;border:1px solid rgba(20,86,122,.18);}
.games-batalla-shell.is-modern .games-batalla-placement{position:relative;left:auto;top:auto;width:auto;min-height:0;grid-column:1/3;grid-row:4;background:rgba(255,255,255,.78);border:1px solid rgba(20,86,122,.14);border-radius:13px;padding:14px;}
.games-batalla-shell.is-modern .games-batalla-placement>strong{font-size:15px;}
.games-batalla-shell.is-modern .games-batalla-placement-actions button{font-size:12px;}
.games-batalla-shell.is-modern .games-batalla-leave{right:20px;bottom:20px;border:0;border-radius:9px;background:#963146;color:#fff;padding:10px 15px;font-weight:800;}
.modern-dark .games-batalla-shell.is-modern .games-batalla-modern-meta span,
.modern-dark .games-batalla-shell.is-modern .games-batalla-sunk,
.modern-dark .games-batalla-shell.is-modern .games-batalla-side,
.modern-dark .games-batalla-shell.is-modern .games-batalla-placement,
.modern-dark .games-batalla-shell.is-modern .games-batalla-timer{background:rgba(14,33,45,.88);border-color:rgba(139,207,240,.17);color:#e9f7ff;}
.modern-dark .games-batalla-shell.is-modern .games-batalla-status{color:#9bb5c4;}
.modern-dark .games-batalla-pick{background:#162d3b;color:#dceef8;border-color:#355365;}
.modern-dark .games-batalla-pick.is-selected{background:#168bc5;color:#fff;border-color:#168bc5;}

@media(max-width:900px){
    .games-batalla-shell.is-modern{width:96vw;padding:14px;}
    .games-batalla-shell.is-modern .games-batalla-stage{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto;}
    .games-batalla-shell.is-modern .games-batalla-side{grid-column:1/3;grid-row:4;}
    .games-batalla-shell.is-modern .games-batalla-placement{grid-column:1/3;grid-row:5;}
}


/* =========================================================
   BATALLA NAVAL · hotfix v27
   - Tableros modernos 10x10 realmente cuadrados
   - Sin solaparse con la zona de barcos hundidos
   ========================================================= */
.games-batalla-shell.is-modern .games-batalla-stage{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 250px;
    grid-template-rows:auto auto 100px auto;
    align-items:start;
}
.games-batalla-shell.is-modern .games-batalla-board-wrap{
    width:min(100%,390px);
    aspect-ratio:1 / 1;
    height:auto;
    justify-self:center;
    align-self:start;
}
.games-batalla-shell.is-modern .games-batalla-grid{
    width:100%;
    height:100%;
}
.games-batalla-shell.is-modern .games-batalla-cell{
    width:100%;
    height:100%;
    box-sizing:border-box;
}
.games-batalla-shell.is-modern .games-batalla-sunk{
    min-height:82px;
    align-self:stretch;
}
.games-batalla-shell.is-modern .games-batalla-placement{
    margin-top:2px;
}
.games-batalla-shell.is-modern .games-batalla-placement-actions button{
    position:relative;
    z-index:2;
    pointer-events:auto;
}
@media(max-width:900px){
    .games-batalla-shell.is-modern .games-batalla-stage{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        grid-template-rows:auto auto auto auto auto;
    }
    .games-batalla-shell.is-modern .games-batalla-board-wrap{
        width:min(100%,360px);
    }
}

/* =========================================================
   AJEDREZ · motor HTML5 (v28)
   Basado en el cliente clásico de Taringa Juegos
   ========================================================= */
body.games-ajedrez-open{overflow:hidden;}
.games-ajedrez-overlay{position:fixed;inset:0;z-index:100060;background:rgba(4,12,18,.88);align-items:center;justify-content:center;padding:18px;box-sizing:border-box;}
.games-ajedrez-shell{position:relative;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;overflow:hidden;}
.games-ajedrez-stage{position:relative;}
.games-ajedrez-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);box-sizing:border-box;}
.games-ajedrez-cell{position:relative;border:0;padding:0;margin:0;box-sizing:border-box;background:transparent;cursor:default;overflow:hidden;}
.games-ajedrez-cell.is-selectable,.games-ajedrez-cell.is-destination{cursor:pointer;}
.games-ajedrez-cell.is-selected:after{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,190,255,.32);box-shadow:inset 0 0 0 3px rgba(0,174,238,.92);pointer-events:none;}
.games-ajedrez-cell.is-destination:before{content:"";position:absolute;z-index:3;width:18%;height:18%;min-width:8px;min-height:8px;border-radius:50%;left:41%;top:41%;background:rgba(42,195,95,.88);box-shadow:0 0 0 3px rgba(255,255,255,.35);pointer-events:none;}
.games-ajedrez-cell.is-last-from:before,.games-ajedrez-cell.is-last-to:before{content:"";position:absolute;inset:0;z-index:1;background:rgba(255,220,44,.20);box-shadow:inset 0 0 0 2px rgba(255,211,39,.60);pointer-events:none;}
.games-ajedrez-piece{position:absolute;z-index:2;width:45px;height:45px;left:50%;top:50%;margin-left:-22.5px;margin-top:-22.5px;background-image:url('https://t-26.net/img/games/ajedrez/fichas.png');background-repeat:no-repeat;pointer-events:none;}
.games-ajedrez-turn.is-check{background:#fff0d6!important;color:#ad4d13!important;border-color:#f5b15a!important;}
.games-ajedrez-moves{overflow:auto;}
.games-ajedrez-move-row{display:grid;grid-template-columns:30px 1fr 1fr;gap:6px;padding:3px 5px;font-size:12px;line-height:1.3;}
.games-ajedrez-move-row:nth-child(even){background:rgba(0,0,0,.04);}
.games-ajedrez-empty{font-size:12px;color:#77838b;}
.games-ajedrez-captured{display:flex;flex-direction:column;gap:5px;font-size:12px;}
.games-ajedrez-captured>div{display:flex;align-items:center;gap:8px;min-width:0;}
.games-ajedrez-captured small{min-width:62px;color:#77838b;}
.games-ajedrez-captured span{font-size:18px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.games-ajedrez-draw-prompt,.games-ajedrez-promotion{position:absolute;inset:0;z-index:50;background:rgba(4,11,17,.70);align-items:center;justify-content:center;text-align:center;}
.games-ajedrez-draw-prompt>strong{display:block;background:#fff;border-radius:10px 10px 0 0;padding:16px 22px;min-width:250px;color:#263b49;}
.games-ajedrez-draw-prompt>div{background:#fff;border-radius:0 0 10px 10px;padding:0 18px 18px;display:flex;justify-content:center;gap:10px;min-width:258px;box-sizing:border-box;}
.games-ajedrez-draw-yes,.games-ajedrez-draw-no{border:0;border-radius:7px;padding:9px 18px;font-weight:800;cursor:pointer;}
.games-ajedrez-draw-yes{background:#16895b;color:#fff;}.games-ajedrez-draw-no{background:#9c3547;color:#fff;}
.games-ajedrez-promotion>div{background:#fff;color:#233744;padding:20px;border-radius:13px;box-shadow:0 22px 60px rgba(0,0,0,.4);}
.games-ajedrez-promotion strong{font-size:20px;}.games-ajedrez-promotion p{font-size:13px;color:#6c7c86;}
.games-ajedrez-promotion>div>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.games-ajedrez-promotion button{border:1px solid #ccd9e0;background:#f6fafc;border-radius:8px;padding:10px 13px;font-weight:700;cursor:pointer;color:#263d4b;}
.games-ajedrez-promotion button:hover{background:#e8f5fb;border-color:#5aa7cc;}
.games-ajedrez-final{position:absolute;inset:0;z-index:60;background:rgba(3,10,15,.86);align-items:center;justify-content:center;flex-direction:column;color:#fff;text-align:center;}
.games-ajedrez-final strong{display:block;font-size:38px;color:#ffdc5d;text-shadow:0 2px 6px #000;}
.games-ajedrez-final span{display:block;margin-top:8px;font-size:17px;max-width:520px;}

/* Ajedrez clásico: coordenadas recuperadas del Java original */
.games-ajedrez-shell.is-classic{width:720px;height:455px;background:url('https://t-26.net/img/games/ajedrez/fondo.png') no-repeat 0 0;box-shadow:0 24px 70px rgba(0,0,0,.58);}
.games-ajedrez-shell.is-classic .games-ajedrez-modern-head{display:none;}
.games-ajedrez-shell.is-classic .games-ajedrez-stage{width:720px;height:455px;}
.games-ajedrez-shell.is-classic .games-ajedrez-board{position:absolute;left:22px;top:70px;width:360px;height:360px;}
.games-ajedrez-shell.is-classic .games-ajedrez-cell{width:45px;height:45px;background:transparent;}
.games-ajedrez-shell.is-classic .games-ajedrez-cell.is-selectable:hover{box-shadow:inset 0 0 0 2px rgba(0,190,255,.72);}
.games-ajedrez-shell.is-classic .games-ajedrez-side{position:absolute;inset:0;color:#fff;}
.games-ajedrez-shell.is-classic .games-ajedrez-player{position:absolute;left:466px;width:244px;height:34px;padding:5px 54px 3px 12px;box-sizing:border-box;color:#fff;text-shadow:0 1px 2px #000;}
.games-ajedrez-shell.is-classic .games-ajedrez-player-me{top:60px;}
.games-ajedrez-shell.is-classic .games-ajedrez-player-opponent{top:97px;}
.games-ajedrez-shell.is-classic .games-ajedrez-player strong{font-size:16px;display:block;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.games-ajedrez-shell.is-classic .games-ajedrez-player-color{font-size:9px;text-transform:uppercase;color:#b9d8e9;}
.games-ajedrez-shell.is-classic .games-ajedrez-timer{position:absolute;right:10px;top:8px;font-size:15px;color:#fff;}
.games-ajedrez-shell.is-classic .games-ajedrez-turn{position:absolute;left:540px;top:36px;width:165px;text-align:right;font-size:12px;color:#d9edf7;background:transparent!important;border:0!important;}
.games-ajedrez-shell.is-classic .games-ajedrez-turn.is-my-turn{color:#81f093;}
.games-ajedrez-shell.is-classic .games-ajedrez-status{position:absolute;left:466px;top:254px;width:244px;height:58px;padding:8px 10px;box-sizing:border-box;color:#333;font-size:12px;line-height:1.35;overflow:auto;}
.games-ajedrez-shell.is-classic .games-ajedrez-moves{position:absolute;left:496px;top:142px;width:214px;height:100px;color:#303030;background:transparent;}
.games-ajedrez-shell.is-classic .games-ajedrez-move-row{font-size:11px;}
.games-ajedrez-shell.is-classic .games-ajedrez-captured{position:absolute;left:400px;top:68px;width:58px;height:330px;color:#eee;overflow:hidden;}
.games-ajedrez-shell.is-classic .games-ajedrez-captured>div{display:block;margin-bottom:12px;}
.games-ajedrez-shell.is-classic .games-ajedrez-captured small{display:block;min-width:0;font-size:8px;color:#cfd7dc;}
.games-ajedrez-shell.is-classic .games-ajedrez-captured span{font-size:14px;white-space:normal;line-height:16px;}
.games-ajedrez-shell.is-classic .games-ajedrez-offer-draw{position:absolute;left:380px;top:0;width:65px;height:35px;border:0;text-indent:-9999px;overflow:hidden;background:url('https://t-26.net/img/games/ajedrez/btn-tablas.png') no-repeat 0 0;background-size:300% 100%;cursor:pointer;}
.games-ajedrez-shell.is-classic .games-ajedrez-offer-draw:hover:not(:disabled){background-position:50% 0;}
.games-ajedrez-shell.is-classic .games-ajedrez-offer-draw:active:not(:disabled){background-position:100% 0;}
.games-ajedrez-shell.is-classic .games-ajedrez-offer-draw:disabled{opacity:.45;cursor:default;}
.games-ajedrez-shell.is-classic .games-ajedrez-leave{position:absolute;left:300px;top:0;width:80px;height:35px;border:0;text-indent:-9999px;overflow:hidden;background:url('https://t-26.net/img/games/ajedrez/btn-abandonar.png') no-repeat 0 0;background-size:300% 100%;cursor:pointer;}
.games-ajedrez-shell.is-classic .games-ajedrez-leave:hover{background-position:50% 0;}.games-ajedrez-shell.is-classic .games-ajedrez-leave:active{background-position:100% 0;}
.games-ajedrez-shell.is-classic .games-ajedrez-modern-head-actions{display:none;}
.games-ajedrez-shell.is-classic .games-ajedrez-draw-prompt,.games-ajedrez-shell.is-classic .games-ajedrez-promotion,.games-ajedrez-shell.is-classic .games-ajedrez-final{width:720px;height:455px;}
.games-ajedrez-shell.is-classic .games-ajedrez-draw-yes,.games-ajedrez-shell.is-classic .games-ajedrez-draw-no{width:65px;height:35px;text-indent:-9999px;background-size:300% 100%;border-radius:0;padding:0;}
.games-ajedrez-shell.is-classic .games-ajedrez-draw-yes{background-image:url('https://t-26.net/img/games/ajedrez/btn-si.png');}
.games-ajedrez-shell.is-classic .games-ajedrez-draw-no{background-image:url('https://t-26.net/img/games/ajedrez/btn-no.png');}

/* Ajedrez moderno */
.games-ajedrez-shell.is-modern{width:min(1120px,96vw);min-height:680px;padding:24px;border-radius:18px;background:linear-gradient(145deg,#eef5f8,#dce9ef);color:#17374a;box-shadow:0 24px 70px rgba(0,0,0,.46);}
.games-ajedrez-shell.is-modern .games-ajedrez-modern-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.games-ajedrez-shell.is-modern .games-ajedrez-modern-head>div:first-child span{display:block;color:#178bbc;font-size:11px;font-weight:800;letter-spacing:.13em;}
.games-ajedrez-shell.is-modern .games-ajedrez-modern-head>div:first-child strong{display:block;font-size:25px;margin-top:3px;}
.games-ajedrez-modern-head-actions{display:flex;gap:8px;}
.games-ajedrez-modern-head-actions>span{background:rgba(255,255,255,.75);border:1px solid rgba(33,82,110,.14);padding:8px 12px;border-radius:999px;font-size:12px;}
.games-ajedrez-shell.is-modern .games-ajedrez-stage{display:grid;grid-template-columns:minmax(480px,560px) minmax(280px,1fr);gap:18px;align-items:start;}
.games-ajedrez-shell.is-modern .games-ajedrez-board{width:min(560px,62vw);aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:1px solid rgba(26,72,96,.20);box-shadow:0 15px 35px rgba(24,62,82,.16);}
.games-ajedrez-shell.is-modern .games-ajedrez-cell.is-light{background:#e9e2d1;}
.games-ajedrez-shell.is-modern .games-ajedrez-cell.is-dark{background:#66839a;}
.games-ajedrez-shell.is-modern .games-ajedrez-piece{transform:scale(1.15);}
.games-ajedrez-shell.is-modern .games-ajedrez-side{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.games-ajedrez-shell.is-modern .games-ajedrez-player{position:relative;background:rgba(255,255,255,.72);border:1px solid rgba(33,82,110,.14);border-radius:12px;padding:12px;min-height:56px;box-sizing:border-box;}
.games-ajedrez-shell.is-modern .games-ajedrez-player-color{font-size:10px;text-transform:uppercase;color:#6b8492;display:block;}
.games-ajedrez-shell.is-modern .games-ajedrez-player strong{display:block;font-size:16px;margin-top:2px;}
.games-ajedrez-shell.is-modern .games-ajedrez-timer{position:absolute;right:12px;top:16px;font-size:18px;}
.games-ajedrez-shell.is-modern .games-ajedrez-turn{grid-column:1/3;background:#fff;border:1px solid rgba(33,82,110,.13);border-radius:10px;padding:11px 13px;font-weight:800;text-align:center;}
.games-ajedrez-shell.is-modern .games-ajedrez-turn.is-my-turn{background:#dff8e9;color:#117449;}
.games-ajedrez-shell.is-modern .games-ajedrez-status{grid-column:1/3;min-height:52px;background:rgba(255,255,255,.68);border:1px solid rgba(33,82,110,.12);border-radius:10px;padding:11px 13px;font-size:13px;box-sizing:border-box;}
.games-ajedrez-shell.is-modern .games-ajedrez-captured{grid-column:1/3;background:rgba(255,255,255,.68);border:1px solid rgba(33,82,110,.12);border-radius:10px;padding:10px 12px;min-height:58px;}
.games-ajedrez-shell.is-modern .games-ajedrez-moves{grid-column:1/3;height:250px;background:rgba(255,255,255,.72);border:1px solid rgba(33,82,110,.12);border-radius:10px;padding:8px;box-sizing:border-box;}
.games-ajedrez-shell.is-modern .games-ajedrez-offer-draw,.games-ajedrez-shell.is-modern .games-ajedrez-leave{border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer;color:#fff;}
.games-ajedrez-shell.is-modern .games-ajedrez-offer-draw{background:#247eae;}.games-ajedrez-shell.is-modern .games-ajedrez-leave{background:#983248;}
.games-ajedrez-shell.is-modern .games-ajedrez-offer-draw:disabled{opacity:.45;cursor:default;}
body.games-modern-page-dark .games-ajedrez-shell.is-modern,#turinga-games.modern-dark .games-ajedrez-shell.is-modern{background:linear-gradient(145deg,#101c24,#172c38);color:#edf8fc;}
body.games-modern-page-dark .games-ajedrez-shell.is-modern .games-ajedrez-player,
body.games-modern-page-dark .games-ajedrez-shell.is-modern .games-ajedrez-status,
body.games-modern-page-dark .games-ajedrez-shell.is-modern .games-ajedrez-captured,
body.games-modern-page-dark .games-ajedrez-shell.is-modern .games-ajedrez-moves,
body.games-modern-page-dark .games-ajedrez-modern-head-actions>span,
#turinga-games.modern-dark .games-ajedrez-shell.is-modern .games-ajedrez-player,
#turinga-games.modern-dark .games-ajedrez-shell.is-modern .games-ajedrez-status,
#turinga-games.modern-dark .games-ajedrez-shell.is-modern .games-ajedrez-captured,
#turinga-games.modern-dark .games-ajedrez-shell.is-modern .games-ajedrez-moves,
#turinga-games.modern-dark .games-ajedrez-modern-head-actions>span{background:rgba(17,36,48,.88);border-color:rgba(130,196,225,.16);color:#edf8fc;}
body.games-modern-page-dark .games-ajedrez-shell.is-modern .games-ajedrez-turn,#turinga-games.modern-dark .games-ajedrez-shell.is-modern .games-ajedrez-turn{background:#172b37;border-color:#2c4757;color:#edf8fc;}

@media(max-width:900px){
    .games-ajedrez-shell.is-modern{padding:14px;width:96vw;}
    .games-ajedrez-shell.is-modern .games-ajedrez-stage{grid-template-columns:1fr;}
    .games-ajedrez-shell.is-modern .games-ajedrez-board{width:min(92vw,560px);justify-self:center;}
    .games-ajedrez-shell.is-modern .games-ajedrez-modern-head{align-items:flex-start;flex-direction:column;gap:8px;}
}


/* V29 Ajedrez moderno: overlay siempre por encima del lobby */
.games-ajedrez-overlay{z-index:100200!important;}
.games-ajedrez-overlay[hidden]{display:none!important;}


/* ===== Ajedrez V30: coordenadas + selección más clara ===== */
.games-ajedrez-rank,.games-ajedrez-file{
    display:none;
    position:absolute;
    z-index:5;
    pointer-events:none;
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-shadow:0 1px 1px rgba(255,255,255,.45);
}
.games-ajedrez-shell.is-modern .games-ajedrez-rank,
.games-ajedrez-shell.is-modern .games-ajedrez-file{display:block;}
.games-ajedrez-shell.is-modern .games-ajedrez-rank{left:4px;top:4px;}
.games-ajedrez-shell.is-modern .games-ajedrez-file{right:4px;bottom:3px;}
.games-ajedrez-shell.is-modern .games-ajedrez-cell.is-light .games-ajedrez-rank,
.games-ajedrez-shell.is-modern .games-ajedrez-cell.is-light .games-ajedrez-file{color:rgba(40,69,52,.72);}
.games-ajedrez-shell.is-modern .games-ajedrez-cell.is-dark .games-ajedrez-rank,
.games-ajedrez-shell.is-modern .games-ajedrez-cell.is-dark .games-ajedrez-file{color:rgba(244,251,246,.80);text-shadow:0 1px 1px rgba(0,0,0,.35);}
.games-ajedrez-shell.is-modern .games-ajedrez-cell.is-selectable{
    box-shadow:inset 0 0 0 3px rgba(38,177,106,.42);
}
.games-ajedrez-shell.is-modern .games-ajedrez-cell.is-selectable:hover{
    box-shadow:inset 0 0 0 4px rgba(19,151,82,.78);
}
.games-ajedrez-shell.is-classic .games-ajedrez-cell.is-selectable{
    box-shadow:inset 0 0 0 2px rgba(255,224,78,.40);
}
.games-ajedrez-shell.is-classic .games-ajedrez-cell.is-selectable:hover{
    box-shadow:inset 0 0 0 3px rgba(255,224,78,.88);
}


/* =========================================================
   AJEDREZ V32 · interacción del tablero
   El panel lateral clásico cubre toda la escena visualmente,
   pero no debe interceptar clicks destinados al tablero.
   ========================================================= */
.games-ajedrez-board{
    position:relative;
    z-index:20;
    pointer-events:auto!important;
}
.games-ajedrez-cell{
    pointer-events:auto!important;
    touch-action:manipulation;
}
.games-ajedrez-shell.is-classic .games-ajedrez-side{
    pointer-events:none!important;
}
.games-ajedrez-shell.is-classic .games-ajedrez-offer-draw,
.games-ajedrez-shell.is-classic .games-ajedrez-leave,
.games-ajedrez-shell.is-classic .games-ajedrez-player,
.games-ajedrez-shell.is-classic .games-ajedrez-turn,
.games-ajedrez-shell.is-classic .games-ajedrez-status,
.games-ajedrez-shell.is-classic .games-ajedrez-moves,
.games-ajedrez-shell.is-classic .games-ajedrez-captured{
    pointer-events:auto;
}
.games-ajedrez-shell.is-modern .games-ajedrez-board{
    z-index:2;
}

/* ============================================================
   BICHOS · Taringa/Turinga Juegos
   ============================================================ */
.games-bichos-overlay{
    position:fixed; inset:0; z-index:10070; display:flex; align-items:center; justify-content:center;
    padding:18px; background:rgba(4,12,20,.82); backdrop-filter:blur(4px);
}
.games-bichos-overlay[hidden]{display:none!important}
.games-bichos-shell{position:relative; box-sizing:border-box; overflow:hidden}
.games-bichos-modern-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.games-bichos-modern-head>div:first-child{display:flex;flex-direction:column;gap:4px}
.games-bichos-modern-head span{font-size:11px;font-weight:800;letter-spacing:.14em;color:#0c91c5}
.games-bichos-modern-head strong{font-size:25px;color:#17364b}
.games-bichos-modern-head-actions{display:flex;gap:8px}
.games-bichos-modern-head-actions span{letter-spacing:0;font-size:12px;color:#29485d;background:#fff;border:1px solid #d4e0e8;padding:9px 13px;border-radius:999px}
.games-bichos-modern-head-actions b{color:#d39a18}
.games-bichos-stage{display:flex;gap:18px;min-height:0}
.games-bichos-board-wrap{position:relative;min-width:0}
.games-bichos-board{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(16,1fr);overflow:hidden}
.games-bichos-cell{appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;background-image:url('https://t-26.net/img/games/bichos/celdas.png');background-size:1500% 100%;background-repeat:no-repeat;image-rendering:auto;box-sizing:border-box;min-width:0;min-height:0}
.games-bichos-cell.frame-0{background-position:0% 0}
.games-bichos-cell.frame-1{background-position:7.142857% 0}
.games-bichos-cell.frame-2{background-position:14.285714% 0}
.games-bichos-cell.frame-3{background-position:21.428571% 0}
.games-bichos-cell.frame-4{background-position:28.571429% 0}
.games-bichos-cell.frame-5{background-position:35.714286% 0}
.games-bichos-cell.frame-6{background-position:42.857143% 0}
.games-bichos-cell.frame-7{background-position:50% 0}
.games-bichos-cell.frame-8{background-position:57.142857% 0}
.games-bichos-cell.frame-9{background-position:64.285714% 0}
.games-bichos-cell.frame-10{background-position:71.428571% 0}
.games-bichos-cell.frame-11{background-position:78.571429% 0}
.games-bichos-cell.frame-12{background-position:85.714286% 0}
.games-bichos-cell.frame-13{background-position:92.857143% 0}
.games-bichos-cell.frame-14{background-position:100% 0}
.games-bichos-cell.is-clickable{cursor:pointer}
.games-bichos-cell.is-clickable:hover{filter:brightness(1.22);outline:2px solid rgba(255,255,255,.9);outline-offset:-2px}
.games-bichos-side{min-width:0}
.games-bichos-hidden-count small{display:block;text-transform:uppercase;letter-spacing:.11em}
.games-bichos-player{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px}
.games-bichos-player small{display:block}
.games-bichos-bug-dot{width:30px;height:30px;border-radius:50%;display:block}
.games-bichos-bug-dot.is-me{background:#168ed4;box-shadow:0 0 0 6px rgba(22,142,212,.12)}
.games-bichos-bug-dot.is-opponent{background:#ed4050;box-shadow:0 0 0 6px rgba(237,64,80,.12)}
.games-bichos-local-clock{display:flex;align-items:center;justify-content:space-between;gap:12px}
.games-bichos-local-timer.is-danger{color:#d62735;animation:gamesBichosPulse .65s infinite alternate}
@keyframes gamesBichosPulse{to{transform:scale(1.14)}}
.games-bichos-final{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(2,9,14,.88);color:#fff}
.games-bichos-final strong{font-size:38px;color:#f4d54b;text-shadow:0 2px 12px #000}
.games-bichos-final span{font-size:18px;margin-top:8px}

/* Bichos moderno */
.games-bichos-shell.is-modern{width:min(1120px,96vw);max-height:94vh;background:#eef8fc;border:1px solid #bdd5e2;border-radius:20px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.36)}
.games-bichos-shell.is-modern .games-bichos-stage{align-items:stretch}
.games-bichos-shell.is-modern .games-bichos-board-wrap{flex:1 1 700px;display:flex;align-items:center;justify-content:center;background:#d8edf5;border:1px solid #bddae5;border-radius:18px;padding:18px}
.games-bichos-shell.is-modern .games-bichos-board{width:min(66vw,650px);max-width:100%;aspect-ratio:1/1;border:2px solid #197eaa;border-radius:10px;box-shadow:0 10px 28px rgba(26,102,134,.16)}
.games-bichos-shell.is-modern .games-bichos-cell{border:1px solid rgba(255,255,255,.18)}
.games-bichos-shell.is-modern .games-bichos-side{flex:0 0 300px;display:flex;flex-direction:column;gap:12px}
.games-bichos-shell.is-modern .games-bichos-hidden-count{background:#132f40;color:#fff;border-radius:15px;padding:16px;text-align:center}
.games-bichos-shell.is-modern .games-bichos-hidden-count small{font-size:10px;color:#8ccce8}
.games-bichos-shell.is-modern .games-bichos-hidden-count strong{display:block;font-size:38px;line-height:1;margin-top:3px;color:#f6dc46}
.games-bichos-shell.is-modern .games-bichos-player{background:#fff;border:1px solid #d2e1e8;border-radius:14px;padding:13px 14px}
.games-bichos-shell.is-modern .games-bichos-player strong{display:block;color:#17364b;font-size:14px}
.games-bichos-shell.is-modern .games-bichos-player small{font-size:10px;color:#8194a0;margin-top:2px}
.games-bichos-shell.is-modern .games-bichos-player>b{font-size:25px;color:#17364b}
.games-bichos-shell.is-modern .games-bichos-player>em{font-style:normal;font-weight:800;font-size:13px;color:#587286;background:#edf4f7;border-radius:8px;padding:6px 8px}
.games-bichos-shell.is-modern .games-bichos-turn-box{background:#fff;border:1px solid #d2e1e8;border-radius:14px;padding:15px}
.games-bichos-shell.is-modern .games-bichos-turn{display:block;font-size:17px;color:#586e7b}
.games-bichos-shell.is-modern .games-bichos-turn.is-my-turn{color:#098943}
.games-bichos-shell.is-modern .games-bichos-local-clock{margin-top:12px;border-top:1px solid #e5edf1;padding-top:10px;color:#78909d;font-size:11px}
.games-bichos-shell.is-modern .games-bichos-local-clock b{font-size:28px;color:#17364b}
.games-bichos-shell.is-modern .games-bichos-status{margin:10px 0 0;color:#506b7a;font-size:12px;line-height:1.4}
.games-bichos-shell.is-modern .games-bichos-howto{background:#e5f5e8;border:1px solid #b9e2c2;color:#326044;border-radius:13px;padding:12px;font-size:11px;line-height:1.45}
.games-bichos-shell.is-modern .games-bichos-howto strong{display:block;font-size:12px;margin-bottom:4px}
.games-bichos-shell.is-modern .games-bichos-leave{margin-top:auto;border:0;border-radius:11px;background:#a92f45;color:#fff;font-weight:800;padding:12px 15px;cursor:pointer}

/* Bichos moderno en modo noche */
.games-modern-page-dark .games-bichos-shell.is-modern{background:#101b23;border-color:#2a3d48;color:#e7f1f5}
.games-modern-page-dark .games-bichos-modern-head strong{color:#eef8fb}
.games-modern-page-dark .games-bichos-shell.is-modern .games-bichos-board-wrap{background:#0d252e;border-color:#284451}
.games-modern-page-dark .games-bichos-shell.is-modern .games-bichos-player,
.games-modern-page-dark .games-bichos-shell.is-modern .games-bichos-turn-box{background:#162730;border-color:#2a414d}
.games-modern-page-dark .games-bichos-shell.is-modern .games-bichos-player strong,
.games-modern-page-dark .games-bichos-shell.is-modern .games-bichos-player>b,
.games-modern-page-dark .games-bichos-shell.is-modern .games-bichos-local-clock b{color:#eef7fb}
.games-modern-page-dark .games-bichos-shell.is-modern .games-bichos-player>em{background:#213944;color:#b8cfda}
.games-modern-page-dark .games-bichos-shell.is-modern .games-bichos-howto{background:#153426;border-color:#24563a;color:#bde0c7}

/* Bichos clásico 720x455: posiciones recuperadas del Java original. */
.games-bichos-shell.is-classic{width:720px;height:455px;flex:0 0 720px;background:url('https://t-26.net/img/games/bichos/fondo.jpg') 0 0/720px 455px no-repeat;border:0;border-radius:0;box-shadow:0 24px 80px rgba(0,0,0,.45);overflow:hidden}
.games-bichos-shell.is-classic .games-bichos-modern-head{display:none}
.games-bichos-shell.is-classic .games-bichos-stage{position:absolute;inset:0;display:block}
.games-bichos-shell.is-classic .games-bichos-board-wrap{position:absolute;left:10px;top:60px;width:384px;height:384px;padding:0;background:none;border:0}
.games-bichos-shell.is-classic .games-bichos-board{width:384px;height:384px;grid-template-columns:repeat(16,24px);grid-template-rows:repeat(16,24px);border:0;border-radius:0;overflow:visible}
.games-bichos-shell.is-classic .games-bichos-cell{width:24px;height:24px;border:0}
.games-bichos-shell.is-classic .games-bichos-side{position:absolute;inset:0;pointer-events:none}
.games-bichos-shell.is-classic .games-bichos-hidden-count{position:absolute;left:492px;top:14px;width:105px;text-align:center;color:#fff}
.games-bichos-shell.is-classic .games-bichos-hidden-count small{display:none}
.games-bichos-shell.is-classic .games-bichos-hidden-count strong{font:700 31px Arial;color:#fff}
.games-bichos-shell.is-classic .games-bichos-player{position:absolute;left:452px;width:235px;height:38px;display:grid;grid-template-columns:34px 1fr 45px 56px;gap:5px;padding:0 7px;box-sizing:border-box;background:transparent;color:#111}
.games-bichos-shell.is-classic .games-bichos-player.is-me{top:62px}
.games-bichos-shell.is-classic .games-bichos-player.is-opponent{top:107px}
.games-bichos-shell.is-classic .games-bichos-bug-dot{width:27px;height:27px;box-shadow:none}
.games-bichos-shell.is-classic .games-bichos-player strong{font:700 15px Arial;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.games-bichos-shell.is-classic .games-bichos-player small{display:none}
.games-bichos-shell.is-classic .games-bichos-player>b{font:700 28px Arial;text-align:center}
.games-bichos-shell.is-classic .games-bichos-player>em{font:700 12px Arial;font-style:normal;text-align:right}
.games-bichos-shell.is-classic .games-bichos-turn-box{position:absolute;left:413px;top:150px;width:277px;height:245px;background:#fff;padding:12px;box-sizing:border-box;color:#444}
.games-bichos-shell.is-classic .games-bichos-turn{display:block;font:bold 15px Arial;color:#666;margin-bottom:10px}
.games-bichos-shell.is-classic .games-bichos-turn.is-my-turn{color:#189437}
.games-bichos-shell.is-classic .games-bichos-local-clock{display:flex;border-bottom:1px solid #ddd;padding-bottom:9px;margin-bottom:10px;font:12px Arial;color:#777}
.games-bichos-shell.is-classic .games-bichos-local-clock b{font-size:24px;color:#333}
.games-bichos-shell.is-classic .games-bichos-status{font:12px/1.45 Arial;margin:0;color:#555}
.games-bichos-shell.is-classic .games-bichos-howto{display:none}
.games-bichos-shell.is-classic .games-bichos-leave{pointer-events:auto;position:absolute;left:300px;top:0;width:80px;height:35px;padding:0;border:0;background:transparent url('https://t-26.net/img/games/bichos/btn-abandonar.png') 0 0/240px 35px no-repeat;text-indent:-9999px;cursor:pointer}
.games-bichos-shell.is-classic .games-bichos-leave:hover{background-position:-80px 0}
.games-bichos-shell.is-classic .games-bichos-leave:active{background-position:-160px 0}
.games-bichos-shell.is-classic .games-bichos-final strong{font-size:34px}

@media(max-width:900px){
    .games-bichos-shell.is-modern{width:96vw;max-height:none;padding:15px;overflow:auto}
    .games-bichos-shell.is-modern .games-bichos-stage{flex-direction:column}
    .games-bichos-shell.is-modern .games-bichos-board-wrap{flex:auto;padding:8px}
    .games-bichos-shell.is-modern .games-bichos-board{width:min(90vw,620px)}
    .games-bichos-shell.is-modern .games-bichos-side{flex:auto;width:100%}
}