@font-face{font-family:Sketch;src:url(/fonts/PatrickHand-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Display;src:url(/fonts/Boogaloo-Regular.ttf) format("truetype");font-display:swap}:root{font-family:Sketch,Arial,sans-serif;color:#171813;background:#2b2d30;font-synthesis:none;--ink: #171813;--paper: #f8f6eb;--yellow: #ffda3e;--blue: #52a6db;--pink: #f5a4b1;--green: #99c776;--line: 2px solid var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #378fcb;outline-offset:3px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}p{line-height:1.35}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:8px;z-index:99;background:var(--yellow);padding:10px}.app-shell{max-width:420px;margin:0 auto;min-height:100svh;background:var(--paper);position:relative;isolation:isolate;box-shadow:0 0 0 1px #161713,0 0 30px #0004;padding-top:max(env(safe-area-inset-top),var(--tg-safe-top, 0px))}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url(/paper.svg);opacity:.36;z-index:-1}.site-header{height:88px;display:flex;align-items:center;justify-content:center;position:relative;padding:17px 46px 14px}.brand{display:block;width:218px}.brand img{width:100%;height:54px;object-fit:contain}.header-back{position:absolute;left:12px;top:24px;display:grid;place-items:center;width:38px;height:38px}.main-container{padding:0 19px calc(89px + max(env(safe-area-inset-bottom),var(--tg-safe-bottom, 0px)))}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:420px;max-width:100%;height:calc(76px + max(env(safe-area-inset-bottom),var(--tg-safe-bottom, 0px)));padding:9px 13px calc(9px + max(env(safe-area-inset-bottom),var(--tg-safe-bottom, 0px)));display:grid;grid-template-columns:repeat(5,1fr);background:#faf8ed;border-top:1px solid #e1ddcf}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-nav a>span{width:41px;height:38px;display:grid;place-items:center;position:relative}.bottom-nav a>span:before{content:"";position:absolute;inset:0;border-radius:47% 42% 53% 39%;z-index:-1}.bottom-nav a.active>span:before{background:var(--yellow);transform:rotate(-8deg)}.bottom-nav b{font:12px Sketch,sans-serif;font-weight:400}.bottom-nav .active b{font-weight:600}.is-home{background:var(--yellow)}.is-home .main-container{padding:0 0 calc(76px + max(env(safe-area-inset-bottom),var(--tg-safe-bottom, 0px)))}.home-page{position:relative;overflow:hidden;min-height:calc(100svh - 76px);display:flex;flex-direction:column}.home-confetti{position:absolute;inset:0;background-image:url(/confetti.svg);background-size:390px 530px;pointer-events:none;opacity:.8}.home-intro{z-index:2;padding:25px 20px 0}.home-intro h1{margin:0 -10px 16px}.home-intro h1 img{width:100%;height:auto}.home-slogan{font:700 23px/32.2px Comic Sans MS,Sketch,sans-serif;text-align:center;transform:rotate(-3deg);margin:0 0 24px}.hero-actions{display:flex;flex-direction:column;gap:17px}.home-action{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:12px;min-height:112px;padding:9px 14px;border:3px solid var(--ink);border-radius:28px 23px 27px/26px 20px 27px;box-shadow:0 3px 0 var(--ink);font:700 30px/1.05 Comic Sans MS,Sketch,sans-serif;letter-spacing:.4px;position:relative}.home-action>svg:first-child,.home-action>.guess-eye{width:76px;height:76px}.home-action>svg:last-child{display:none}.guess-action{background:var(--blue);transform:rotate(-1deg)}.create-action{background:var(--pink);transform:rotate(.4deg)}.home-action:active{transform:translateY(2px);box-shadow:none}.home-community{position:relative;flex:1;min-height:260px;margin-top:17px}.monster-crowd{position:absolute;bottom:-8px;left:-12px;width:calc(100% + 24px);max-width:none;height:100%;object-fit:fill;object-position:bottom}.today{position:absolute;left:18px;right:18px;bottom:75px;background:var(--paper);border-radius:24px;padding:16px 20px;transform:rotate(-2deg);box-shadow:0 1px #1112}.today h2{font:22px Display,sans-serif;text-align:center;margin:0 0 10px}.today-content{display:flex;justify-content:center;gap:21px;align-items:center}.today-content img{width:112px;height:110px;object-fit:contain;mix-blend-mode:darken}.today-content p{margin:0;font-size:22px;line-height:1.1}.today-content strong{font-family:Display;font-size:27px;letter-spacing:1px}.demo-label{display:block;font:8px Arial,sans-serif;letter-spacing:1.2px;opacity:.45;text-align:right;margin-top:4px}.button{min-height:56px;padding:10px 20px;border:2.5px solid var(--ink);border-radius:20px 15px 17px 18px/15px 18px 14px 16px;background:var(--yellow);font:24px/1.1 Display,sans-serif;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 2px 0 var(--ink)}.button:hover:not(:disabled){filter:brightness(1.025)}.button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.button-paper{background:var(--paper)}.button-ink{background:var(--ink);color:var(--paper)}.eyebrow{font:18px Display,sans-serif}.page-heading{margin:12px 0 20px}.page-heading h1,.publish-title{font:28px Display,sans-serif;text-align:center}.game-layout{display:block}.drawing-frame{background:var(--yellow);border:2.5px solid #24251d;border-radius:7px 9px 5px 6px;overflow:hidden;box-shadow:1px 1px 0 var(--ink);transform:rotate(.2deg);position:relative}.drawing-frame:after{content:"";pointer-events:none;position:absolute;inset:0;background:url(/paper.svg);opacity:.45}.drawing-frame img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:darken}.drawing-meta{display:flex;justify-content:space-between;align-items:center;min-height:28px;margin:5px 0;color:#777365;font-size:12px}.drawing-meta .like{font-size:13px;min-height:28px}.answer-side{padding-top:2px}.feed-form{display:grid;grid-template-columns:1fr 58px;column-gap:8px;align-items:end}.guess-input{position:relative;min-width:0}.guess-input label{display:block;font:29px/1.15 Display,sans-serif;margin:0 0 9px}.guess-input textarea{width:100%;resize:vertical;display:block;border:2px solid #8c8a7b;border-radius:12px 9px 11px;background:#faf8ee;padding:12px 14px 22px;font-size:21px;line-height:1.15;min-height:85px}.feed-form .guess-input textarea{height:64px;min-height:64px;padding:14px 13px 17px;font-size:19px}.character-count{position:absolute;bottom:5px;right:10px;font:10px Arial,sans-serif;color:#928e7e}.feed-form>.button{height:64px;min-height:64px;width:58px;padding:0;background:#3898d8;border:none;border-radius:14px;box-shadow:none;color:#fff}.feed-form>.inline-error{grid-column:1/-1}.locked-note{display:flex;align-items:center;gap:10px;color:#8a8576;border:1.5px dashed #c9c4b3;border-radius:9px;padding:14px;margin:22px 0}.locked-note p{font-size:16px;margin:0}.locked-note svg{flex-shrink:0}.author-reveal{padding:11px 13px;background:#eee9d7;border-radius:9px;margin:12px 0 17px;border:1px solid #d2cbb7}.author-reveal .eyebrow{font-size:16px}.author-reveal h2{font:25px/1.2 Sketch,sans-serif;margin:5px 0 0;overflow-wrap:anywhere}.reveal-heading{display:flex;justify-content:space-between;align-items:center;margin:8px 3px}.reveal-heading h3{font:21px Display,sans-serif;margin:0}.reveal-heading>span{font-size:12px;color:#8c8778}.guess-list{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.guess-row{display:flex;align-items:center;gap:8px;border:1.6px solid #77786b;border-radius:7px 9px 6px 8px;padding:1px 9px;min-height:43px;box-shadow:0 1px #9997}.guess-avatar,.guess-row small{display:none}.guess-row>div{flex:1;min-width:0}.guess-row p{margin:0;font-size:19px;overflow-wrap:anywhere;line-height:1.2}.like-wrap{display:inline-flex;flex-direction:column;align-items:center;flex-shrink:0}.like{border:0;background:none;display:flex;align-items:center;justify-content:center;gap:5px;font:14px Sketch,sans-serif;min-width:39px;min-height:36px;padding:3px 0}.like svg{color:#f1646a;fill:#f1646a;stroke-width:1.8;transition:transform .15s}.like:not(.liked) svg{opacity:.72}.like.liked svg{color:#d4374d;fill:#d4374d;transform:scale(1.16)}.like.liked{color:#b6203e}.like-wrap .inline-error{max-width:100px;font-size:12px}.next-button{width:96%;margin:12px auto 0;min-height:53px;background:var(--green);justify-content:space-between;padding-left:33px;border-radius:16px 14px 17px 13px}.game-page{padding-bottom:10px}.tabs{display:flex;gap:7px;margin:3px 0 16px;overflow:auto;scrollbar-width:none;padding:2px}.tabs button{flex:1;white-space:nowrap;border:1.5px solid transparent;background:#eeeade;border-radius:16px 13px 18px;font:17px Display,sans-serif;padding:10px 8px;min-height:42px}.tabs .active{background:var(--yellow);border-color:#dab321;box-shadow:inset 0 0 0 2px #fff3}.gallery-page>.tabs{gap:5px}.gallery-page>.tabs button{font-size:15px;padding:10px 7px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 12px}.droodle-card{min-width:0}.droodle-card>a{display:block;overflow:hidden;background:var(--yellow);border:1px solid #bfb38b;border-radius:9px 7px;position:relative}.droodle-card>a:after{content:"";position:absolute;inset:0;background:url(/paper.svg);opacity:.45;pointer-events:none}.droodle-card img{width:100%;aspect-ratio:1.12;object-fit:contain;mix-blend-mode:darken}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;height:31px;padding:0 7px}.card-meta .like{font-size:14px;min-height:31px}.card-meta .like svg{width:16px;height:16px}.guess-count{display:flex;align-items:center;gap:5px;font-size:14px}.profile-page{padding-top:0}.profile-info{text-align:center}.avatar{background:var(--yellow);width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.avatar-large{width:111px;height:111px;border:1px solid #e4c64e}.avatar img{width:100%;height:100%;object-fit:cover}.profile-info h1{font:28px/1.1 Display,sans-serif;text-transform:uppercase;margin:10px 0 3px}.profile-info p{font-size:17px;margin:0}.stats{display:flex;margin:20px 0 25px}.stat{flex:1;text-align:center;border-right:1px solid #dedacd}.stat:last-child{border:0}.stat strong{display:block;font:25px/1 Display,sans-serif}.stat span{font-size:16px;display:block;margin-top:5px}.profile-page>.tabs{margin-bottom:14px}.profile-page .droodle-card img{aspect-ratio:1.12}.draw-workspace{display:flex;flex-direction:column}.draw-canvas{order:0;width:100%;aspect-ratio:1;display:block;touch-action:none;cursor:crosshair;border:2px solid var(--ink);border-radius:7px;background:var(--yellow);box-shadow:none;max-height:none}.canvas-toolbar{order:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:26px 0 0;padding-right:7px}.canvas-toolbar button{aspect-ratio:1;min-width:0;border:0;border-radius:16px;background:#eeeade;display:grid;place-items:center;padding:0}.canvas-toolbar button.selected{background:var(--yellow)}.canvas-toolbar button:disabled{opacity:.45}.canvas-toolbar button.clear-confirm{background:var(--pink)}.canvas-toolbar button svg{width:28px;height:28px;stroke-width:2}.tool-icon{object-fit:contain}.tool-icon-curve{width:21px;height:35px;transform:rotate(16.118deg)}.tool-icon-line{width:28px;height:31px}.tool-icon-circle{width:30px;height:30px}.drawing-help{order:2;min-height:34px;margin:18px 8px 0;font-size:15px;text-align:center;color:#777365}.draw-workspace>.button{order:4;width:92%;margin:12px auto 0;min-height:59px;font-size:28px}.canvas-hint{order:5;text-align:center;color:#96917f;font-size:13px;margin:13px 0 0}.draw-workspace>.inline-error{order:3}.back-link{background:none;border:0;padding:6px 0 16px;display:flex;align-items:center;gap:6px;text-align:left;font-size:17px}.publish-preview{width:100%;border:var(--line);border-radius:9px;margin-bottom:21px}.draw-workspace form>.button{width:100%;margin:19px 0}.publish-title{margin:0 0 18px}.publish-success{text-align:center;padding:20px 0}.success-mark{width:64px;height:64px;border:var(--line);border-radius:45%;display:grid;place-items:center;background:var(--green);margin:0 auto 22px;transform:rotate(-7deg)}.publish-success>.eyebrow{font-size:15px}.publish-success h1{font:35px Display,sans-serif;margin:14px 0}.publish-success p{font-size:19px;color:#777162}.published-image{width:75%;aspect-ratio:1;object-fit:contain;border:var(--line);border-radius:10px;transform:rotate(-3deg);margin:27px auto}.publish-success .button{margin:18px 0 0;width:100%}.state{padding:55px 5px;text-align:center;display:flex;align-items:center;flex-direction:column;min-height:400px}.state h2{font:29px Display,sans-serif;margin:22px 0 12px}.state p{font-size:19px;color:#7d7767}.state .button{font-size:21px;width:100%;margin-top:10px}.loading-doodle{display:block;width:112px;height:112px;margin:0 auto;color:var(--ink);animation:loader-bob 1.8s ease-in-out infinite}.inline-error{color:#ac3447;font-size:16px}.muted{color:#8d8779;font-size:18px}.handwritten{font-family:Sketch}.text-link{font-size:17px;text-align:center;display:block;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:600px){.app-shell{margin:20px auto;min-height:calc(100svh - 40px);border-radius:28px;overflow:hidden;box-shadow:0 0 0 5px #111,0 0 0 7px #62635d,0 18px 40px #0005}.bottom-nav{bottom:20px;border-radius:0 0 26px 26px}.home-page{min-height:calc(100svh - 116px)}}@media(max-width:360px){.main-container{padding-left:14px;padding-right:14px}.site-header{height:77px}.brand{width:188px}.home-intro{padding:25px 17px 0}.home-slogan{font-size:25px;margin-bottom:24px}.home-action{min-height:96px;font-size:28px;grid-template-columns:65px 1fr 25px;gap:8px;padding:8px 11px}.home-action>svg:first-child,.home-action>.guess-eye{width:64px;height:64px}.home-community{min-height:295px}.today{left:13px;right:13px;padding:18px 15px 12px}.today h2{font-size:20px}.today-content{gap:14px}.today-content img{width:95px;height:95px}.today-content p{font-size:20px}.tool-group button{width:55px;height:55px}.canvas-toolbar,.tool-group{gap:8px}.colors button{width:30px;height:30px}.tabs button{font-size:15px}.gallery-page>.tabs button{font-size:13px;padding:8px 5px}.guess-row p{font-size:17px}.feed-form{grid-template-columns:1fr 52px}.feed-form>.button{width:52px}.guess-input label{font-size:26px}.avatar-large{width:94px;height:94px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}html[data-telegram-theme=dark]{background:var(--tg-bg, #2b2d30)}.brand img{object-fit:contain}.bottom-nav img{width:25px;height:25px}.today-summary{margin:0;text-align:center;font-family:Comic Sans MS,Sketch,sans-serif}.today-summary strong{display:block;font-size:27px;line-height:30px}.today-summary span{display:block;font-size:22px;line-height:26px;white-space:nowrap}.publish-preview,.published-image{background:var(--yellow)}@media(max-width:359px){.home-action{grid-template-columns:62px minmax(0,1fr);gap:8px;font-size:25px}.home-action>svg:first-child,.home-action>.guess-eye{width:60px}.home-slogan{font-size:20px}.today-summary span{font-size:18px}.canvas-toolbar{gap:7px;padding-right:0}}@keyframes loader-bob{50%{transform:translateY(-7px) rotate(5deg)}}@keyframes loader-look{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}.loader-pupils{animation:loader-look 2.4s ease-in-out infinite}.drawing-mode,.drawing-mode body{overflow:hidden;overscroll-behavior:none}.drawing-mode .app-shell{height:var(--app-height, 100dvh);min-height:0;display:flex;flex-direction:column}.drawing-mode .site-header{height:66px;flex-shrink:0;padding-block:10px}.drawing-mode .main-container{flex:1;min-height:0;padding-bottom:calc(84px + max(env(safe-area-inset-bottom),var(--tg-safe-bottom, 0px)))}.drawing-mode .draw-page,.drawing-mode .draw-workspace{height:100%;min-height:0}.drawing-mode .draw-workspace{align-items:center}.drawing-mode .draw-canvas{flex-shrink:0;width:min(100%,max(80px,calc(var(--app-height, 100dvh) - 300px - var(--tg-safe-top, 0px) - var(--tg-safe-bottom, 0px))));height:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.drawing-mode .canvas-toolbar{width:100%;max-width:330px;margin-top:12px;gap:10px;padding:0}.drawing-mode .canvas-toolbar button{max-height:52px}.drawing-mode .drawing-help{margin-top:8px;min-height:18px;font-size:13px}.drawing-mode .draw-workspace>.button{min-height:46px;margin-top:10px;font-size:25px}.drawing-mode .canvas-hint{display:none}@media(min-width:600px){.drawing-mode .app-shell{margin-top:0;margin-bottom:0}}@media(prefers-reduced-motion:reduce){.loading-doodle,.loader-pupils{animation:none}}