:root{--tilt:12deg;color:#20212a;background:#f0efed}header{background:linear-gradient(105deg,#160e13ee,#42040bd9),url('assets/cinco-portada.jpg') center/cover;border-bottom:7px solid #d90c1c;padding-top:28px;padding-bottom:28px}header small{color:#f8cd6b}h1{font-weight:950;letter-spacing:-1.5px;text-shadow:0 4px #0008}main{max-width:1360px}button,a.btn{transition:transform .18s,box-shadow .18s}nav button{border:0;border-bottom:4px solid #9f0715;background:#fff;color:#710512;font-weight:800;box-shadow:0 5px 12px #25090f13}button.active,.primary{background:#c3071b!important;color:#fff}.panel{border:1px solid #d4c7b2;border-radius:16px;box-shadow:0 7px 0 #d6cfc5,0 16px 35px #361e1114}h2{color:#b00918;font-weight:900}.pill{background:#ffe5a1}#status{background:#fff5dc;border-left:5px solid #d50c1c;color:#540812}.layout{grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr)}.reference-cover{display:block;width:100%;border-radius:9px;margin:12px 0}.btn{display:inline-block;margin:6px 0}.player-ribbon{display:flex;gap:12px}.player-badge{flex:1;padding:12px;border-radius:9px;background:#f4f1e8;border:2px solid #d8c5ac;font-weight:750}.player-badge.current{border-color:#d4091c;background:#fff0e4}.player-badge small{display:block;color:#75624b;font-weight:450}.view-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0;font-size:12px}.view-tools input{max-width:100px;padding:0}.view-tools button{padding:7px 10px;font-size:12px}#play{perspective:1100px;padding:8px 6px 15px}.board{transform:rotateX(var(--tilt));transform-style:preserve-3d;transform-origin:center center;box-shadow:0 10px 0 #5c2916,0 16px 0 #36180e,0 25px 28px #230e1055;background:#d69524;border:10px solid #ca821e;border-radius:8px;padding:5px}.board button{overflow:visible;box-shadow:0 2px 0 #914b1a;transform:translateZ(1px)}.board button:hover{transform:translateZ(5px);z-index:2}.five button{aspect-ratio:0.68;background:#fff5cf;padding:0;min-width:0}.art-card{display:block;position:relative;width:100%;height:100%}.art-card img{width:100%;height:100%;object-fit:fill;display:block;border-radius:5px}.math-correction{position:absolute;top:31%;left:12%;width:76%;height:43%;display:flex;align-items:center;justify-content:center;background:linear-gradient(#fffbdc,#fffef4);color:#24482f;font-size:clamp(10px,1.4vw,21px);font-weight:850}.cards button{padding:0;width:84px;height:126px;border:0;border-radius:8px;box-shadow:0 3px 0 #9f531e,0 7px 9px #3d1c1d33;background:#fff4cb;transform-style:preserve-3d}.cards button:hover{transform:translateY(-7px) rotateY(-7deg)}.cards .selected{transform:translateY(-10px);outline:4px solid #b50017}.five-token,.piece{background-size:cover!important;background-position:center!important;border:0;border-radius:50%;box-shadow:0 3px 0 #5d090e,0 6px 0 #46080a,0 10px 9px #0008;color:white;display:flex;align-items:center;justify-content:center;font-weight:900;text-shadow:0 1px 3px #000;font-size:13px}.five-token{position:absolute;left:14%;top:25%;width:72%;aspect-ratio:1;transform:translateZ(18px)}.five-token.r,.piece.r{background-image:url('assets/ficha-roja.png')!important}.five-token.b,.piece.b{background-image:url('assets/ficha-negra.png')!important;box-shadow:0 3px 0 #242127,0 6px 0 #151316,0 10px 9px #0008}.board .red,.board .blue{background:#fff4d4;color:#222}.checker{border:12px solid #b7c924;border-top:26px solid #cbdf27;background:#eee;padding:0;position:relative}.checker:before{content:'FESTIVAL DE LOS NÚMEROS ENTEROS';position:absolute;top:-22px;font-size:12px;font-weight:900;left:10px;color:#134b40}.checker button{background:#2c2477;color:#fff;border:1px solid #2b253b;box-shadow:none;aspect-ratio:1;font-size:12px}.checker .dark{background:#ffffec;color:#121212}.checker .piece{width:65%;height:65%;left:17.5%;top:25%;transform:translateZ(18px)}.num{font-weight:900;left:4px;top:1px;font-size:clamp(9px,1.3vw,17px)}.wild-card{background:url('assets/card-frame.jpg') center/100% 100%;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;color:#a44310}.wild-card>span{font-size:8px}.wild-card b{font-size:28px;color:#f59705}.wild-card strong{font-size:23px;line-height:1}.wild-card hr{margin:4px;width:40px;border:1px solid}.register-hero{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;margin-bottom:25px}.register-hero img{width:100%;border-radius:12px;box-shadow:0 7px 0 #cf840f}.register-hero h2{font-size:clamp(24px,3vw,40px)}.registration-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.registration-fields fieldset{border:2px solid #c8b799;border-radius:12px;padding:20px;background:#fffaf0}.registration-fields legend{font-size:19px;font-weight:900;color:#ba071a}.registration-fields label{display:block;font-weight:700;font-size:13px;margin:12px 0}.registration-fields input,.registration-fields select{display:block;width:100%;max-width:none;background:white;margin-top:7px}.registration-fields input:focus{outline:3px solid #e9b64d}.register-actions{margin-top:22px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.register-actions button{padding:16px 30px;font-weight:850}.note{background:#fff0ce;border-left:4px solid #b5700d;padding:12px;font-size:13px;line-height:1.6}.register-school{margin-top:20px;display:block}.register-school input{max-width:500px;width:100%;margin-top:8px}.registration-error{color:#b30012;font-weight:700}.hidden-hand{padding:25px;background:#eee7d7;border:2px dashed #a49781;border-radius:12px;text-align:center}.hand-wrap{margin-top:15px}.hand-wrap h3{display:flex;align-items:center;justify-content:space-between}.hand-wrap h3 button{font-size:12px;padding:7px}#registration[hidden],#gameLayout[hidden]{display:none!important}@media(max-width:750px){.layout,.register-hero,.registration-fields{grid-template-columns:1fr}.cards button{width:70px;height:108px}.board{border-width:6px;padding:2px;gap:2px}.checker{border-top-width:26px}.checker:before{font-size:9px;top:-18px}.five-token{font-size:10px}.piece{font-size:11px}.player-badge{padding:8px;font-size:13px}.math-correction{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.board{transform:none!important}}
.original-cell{width:100%;height:100%;object-fit:fill;border-radius:3px;display:block}.checker button{padding:0}.checker .original-cell{border-radius:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.math-correction{top:24%;left:8%;width:84%;height:58%;font-size:clamp(10px,1.3vw,18px)}.checker button.move{outline:4px solid #ffbb1b;outline-offset:-5px;z-index:2}.checker button.selected{outline:4px solid #da0026;outline-offset:-4px;z-index:3}
.table-cards{background:radial-gradient(ellipse,#b2091d,#540611);border:12px solid #bf8a32;border-radius:18px;padding:22px;min-height:180px;box-shadow:0 8px 0 #56300e,0 16px 22px #30091444;transform:rotateX(5deg);transform-style:preserve-3d}.table-cards button{box-shadow:0 3px 0 #823812,0 9px 12px #21030a99}
.cards button:hover,.cards .selected,.board button:hover{transform:none}.cards button:hover,.board button:hover{filter:brightness(1.04)}