:root{--accentH:214;--accentS:27%;--accentL:36%;--c-accent:hsl(var(--accentH), var(--accentS), var(--accentL));--c-accentContrasted:hsl(var(--accentH), var(--accentS), 95%);--greyH:var(--accentH);--greyS:6%;--initialGreyLightness:93%;--greyscaleLightnessIncrement:11.3%;--grey1L:var(--initialGreyLightness);--grey2L:calc(
    var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 1
  );--grey3L:calc(
    var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 2
  );--grey4L:calc(
    var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 3
  );--grey5L:calc(
    var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 4
  );--grey6L:calc(
    var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 5
  );--grey7L:calc(
    var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 6
  );--grey8L:calc(
    var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 7
  );--grey9L:calc(
    var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 8
  );--c-grey1:hsl(var(--greyH), var(--greyS), var(--grey1L));--c-grey2:hsl(var(--greyH), var(--greyS), var(--grey2L));--c-grey3:hsl(var(--greyH), var(--greyS), var(--grey3L));--c-grey4:hsl(var(--greyH), var(--greyS), var(--grey4L));--c-grey5:hsl(var(--greyH), var(--greyS), var(--grey5L));--c-grey6:hsl(var(--greyH), var(--greyS), var(--grey6L));--c-grey7:hsl(var(--greyH), var(--greyS), var(--grey7L));--c-grey8:hsl(var(--greyH), var(--greyS), var(--grey8L));--c-grey9:hsl(var(--greyH), var(--greyS), var(--grey9L));--steel:#6abae8;--c-border:hsla(var(--greyH), var(--greyS), var(--grey1L), 0.1);--c-overlay:hsla(var(--greyH), var(--greyS), var(--grey1L), 0.07);--c-background:var(--c-grey8);--c-body:var(--c-grey1);--c-bodyDimmed:hsla(var(--greyH), var(--greyS), var(--grey1L), 0.5);--c-fieldBorder:var(--c-grey6);--c-buttonBg:var(--c-grey6)}*{box-sizing:border-box}html,body{margin:0;padding:0}h1,h2,h3,h4,h5{color:#fff}body{font-family:ubuntu mono,monospace;background:var(--c-grey8)}header{width:100%;height:40px;display:flex;align-items:center;border-bottom:1px solid var(--c-border);background:var(--c-grey9);color:#fff;gap:10px;font-size:16px;justify-content:space-between}.header-item{padding:5px}footer{height:40px;padding:5px;display:flex;align-items:center;border-top:1px solid var(--c-border);background:var(--c-grey9);justify-content:center;gap:10px;text-transform:uppercase;color:#fff}footer a{text-decoration:none}.header-wrap{gap:5px;display:flex}a,ul,li{color:#fff}ul{list-style:none;padding:0}ul ul{padding:10px 20px}.game{position:relative}.games-list li{margin-bottom:10px}li.active{color:#90ee90}header img{height:100%;margin-right:10px}header span,header a{height:100%;display:flex;align-items:center;color:currentColor;text-decoration:none;text-transform:uppercase}.ascii-progress{display:none;justify-content:center;align-items:center;font-family:monospace;font-size:18px;vertical-align:top;margin-top:-1px}.ascii-progress.active{display:inline-flex}.ascii-progress-bar{font-size:14px;margin-top:-4px}span.score{display:inline-block;width:46px}.smothometer{padding:25px;width:100%;border-bottom:1px solid var(--c-border)}.smothometer__bar{width:100%;height:6px;background:var(--c-grey6);position:relative}.smothometer__bar__fill{height:100%;width:0%;background:var(--steel);position:absolute;top:0;left:0;transition:width 700ms cubic-bezier(.45,0,.55,1)}.smothometer__bar .start,.smothometer__bar .end{position:absolute;top:0;width:auto;height:40px;z-index:2;margin-top:-18px}.smothometer__bar .start{left:-5px;transform:rotateY(180deg)}.smothometer__bar .end{right:-5px}.grid{min-height:calc(100vh - 137px);display:flex;flex-direction:column}.grid-row{display:flex;width:100%;flex-direction:row;border-bottom:1px solid var(--c-border);flex:1}.grid-row:last-child{border-bottom:none}.grid-column:first-child{border-right:1px solid var(--c-border)}.grid-column{width:50%;display:flex;flex-direction:column;padding:40px}.wip{filter:blur(5px);pointer-events:none}.description{font-size:16px;line-height:1.5;color:var(--c-body)}.legal article{color:#fff;width:700px;margin:auto;padding-top:50px;padding-bottom:50px}.header-level{border-left:1px solid var(--c-grey6)}.actual-level{padding:0 10px;background:var(--c-grey7)}.actual-level span{padding-left:5px}.game-body{display:flex;min-height:100vh;flex-direction:column}.game-body article{flex:1;display:flex}.gameColumn{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}article .game{width:fit-content;max-width:fit-content;margin:auto}.label{color:#fff}.scoring,.lives .cards,.levels .cards{display:flex;flex-direction:row;gap:5px}.lives .cards{font-family:emoji}.scoring{justify-content:space-between;padding:20px;padding-bottom:0;width:100%}.scoring .cards{margin-top:10px}.tile{perspective:200px}.card{width:50px;height:50px;background-color:#444;border:1px solid #000;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;cursor:pointer;image-rendering:pixelated;transition:transform .5s;transform-style:preserve-3d;background-color:var(--c-grey9);transform-origin:50% 50%}.cardFront,.cardBack{background-position:50%;background-repeat:no-repeat;background-size:26px;width:100%;height:100%;position:absolute;backface-visibility:hidden;transform:rotateY(180deg);display:flex;justify-content:center;align-items:center}.flipped{transform:rotateY(180deg)}.cardFront{transform:rotateY(0)}.heart{background-image:url(../icons/tile-153.png)}.skull{background-image:url(../icons/tile-207.png)}.big-board .card{width:50px;height:50px}.big-board .cardBack{background-size:20px}#game-canvas{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;padding:20px}.sidebar{width:340px;border-right:1px solid var(--c-border);color:#fff;max-height:calc(100vh - 100px)}.sidebar-image{width:20px;height:20px;margin-right:10px}.sidebarItem:first-child{font-weight:700;font-size:18px}.sidebarItem{text-align:justify;padding:15px;border-bottom:1px solid var(--c-border);display:flex;line-height:1.2}.sidebarItem.ad{align-items:center;justify-content:center}.home-image{height:20px;display:inline-block;vertical-align:text-bottom}.victoryModal{display:none;position:absolute;background:var(--c-grey9);border:1px solid var(--c-border);border-radius:5px;z-index:100;color:#fff;min-width:300px}.victoryModalContent{display:flex;flex-direction:column}.modalRow{text-align:center;border-bottom:1px solid var(--c-border);padding:15px;margin:0}.modalRow:empty{display:none}.victoryModal.active{display:block}.active+.victoryModalBlur{display:block}.modalHeadline{font-size:22px;background-color:var(--steel)}.victoryModal .buttons{display:flex;align-items:center}.modalButton{flex:1;width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--c-grey8);color:var(--c-grey2);text-decoration:none;border:none;border-top:1px solid var(--c-border);font-size:14px;height:50px;font-family:ubuntu mono,monospace;border-right:1px solid var(--c-border);cursor:pointer;transition:background-color 100ms ease}.modalButton:hover{background-color:var(--c-grey7)}.modalButton:last-child{border-right:none}.victoryModalBlur{content:'';display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);backdrop-filter:blur(3px)}summary a{margin-left:6px}.game-board{padding:20px;position:relative}@media(max-width:1000px){.grid-row{flex-direction:column;border-bottom:none}.grid-column{width:100%;border-bottom:1px solid var(--c-border)}}