/* Mesa de juego para estudiantes: se adapta al espacio disponible. */
:root{--board-space:min(68dvh,640px);--student-red:#b80026;--student-ink:#243746}
body{background:#f4f6f7;color:var(--student-ink)}header{padding:22px max(4vw,18px);background:linear-gradient(115deg,#fff,#fff4df);color:#273945;border-bottom:4px solid #c80028}header small{color:#9e1030;letter-spacing:1.5px}header h1{font-size:clamp(27px,4vw,42px);text-shadow:none;letter-spacing:-1px;color:#b80026}header p{color:#415562;margin:10px 0 15px}header .pill{background:#fce5b1}.panel{border:1px solid #e1e6e8;box-shadow:0 6px 18px #20374808}.hero-card{grid-template-columns:minmax(150px,300px) 1fr}.hero-card img{max-height:190px;object-fit:cover;box-shadow:none}button,.btn{min-height:44px;touch-action:manipulation}nav button{box-shadow:none;border:1px solid #e4d6d4;border-bottom:3px solid #b80026}.playing>header,.playing>footer,.playing main>nav{display:none}.playing main{max-width:none;padding:12px 20px;margin:0}.playing #alert:not(:empty){position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:50;max-width:min(94vw,600px);width:max-content;box-shadow:0 5px 20px #25323d30;border:1px solid #edc4a7}.student-game{max-width:1380px;margin:0 auto;background:#fff;border-radius:20px;padding:14px 22px 20px;box-shadow:0 4px 28px #1a394b0a}.game-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-bottom:10px}.mini-brand{font-size:10px;font-weight:850;letter-spacing:2px;color:#ba1535}.game-toolbar h2{margin:3px 0;font-size:clamp(18px,2.5vw,26px);color:#253746}.toolbar-actions{display:flex;gap:7px;align-items:center}.toolbar-actions button{font-size:13px;padding:8px 12px;color:#394f5a;background:#f7f9fa;border-color:#dfe5e7;font-weight:700}.toolbar-actions .fullscreen-btn{color:white;background:#b80026;border-color:#b80026}.match-info{font-size:11px;display:flex;gap:16px;align-items:center;color:#6b7d86;margin:0 0 10px}.match-info .room-label b{font-size:12px;letter-spacing:1px;color:#33454d}.deck-label{margin-left:auto}.player-ribbon{gap:8px;flex-wrap:nowrap}.player-badge{min-width:0;border:1px solid #e7ebee;border-left:5px solid var(--p);border-top:1px solid #e7ebee;border-radius:10px;padding:8px 10px;background:#f9fbfc;position:relative;font-size:13px}.player-badge strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.player-badge small{font-size:10px;color:#647982}.player-badge.current{outline:2px solid var(--p);background:#fff9f4}.player-badge.mine:after{position:absolute;top:-6px;right:7px;background:white;border-radius:6px;padding:0 4px;font-size:8px}#status{margin:12px 0 4px;padding:10px 14px;border-radius:10px;border:0;background:#edf2f5;color:#4c606d;font-size:15px;text-align:center}#status.your-turn{background:#e4f5eb;color:#176644}.student-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);align-items:center;gap:28px;margin-top:12px}.board-zone{min-width:0;display:flex;align-items:center;justify-content:center;align-self:start}.student-game .board{width:min(100%,var(--board-space));height:auto;aspect-ratio:1;margin:0 auto 7px;padding:3px;border-width:6px;gap:2px;box-shadow:0 5px 0 #704320,0 10px 18px #3c271822;transform:none;grid-template-rows:repeat(8,minmax(0,1fr))}.student-game .board button{aspect-ratio:1;border-radius:3px;box-shadow:none;overflow:hidden;min-height:0;padding:0}.student-game .board button:disabled{opacity:1}.student-game .five-board{background:#d7b65b;border-color:#c39736}.student-game .five-board .cellcard{font-size:clamp(9px,1.35vw,17px);border:1px solid #d4bc82;color:#345967;background:#fffcf2}.student-game .token{border-width:2px;font-size:clamp(10px,1.4vw,17px);box-shadow:0 3px 0 #0004,0 5px 8px #0004}.student-game .checker-board{border-color:#7eaa53;background:#7eaa53}.hand-zone,.casino-hand-zone{align-self:start;background:#f5f8fa;border:1px solid #e5ebee;border-radius:16px;padding:16px}.hand-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.hand-title h3{margin:0;font-size:16px;color:#2a414c}.hand-title span{font-size:12px;color:#697e89}.student-game .hand{margin:0;gap:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;align-content:start}.student-game .hand button{width:100%;max-width:96px;min-height:0;aspect-ratio:180/260;margin:auto;border-radius:8px;box-shadow:0 3px 0 #c2b397,0 6px 10px #20374612;transition:outline .12s,filter .12s}.student-game .hand button.selected{outline:4px solid #087f8d!important;outline-offset:1px;filter:brightness(1.04)}.student-game .hand button:disabled{opacity:.85}.step-hint{font-size:13px;color:#59717d;line-height:1.6;margin:18px 0 10px;min-height:40px}.secondary-action{width:100%;font-size:12px;background:white;border-color:#d7e2e6;color:#526b76}.hidden-hand{padding:22px 10px;border-color:#c5d7de;background:white;color:#526c78;font-size:14px}.hidden-hand p{line-height:1.6}.hidden-hand .primary{width:100%;background:#087f8d!important}.hand-lock{display:block;font-size:35px;color:#b80026}.waiting-note{grid-column:1/-1;margin:0;text-align:center;color:#627985;font-size:12px}.game-casinos{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.casino-table-zone{min-width:0;align-self:start}.casino-table-zone>h3{margin:0;font-size:16px}.casino-table-zone .hint{color:#697e86}.student-game .table-cards{min-height:260px;max-height:calc(100dvh - 280px);overflow:auto;padding:20px;gap:12px;border:7px solid #b18f4b;background:radial-gradient(ellipse,#167a66,#0e4e48);box-shadow:0 5px 0 #82622d;border-radius:18px;align-content:start}.student-game .table-cards button{width:80px;min-height:0;flex:0 0 80px;border-radius:7px}.casino-hand-zone .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.casino-hand-zone .actions label{display:block;color:#5c7078;font-size:12px}.casino-hand-zone .actions select,.casino-hand-zone .actions input{display:block;width:100%;max-width:none;min-height:44px;padding:9px;font-size:13px;margin-top:5px;background:white}.casino-hand-zone .actions button{font-size:13px;padding:9px 7px}.casino-hand-zone .actions .primary{background:#087f8d!important;color:white}.dama-task{padding:22px;background:#f3f8f5;border-radius:18px;align-self:start;min-width:0}.dama-task .note{background:#fff;border:1px solid #d4e4d9;border-radius:12px;font-size:16px;line-height:1.8;padding:16px}.dama-task h3{font-size:19px;margin:0 0 15px;color:#256046}.dama-task input{display:block;width:100%;max-width:none;font-size:24px;padding:12px;margin:15px 0;border:2px solid #a9c8b5;background:white;min-height:52px}.dama-task button{width:100%;background:#247452!important;color:white;font-size:14px}.dama-guide{font-size:14px;line-height:2.5;color:#506f5d;margin-top:20px}.dama-guide span{background:#d9ece1;color:#2d7050;border-radius:50%;padding:3px 8px;margin-right:8px;font-size:11px}.dama-task .hint{font-size:15px;color:#365e4b;line-height:1.8}.student-game .move{outline-color:#14a9ad;outline-width:4px}dialog#studentHelp{width:min(94vw,600px);max-height:86dvh;border:0;border-radius:20px;padding:24px;color:#29414b;box-shadow:0 18px 70px #142e3e44}dialog::backdrop{background:#19324088;backdrop-filter:blur(3px)}.help-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.help-heading h2{font-size:24px;margin:0}.help-heading button{width:44px;min-width:44px;border-radius:50%;padding:5px;background:#f1f5f7;border:0}.friendly-rules{font-size:15px;line-height:1.7;padding-left:24px}.friendly-rules li{margin:12px 0;padding-left:4px}#studentHelp details{background:#f5f8fa;padding:12px;border-radius:10px}.expanded-view main{padding:4px}.expanded-view .student-game{max-width:none}html:fullscreen{background:#f4f6f7}html:fullscreen .student-game{min-height:calc(100dvh - 24px)}@media(min-width:1100px) and (min-height:800px){:root{--board-space:min(69dvh,680px)}.student-stage{gap:40px;grid-template-columns:minmax(0,1fr) 300px}.student-game .hand{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.hero-card{grid-template-columns:1fr}.hero-card img{max-width:280px;max-height:155px;margin:auto}.hero-card h2{font-size:23px}.playing main{padding:5px}.student-game{padding:10px;border-radius:13px}.game-toolbar{gap:8px;padding-bottom:7px}.game-toolbar h2{font-size:17px;max-width:180px;line-height:1.15}.mini-brand{font-size:8px}.toolbar-actions{gap:5px}.toolbar-actions button{min-height:42px;padding:7px 9px;font-size:12px}.toolbar-actions .fullscreen-btn{font-size:22px;padding:4px 10px}.fullscreen-btn span{display:none}.toolbar-actions button[data-act=help] span{display:none}.match-info{gap:9px;margin:0 0 7px;font-size:10px}.match-info .room-label b{font-size:10px}.deck-label{font-size:9px}.player-ribbon{gap:5px}.player-badge{font-size:10px;padding:5px 6px;border-left-width:3px;border-radius:7px}.player-badge strong{font-size:11px}.player-badge small{font-size:9px}.player-badge.mine:after{font-size:7px;right:4px}#status{font-size:13px;padding:7px 10px;margin:9px 0 3px}.student-stage{display:flex;flex-direction:column;gap:10px;margin-top:8px}.board-zone{width:100%}.student-game .board{width:min(100%,calc(100dvh - 350px));min-width:250px;border-width:4px;gap:1px;padding:2px;margin-bottom:4px;box-shadow:0 3px 0 #75542a,0 6px 10px #0001}.student-game .five-board .cellcard{font-size:clamp(7px,2.2vw,13px)}.hand-zone{width:100%;padding:10px 10px 8px;border-radius:12px}.hand-title{margin-bottom:7px}.hand-title h3{font-size:13px}.hand-title span{font-size:10px}.student-game .hand{display:flex;flex-wrap:nowrap;gap:7px;overflow:auto;padding:3px 3px 7px;justify-content:center}.student-game .hand button{flex:0 0 auto;width:clamp(37px,10.5vw,62px);max-width:62px;margin:0;border-radius:5px}.step-hint{font-size:11px;margin:5px 0;min-height:0;line-height:1.5}.secondary-action{min-height:36px;padding:7px;font-size:11px}.hidden-hand{padding:10px}.hidden-hand .hand-lock{display:none}.hidden-hand p{margin:3px 0 10px;font-size:13px}.hidden-hand button{min-height:40px}.dama-task{padding:12px;width:100%;border-radius:12px}.dama-task .dama-guide{display:none}.dama-task .hint{margin:0;font-size:13px}.dama-task .note{padding:10px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6px;font-size:13px}.dama-task h3{grid-column:1/-1;font-size:15px;margin:0}.dama-task input{min-height:44px;font-size:20px;margin:4px 0;padding:8px}.dama-task button{min-height:44px;font-size:12px}.game-damas .board{width:min(100%,calc(100dvh - 310px))}.game-casinos{gap:12px}.casino-table-zone,.casino-hand-zone{width:100%}.casino-table-zone>h3{font-size:13px}.casino-table-zone>.hint{font-size:11px;margin:5px 0}.student-game .table-cards{min-height:140px;max-height:30dvh;padding:12px;gap:9px;border-width:5px}.student-game .table-cards button{width:55px;flex-basis:55px}.casino-hand-zone{padding:10px}.casino-hand-zone .actions{margin:8px 0 0;gap:7px}.casino-hand-zone .actions input,.casino-hand-zone .actions select{font-size:12px;padding:7px;min-height:40px}.casino-hand-zone .actions button{min-height:42px;font-size:12px}.waiting-note{font-size:10px;margin:0}.playing #alert:not(:empty){top:5px;font-size:12px;padding:10px}.friendly-rules{font-size:14px}dialog#studentHelp{padding:18px}.help-heading h2{font-size:21px}}@media(max-height:520px) and (orientation:landscape){.playing main{padding:4px 10px}.student-game{padding:7px 12px}.mini-brand,.match-info{display:none}.game-toolbar{padding-bottom:5px}.game-toolbar h2{font-size:17px}.toolbar-actions button{min-height:35px;font-size:11px;padding:5px 9px}.player-badge{padding:4px 8px}.player-badge strong{font-size:11px}.player-badge small{font-size:9px}#status{font-size:12px;padding:6px;margin:6px 0}.student-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,34%);gap:18px;align-items:start;margin-top:5px}.student-game .board,.game-damas .board{width:min(100%,calc(100dvh - 155px));min-width:0;border-width:3px;padding:1px;gap:1px}.hand-zone,.casino-hand-zone{padding:10px}.student-game .hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;padding:0}.student-game .hand button{width:100%;max-width:48px;margin:auto}.hand-title{margin-bottom:7px}.hand-title h3{font-size:13px}.step-hint{font-size:10px;margin:8px 0}.secondary-action{min-height:32px;font-size:10px;padding:6px}.dama-task{padding:10px}.dama-guide{display:none}.dama-task .note{font-size:12px;padding:10px}.dama-task h3{font-size:15px;margin-bottom:8px}.dama-task input{font-size:20px;min-height:40px;margin:8px 0}.dama-task button{min-height:40px;font-size:12px}.game-casinos{grid-template-columns:minmax(0,1fr) minmax(250px,40%)}.student-game .table-cards{min-height:150px;max-height:calc(100dvh - 190px);gap:9px;padding:10px}.student-game .table-cards button{width:55px;flex-basis:55px}.casino-hand-zone .actions{margin:8px 0 0;gap:7px}.casino-hand-zone .actions label{font-size:10px}.casino-hand-zone .actions select,.casino-hand-zone .actions input{min-height:34px;font-size:11px;padding:6px}.casino-hand-zone .actions button{min-height:34px;font-size:11px;padding:6px}.hidden-hand{padding:10px}.hand-lock{display:none}.hidden-hand p{font-size:12px;margin:0 0 7px}.hidden-hand button{min-height:36px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.student-game .board button{container-type:inline-size}.student-game .five-board .cellcard.long-value{font-size:clamp(5px,15cqw,11px);letter-spacing:-.3px;white-space:nowrap}
/* Diseño personalizado Ciro Alegría. */
:root{--student-red:#126d77;--student-ink:#203e49}body{background:#eff5f5}header{background:#fff;border-bottom:1px solid #dce9e9;padding:24px max(4vw,18px)}header small{color:#34717b;letter-spacing:2px}header h1{color:#174e59;font-size:clamp(25px,4vw,38px);margin:8px 0}header p{margin:8px 0 0}.hero-card{display:block;background:#fff;border-left:5px solid #16818a;padding:22px}.hero-card h2{color:#174e59}.pill{background:#e5f4f2!important;color:#235c63!important}.primary,.toolbar-actions .fullscreen-btn{background:#126d77!important;border-color:#126d77!important}nav button{border-bottom-color:#126d77;color:#174e59}nav button.active{background:#126d77;color:#fff}.mini-brand{color:#34717b}.student-game .five-board{background:#7ea7aa;border-color:#487e84}.student-game .five-board .cellcard{border-color:#bdd2d4;background:#fff;color:#174e59}.student-game .board-graph{width:94%;height:94%;object-fit:contain}.student-game .hand button,.student-game .table-cards button,.catalog-card{box-shadow:0 2px 0 #b3c9cb,0 5px 12px #163f4814;aspect-ratio:240/340;background:white}.student-game .hand button:disabled{opacity:1}.inspect-card{display:block;width:100%;margin-top:14px;border:1px solid #b8d5d7;background:#fff;color:#126d77;font-size:13px;font-weight:700;min-height:44px}.family{background:#f2f8f7}.catalog .catalog-card{max-width:200px}.catalog-label{font-size:13px;font-weight:700}.catalog{gap:18px}.family>strong{display:block;overflow-wrap:anywhere;color:#174e59}.student-game .hand{gap:12px}dialog#cardViewer{width:min(94vw,800px);max-height:90dvh;border:0;border-radius:18px;padding:20px;color:#174e59}.large-cards{display:flex;gap:20px;overflow:auto;align-items:start;scroll-snap-type:x mandatory;padding:20px 4px}.large-cards figure{margin:0;flex:0 0 min(65vw,230px);scroll-snap-align:start}.large-cards img{width:100%;height:auto;display:block}.large-cards figcaption{text-align:center;font-size:17px;font-weight:700;margin-top:12px}.form input,.form select{min-width:0}.form fieldset{min-width:0}.game-toolbar h2{overflow-wrap:anywhere}@media(max-width:700px){.student-game .hand{justify-content:flex-start;gap:8px;scroll-snap-type:x proximity}.student-game .hand button{width:clamp(58px,16vw,80px);max-width:80px;scroll-snap-align:start}.inspect-card{margin-top:7px;font-size:12px;min-height:40px}.student-game .board{width:min(100%,calc(100dvh - 385px))}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-label{font-size:12px}.family{padding:12px}.family>strong{font-size:13px}.hero-card{padding:16px}.hero-card .bar button{width:100%;font-size:14px}.student-game .five-board .cellcard.long-value{font-size:clamp(5px,15cqw,11px)}}@media(max-height:520px) and (orientation:landscape){.student-game .board{width:min(100%,calc(100dvh - 155px))}.student-game .hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.student-game .hand button{width:100%;max-width:48px}.inspect-card{min-height:32px;margin-top:7px;font-size:11px}}@media(max-width:360px){.game-toolbar h2{font-size:15px}.toolbar-actions button{padding:6px}.mini-brand{font-size:7px}.student-game{padding:8px}.student-game .board{min-width:230px}}
.hero-card{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:28px;align-items:center}.hero-card .game-portrait{width:100%;height:190px;max-width:240px;object-fit:contain;background:#f3f7f6;padding:12px;border-radius:16px}.student-game .board-graph{width:96%;height:96%;object-fit:contain}.third-note{display:block;font-size:12px;font-weight:400;line-height:1.5;color:#50656b;margin-top:8px}.large-cards img,.catalog-card img,.student-game .hand img{image-rendering:auto}@media(max-width:700px){.hero-card{grid-template-columns:100px minmax(0,1fr);gap:14px}.hero-card .game-portrait{height:145px;padding:5px}.hero-card .bar{grid-column:1/-1}.hero-card h2{font-size:22px}.hero-card .pill{font-size:9px;padding:5px}.hero-card p{font-size:13px}.hero-card .bar button{font-size:12px;padding:9px}.hero-card .bar{gap:6px}}@media(max-width:360px){.hero-card{grid-template-columns:1fr}.hero-card .game-portrait{height:120px;max-width:180px;margin:auto}}
/* Mesa inmersiva: madera, paño y superficies originales del PDF. */
body{background:radial-gradient(ellipse at 50% 0,#245f63 0,#133e43 45%,#071f29 100%);background-attachment:fixed;color:#173c45;min-height:100dvh}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(32deg,#ffffff02 0 1px,transparent 1px 5px);z-index:-1}header{background:linear-gradient(135deg,#173e48ee,#082631ee);border-bottom:1px solid #c8a45677;box-shadow:0 10px 35px #00131d44}header small{color:#f3d99b}header h1{color:#fff7df;text-shadow:0 3px 0 #0005}header p{color:#c5e1e1}main{max-width:1680px}nav{padding:7px;background:#072b34aa;border:1px solid #b9aa6c44;border-radius:15px;box-shadow:0 4px 16px #00151a44}nav button{background:linear-gradient(#fffdf4,#e9eadc);border:1px solid #d2c69c;box-shadow:0 3px 0 #53615a;color:#18404b}nav button.active{background:linear-gradient(#e5bf66,#c89c3d)!important;color:#193b40!important;border-color:#f3d88a}.panel{border:1px solid #e1d5af;background:linear-gradient(135deg,#fffdf5,#f3f4e8);box-shadow:0 12px 32px #001b2b44;border-radius:20px}.hero-card{background:linear-gradient(120deg,#fffbed,#edf5ee);border-left:6px solid #d5ac51}.hero-card .game-portrait{background:#d5e6df;box-shadow:inset 0 2px 8px #153e4422}.playing main{padding:10px 14px}.student-game{max-width:1660px;min-height:calc(100dvh - 20px);background:linear-gradient(145deg,#13464aee,#082f38f5);border:1px solid #b7a57277;border-radius:22px;box-shadow:0 18px 55px #00131dcc,inset 0 1px 0 #ffffff20;padding:14px 22px 24px}.game-toolbar h2{color:#fff4d5;text-shadow:0 2px 2px #0006}.mini-brand{color:#e5c77d}.toolbar-actions button{background:#eef3e7;border-color:#d0c9aa;color:#24454c}.toolbar-actions .fullscreen-btn{background:linear-gradient(#f1d185,#cba44b)!important;color:#243c37;border-color:#e7ca7c!important}.match-info,.deck-label{color:#b8d7d5}.match-info .room-label b{color:#ffe8a6}.player-badge{background:#f8f9ee;border-color:#e1d8b3}.player-badge.current{background:#fff4cc;box-shadow:0 0 18px #f6ce6630}.student-game #status{background:#d6e7e3;color:#234c53;margin:10px 0}.student-game #status.your-turn{background:linear-gradient(90deg,#e5f6d5,#bfe6ce);color:#164f38;box-shadow:0 0 20px #8fe5bd22}.student-stage{grid-template-columns:minmax(0,1fr) minmax(230px,280px);gap:24px;align-items:start;margin-top:16px}.board-zone{align-self:start}.student-game .board{width:min(100%,calc(100dvh - 205px),1000px);margin:0 auto 14px;border:10px solid #9f7135;box-shadow:0 8px 0 #593615,0 16px 24px #0007,inset 0 0 0 2px #e5c482;border-radius:10px;max-width:none}.student-game .board.original-five{aspect-ratio:1;width:min(100%,calc(100dvh - 200px),1000px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));background:#fff url('assets/tablero-cinco-original.png') center/100% 100% no-repeat;padding:0;gap:0;border:10px solid #b78336;container-type:normal}.student-game .board.original-five button{aspect-ratio:auto;background:transparent!important;border:0;border-radius:0;box-shadow:none;padding:0;position:relative}.student-game .board.original-five button:hover:enabled{background:#ffe18a30!important;box-shadow:inset 0 0 0 3px #ffe38c}.student-game .board.original-five button:focus-visible{outline:4px solid #19cfcc;outline-offset:-5px}.student-game .token{inset:20%;border:3px solid #ffffffc0;background:radial-gradient(circle at 30% 22%,#ffffffaa,var(--p) 42%,#0009);box-shadow:0 4px 0 #0007,0 7px 10px #0008;font-size:clamp(14px,2vw,23px)}.hand-zone,.casino-hand-zone{background:linear-gradient(140deg,#fffcf0,#e4eee8);border:2px solid #c4b684;box-shadow:0 7px 20px #001d2944}.student-game .hand{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.student-game .hand button{max-width:110px;box-shadow:0 3px 0 #9e8560,0 5px 12px #0003;transition:transform .15s,outline .15s}.student-game .hand button:hover:enabled{transform:translateY(-3px)}.dama-task{background:linear-gradient(140deg,#fff8df,#dcece1);border:2px solid #c2ae70;box-shadow:0 7px 20px #001d2944}.damas-original-wrap{position:relative;width:min(100%,calc((100dvh - 200px)*402/422),950px);margin:auto;filter:drop-shadow(0 12px 9px #0008)}.damas-source{display:block;width:100%;height:auto;border:7px solid #b68539;border-radius:8px;box-shadow:0 7px 0 #593716;background:#e7e41c}.student-game .damas-original-wrap .checker-board{position:absolute;left:5.72%;top:1.42%;width:91.74%;height:90.62%;aspect-ratio:auto;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:0;padding:0;border:0;margin:0;border-radius:0;background:transparent;box-shadow:none;min-width:0}.student-game .checker-board button{background:transparent!important;border:0;border-radius:0;aspect-ratio:auto}.student-game .checker-board button:hover:enabled{box-shadow:inset 0 0 0 3px #ffec7e99}.student-game .checker-board .move{box-shadow:inset 0 0 0 4px #23e4cc!important;background:#19e3b133!important}.student-game .checker-board .token{inset:12%;font-size:clamp(12px,1.6vw,22px)}.casino-table-zone>h3{color:#fff0c5}.casino-table-zone>.hint{color:#bddbd5}.game-casinos{grid-template-columns:minmax(0,1fr) minmax(250px,300px)}.student-game .table-cards{min-height:min(65dvh,680px);max-height:none;padding:30px;gap:22px;border:13px solid #a27a3f;border-radius:34px;background:radial-gradient(ellipse at 50% 30%,#a12940,#64132a 70%,#3e1525);box-shadow:0 9px 0 #57361f,0 20px 30px #0007,inset 0 0 0 3px #d1ad68,inset 0 0 40px #250b1a99;align-content:center;justify-content:center}.student-game .table-cards button{width:clamp(90px,11vw,145px);flex-basis:clamp(90px,11vw,145px);box-shadow:0 4px 0 #35201d,0 8px 13px #0005;transform:rotate(-2deg)}.student-game .table-cards button:nth-child(even){transform:rotate(2deg)}.student-game .table-cards button.selected{transform:translateY(-7px);outline-color:#ffe095!important}.waiting-note{color:#d0e5de}footer{color:#b7d1cd}dialog#studentHelp,dialog#cardViewer{background:#fffdf3;border:2px solid #cdb66e}.large-cards figure{filter:drop-shadow(0 4px 5px #23434322)}@media(min-width:1100px) and (min-height:800px){.student-stage{grid-template-columns:minmax(0,1fr) 280px;gap:32px}}@media(max-width:900px){.student-stage{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.student-game{padding:12px}.student-game .board{border-width:7px}.student-game .table-cards{padding:20px;gap:14px}}@media(max-width:700px){.playing main{padding:4px}.student-game{padding:9px;min-height:calc(100dvh - 8px);border-radius:14px}.student-stage{display:flex;flex-direction:column;gap:18px}.student-game .board,.student-game .board.original-five{width:100%;min-width:0;border-width:6px;margin-bottom:8px}.damas-original-wrap{width:100%}.damas-source{border-width:4px}.student-game .damas-original-wrap .checker-board{width:91.74%;min-width:0;margin:0;border-width:0}.student-game .hand{display:flex;overflow:auto;justify-content:flex-start;padding:4px 3px 10px;gap:10px}.student-game .hand button{width:clamp(64px,19vw,90px);max-width:90px;flex:0 0 auto}.hand-zone,.casino-hand-zone{padding:12px;width:100%}.student-game .table-cards{min-height:44dvh;max-height:none;border-width:9px;border-radius:23px;padding:22px 12px;gap:16px}.student-game .table-cards button{width:clamp(76px,24vw,110px);flex-basis:clamp(76px,24vw,110px)}.game-toolbar h2{font-size:19px}.mini-brand{font-size:8px}.dama-task{width:100%}.game-damas .board{min-width:0}.casino-table-zone{width:100%}}@media(max-height:520px) and (orientation:landscape){.student-game{padding:7px 12px}.student-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,32%);gap:18px}.student-game .board.original-five{width:min(100%,calc(100dvh - 145px));border-width:5px}.damas-original-wrap{width:min(100%,calc((100dvh - 140px)*402/422))}.student-game .hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;padding:0}.student-game .hand button{width:100%;max-width:52px}.student-game .table-cards{min-height:calc(100dvh - 160px);padding:14px;gap:12px;border-width:8px}.student-game .table-cards button{width:66px;flex-basis:66px}.game-casinos{grid-template-columns:minmax(0,1fr) minmax(230px,36%)}}
.damas-source{border:0;outline:7px solid #b68539;outline-offset:0}.student-game .original-five .token{inset:21%;border-radius:50%}@media(max-width:700px){.damas-source{border:0;outline-width:4px}}
.tournament-waiting{max-width:900px;margin:25px auto}.waiting-students{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.waiting-students article{display:grid;justify-items:center;gap:14px;padding:24px;background:#fffdf0;border:2px solid #c4d8c8;border-radius:18px;text-align:center}.presence-light{width:23px;height:23px;border-radius:50%;background:#929b9a;box-shadow:0 0 0 6px #929b9a22}.presence-light.online{background:#168353;box-shadow:0 0 0 6px #16835322}.waiting-students b{font-size:20px;overflow-wrap:anywhere}.waiting-students article>span:last-child{font-weight:bold;color:#326963}@media(max-width:600px){.waiting-students{grid-template-columns:1fr}.tournament-waiting{margin:10px auto}.waiting-students article{padding:18px}}
.waiting-tournament>header:not(.site-brand),.waiting-tournament footer,.waiting-tournament main>:not(#app):not(#alert){display:none!important}.waiting-tournament main{padding-top:16px}.waiting-tournament .tournament-waiting{margin:12px auto}