:root{color:#292722;font-synthesis:none;text-rendering:optimizelegibility;--paper:#fffdf6;--paper-soft:#f7f0df;--ink:#292722;--muted:#756f64;--pencil-red:#d65445;--pencil-red-dark:#a83e34;--pencil-blue:#3f6f87;--pencil-yellow:#e7c85c;--line:#3d382f4d;--line-soft:#3d382f29;--shadow:#4a3d2724;background:#e8dfcb;font-family:Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html{background:#e8dfcb;min-height:100%}body{min-height:100%;color:var(--ink);background-color:#e8dfcb;background-image:url(/assets/paper-doodle-background-C9-aVgJz.webp);background-position:top;background-repeat:repeat-y;background-size:min(941px,100vw);margin:0;overflow-x:hidden}button,a,input{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #3f6f877a}[hidden]{display:none!important}.drawing-app{width:min(100%,460px);min-height:100dvh;padding:env(safe-area-inset-top) max(18px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(18px, env(safe-area-inset-left));isolation:isolate;background:#fffdf6b8;margin:0 auto;box-shadow:0 0 44px #5b4b2e17}.topbar{border-bottom:1px dashed var(--line-soft);grid-template-columns:58px 1fr 58px;align-items:center;height:62px;display:grid}.brand{color:var(--ink);letter-spacing:-.06em;justify-self:center;font-family:Nanum Pen Script,Gaegu,Apple SD Gothic Neo,sans-serif;font-size:28px;font-weight:800;text-decoration:none;transform:rotate(-1deg)}.back-button{min-height:40px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px}.topbar-spacer{display:block}.topbar-home{min-height:40px;color:var(--muted);text-underline-offset:4px;justify-self:end;align-items:center;padding:4px 1px 4px 8px;font-size:12px;font-weight:800;-webkit-text-decoration:underline #433e3659;text-decoration:underline #433e3659;display:inline-flex}.screen-content{min-height:calc(100dvh - 62px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:8px 0 26px}.paper-tabs{border-bottom:1px solid #3d382f3d;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,310px);margin:12px auto 0;display:grid}.paper-tab{min-height:48px;color:var(--muted);cursor:pointer;background:#f7f0dfc7;border:1px solid #3d382f38;border-bottom:0;padding:9px 14px;font-family:Nanum Pen Script,Gaegu,Apple SD Gothic Neo,sans-serif;font-size:19px;font-weight:850;position:relative;transform:translateY(1px)rotate(-.3deg)}.paper-tab+.paper-tab{margin-left:7px;transform:translateY(1px)rotate(.4deg)}.paper-tab.is-active{z-index:1;color:var(--pencil-red-dark);background:#fffdf6f7;border-color:#a83e3473}.paper-tab.is-active:after{background:var(--pencil-red);content:"";height:2px;position:absolute;bottom:5px;left:17%;right:17%;transform:rotate(-1deg)}.mode-screen .screen-content{flex-direction:column;display:flex}.mode-intro{text-align:center;padding:clamp(34px,8vh,68px) 8px 28px}.scribble-kicker,.eyebrow,.result-kicker{width:fit-content;color:var(--pencil-red-dark);letter-spacing:.03em;margin:0 auto 12px;font-family:Nanum Pen Script,Gaegu,Apple SD Gothic Neo,sans-serif;font-size:13px;font-weight:800;display:block;transform:rotate(-1.5deg)}.scribble-kicker{font-size:25px}.mode-intro h1,.preview-head h1,.guess-head h1,.result-head h1,.stats-head h1,.empty-card h1{color:var(--ink);letter-spacing:-.075em;text-wrap:balance;margin:0;font-family:Nanum Pen Script,Gaegu,Apple SD Gothic Neo,sans-serif;font-size:clamp(28px,8vw,36px);font-weight:900;line-height:1.14}.mode-intro p,.preview-head p,.guess-head p,.stats-head p,.empty-card p{color:var(--muted);letter-spacing:-.025em;margin:13px 0 0;font-size:14px;line-height:1.58}.mode-intro p{text-wrap:balance;max-width:330px;margin-left:auto;margin-right:auto}.relay-word{border:2px solid var(--pencil-blue);color:#2f5c72;background:#fffdf6db;width:fit-content;margin:20px auto 0;padding:9px 15px;font-size:17px;font-weight:850;transform:rotate(1deg)}.mode-grid{gap:15px;display:grid}.mode-card{min-height:104px;box-shadow:4px 5px 0 var(--shadow);text-align:left;cursor:pointer;background:#fffdf6f0;border:2px solid #322e27b8;border-radius:6px 13px 7px 11px;grid-template-columns:68px 1fr;align-items:center;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:grid}.mode-card--speed{transform:rotate(-.45deg)}.mode-card--stroke{transform:rotate(.45deg)}.mode-card:hover{box-shadow:2px 3px 0 var(--shadow);transform:translateY(2px)rotate(0)}.mode-icon-art{object-fit:contain;pointer-events:none;width:60px;height:60px;display:block}.mode-card--speed .mode-icon-art{transform:rotate(-4deg)}.mode-card--stroke .mode-icon-art{transform:rotate(3deg)}.mode-copy{gap:6px;padding-left:8px;display:grid}.mode-copy strong{color:var(--ink);letter-spacing:-.05em;font-size:20px;font-weight:900}.mode-copy small{color:var(--muted);font-size:13px;line-height:1.45}.home-link,.recent-button{color:var(--muted);text-underline-offset:4px;align-self:center;font-size:13px}.recent-button{margin-top:24px}.home-link{margin-top:auto;padding:24px 8px 8px}.route-home-link{color:#655f55;background:#fffdf6a8;border:1px dashed #3d382f61;border-radius:5px 8px 4px 7px;justify-content:center;align-items:center;width:100%;min-height:46px;padding:10px 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.explore-home-link{margin-top:20px}.draw-screen .screen-content,.guess-screen .screen-content,.preview-screen .screen-content,.result-screen .screen-content{flex-direction:column;display:flex}.draw-head{justify-content:space-between;align-items:center;min-height:42px;display:flex}.mode-pill{border:1px solid var(--line);width:fit-content;color:var(--muted);background:#fffdf6c7;border-radius:4px 8px 5px 7px;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.mode-pill--speed15{color:var(--pencil-red-dark);border-color:#a83e3475;transform:rotate(-1deg)}.mode-pill--one_stroke{color:var(--pencil-blue);border-color:#3f6f8780;transform:rotate(1deg)}.timer{min-width:66px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.05em;text-align:right;font-size:25px;font-weight:900}.timer.is-urgent{color:var(--pencil-red-dark)}.prompt-block{text-align:center;padding:13px 0 14px}.prompt-block small{color:var(--muted);font-size:11px}.prompt-block h1{color:var(--ink);letter-spacing:-.065em;margin:4px 0 0;font-size:clamp(29px,8vw,37px);font-weight:900}.canvas-frame,.paper-card{width:100%;box-shadow:5px 6px 0 var(--shadow);background:#fffef9;border:2px solid #343029b8;border-radius:5px 12px 7px 10px;position:relative;overflow:hidden}.canvas-frame{aspect-ratio:1;transform:rotate(-.18deg)}.canvas-frame canvas,.paper-card canvas{background:#fffef9f5;width:100%;height:100%;display:block}.canvas-frame canvas{touch-action:none;cursor:crosshair}.canvas-hint{border:1px dashed var(--line);min-width:154px;color:var(--muted);text-align:center;pointer-events:none;background:#fffdf6eb;padding:12px 16px;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1deg)}.draw-foot{text-align:center;place-items:center;gap:8px;min-height:96px;padding-top:12px;display:grid}.draw-foot p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.finish-button{border:2px solid var(--ink);background:var(--pencil-yellow);min-width:156px;min-height:45px;box-shadow:3px 3px 0 var(--shadow);color:var(--ink);cursor:pointer;border-radius:5px 9px 6px 8px;padding:9px 20px;font-weight:900;transform:rotate(-.6deg)}.finish-button:disabled{border-color:var(--line);box-shadow:none;color:#9a9386;cursor:default;background:#e9e2d2}.text-button{color:#655f55;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:42px;padding:6px 10px;font-size:13px;-webkit-text-decoration:underline #433e3666;text-decoration:underline #433e3666}.text-button strong{color:var(--pencil-red-dark)}.preview-head,.guess-head,.result-head,.stats-head{text-align:center}.preview-head{padding:22px 0 12px}.preview-prompt{color:var(--muted);border-bottom:2px solid #d6544585;justify-content:center;align-items:baseline;gap:9px;margin:0 auto 13px;padding:8px 14px;display:flex;transform:rotate(-.6deg)}.preview-prompt small{font-size:11px}.preview-prompt strong{color:var(--pencil-red-dark);font-size:19px}.paper-card--preview,.paper-card--result{aspect-ratio:1.18;transform:rotate(.25deg)}.paper-mode{color:var(--muted);background:#fffdf6e6;border:1px solid #2a27228c;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;bottom:9px;right:10px;transform:rotate(-2deg)}.action-stack{gap:10px;padding-top:18px;display:grid}.storage-warning{color:#7a443e;text-align:center;background:#fffdf6e0;border:1px solid #a83e3466;margin:12px 4px 0;padding:10px 12px;font-size:11px;line-height:1.5}.primary-button,.secondary-button,.relay-button,.showcase-button{letter-spacing:-.03em;text-align:center;cursor:pointer;border-radius:5px 11px 6px 9px;justify-content:center;align-items:center;width:100%;min-height:54px;padding:13px 18px;font-weight:900;text-decoration:none;display:inline-flex}.primary-button{border:2px solid var(--ink);background:var(--pencil-red);box-shadow:4px 4px 0 var(--shadow);color:#fffdf6;transform:rotate(-.25deg)}.primary-button.is-retry{background:var(--pencil-yellow);color:var(--ink)}.secondary-button,.relay-button{color:#2f5c72;background:#ecf2f0f0;border:2px solid #2d444db8;transform:rotate(.25deg)}.showcase-button{min-height:58px;color:var(--pencil-red-dark);background:#fff8edf0;border:2px dashed #a83e3494;gap:2px;display:grid;transform:rotate(-.2deg)}.showcase-button span{font-size:16px;font-weight:900}.showcase-button small{color:var(--muted);font-size:11px;font-weight:650}.showcase-button.is-published{background:#f8e6df;border-style:solid}.primary-button:disabled,.secondary-button:disabled,.relay-button:disabled,.showcase-button:disabled{border-color:var(--line);box-shadow:none;color:#9a9386;cursor:wait;background:#e9e2d2;transform:none}.showcase-consent{text-align:left;background:#fffdf6f0;border:1px dashed #a83e3485;padding:14px;transform:rotate(.15deg)}.showcase-consent strong{color:var(--ink);font-size:14px;display:block}.showcase-consent p{color:var(--muted);margin:7px 0 11px;font-size:11px;line-height:1.55}.showcase-consent>div{gap:7px;display:flex}.showcase-consent button{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:#fffdf6e6;border-radius:3px 6px 4px 5px;padding:8px 11px;font-size:12px;font-weight:800}.showcase-consent button:first-child{border-color:var(--pencil-red-dark);background:var(--pencil-red);color:#fffdf6}.guess-head{padding:9px 0 14px}.guess-head .mode-pill{margin:0 auto 10px}.guess-head p{margin:0 0 5px;font-size:12px}.guess-head h1{font-size:27px}.paper-card--guess{aspect-ratio:1.22;transform:rotate(-.2deg)}.answer-form{padding-top:15px}.answer-length{color:var(--muted);text-align:center;margin:0 0 9px;font-size:13px}.answer-length strong{color:var(--ink);font-size:15px}.answer-input-row{flex-direction:column;align-items:center;gap:12px;display:flex}.answer-boxes{justify-content:center;gap:8px;width:100%;display:flex;position:relative}.answer-input-row input,.answer-submit{min-height:52px;color:var(--ink);letter-spacing:-.03em;background:#fffdf6eb;border:2px solid #34302994;border-radius:6px 9px 7px 8px;font-size:16px;font-weight:800}.answer-input-row input{min-width:0;padding:0 13px}.answer-input-row .answer-native-input{z-index:2;opacity:0;caret-color:#0000;border:0;width:100%;min-height:52px;padding:0;position:absolute;inset:0}.answer-input-row .answer-box-char{width:min(44px, calc((100vw - 80px) / var(--answer-length)));border:2px solid var(--ink);min-width:28px;height:52px;color:var(--ink);text-align:center;background-color:#fffdf6f0;border-radius:3px;place-items:center;padding:0;font-size:23px;font-weight:900;line-height:48px;display:grid}.answer-boxes:focus-within .answer-box-char{outline-offset:1px;outline:3px solid #f2d46973}.answer-input-row .answer-submit{width:min(100%,220px)}.answer-input-row input::placeholder{color:#9a9286;font-weight:600}.answer-input-row input:focus{outline-offset:1px;outline:3px solid #f2d46973}.answer-submit{cursor:pointer;background:#f2d469;padding:0 15px;transition:transform .12s,background .12s}.answer-submit:hover{background:#ebc84c;transform:translateY(1px)}.answer-form.is-loading{cursor:wait;opacity:.68}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:15px;display:grid}.answer-button{min-width:0;min-height:58px;color:var(--ink);letter-spacing:-.03em;cursor:pointer;background:#fffdf6eb;border:2px solid #34302994;border-radius:5px 9px 6px 8px;padding:11px 8px;font-size:16px;font-weight:800}.answer-button:nth-child(2n){transform:rotate(.4deg)}.answer-button:nth-child(odd){transform:rotate(-.4deg)}.answer-button:hover,.answer-button.is-selected{background:#f2d469;transform:translateY(1px)rotate(0)}.answer-button:disabled:not(.is-selected){opacity:.5}.answer-button.is-loading{cursor:wait}.one-chance{color:var(--muted);text-align:center;margin:10px 0 0;font-size:11px}.one-chance.is-retry{color:var(--pencil-red-dark);background:#f2d46933;border:1px dashed #a83e346b;margin-top:12px;padding:9px 10px;font-size:13px;font-weight:800}.one-chance.is-retry strong{color:var(--ink);letter-spacing:.08em;padding:0 3px;font-size:18px}.preview-note{color:var(--muted);margin-top:8px!important;font-size:12px!important}.report-panel{color:#837c70;text-align:center;margin-top:4px;font-size:11px}.report-panel summary{cursor:pointer;text-underline-offset:3px;width:fit-content;margin:0 auto;padding:8px;text-decoration:underline;list-style:none}.report-panel summary::-webkit-details-marker{display:none}.report-options{flex-wrap:wrap;justify-content:center;gap:6px;padding:5px 0;display:flex}.report-options button,.stats-card-actions button{border:1px solid var(--line);color:#756f64;cursor:pointer;background:#fffdf6c2;border-radius:4px;padding:7px 9px;font-size:11px}.result-head{padding:9px 0 14px}.result-kicker{color:var(--pencil-blue);margin-bottom:9px}.is-wrong .result-kicker{color:var(--pencil-red-dark)}.result-head h1{font-size:27px}.result-head p{color:var(--muted);margin:8px 0 0;font-size:13px}.result-head strong{color:var(--ink);font-size:17px}.result-stats{padding:15px 4px 0}.result-stats>strong{color:#5e584f;text-align:center;font-size:12px;display:block}.choice-bars{gap:5px;margin-top:11px;display:grid}.choice-row{min-height:16px;color:var(--muted);grid-template-columns:58px 1fr 24px;align-items:center;gap:7px;font-size:10px;display:grid}.choice-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.choice-row i{background:#e5ddcc;height:6px;display:block;overflow:hidden}.choice-row b{width:var(--choice-width);background:var(--pencil-blue);height:100%;display:block}.choice-row em{color:var(--ink);text-align:right;font-style:normal;font-weight:800}.mutation-card{color:var(--ink);text-align:center;background:#fffdf6bd;border:1px dashed #a83e348a;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:14px;padding:12px;font-size:13px;display:grid;transform:rotate(-.3deg)}.mutation-card b{color:var(--pencil-red-dark);font-size:10px}.loading-screen .screen-content,.error-screen .screen-content{place-items:center;display:grid}.loading-card,.empty-card{width:100%;box-shadow:5px 6px 0 var(--shadow);text-align:center;background:#fffdf6eb;border:2px solid #3430299e;border-radius:6px 12px 8px 10px;padding:34px 22px;transform:rotate(-.3deg)}.loading-card p{color:var(--muted);margin:0;font-size:14px}.empty-card .primary-button{margin-top:20px}.empty-card .route-home-link{margin-top:12px}.stats-head{padding:20px 0 16px}.stats-list{gap:12px;display:grid}.stats-card{border:1px solid var(--line);box-shadow:3px 4px 0 var(--shadow);background:#fffdf6e6;border-radius:6px 11px 7px 9px;gap:10px;padding:15px;display:grid}.stats-card>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.stats-card h2{letter-spacing:-.04em;margin:0;font-size:18px}.stats-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.stats-showcase-status{color:var(--pencil-red-dark);font-size:11px;font-weight:800}.stats-card-actions{gap:7px;display:flex}.stats-card-actions button:last-child{color:var(--pencil-red-dark)}.stats-card.is-loading p{opacity:.65}.toast{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:20;border:2px solid var(--ink);background:var(--ink);color:#fffdf6;text-align:center;border-radius:5px 10px 6px 8px;width:min(100% - 36px,410px);padding:12px 15px;font-size:13px;font-weight:750;position:fixed;transform:translate(-50%)rotate(-.3deg);box-shadow:4px 5px #52432c33}.manual-share{border:1px dashed var(--line);background:#fffdf6e0;gap:8px;margin-top:12px;padding:12px;display:grid}.manual-share label{color:var(--muted);font-size:11px}.manual-share input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fffef9;border-radius:3px;padding:8px 10px;font-size:12px}.manual-share button{border:1px solid var(--pencil-blue);color:#2f5c72;cursor:pointer;background:#edf3f2;border-radius:4px;min-height:40px;font-size:12px;font-weight:800}@media (width>=760px){.drawing-app{border:1px solid #403a302e;min-height:calc(100dvh - 36px);margin-block:18px}.screen-content{min-height:calc(100dvh - 100px)}}@media (width<=360px){.drawing-app{padding-left:14px;padding-right:14px}.mode-intro{padding-top:26px;padding-bottom:22px}.mode-card{grid-template-columns:62px 1fr;min-height:92px;padding:14px}.mode-icon-art{width:54px;height:54px}.canvas-frame{max-height:calc(100dvh - 250px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}