.glass-card{background:rgba(8,42,60,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,153,0,.2)}.btn-primary{background:#FF9900;color:#05212f;border:none;padding:14px 24px;font-family:Barlow Semi Condensed,sans-serif;font-size:1rem;font-weight:800;text-transform:uppercase;cursor:pointer;border-radius:8px;transition:background .3s,transform .2s;box-shadow:0 8px 20px #ff990040}.btn-primary:hover{background:#fff;transform:translateY(-1px)}#modals-container{position:fixed}.end-shortcut-hub{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;color:#a0aec0;text-decoration:none;font-family:Barlow Semi Condensed,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-size:1.1rem;padding:12px 20px;border-radius:12px;background:rgba(8,42,60,.9);border:1px solid rgba(255,153,0,.3);transition:color .3s,border-color .3s,background .3s;z-index:110}.end-shortcut-hub:hover{color:#f90;border-color:#f909;background:rgba(8,42,60,.98)}.end-actions{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%}.end-hub-link{display:flex;align-items:center;justify-content:center;gap:10px;color:#94a3b8;text-decoration:none;font-family:Barlow Semi Condensed,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:14px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.15);transition:color .3s,border-color .3s,background .3s;width:100%;text-align:center}.end-hub-link:hover{color:#fff;border-color:#ff990080;background:rgba(255,153,0,.08)}@media (min-height: 900px) and (max-aspect-ratio: 3/4){#game-hud{margin-top:.5rem}#game-area{padding-top:6vh;padding-bottom:4vh}body.min-h-screen{display:flex;flex-direction:column}body.min-h-screen>nav{flex-shrink:0}body.min-h-screen>#game-hud{flex-shrink:0}body.min-h-screen>#game-area{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}body.flex-col>main.flex-grow{justify-content:flex-start;padding-top:10vh}}@media (max-aspect-ratio: 1/2) and (min-height: 1000px){nav{padding-top:1.25rem;padding-bottom:1.25rem}#game-hud{margin-top:0}#game-area{padding-top:10vh;padding-bottom:6vh}#memory-board{gap:1.25rem}.memory-card{height:160px}body.flex-col>main.flex-grow{padding-top:12vh}body.flex-col>main.flex-grow #game-container{height:28rem;max-height:42vh}.end-shortcut-hub{top:32px;left:32px;font-size:1.5rem;padding:18px 28px}.end-hub-link{font-size:1.35rem;padding:18px 32px}.btn-primary{font-size:1.25rem;padding:18px 28px}}body.feria-totem-active.feria-hub-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow:hidden}body.feria-totem-active.feria-hub-page>nav{flex-shrink:0;padding:.45rem 1rem!important}body.feria-totem-active.feria-hub-page>nav img{height:2.25rem!important}body.feria-totem-active.feria-hub-page>nav a:last-child{font-size:.8rem}body.feria-totem-active.feria-hub-page>main{flex:1;display:flex;flex-direction:column;width:100%;max-width:none!important;padding:.25rem .85rem .45rem!important;min-height:0;overflow:hidden}body.feria-totem-active.feria-hub-page .feria-hub-header{margin-bottom:.45rem!important;animation:none;flex-shrink:0}body.feria-totem-active.feria-hub-page .feria-hub-header span{font-size:.62rem;padding:.15rem .5rem;margin-bottom:.3rem!important}body.feria-totem-active.feria-hub-page .feria-hub-header h1{font-size:clamp(1.55rem,3.2vh,2.35rem)!important;margin-bottom:0!important}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-header p{display:none}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid{flex:1;max-width:none!important;width:100%;grid-template-columns:1fr!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:clamp(.3rem,.55vh,.5rem)!important;align-content:stretch;min-height:0;overflow:hidden}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card{display:grid!important;grid-template-columns:clamp(2.5rem,5vh,3.25rem) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:.6rem;row-gap:.1rem;align-content:center;padding:.45rem .65rem!important;border-radius:.85rem;min-height:0;height:100%;overflow:hidden}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card>div:first-of-type{top:.4rem;right:.4rem;font-size:.55rem;padding:.15rem .35rem}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card>div:nth-of-type(2){grid-column:1;grid-row:1 / -1;align-self:center;width:clamp(2.5rem,5vh,3.25rem)!important;height:clamp(2.5rem,5vh,3.25rem)!important;margin-bottom:0!important;border-radius:.65rem}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card>div:nth-of-type(2) .material-symbols-outlined{font-size:clamp(1.25rem,2.8vh,1.75rem)!important}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card h3{grid-column:2;grid-row:1;font-size:clamp(.88rem,1.85vh,1.15rem)!important;margin-bottom:0!important;line-height:1.05;padding-right:3.5rem}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card p{grid-column:2;grid-row:2;font-size:clamp(.62rem,1.2vh,.78rem)!important;line-height:1.25;margin-bottom:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card>div:last-of-type{grid-column:2;grid-row:3;font-size:clamp(.62rem,1.15vh,.78rem)!important;margin-top:.1rem}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card>div:last-of-type .material-symbols-outlined{font-size:clamp(.9rem,1.6vh,1.1rem)!important}@media (min-width: 900px){body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-header p{display:block;font-size:clamp(1rem,1.8vh,1.25rem);max-width:90%}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card{display:flex!important;flex-direction:column!important;height:100%;padding:clamp(.85rem,1.6vh,1.35rem)!important}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card>div:nth-of-type(2){grid-column:auto;grid-row:auto;align-self:auto;width:clamp(4rem,8vh,5.5rem)!important;height:clamp(4rem,8vh,5.5rem)!important;margin-bottom:clamp(.45rem,1vh,.75rem)!important}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card h3{grid-column:auto;grid-row:auto;padding-right:0;font-size:clamp(1.25rem,2.5vh,1.75rem)!important;margin-bottom:.35rem!important}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card p{grid-column:auto;grid-row:auto;display:block;-webkit-line-clamp:unset;overflow:visible;font-size:clamp(.85rem,1.6vh,1.05rem)!important;margin-bottom:.45rem!important}body.feria-totem-active.feria-hub-page:not(.feria-fhd-vertical) .feria-hub-grid .glass-card>div:last-of-type{grid-column:auto;grid-row:auto;margin-top:auto}}body.feria-totem-active:not(.feria-hub-page){min-height:100vh;min-height:100dvh}body.feria-totem-active:not(.feria-hub-page)>nav{padding:.45rem 1rem!important;flex-shrink:0}body.feria-totem-active:not(.feria-hub-page)>nav img{height:2.25rem!important}body.feria-totem-active:not(.feria-hub-page)>nav a:last-child{font-size:.75rem;padding:.35rem .75rem!important}body.feria-totem-active #modals-container{padding:1rem;align-items:center;justify-content:center}body.feria-totem-active #modals-container #start-modal,body.feria-totem-active #modals-container #end-modal,body.feria-totem-active #modals-container #win-modal,body.feria-totem-active #modals-container #lose-modal{max-width:92vw!important;width:92vw!important;padding:clamp(1.75rem,3.5vh,2.75rem)!important;border-radius:1.5rem;max-height:88dvh;overflow-y:auto}body.feria-totem-active #modals-container #start-modal>div:first-child,body.feria-totem-active #modals-container #end-modal>div:first-child,body.feria-totem-active #modals-container #win-modal>div:first-child,body.feria-totem-active #modals-container #lose-modal>div:first-child{width:clamp(4rem,9vh,6rem)!important;height:clamp(4rem,9vh,6rem)!important;margin-bottom:clamp(1rem,2vh,1.5rem)!important}body.feria-totem-active #modals-container #start-modal>div:first-child .material-symbols-outlined,body.feria-totem-active #modals-container #end-modal>div:first-child .material-symbols-outlined,body.feria-totem-active #modals-container #win-modal>div:first-child .material-symbols-outlined,body.feria-totem-active #modals-container #lose-modal>div:first-child .material-symbols-outlined{font-size:clamp(2.25rem,5vh,3.25rem)!important}body.feria-totem-active #modals-container h2{font-size:clamp(2rem,5vh,3.25rem)!important;line-height:1.05;margin-bottom:clamp(.5rem,1.5vh,1rem)!important}body.feria-totem-active #modals-container p{font-size:clamp(1.1rem,2.4vh,1.5rem)!important;line-height:1.45;margin-bottom:clamp(1rem,2.5vh,1.75rem)!important}body.feria-totem-active #modals-container .btn-primary{font-size:clamp(1.1rem,2.4vh,1.45rem)!important;padding:clamp(1rem,2.2vh,1.35rem) clamp(1.25rem,2.5vh,1.75rem)!important;width:100%}body.feria-totem-active #modals-container .btn-primary span{font-size:inherit!important}body.feria-totem-active #modals-container .btn-primary .material-symbols-outlined{font-size:1.25em!important}body.feria-totem-active #modals-container h3{font-size:clamp(.95rem,2vh,1.2rem)!important}body.feria-totem-active #modals-container #final-score,body.feria-totem-active #modals-container .font-display.text-4xl{font-size:clamp(2.25rem,5.5vh,3.5rem)!important}body.feria-totem-active #game-hud{margin-top:0!important;padding-left:.85rem!important;padding-right:.85rem!important}body.feria-totem-active #game-hud .glass-card{padding:.65rem 1.1rem!important}body.feria-totem-active #game-hud #timer,body.feria-totem-active #game-hud .font-digital.text-2xl,body.feria-totem-active #game-hud .font-digital.text-4xl{font-size:clamp(1.75rem,3.5vh,2.5rem)!important}body.feria-totem-active #game-hud .font-display.text-2xl,body.feria-totem-active #game-hud .font-display.text-3xl,body.feria-totem-active #game-hud .font-display.text-4xl{font-size:clamp(1.5rem,3vh,2.25rem)!important}body.feria-totem-active .end-shortcut-hub{top:.75rem;left:.75rem;font-size:1rem;padding:.65rem 1rem}body.feria-totem-active .end-hub-link{font-size:clamp(.95rem,1.8vh,1.15rem)!important;padding:clamp(.75rem,1.5vh,1rem) clamp(1rem,2vh,1.5rem)!important}body.feria-totem-active.flex.flex-col>main.flex-grow{flex:1 1 0%;display:flex;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;padding:.35rem .85rem .5rem!important;min-height:0;overflow:hidden}body.feria-totem-active #game-container{flex:1 1 auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0;border-radius:1.25rem}.bg-grid{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px)}