/* boook.ing 15/10/2026: baralhos /ferto e /fodao no estilo de site.wholee.me/cartas/plantas (fundo #161616, carta 404x718 em 900, vão 74, canto 27) */
@font-face{font-family:"Aristotelica Pro Display Bold";src:url(/_a/deck/aristotelica-bold.woff2) format("woff2");font-weight:700;font-display:swap}
a,button,input,select,textarea,[tabindex]{outline:none;-webkit-tap-highlight-color:transparent}
:focus,:focus-visible{outline:none;box-shadow:none}
html,body{margin:0;height:100%;overflow:hidden;background:#161616;overscroll-behavior:none}
body{--r:.5625;--h:min(79.8vh,calc(100vh - 150px),calc((100vw - 48px)/var(--r)));--w:calc(var(--h)*var(--r));--vao:74px;touch-action:none;-webkit-user-select:none;user-select:none}
@supports(height:100dvh){body{--h:min(79.8dvh,calc(100dvh - 150px),calc((100vw - 48px)/var(--r)))}}
.volta{position:fixed;z-index:5;top:24px;left:24px;display:flex;align-items:center;gap:10px;text-decoration:none;color:#FFFBF3;font:700 14px/1 "Aristotelica Pro Display Bold",sans-serif}
.volta img{display:block;width:116px;height:34px;object-fit:cover;border-radius:99px}
.trilho{position:fixed;left:0;top:50%;height:var(--h);margin-top:calc(var(--h)/-2);display:flex;gap:var(--vao);will-change:transform}
.carta{flex:none;width:var(--w);height:var(--h);position:relative;perspective:1600px;cursor:pointer}
.carta .vira{position:absolute;inset:0;transform-style:preserve-3d}
.carta .frente{position:absolute;inset:0;border-radius:27px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#1d1d1d}
.carta img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;pointer-events:none}
.conta{position:fixed;z-index:5;left:0;right:0;bottom:max(20px,calc((100vh - var(--h))/2 - 34px));margin:0;text-align:center;color:#FFFBF3;font:700 12px/1 "Aristotelica Pro Display Bold",sans-serif;letter-spacing:5.1px;padding-left:5.1px}
@media(max-width:700px){body{--vao:24px}.volta img{width:94px;height:28px}}
/* 15/10: as cartas viram (frente/verso) */
.carta{perspective:1600px}
.vira{position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.8,.25,1)}
.carta.virada .vira{transform:rotateY(180deg)}
.frente,.verso{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.verso{position:absolute;inset:0;transform:rotateY(180deg)}
.verso img{width:100%;height:100%;object-fit:contain;display:block}