html:has(body.app){background:#24120a}body.app{background:#2b170d}body.app:after{display:none}body.app:before{background:none}body.app .mini-foot{color:#e9d6c2;position:relative;z-index:2}body.app .mini-foot a{color:#ffe3a8}.appbar{position:absolute;z-index:40;left:max(14px,env(safe-area-inset-left));top:14px}.appbar .logo{padding:9px 15px 8px 11px;font-size:1.12rem;border-radius:6px;background:url(/tex/wood.webp) #5a3420;background-size:256px;box-shadow:inset 0 0 0 2px #00000030,inset 0 2px #fff2,0 10px 14px -6px #000a;transform-origin:50% -16px;animation:sign 6s ease-in-out infinite;text-shadow:0 2px 0 #0007}.appbar .logo svg{width:24px;height:24px}.appbar .logo:before,.appbar .logo:after{content:"";position:absolute;top:-14px;width:2px;height:16px;background:repeating-linear-gradient(180deg,#e9d8b4 0 3px,#8a6a3a 3px 5px)}.appbar .logo:before{left:18px}.appbar .logo:after{right:18px}.appbar .logo .snowtop{position:absolute;left:-3px;right:-3px;top:-7px;height:11px;background:#fff;border-radius:8px 8px 3px 3px/10px 10px 4px 4px;box-shadow:0 2px #0003;pointer-events:none;-webkit-mask:radial-gradient(circle at 8px 100%,transparent 5px,#000 5.5px) 0 0/16px 100%;mask:radial-gradient(circle at 8px 100%,transparent 5px,#000 5.5px) 0 0/16px 100%}.plate{position:absolute;inset:0 0 auto;z-index:0;pointer-events:none;overflow:hidden}.plate img{width:100%;height:100%;object-fit:cover;object-position:50% 0}.plate:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,#24120a)}.obj{display:block;filter:drop-shadow(0 10px 10px #2a10064d) drop-shadow(0 2px 2px #2a100666);user-select:none;-webkit-user-drag:none}.ktag{position:relative;display:block;width:var(--w, 120px);flex:none}.ktag>img{width:100%;height:auto}.ktag .face{position:absolute;left:var(--fx);top:var(--fy);width:var(--fw);height:var(--fh);transform:translate(-50%,-50%) rotate(var(--r, 0deg));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#3a2410}.felt-tag{display:inline-flex;align-items:center;gap:6px;font:700 .9rem/1 var(--sans);padding:7px 16px 7px 12px;color:var(--cream);background:url(/tex/felt-pine.webp) var(--pine);background-size:160px;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%,9px 50%);box-shadow:inset 0 0 0 2px #00000014;position:relative;letter-spacing:.01em}.felt-tag:before{content:"";position:absolute;inset:3px 12px;border-top:1.5px dashed #fff4e2a0;border-bottom:1.5px dashed #fff4e2a0;pointer-events:none}.felt-tag.gold{background:linear-gradient(180deg,#f3d68c,#dcb059);color:#3a2410}.felt-tag.gold:before{border-color:#3a241070}.felt-tag.cran{background:url(/tex/felt-cran.webp) var(--cran);background-size:160px}.felt-tag .ic{width:1.05em;height:1.05em}.pin{position:absolute;width:22px;height:auto;z-index:3;filter:drop-shadow(1px 4px 2px #0006);pointer-events:none}.board{position:relative;border-style:solid;border-width:62px 46px 50px;border-image:url(/img/v3/board-frame.webp) 74 54 60 fill / 62px 46px 50px stretch;background:url(/img/v3/cork.webp) #b9783e;background-size:240px;background-clip:padding-box}@media(max-width:640px){.board{border-width:44px 30px 34px;border-image-width:44px 30px 34px}}.note{position:relative;background:url(/img/v3/note.webp) center / 100% 100%;color:var(--ink);padding:22px 18px 18px;filter:drop-shadow(0 8px 8px #2a10064d)}.lined{position:relative;color:var(--ink);--line: 34px;background:#f3ead6;background-clip:padding-box;padding:6px 10px 14px 12px;border-style:solid;border-width:60px 18px 24px 50px;border-image:url(/img/v3/lined.webp) 60 18 24 50 fill / 60px 18px 24px 50px stretch round;filter:drop-shadow(0 10px 10px #2a10065a)}.waxbtn{position:relative;display:inline-flex;align-items:center;gap:0;border:0;background:none;padding:0;cursor:pointer;color:var(--cran);text-decoration:none;font:400 clamp(1.18rem,1.7vw,1.6rem) var(--serif);-webkit-tap-highlight-color:transparent}.waxbtn .wax{width:clamp(74px,6.8vw,100px);height:clamp(74px,6.8vw,100px);position:relative;z-index:2;display:grid;place-items:center;background:url(/img/v3/wax-red.webp) center / contain no-repeat;filter:drop-shadow(0 5px 5px #0007);transition:transform .25s var(--ease-pop)}.waxbtn.green .wax{background-image:url(/img/v3/wax-green.webp)}.waxbtn .wax .ic{width:38%;height:38%;color:#f4c873;stroke-width:2;filter:drop-shadow(0 1px 0 #0008)}.waxbtn .lbl2{margin-left:-22px;padding:.7em 1.4em .7em 1.7em;background:url(/tex/paper.webp) var(--paper);border-radius:4px 14px 14px 4px;box-shadow:0 6px 10px -4px #000a,inset 0 0 0 2px #fff6,inset 0 0 0 4px #8e1f3a33;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);white-space:nowrap}.waxbtn.green{color:var(--pine)}.waxbtn:hover .wax{transform:rotate(-8deg) scale(1.06)}.waxbtn:active .wax{transform:scale(.92)}.waxbtn:focus-visible{outline:3px solid var(--gold-lt);outline-offset:4px;border-radius:40px}@media(prefers-reduced-motion:reduce){.appbar .logo{animation:none}}.cratelink{display:block;text-decoration:none}.cratelink img{width:100%;height:auto;display:block}.cratelink span{position:absolute;left:8%;width:66%;top:51%;height:22%;display:grid;place-items:center;font:400 clamp(.8rem,1.45vw,1.35rem)/1 var(--serif);letter-spacing:.14em;color:#f6e2bd;text-shadow:0 -1px 0 #2a120688,0 1px 1px #00000099;transform:rotate(-1.5deg)}.cratelink span:before{content:"";width:1.1em;height:1.1em;display:inline-block;margin-right:.4em;vertical-align:-.15em;background:url(/img/v3/holly.webp) center / contain no-repeat}.cratelink:hover span,.cratelink:focus-visible span{color:#fff2d4}.cratelink:focus-visible{outline:3px solid var(--gold-lt);outline-offset:4px;border-radius:8px}