.turn{bottom:0;position:absolute;top:0;width:32px;z-index:4}.turn--left{cursor:nesw-resize;left:0;right:auto}.turn--right{cursor:nwse-resize;left:auto;right:0}.page-quote{background-size:cover;position:relative}.page-quote__center{position:absolute}.page-quote__type{bottom:8px;color:#5f5f5f;left:50%;position:absolute;text-align:center;transform:translate(-50%)}.page-quote__type .icon{display:inline-flex}.page-quote__author,.page-quote__the{color:#5f5f5f;font-family:var(--f-primary);font-size:var(--f-primary-size);text-align:center}.page-quote__title{color:#5f5f5f;filter:url(#pq-text-shadow);font-family:var(--f-secondary);font-size:var(--f-secondary-size);margin-bottom:10px;text-align:center}.page-quote__border{background:url(../border.png);background-size:cover;inset:0;pointer-events:none;position:absolute;z-index:3}.page-quote__stamp{bottom:2px;display:none;height:60px;position:absolute;right:6px;width:60px;z-index:3}.page-quote__stamp--cocktail{background-image:url(../stamp_cocktail.png?v=1)}.page-quote__stamp--mocktail{background-image:url(../stamp_mocktail.png?v=1)}.page-image{background-repeat:no-repeat;background-size:cover;position:absolute}.page-image__img{background-color:#eadedf;box-shadow:1px 1px #0003;height:203px;left:18px;position:absolute;top:25px;width:144px}.page-image__border{background:url(../border.png?=1);background-size:auto;inset:0;pointer-events:none;position:absolute;z-index:3}.page-image__title{font-family:var(--f-secondary);font-size:var(--f-secondary-size)}.page-image__stamp{bottom:2px;height:60px;position:absolute;right:6px;width:60px;z-index:3}.page-image__stamp--cocktail{background-image:url(../stamp_cocktail.png?v=1)}.page-image__stamp--mocktail{background-image:url(../stamp_mocktail.png?v=1)}.icon{background:url(../icons.png?v=2.1);height:16px;width:16px}.page-ingredients{background-size:cover;position:relative}.page-ingredients__title{color:#5f5f5f;filter:url(#pq-text-shadow);font-family:var(--f-secondary);font-size:var(--f-secondary-size);grid-column:1/-1;margin-bottom:10px;text-align:center}.page-ingredients__center{display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:0 16px;position:absolute}.page-ingredients__item{display:grid;gap:8px;grid-template-columns:16px auto}.page-ingredients__icon{filter:drop-shadow(1px 1px 0 rgba(0,0,0,.3))}.page-ingredients__text{color:#5f5f5f;line-height:8px}.page-ingredients__border{background:url(../border.png);background-size:cover;inset:0;pointer-events:none;position:absolute;z-index:3}.page-recipe{background-size:cover;position:relative}.page-recipe__title{color:#5f5f5f;filter:url(#pq-text-shadow);font-family:var(--f-secondary);font-size:var(--f-secondary-size);grid-column:1/-1;margin-bottom:10px;text-align:center}.page-recipe__center{display:grid;gap:6px;grid-template-columns:1fr;padding:0 16px;position:absolute}.page-recipe__item{line-height:7px}.page-recipe__text{color:#5f5f5f}.page-recipe__border{background:url(../border.png);background-size:cover;inset:0;pointer-events:none;position:absolute;z-index:3}.book{inset:0;perspective:800px;perspective-origin:50% 50%;position:absolute}.book__list{display:flex;flex-direction:column;padding:0}.book__list-sep{background:#5f5f5f;color:#fff;line-height:10px;margin:10px 28px 4px;padding:2px}.book__list-sep:first-child{margin-top:0}.book__list-item{color:#5f5f5f;cursor:pointer;line-height:10px;margin:0 28px;padding:0 2px;position:relative;width:-moz-fit-content;width:fit-content}.book__list-item:hover{background:#5f5f5f;color:#fff}.book__nav{align-items:center;bottom:8px;display:flex;flex-direction:row;gap:1px;height:auto;justify-content:center;left:0;position:fixed;right:0}.book__nav-item{background:var(--c-02);border-radius:50%;height:6px;width:6px}.book__nav-item:hover{background:var(--c-01)}.book__pages{backface-visibility:hidden;height:254px;left:calc(50% - 180px);position:absolute;top:calc(50% - 127px);transform:translate(-90px);transform-style:preserve-3d;transition:transform var(--flip-duration,.7s) ease-in-out;width:360px}.book__pages:has(.book__page--flipped){transform:translate(0)}.book__pages:has(.book__page:last-child.book__page--flipped){transform:translate(90px)}.book__pages--turning{pointer-events:none}.book__title{color:#5f5f5f;filter:url(#pq-text-shadow);font-family:var(--f-secondary);font-size:var(--f-secondary-size);grid-column:1/-1;margin-bottom:10px;text-align:center}.book__link{cursor:pointer;display:inline-flex;margin-bottom:2px;text-align:center}.book__link:hover{color:red;text-decoration:underline}.book__page{backface-visibility:hidden;background-color:#ddd0d1;background-repeat:no-repeat;background-size:contain;cursor:none;height:254px;image-rendering:pixelated;position:absolute;top:0;transform-origin:0 0;transform-style:preserve-3d;transition:transform var(--flip-duration,.7s) ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:180px}.book__page-border,.book__page:after,.book__page:before{pointer-events:none}.book__page-border{background:url(../border.png);background-size:cover;inset:0;position:absolute;z-index:3}.book__page--front{background-image:url(../cover_front.png?v=1);background-size:cover}.book__page--back{background-image:url(../cover_back.png?v=1);background-size:cover}.book__page--contents{color:#5f5f5f;padding:10px}.book__page--grabbing{transition:none}.book__page:nth-child(odd){pointer-events:all;right:0;transform:rotateY(0)}.book__page:nth-child(odd):hover:before{background:#00000006}.book__page:nth-child(odd):before{background:transparent}.book__page:nth-child(2n){left:0;pointer-events:none;transform:rotateY(180deg);transform-origin:100% 0}.book__page:nth-child(2n):before{background:#0003}.book__page:first-child,.book__page:last-child{backface-visibility:visible}.book__page--flipped:nth-child(odd){pointer-events:none;transform:rotateY(-180deg)}.book__page--flipped:nth-child(odd):before{background:#0003}.book__page--flipped:nth-child(2n){pointer-events:all;transform:rotateY(0)}.book__page--flipped:nth-child(2n):hover:before{background:#00000006}.book__page--flipped:nth-child(2n):before{background:transparent}.book__page--flipped:nth-child(2n):before,.book__page--returning:nth-child(odd):before{transition-delay:calc(var(--flip-duration, .7s)/2)}.book__page:before{background:transparent;background-repeat:no-repeat;background-size:contain;border-radius:inherit;content:"";-webkit-mask-image:var(--page-img,none);mask-image:var(--page-img,none);-webkit-mask-size:cover;mask-size:cover;transition:background .75s;z-index:2}.book__page img,.book__page:before{image-rendering:pixelated;inset:0;position:absolute}.book__page img{display:block;height:100%}.ui-cursor[data-v-00918504]{background-image:url(../ui_cursor.png?v-1);background-repeat:no-repeat;height:32px;pointer-events:none;position:absolute;width:32px;z-index:99999}.ui-screen{position:relative}.ui-screen__inner{background:var(--c-23);cursor:none;left:0;position:absolute;top:0;z-index:0}.ui-screen__inner *{cursor:none!important}@font-face{font-family:"04b_03";font-style:normal;font-weight:400;src:url(../font/04b_03.ttf) format("truetype")}@font-face{font-family:deco;font-style:normal;font-weight:400;src:url(../font/deco.ttf) format("truetype")}:root{--c-01:#7b334c;--c-02:#a14d55;--c-03:#c77369;--c-04:#e3a084;--c-05:#f2cb9b;--c-06:#d37b86;--c-07:#af5d8b;--c-08:#804085;--c-09:#5b3374;--c-10:#412051;--c-11:#5c486a;--c-12:#887d8d;--c-13:#b8b4b2;--c-14:#dcdac9;--c-15:#ffffe0;--c-16:#b6f5db;--c-17:#89d9d9;--c-18:#72b6cf;--c-19:#5c8ba8;--c-20:#4e6679;--c-21:#464969;--c-22:#44355d;--c-23:#3d003d;--c-24:#621748;--c-25:#942c4b;--c-26:#c7424f;--c-27:#e06b51;--c-28:#f2a561;--c-29:#fcef8d;--c-30:#b1d480;--c-31:#80b878;--c-32:#658d78;--f-primary:"04b_03",sans-serif;--f-primary-size:8px;--f-secondary:"deco",serif;--f-secondary-size:16px}*,:after,:before{box-sizing:border-box;image-rendering:pixelated}body,html{font-size:16px;margin:0;padding:0}body{background:var(--c-23);font-family:var(--f-primary);font-size:var(--f-primary-size)}.app,.app--mobile{align-items:center;display:flex;inset:0;justify-content:center;position:fixed}.app--mobile{background:#000;color:#fff;font-size:32px;padding:16px;z-index:99999}