@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2)format("woff2");font-weight:100 900}*{box-sizing:border-box}[hidden]{display:none!important}button,input{font:inherit;color:inherit;background:#2f2f35;border:0;border-radius:8px;padding:9px 12px}button{cursor:pointer}button.primary{background:#9147ff;font-weight:600}button:disabled{opacity:.5}#toast{top:calc(10px + env(safe-area-inset-top));z-index:40;color:#efeff1;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#18181be6;border-radius:999px;max-width:calc(100% - 24px);padding:7px 14px;font-size:13px;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 10px #0006}#account{z-index:30;top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));align-items:center;gap:8px;display:flex;position:fixed}.pill,#signin{color:#fff;background:#9147ff;border-radius:99px;align-items:center;gap:7px;height:38px;padding:0 15px 0 12px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0005}.pill{color:#efeff1;background:#18181bd9;font-size:15px;text-decoration:none}.pill svg,#signin svg{width:18px;height:18px}#me-btn{background:#18181b;border-radius:50%;width:40px;height:40px;padding:0;overflow:hidden;box-shadow:0 2px 8px #0005}#me-btn img{width:100%;height:100%;display:block}#me-menu{background:#18181bf2;border-radius:12px;flex-direction:column;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 6px 24px #0006}#me-name{color:#efeff1;margin:6px 10px 8px;font-weight:600}#me-menu a,#me-menu button{color:#efeff1;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}#me-menu a:hover,#me-menu button:hover{background:#ffffff14}#me-menu svg{width:16px;height:16px}@media (width<=699px){.pill,#signin{justify-content:center;width:40px;height:40px;padding:0}.pill span,#signin span{display:none}}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tinos-latin-400-normal-rilFpyjL.woff2)format("woff2"),url(/assets/tinos-latin-400-normal-B05awSIM.woff)format("woff")}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tinos-latin-700-normal-qGf2y18O.woff2)format("woff2"),url(/assets/tinos-latin-700-normal-CjcRkLdR.woff)format("woff")}@font-face{font-family:Tinos;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/tinos-latin-400-italic-BYAl0kbZ.woff2)format("woff2"),url(/assets/tinos-latin-400-italic-HcuZF3H0.woff)format("woff")}.door{color:#111;background:linear-gradient(100deg,#fff6 0 18%,#fff0 40%),linear-gradient(160deg,#f4efe2,#e6dfcc);border-radius:5cqw;box-shadow:inset 0 0 0 1px #0000000d,inset 0 -.6cqw 1.2cqw #0000000f,0 3px 14px #0003}.brand{pointer-events:none;justify-content:center;align-items:flex-start;gap:1.6cqw;display:flex;position:absolute;top:3.5cqw;left:0;right:0}.brand span,.brand small{color:#111;background:#fff;padding:.9cqw 2cqw 1.3cqw;font:600 8.5cqw/1 Tinos,Times New Roman,serif;box-shadow:.35cqw .5cqw .7cqw #0005}.brand span:first-child{transform:rotate(-3deg)}.brand span:nth-child(2){transform:rotate(2deg)translateY(.8cqw)}.brand small{padding:.5cqw 1cqw .7cqw;font-size:3.4cqw;font-style:italic;font-weight:400;transform:rotate(-5deg)translateY(4.5cqw)}.handle{z-index:1;pointer-events:none;background:linear-gradient(90deg,#a9aeb3,#f1f3f5 35%,#c3c8cd 60%,#8e9399);border-radius:1.1cqw;width:2.2cqw;height:30%;position:absolute;top:34%;right:2.6cqw;box-shadow:.4cqw .5cqw .9cqw #0000003d,inset 0 0 0 .15cqw #0000001a}.credits{color:#000a;justify-content:center;align-items:center;gap:1.4cqw;margin:0;font:2.6cqw/1.35 Inter,sans-serif;display:flex;position:absolute;top:18cqw;left:8cqw;right:8cqw}.credits img{opacity:.75;border-radius:50%;flex:none;width:4.4cqw;height:4.4cqw}.tile{color:#111;white-space:nowrap;background:#fff;flex-direction:column;align-items:center;padding:.9cqw 1.4cqw 1cqw;font:4.2cqw/1 Tinos,Times New Roman,serif;display:flex;position:absolute;box-shadow:.25cqw .35cqw .5cqw #0005}.tile img{width:auto;height:5cqw;display:block}.tile.punct{min-width:4.2cqw;font-weight:600}.tile .tag{white-space:nowrap;border-radius:.4cqw;margin-bottom:-.4cqw;padding:.35cqw .7cqw;font:600 1.6cqw/1 Inter,sans-serif;display:none;position:absolute;bottom:100%;left:.6cqw;box-shadow:.15cqw .2cqw .3cqw #0004}.names .tile .tag{display:block}body{color:#efeff1;background:#d4ddd8 linear-gradient(#dfe7e2,#c9d4ce);width:max-content;min-width:100%;margin:0;font:15px/1.4 Inter,system-ui,sans-serif}#board{min-width:100%;min-height:100dvh;padding:calc(40px + env(safe-area-inset-top)) 320px calc(110px + env(safe-area-inset-bottom)) 300px;justify-content:center;align-items:flex-start;display:flex;position:relative}#drawer{display:none}#bar{z-index:30;left:calc(12px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));align-items:center;gap:8px;display:flex;position:fixed}#bar button{color:#efeff1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18181bd9;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:0 2px 8px #0005}#bar button[aria-pressed=true]{color:#e2d4ff;background:#4b2a8ae6}#bar .gap{width:8px}#bar svg{width:22px;height:22px}#bar.hidden button:not(#hide-bar),#bar.hidden .gap{display:none}#bar #hide-bar{color:#adadb8;width:32px;height:32px;box-shadow:none;background:#18181b99}#bar #hide-bar svg{width:18px;height:18px}#bar .lucide-chevron-right,#bar.hidden .lucide-chevron-left{display:none}#bar.hidden .lucide-chevron-right{display:block}#sound-btn .lucide-volume-x,#sound-btn[aria-pressed=false] .lucide-volume-2{display:none}#sound-btn[aria-pressed=false] .lucide-volume-x{display:block}#bank-head{z-index:5;top:calc(40px + env(safe-area-inset-top));gap:8px;display:flex;position:absolute;left:13px}#bank-head button{color:#efeff1;background:#18181bd9;border-radius:99px;align-items:center;gap:6px;height:38px;padding:0 15px 0 12px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0005}#bank-head button.primary{color:#fff;background:#9147ff}#bank-head button[aria-pressed=true]{color:#e2d4ff;background:#4b2a8ae6}#bank-head svg{width:18px;height:18px}#bank-head button.icon{justify-content:center;width:38px;padding:0}#bar button,#bank-head button{position:relative}@media (hover:hover){#bank-head button[data-tip]:hover:after{top:calc(100% + 8px)}#bar button[data-tip]:hover:after{bottom:calc(100% + 8px)}#bar button[data-tip]:hover:after,#bank-head button[data-tip]:hover:after{content:attr(data-tip);z-index:1;color:#efeff1;white-space:nowrap;pointer-events:none;background:#18181b;border-radius:6px;padding:5px 9px;font:12px/1.3 Inter,sans-serif;position:absolute;left:0;box-shadow:0 2px 8px #0004}}#emote-drawer{z-index:20;left:10px;top:calc(40px + env(safe-area-inset-top) + 46px);-webkit-backdrop-filter:blur(8px);color:#eee;background:#18181be6;border-radius:16px;width:min(360px,100vw - 20px);max-height:min(70vh,560px);padding:10px 12px 12px;position:absolute;overflow-y:auto;box-shadow:0 6px 24px #0005}#emote-drawer h3{letter-spacing:.06em;text-transform:uppercase;color:#aaa;margin:6px 2px 8px;font:600 12px Inter,sans-serif}.em-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px;display:grid}.em-grid:empty:after{content:"None yet";color:#777;font-size:13px}.em-grid button{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:0;border-radius:10px;padding:6px}.em-grid button:hover{background:#ffffff26}#punct-drawer{z-index:20;left:10px;top:calc(40px + env(safe-area-inset-top) + 46px);-webkit-backdrop-filter:blur(8px);background:#18181be6;border-radius:16px;flex-wrap:wrap;gap:8px;max-width:min(300px,100vw - 20px);padding:12px;display:flex;position:absolute;box-shadow:0 6px 24px #0005}#punct-drawer button{color:#111;background:#fff;border-radius:0;min-width:34px;height:38px;padding:0 8px 2px;font:600 24px/1 Tinos,Times New Roman,serif;box-shadow:1.5px 2px 3px #0006}#punct-drawer button:nth-child(odd){transform:rotate(-2deg)}#punct-drawer button:nth-child(3n){transform:rotate(1.5deg)}#punct-drawer button:active{transform:translateY(1px);box-shadow:1px 1px 2px #0006}#em-tip{z-index:40;color:#efeff1;white-space:nowrap;pointer-events:none;background:#000;border-radius:6px;padding:5px 9px;font:12px/1.3 Inter,sans-serif;position:fixed;box-shadow:0 2px 8px #0006}.em-grid img{object-fit:contain;width:100%;height:100%}#fridge{-webkit-user-select:none;user-select:none;flex:none;width:640px;position:relative;container-type:inline-size}#poem{z-index:2;aspect-ratio:4/5;position:relative}.tile{z-index:3;touch-action:none;cursor:grab;position:absolute}.tile.dragging{z-index:10;cursor:grabbing;box-shadow:.6cqw 1cqw 1.4cqw #0006}.tile img{pointer-events:none}#fridge.hide-parked .tile:not(.in-poem):not(.dragging){visibility:hidden}.tile.picked{outline:.5cqw solid #9147ff}#bubble{z-index:35;left:10px;right:10px;bottom:calc(70px + env(safe-area-inset-bottom));color:#efeff1;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:#18181b;border-radius:10px;max-width:420px;margin:0 auto;padding:9px 12px;font:13px/1.45 Inter,sans-serif;position:fixed;box-shadow:0 6px 18px #0005}#bubble.side{width:280px;margin:0;position:absolute;bottom:auto;right:auto}#bubble.side:before{content:"";left:-6px;top:calc(var(--arrow,20px) - 6px);border:6px solid #0000;border-left:0;border-right-color:#18181b;position:absolute}#bubble .when{color:#adadb8;margin-right:5px;font-size:11px}#bubble b{font-weight:700}#bubble mark{color:#fff;background:#9147ff;border-radius:3px;padding:0 2px}#bubble .emote{vertical-align:middle;width:auto;height:1.9em;margin:-.3em 1px}#bubble .emote.hit{background:#9147ff66;border-radius:3px;outline:2px solid #9147ff}@media (width<=699px){#board{--sheet:min(640px, calc(100vw - 12px));padding:calc(56px + env(safe-area-inset-top)) 6px calc(66px + env(safe-area-inset-bottom))}#fridge{width:var(--sheet)}#drawer{bottom:0;left:0;right:0;top:calc(62px + env(safe-area-inset-top) + var(--sheet) * 1.25);background:#0000000d;border-top:1px solid #0000001a;display:block;position:absolute}#bar{left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));justify-content:center;gap:6px}#bar button{width:40px;height:40px}#bar #hide-bar{width:30px;height:30px}#bar svg{width:19px;height:19px}#bank-head{top:calc(70px + env(safe-area-inset-top) + var(--sheet) * 1.25);left:8px}#bank-head button,#bank-head button.icon{justify-content:center;width:40px;height:40px;padding:0}#bank-head button span{display:none}#emote-drawer,#punct-drawer{top:auto;bottom:calc(64px + env(safe-area-inset-bottom));position:fixed}}body.obs{background:0 0;width:auto}body.obs #board{min-height:0;padding:0}body.obs #bar,body.obs #account,body.obs #bank-head,body.obs #toast,body.obs #emote-drawer,body.obs #punct-drawer,body.obs .tile:not(.in-poem){display:none}body.obs #fridge{width:min(100vw,64vh)}dialog.saved{color:#eee;background:#1e1f22;border:1px solid #555;border-radius:10px;max-width:min(92vw,520px);padding:14px}dialog.saved::backdrop{background:#000a}dialog.saved img{border-radius:4px;width:100%;height:auto;display:block}dialog.saved p{color:#aaa;margin:10px 0;font-size:13px}dialog.saved .download{color:inherit;background:#3a3c42;border:1px solid #555;border-radius:6px;padding:7px 10px;text-decoration:none}dialog.saved .big{color:#fff;margin:4px 0 14px;font-size:17px;font-weight:600}dialog.saved .row a{color:inherit;background:#3a3c42;border:1px solid #555;border-radius:6px;padding:7px 10px;text-decoration:none}dialog.saved .row a.primary{color:#fff;background:#9147ff;border-color:#9147ff;font-weight:600}dialog.saved .field{color:#aaa;margin-bottom:12px;font-size:13px;display:block}dialog.saved .field input{color:#eee;background:#0e0e10;border:1px solid #3a3a3f;width:100%;margin-top:5px;display:block}dialog.saved .check{align-items:center;gap:8px;margin-bottom:14px;font-size:14px;display:flex}dialog.saved .check input{width:18px;height:18px;padding:0}dialog.saved .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}