:root{--paper:#fffdf7;--ink-strong:#2b2b2b;--pop-orange:#ff7829;--pop-yellow:#ffc126;--accent-magenta:#ff3d8b;--accent-cyan:#26c9ff;--red-pen:#e23b34;--rule:#2696d217;--rule-margin:#ff3d8b29;--bg:#fffdf7;--surface:#fff;--ink:#2b2b2b;--muted:#5c574e;--primary:#ff7829;--primary-ink:#fff;--accent:#3b82f6;--play:#1f9d52;--watch:#7d8794;--line:#ecd9bd;--desk:#e6d2b2;--desk-edge:#d7bf99;--radius:16px;--shadow:0 8px 24px #2b2b2b1a;--font-display:var(--font-hand-latin), var(--font-hand-jp), "Hiragino Maru Gothic ProN", "Comic Sans MS", sans-serif;--font-script:var(--font-script), var(--font-hand-jp), cursive;--font-body:var(--font-body-latin), var(--font-body-jp), "Hiragino Maru Gothic ProN", "Hiragino Sans", Meiryo, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--paper);background-image:linear-gradient(90deg, transparent 26px, var(--rule-margin) 26px, var(--rule-margin) 27px, transparent 27px), repeating-linear-gradient(var(--paper), var(--paper) 31px, var(--rule) 31px, var(--rule) 32px);color:var(--ink);font-family:var(--font-body);line-height:1.5}.title,.card-head h2{font-family:var(--font-display);letter-spacing:.01em}.shell{justify-content:center;align-items:flex-start;min-height:100dvh;padding:20px 16px;display:flex}.card{background:var(--surface);border-radius:var(--radius);width:100%;max-width:720px;box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:24px;display:flex}.card.status,.card.entry{max-width:440px}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-head h2{margin:0;font-size:1.4rem}.title{letter-spacing:.04em;color:var(--primary);margin:0;font-size:2.4rem}.subtitle{color:var(--muted);margin:0}.code-chip{background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.85rem}.field{flex-direction:column;gap:6px;font-weight:600;display:flex}.field>span{font-size:.9rem}input[type=text],input:not([type]),.field input{font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.row{align-items:center;gap:8px;display:flex}.row input{flex:1}.toggle{align-items:center;gap:10px;font-weight:600;display:flex}.premium-denied{text-align:center}.premium-denied h2{color:var(--primary);margin:0}.premium-denied p{margin:0}.premium-denied .btn{text-align:center;text-decoration:none;display:block}.btn{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-weight:700;transition:transform 50ms,opacity .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--primary-ink)}.btn.ghost{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.leave-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:-8px;padding:4px;font-size:.85rem;text-decoration:underline}.leave-link:hover{color:var(--ink)}.hint,.muted{color:var(--muted);margin:0;font-size:.9rem}.ok-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin:0;padding:12px}.player-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.player-row{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.player-name{font-weight:600}.badge{color:#fff;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700}.badge.play{background:var(--play)}.badge.watch{background:var(--watch)}.section-label{color:var(--muted);margin:8px 0 0;font-size:1rem}.plan-status{border:1px solid var(--line);background:#fffdf9;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.plan-status .section-label{margin:0}.room-kind{color:var(--muted);align-self:flex-start;align-items:center;gap:6px;margin:0;font-size:.92rem;font-weight:800;display:inline-flex}.room-kind--paid,.room-kind--trial{color:var(--ink)}.room-kind-mark{width:22px;height:22px;color:var(--red-pen)}.replay-note{text-align:center}.gate-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gate-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.gate-chip .gate-state{font-weight:700}.gate-chip.on .gate-state{color:var(--play)}.gate-chip.off .gate-state{color:var(--muted)}.mode-option{align-items:center;gap:8px;min-height:44px;display:flex}.mode-option.locked{color:var(--muted);flex-wrap:wrap}.lock-note{color:var(--primary);font-size:.8rem;font-weight:700}.lock-link{color:var(--accent);font-size:.85rem}.custom-editor{flex-direction:column;gap:6px;display:flex}.custom-label{color:var(--muted);font-size:.9rem}.custom-textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:132px;font:inherit;color:var(--ink);background:#fffdf9;border-radius:10px;padding:10px 12px}.custom-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card.draw{background-color:var(--paper);background-image:linear-gradient(90deg, transparent 26px, var(--rule-margin) 26px, var(--rule-margin) 27px, transparent 27px), repeating-linear-gradient(var(--paper), var(--paper) 31px, var(--rule) 31px, var(--rule) 32px);gap:12px;max-width:880px;height:calc(100dvh - 40px);max-height:calc(100dvh - 40px)}.draw-head{flex-wrap:wrap;justify-content:flex-start;gap:4px 8px}.draw-head .leave-link{align-self:center;margin:0 0 0 auto}.draw-theme.theme-slip{background:linear-gradient(0deg, #ffc12614, #ffc12614), var(--paper);border:none;border-radius:10px 13px 9px 12px;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;padding:10px 18px;display:flex;position:relative;transform:rotate(-.5deg)}.theme-slip-frame{width:calc(100% + 6px);height:calc(100% + 6px);color:var(--ink);pointer-events:none;position:absolute;inset:-3px;overflow:visible}.theme-slip-mark{width:34px;height:34px;color:var(--accent-magenta);position:absolute;top:-14px;right:10px;transform:rotate(8deg)}.theme-slip-label{z-index:1;font-family:var(--font-body);color:var(--muted);flex:none;font-size:.9rem;font-weight:700;position:relative}.theme-slip-text{z-index:1;font-family:var(--font-body);letter-spacing:.005em;color:var(--ink);font-size:1.45rem;font-weight:800;line-height:1.2;position:relative}.doodle-mark{display:block}.doodle-mark :is(path,circle,ellipse){fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.draw-head-mark{width:30px;height:30px;color:var(--accent-magenta);flex:none;transform:rotate(-8deg)}.draw-head .code-chip.draw-tally{color:var(--ink);background:#ffc12629;border:1.5px solid #2b2b2b38;font-weight:800}.draw-main{flex-direction:column;flex:auto;gap:4px;min-width:0;min-height:0;display:flex}.draw-rail{flex-direction:column;flex:none;gap:4px;min-width:0;min-height:0;display:flex}.rail-scroll{flex-direction:column;gap:4px;min-width:0;display:flex}.rail-actions{flex-direction:column;gap:8px;min-width:0;display:flex}.rail-actions .doodle-btn{width:100%}.ok-box.draw-done{background:#ffc12633;border:none;border-radius:12px 14px 10px 13px;align-items:center;gap:10px;padding:12px 14px;display:flex;transform:rotate(-.6deg)}.draw-done-mark{width:36px;height:36px;color:var(--accent-magenta);flex:none}.draw-done-text{font-family:var(--font-display);color:var(--ink);font-size:1.1rem;font-weight:400}.canvas-col{flex-direction:column;flex:auto;gap:6px;min-width:0;min-height:0;display:flex}.canvas-stage{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.draw-progress{flex-direction:column;flex:none;gap:4px;min-width:0;display:flex}.draw-progress-head{align-items:center;gap:8px;display:flex}.draw-progress-head .section-label{margin:0}.code-chip.draw-progress-tally{color:var(--ink);background:#ffc12629;border:1.5px solid #2b2b2b38;font-weight:800}.draw-controls{flex-direction:column;gap:10px;display:flex}.drawing-canvas{aspect-ratio:4/3;border:2.5px solid var(--ink-strong);touch-action:none;cursor:crosshair;background:#fff;border-radius:15px 18px 13px 17px/17px 13px 18px 15px;width:auto;max-width:100%;height:auto;min-height:0;max-height:100%;box-shadow:0 8px 22px #2b2b2b29}.drawing-canvas.is-disabled{cursor:not-allowed;opacity:.85}.replay-canvas{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:auto}.tools{flex-direction:column;align-items:stretch;gap:8px;display:flex}.tool-group{flex-wrap:nowrap;flex:none;gap:6px;display:flex}.tool-kinds,.tool-colors{flex:auto;min-width:0;padding-bottom:4px;overflow-x:auto}.edit-actions{flex-wrap:wrap}.edit-btn{min-height:44px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:8px 14px;font-weight:800;display:inline-flex;position:relative}.chip-frame,.edit-btn-frame{width:100%;height:100%;color:var(--ink);pointer-events:none;position:absolute;inset:0}.framed-label{z-index:1;line-height:1.1;position:relative}.edit-btn:disabled{opacity:.4;cursor:not-allowed}.progress-toggle,.progress-overlay,.edit-in-strip{display:none}.progress-overlay{z-index:50;background:#1f29338c;justify-content:center;align-items:center;padding:24px 16px;position:fixed;inset:0}.progress-panel{background:var(--surface);border-radius:var(--radius);width:100%;max-width:360px;max-height:80dvh;box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:16px;display:flex;overflow:auto}.progress-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.progress-panel-head .section-label{margin:0}.progress-close{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex:none;width:44px;height:44px;font-size:1.4rem;line-height:1}.chip{min-height:44px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:8px 16px;font-weight:800;display:inline-flex;position:relative}.chip.on{background:var(--pop-orange);color:var(--ink)}.swatch{border:2px solid var(--surface);outline:1px solid var(--line);width:44px;height:44px;box-shadow:inset 0 0 0 7px var(--surface);cursor:pointer;border-radius:50%;flex:none;padding:0}.swatch.on{outline:3px solid var(--ink)}.watch-grid,.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.watch-cell,.work-card{border:1px solid var(--line);background:var(--bg);border-radius:12px;flex-direction:column;gap:6px;margin:0;padding:8px;display:flex}.watch-cell figcaption{text-align:center;font-size:.85rem}.watch-strip{gap:8px;margin:6px 0 0;padding-bottom:4px;display:flex;overflow-x:auto}.watch-strip .watch-cell{flex:none;gap:4px;width:96px;padding:6px}.watch-strip .watch-cell figcaption{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.work-theme{margin:0;font-weight:700}.work-meta{color:var(--muted);margin:0;font-size:.82rem}.score-row{align-items:center;gap:8px;display:flex}.score-row input[type=range]{flex:1}.score-row input[type=number]{width:64px;font:inherit;border:1px solid var(--line);border-radius:8px;padding:6px 8px}.ranking{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-row{border:1px solid var(--line);background:var(--bg);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.rank-row.rank-1{border-color:var(--primary);background:#fff7ed}.rank-no{text-align:center;min-width:28px;color:var(--primary);font-size:1.3rem;font-weight:800}.rank-score{text-align:right;margin-left:auto;font-weight:700}.rank-score small{color:var(--muted);font-weight:400;display:block}.player-list.compact .player-row{padding:6px 10px}.pricing{flex-direction:column;gap:20px;width:100%;max-width:1040px;display:flex}.pricing-head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.cancel-note{border:1px solid var(--line);background:#fff7ed;border-radius:10px;margin:0;padding:10px 14px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;gap:16px;display:grid}.plan-card{gap:12px;height:100%;position:relative}.plan-card.is-highlighted{border:2px solid var(--primary);box-shadow:0 12px 30px #f973162e}.plan-badge,.plan-current-badge{border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.75rem;font-weight:700}.plan-badge{background:var(--primary);color:var(--primary-ink)}.plan-current-badge{background:var(--bg);color:var(--muted);border:1px solid var(--line)}.plan-card h2{margin:0;font-size:1.3rem}.plan-tagline{color:var(--muted);margin:0;font-size:.9rem}.plan-price{color:var(--ink);margin:0;font-size:1.6rem;font-weight:800}.plan-features{flex-direction:column;gap:6px;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.plan-features li{gap:8px;display:flex}.plan-features li:before{content:"✓";color:var(--play);flex:none;font-weight:800}.plan-toggle{background:var(--bg);border:1px solid var(--line);border-radius:999px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.plan-toggle button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:44px;padding:8px 16px;font-weight:700}.plan-toggle button[aria-pressed=true]{background:var(--primary);color:var(--primary-ink)}.plan-cta{flex-direction:column;gap:8px;margin-top:auto;display:flex}.legal{gap:16px;max-width:760px}.legal h1{color:var(--primary);margin:0;font-size:1.8rem}.legal h2{margin:12px 0 0;font-size:1.15rem}.legal p{margin:0}.legal section{flex-direction:column;gap:8px;display:flex}.legal ul{flex-direction:column;gap:6px;margin:0;padding-left:1.3em;display:flex}.legal-updated,.legal-note{color:var(--muted);font-size:.85rem}.legal mark.legal-fill{color:var(--ink);background:#ffe8bf;border-radius:4px;padding:0 4px;font-weight:700}.legal-table{border-collapse:collapse;width:100%}.legal-caption{caption-side:top;text-align:left;color:var(--muted);margin-bottom:6px;font-size:.85rem}.legal-table th,.legal-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.legal-table th[scope=row]{background:var(--bg);width:34%;font-weight:700}.legal-prices{padding-left:1.1em}.legal-back{align-self:flex-start;text-decoration:none}.legal-footer{border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.legal-footer-links{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.legal-footer-links a{color:var(--muted)}.legal-footer-links a:hover{color:var(--ink)}@media (min-width:521px){.card.draw{gap:4px;width:fit-content;max-width:min(98vw,1680px);padding:6px 10px}.draw-head h2{font-size:1rem}.draw-head-mark{width:22px;height:22px}.draw-theme.theme-slip{padding:5px 16px}.theme-slip-text{font-size:1.3rem}.draw-main{flex-direction:row;justify-content:flex-start;align-items:stretch;gap:12px}.draw-main.desk{background-color:#fbf3df;background-image:repeating-linear-gradient(#fbf3df, #fbf3df 31px, var(--rule) 31px, var(--rule) 32px);border:2px solid #2b2b2b33;border-radius:18px 22px 16px 20px/20px 16px 22px 18px;padding:8px}.canvas-col{flex:0 auto;align-items:center;gap:8px;min-width:min(133.333dvh - 333.333px,98vw - 300px)}.canvas-stage{aspect-ratio:4/3;flex:auto;align-self:center;width:auto;min-width:0;max-width:100%;min-height:0}.draw-main .drawing-canvas{width:100%;max-width:none;height:100%;max-height:none;box-shadow:0 12px 30px #2b2b2b38}.draw-progress{width:100%}.draw-progress .draw-progress-head .section-label,.draw-progress .draw-progress-head .draw-progress-tally{font-size:.74rem}.draw-progress .watch-strip{margin-top:2px}.draw-progress .watch-strip .watch-cell{gap:2px;width:58px;padding:4px}.draw-progress .watch-strip .watch-cell figcaption{font-size:.62rem}.draw-rail{background:linear-gradient(0deg, #ffc1260f, #ffc1260f), var(--paper);border:2px solid #2b2b2b2e;border-radius:16px 13px 17px 14px/14px 17px 13px 16px;flex:0 0 204px;gap:10px;padding:12px;overflow:hidden;box-shadow:0 10px 24px #2b2b2b1f}.draw-rail .rail-scroll{flex:auto;gap:10px;min-height:0;overflow-y:auto}.draw-rail .rail-actions{flex:none}.draw-rail .tool-kinds{flex-flow:column;align-items:stretch;overflow-x:visible}.draw-rail .tool-colors{grid-template-columns:repeat(3,44px);justify-content:center;gap:6px;display:grid;overflow-x:visible}}@media (max-width:520px){.shell{padding:8px 4px}.card{padding:16px}.entry-stage,.lobby-stage,.submit-stage,.reveal-stage,.result-stage{min-height:calc(100dvh - 16px)}.doodle--spiral{width:34px;top:12px}.doodle--star{width:28px}.doodle--hanamaru{width:40px}.doodle--squiggle{width:68px;bottom:16px}.doodle--crayon{width:32px;bottom:14px}.doodle--pencil{width:44px}.card-head{flex-direction:column;align-items:flex-start}.card.draw{gap:8px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:4px}.card-head.draw-head{flex-direction:row;align-items:center}.draw-head .code-chip,.draw-head-mark{display:none}.draw-head .progress-toggle{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.draw-progress,.edit-actions{display:none}.edit-in-strip{flex:none;align-items:center;gap:6px;display:flex}.progress-overlay{display:flex}.card.draw{gap:4px}.draw-controls,.tools{gap:6px}.draw-theme.theme-slip{padding:7px 14px}.theme-slip-text{font-size:1.25rem}}.entry-stage,.lobby-stage,.submit-stage,.reveal-stage,.result-stage{justify-content:center;align-items:center;width:100%;min-height:calc(100dvh - 40px);display:flex;position:relative;overflow:clip}.entry-card{width:100%;max-width:580px}.entry-doodles{z-index:0;pointer-events:none;position:absolute;inset:0}.doodle{display:block;position:absolute}.doodle :is(path,circle,ellipse){fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.doodle--check path{stroke-width:3.6px}.doodle--maru path,.doodle--squiggle path{stroke-width:3px}.doodle .is-dot{fill:currentColor;stroke:none}.doodle--spiral{width:44px;color:var(--accent-magenta);opacity:.65;top:18px;left:4%;transform:rotate(-6deg)}.doodle--star{width:34px;color:var(--pop-yellow);opacity:.95;top:12px;left:50%;transform:translate(-50%)rotate(8deg)}.doodle--hanamaru{width:50px;color:var(--accent-magenta);opacity:.8;top:16px;right:4%;transform:rotate(10deg)}.doodle--squiggle{width:88px;color:var(--accent-cyan);opacity:.7;bottom:22px;left:6%}.doodle--crayon{width:40px;color:var(--pop-orange);opacity:.78;bottom:18px;right:6%;transform:rotate(12deg)}.doodle--pencil{width:54px;color:var(--ink);opacity:.42;bottom:8px;left:50%;transform:translate(-50%)rotate(8deg)}.doodle--cat,.doodle--apple,.doodle--fish,.doodle--balloon,.doodle--maru,.doodle--check,.doodle--car{display:none}@media (min-width:860px){.doodle--cat,.doodle--apple,.doodle--fish,.doodle--balloon,.doodle--maru,.doodle--check,.doodle--car{display:block}.doodle--cat{width:64px;color:var(--ink);opacity:.5;top:9%;left:7%;transform:rotate(-6deg)}.doodle--apple{width:50px;color:var(--pop-orange);opacity:.8;top:8%;right:8%;transform:rotate(7deg)}.doodle--fish{width:70px;color:var(--accent-cyan);opacity:.72;top:45%;left:4%;transform:rotate(-4deg)}.doodle--balloon{width:58px;color:var(--ink);opacity:.46;top:40%;right:4%;transform:rotate(5deg)}.doodle--maru{width:50px;color:var(--accent-magenta);opacity:.75;bottom:17%;left:8%}.doodle--check{width:42px;color:var(--pop-orange);opacity:.85;bottom:19%;right:9%;transform:rotate(-8deg)}.doodle--car{width:72px;color:var(--ink);opacity:.48;bottom:6%;left:28%;transform:rotate(-3deg)}.doodle--spiral{width:50px;left:7%}.doodle--hanamaru{width:56px;right:7%}.doodle--squiggle{width:104px;left:10%}.doodle--crayon{width:46px;right:11%}}.draw-doodles{display:none}@media (min-width:1100px) and (min-aspect-ratio:7/5){.draw-doodles{z-index:-1;pointer-events:none;display:block;position:fixed;inset:0;overflow:clip}.draw-doodle{display:block;position:absolute}.draw-doodle :is(path,circle,ellipse){fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.draw-doodle--check path{stroke-width:3.6px}.draw-doodle--maru path,.draw-doodle--squiggle path{stroke-width:3px}.draw-doodle .is-dot{fill:currentColor;stroke:none}.draw-doodle--hanamaru{width:52px;color:var(--accent-magenta);opacity:.8;top:5%;left:2.5%;transform:rotate(-8deg)}.draw-doodle--cat{width:60px;color:var(--ink);opacity:.5;top:20%;left:3%;transform:rotate(-5deg)}.draw-doodle--maru{width:50px;color:var(--accent-magenta);opacity:.75;top:40%;left:2%}.draw-doodle--fish{width:64px;color:var(--accent-cyan);opacity:.72;top:58%;left:3.5%;transform:rotate(-4deg)}.draw-doodle--pencil{width:50px;color:var(--ink);opacity:.45;bottom:13%;left:3%;transform:rotate(6deg)}.draw-doodle--squiggle{width:80px;color:var(--accent-cyan);opacity:.6;bottom:4%;left:4%}.draw-doodle--star{width:36px;color:var(--pop-yellow);opacity:.95;top:6%;right:3%;transform:rotate(8deg)}.draw-doodle--apple{width:48px;color:var(--pop-orange);opacity:.8;top:22%;right:3%;transform:rotate(7deg)}.draw-doodle--check{width:42px;color:var(--pop-orange);opacity:.85;top:42%;right:2.5%;transform:rotate(-8deg)}.draw-doodle--crayon{width:42px;color:var(--pop-orange);opacity:.78;top:60%;right:3.5%;transform:rotate(12deg)}.draw-doodle--car{width:64px;color:var(--ink);opacity:.48;bottom:14%;right:3%;transform:rotate(-3deg)}.draw-doodle--spiral{width:46px;color:var(--accent-magenta);opacity:.6;bottom:5%;right:4%;transform:rotate(-6deg)}}@media (min-width:1700px) and (min-aspect-ratio:7/5){.draw-doodle--hanamaru{width:60px;left:4%}.draw-doodle--cat{width:70px;left:5%}.draw-doodle--fish{width:74px;left:5%}.draw-doodle--squiggle{width:96px;left:6%}.draw-doodle--star{width:42px;right:5%}.draw-doodle--apple{width:56px;right:5%}.draw-doodle--car{width:74px;right:5%}.draw-doodle--spiral{width:54px;right:6%}}.paper-card{z-index:1;background:linear-gradient(0deg, #ffc1260d, #ffc1260d), var(--paper);border-radius:18px;flex-direction:column;padding:28px 26px;display:flex;position:relative;transform:rotate(-.7deg);box-shadow:0 16px 34px #2b2b2b21}.paper-card-frame{width:calc(100% + 6px);height:calc(100% + 6px);color:var(--ink);pointer-events:none;position:absolute;inset:-3px;overflow:visible}.paper-card-body{flex-direction:column;gap:16px;display:flex}.entry-head{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:6px;display:flex}.entry-tagline{font-family:var(--font-script);color:var(--ink);line-break:strict;text-wrap:pretty;max-width:22ch;margin:2px 0 0;font-size:1.15rem;font-weight:700;line-height:1.3}.entry-hint{font-family:var(--font-body);color:var(--ink);margin:0;font-size:.95rem;font-weight:600}.doodle-logo{flex-direction:column;align-items:flex-start;gap:0;display:inline-flex;position:relative}.doodle-logo-word-wrap{display:inline-block;position:relative}.doodle-logo-word{font-family:var(--font-display);letter-spacing:.015em;color:var(--ink);margin:0;font-size:clamp(3rem,15vw,4.4rem);font-weight:400;line-height:.95;animation:.52s cubic-bezier(.34,1.56,.64,1) both doodle-pop}.doodle-logo-maru{width:54px;height:54px;color:var(--accent-magenta);position:absolute;top:-16px;right:-28px}.doodle-logo-underline{width:min(240px,72vw);height:16px;color:var(--pop-orange);margin-top:-2px;display:block}@keyframes doodle-pop{0%{opacity:0;transform:translateY(10px)rotate(-2.5deg)}to{opacity:1;transform:none}}.draw-path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s forwards doodle-draw}.draw-path--underline{animation-delay:.26s}.draw-path--maru{stroke-width:4px;animation-duration:.72s;animation-delay:.42s}.draw-path--check{stroke-width:4px;animation-duration:.36s;animation-delay:1.04s}@keyframes doodle-draw{to{stroke-dashoffset:0}}.sketch-field{flex-direction:column;gap:4px;display:flex}.sketch-label{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);font-size:1.2rem;font-weight:400}.sketch-row{align-items:flex-end;gap:10px;display:flex}.sketch-input-wrap{flex:auto;min-width:0;display:block;position:relative}.sketch-input{width:100%;font-family:var(--font-body);color:var(--ink);background:0 0;border:none;outline:none;padding:8px 6px 10px;font-size:1.1rem;font-weight:700}.sketch-input::placeholder{font-family:var(--font-display);color:var(--muted);opacity:1;font-weight:400}.sketch-underline{width:100%;height:14px;color:var(--ink);pointer-events:none;position:absolute;bottom:-1px;left:0;right:0}.sketch-input:focus-visible{background:#ffc1262e;border-radius:8px}.sketch-input:focus-visible~.sketch-underline{color:var(--pop-orange)}.sketch-toggle{min-height:44px;font-family:var(--font-body);color:var(--ink);cursor:pointer;align-items:center;gap:10px;font-weight:700;display:flex}.sketch-toggle input[type=checkbox]{width:22px;height:22px;accent-color:var(--pop-orange);cursor:pointer;flex:none}.entry-premium{background:#ffc12629;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex;transform:rotate(.4deg)}.entry-premium-hint{color:var(--ink);margin:2px 0 0 32px;font-size:.86rem;font-weight:800}.entry-dev{border-top:2px dashed #2b2b2b33;flex-direction:column;gap:10px;margin-top:4px;padding-top:14px;display:flex}.entry-dev-note{color:var(--muted);margin:0;font-size:.82rem;font-weight:800}.doodle-btn{min-width:48px;min-height:48px;font-family:var(--font-body);color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;padding:12px 22px;font-size:1.05rem;font-weight:800;transition:transform .16s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.doodle-btn-frame{width:100%;height:100%;color:var(--ink);pointer-events:none;position:absolute;inset:0}.doodle-btn-label{z-index:1;line-height:1.1;position:relative}.doodle-btn:hover:not(:disabled){transform:translateY(-2px)rotate(-1deg)scale(1.03)}.doodle-btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.doodle-btn:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:3px}.doodle-btn:disabled{opacity:.5;cursor:not-allowed}.doodle-btn--primary{background:var(--pop-orange)}.doodle-btn--ghost{background:var(--paper)}.doodle-btn--accent{background:var(--accent-cyan)}.paper-card-body>.doodle-btn,.entry-dev>.doodle-btn{width:100%}.paper-card-body>.doodle-btn--primary{margin-top:8px}.doodle-link{min-height:44px;font-family:var(--font-body);color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-self:center;margin-top:2px;padding:8px 12px;font-size:.9rem;font-weight:700;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.doodle-link:hover{color:var(--ink)}.doodle-link:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){.draw-path{stroke-dashoffset:0;animation:none}.doodle-logo-word{animation:none}.doodle-btn{transition:none}.doodle-btn:hover:not(:disabled),.doodle-btn:active:not(:disabled){transform:none}}.lobby-card{width:100%;max-width:640px}.submit-card{width:100%;max-width:560px}.head-title{align-items:center;gap:8px;min-width:0;display:flex}.lobby-head-mark,.submit-head-mark{width:30px;height:30px;color:var(--accent-magenta);flex:none;transform:rotate(-8deg)}.code-slip{white-space:nowrap;flex:none;align-items:baseline;gap:6px;padding:7px 16px;display:inline-flex;position:relative;transform:rotate(1.2deg)}.code-slip-frame{width:calc(100% + 4px);height:calc(100% + 4px);color:var(--ink);pointer-events:none;position:absolute;inset:-2px;overflow:visible}.code-slip-label{z-index:1;font-family:var(--font-body);color:var(--muted);font-size:.78rem;font-weight:700;position:relative}.code-slip-code{z-index:1;font-family:var(--font-body);letter-spacing:.06em;color:var(--ink);font-size:1rem;font-weight:800;position:relative}.lobby-card .player-list,.submit-card .player-list{gap:10px}.lobby-card .player-row,.submit-card .player-row{background:0 0;border:none;gap:10px;min-height:48px;padding:9px 14px;position:relative}.player-row-frame{color:#2b2b2b9e;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.player-avatar{z-index:1;border:2px solid var(--ink-strong);width:30px;height:30px;font-family:var(--font-body);color:var(--ink);background:#ffc1262e;border-radius:14px 16px 12px 15px/15px 12px 16px 14px;flex:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:inline-flex;position:relative}.lobby-card .player-name,.submit-card .player-name{z-index:1;flex:auto;min-width:0;position:relative}.lobby-card .badge,.submit-card .badge{z-index:1;position:relative}.submit-status{z-index:1;align-items:center;gap:6px;display:inline-flex;position:relative}.submit-row-mark{width:22px;height:22px;color:var(--accent-magenta);flex:none;transform:rotate(-8deg)}.ok-box.submit-done{background:#ffc12633;border:none;border-radius:12px 14px 10px 13px;align-items:center;gap:10px;padding:12px 14px;display:flex;transform:rotate(-.6deg)}.submit-done-mark{width:34px;height:34px;color:var(--accent-magenta);flex:none}.submit-done-label{font-family:var(--font-display);color:var(--ink);flex:none;font-size:1.05rem;font-weight:400}.submit-done-text{font-family:var(--font-body);color:var(--ink);font-size:1.2rem;font-weight:800;line-height:1.2}.submit-leave{align-self:flex-end;margin-top:-4px}.submit-wait,.lobby-wait{font-family:var(--font-display);color:var(--ink);font-size:1.05rem;font-weight:400}.host-start{flex-direction:column;gap:12px;display:flex}.host-start>.doodle-btn{width:100%}.lobby-card .gate-chip{background:0 0;border:none;min-height:34px;padding:7px 13px;position:relative}.gate-chip-frame{color:#2b2b2b99;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lobby-card .gate-chip>.gate-label,.lobby-card .gate-chip>.gate-state,.gate-chip-mark{z-index:1;position:relative}.gate-chip-mark{width:15px;height:15px;color:var(--play);flex:none}.lobby-card .mode-picker,.lobby-card .pack-picker{border:none;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.lobby-card .pack-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lobby-card .mode-option,.lobby-card .pack-option{border-radius:12px;gap:10px;min-height:48px;padding:10px 14px;transition:transform .14s cubic-bezier(.34,1.56,.64,1);position:relative}.lobby-card .pack-row{position:relative}.mode-option-frame,.pack-option-frame{color:#2b2b2b8c;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lobby-card .mode-option>input,.lobby-card .mode-option>span,.lobby-card .mode-option>a,.lobby-card .pack-option>input,.lobby-card .pack-option>span,.lobby-card .pack-row>.pack-name,.lobby-card .pack-row>.lock-link{z-index:1;position:relative}:is(.lobby-card .mode-option:has(input:checked),.lobby-card .pack-option:has(input:checked)){background:#ff782924}.lobby-card .mode-option:hover,.lobby-card .pack-option:hover{transform:translateY(-1px)}.lobby-card .custom-textarea{background:#fffdf7eb;border:2px solid #2b2b2b8c;border-radius:13px 16px 12px 15px/15px 12px 16px 13px}@media (prefers-reduced-motion:reduce){.lobby-card .mode-option,.lobby-card .pack-option{transition:none}.lobby-card .mode-option:hover,.lobby-card .pack-option:hover{transform:none}}.reveal-card,.result-card{width:100%;max-width:720px}.reveal-head-mark,.result-head-mark{width:30px;height:30px;color:var(--red-pen);flex:none;transform:rotate(-8deg)}.reveal-tally .code-slip-code{color:var(--red-pen)}.reveal-leave{align-self:flex-end;margin-top:-4px}.reveal-guide{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.1rem;font-weight:400}.reveal-wait{font-family:var(--font-display);color:var(--ink);font-size:1.05rem;font-weight:400}.reveal-card .work-card,.result-card .work-card{background:0 0;border:none;gap:8px;padding:4px}.work-paper{background:#fff;border-radius:9px 11px 8px 10px;padding:6px;position:relative;transform:rotate(-.5deg)}.work-paper-frame{color:#2b2b2bb3;pointer-events:none;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;inset:-2px;overflow:visible}.work-paper .replay-canvas{z-index:1;border:none;border-radius:6px;position:relative}.work-stamp{z-index:2;aspect-ratio:1;width:36%;max-width:92px;color:var(--red-pen);pointer-events:none;position:absolute;top:-10px;right:-8px;transform:rotate(7deg)}.work-self{text-align:center}.score-pen{flex-direction:column;gap:6px;display:flex}.score-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.score-row input[type=range]{accent-color:var(--red-pen);cursor:pointer;flex:100%}.score-row input[type=number]{width:64px;font:inherit;background:var(--paper);color:var(--ink);accent-color:var(--red-pen);border:2px solid #e23b348c;border-radius:9px 11px 8px 10px;flex:none;padding:6px 8px}.score-cast{border:2px solid var(--red-pen);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px 14px 11px 13px;flex:auto;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:800;transition:transform .14s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.score-cast:hover{transform:translateY(-1px)}.score-cast:active{transform:translateY(1px)}.score-cast:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:2px}.score-cast-mark{width:20px;height:20px;color:var(--red-pen);flex:none;transform:rotate(-6deg)}.score-cast-label{line-height:1.1}.score-stamp{width:100%;height:100%;transition:transform .16s;display:block;overflow:visible;transform:scale(.78)}.score-stamp--t1{transform:scale(.9)}.score-stamp--t2{transform:scale(1)}.score-stamp--t3{transform:scale(1.08)}.score-stamp :is(path,circle,ellipse){fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.score-stamp-core{fill:currentColor;stroke:none;opacity:0}.score-stamp-petal,.score-stamp-spark{opacity:0}.score-stamp--t1 .score-stamp-petal,.score-stamp--t2 .score-stamp-petal,.score-stamp--t3 .score-stamp-petal,.score-stamp--t1 .score-stamp-core,.score-stamp--t2 .score-stamp-core,.score-stamp--t3 .score-stamp-core,.score-stamp--t3 .score-stamp-spark{opacity:1}.score-stamp--drawn .score-stamp-ring,.score-stamp--drawn .score-stamp-petal,.score-stamp--drawn .score-stamp-spark{stroke-dasharray:1;stroke-dashoffset:1px;animation:.56s forwards doodle-draw}.score-stamp--drawn .score-stamp-ring{animation-duration:.52s}.score-stamp--drawn .score-stamp-petal{animation-duration:.42s;animation-delay:.32s}.score-stamp--drawn .score-stamp-spark{animation-duration:.3s;animation-delay:.7s}.result-card .ranking{gap:10px}.result-card .rank-row{background:0 0;border:none;gap:12px;min-height:56px;padding:12px 16px;position:relative;overflow:visible}.rank-row-frame{color:#2b2b2b8c;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.result-card .rank-row>.rank-no,.result-card .rank-row>.player-name,.result-card .rank-row>.rank-score{z-index:1;position:relative}.result-card .rank-row.rank-1{background:#ffc1262e;border-radius:13px 15px 12px 14px}.rank-crown{z-index:2;width:40px;height:28px;color:var(--pop-yellow);pointer-events:none;position:absolute;top:-15px;left:8px;transform:rotate(-8deg)}.rank-crown path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.rank-crown .is-dot{fill:var(--accent-magenta);stroke:none}.rank-confetti{z-index:0;pointer-events:none;opacity:.8;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rank-confetti path{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.rank-confetti .is-dot{fill:currentColor;stroke:none}.confetti-bit--a{color:var(--accent-magenta)}.confetti-bit--b{color:var(--accent-cyan)}.confetti-bit--c{color:var(--pop-orange)}.confetti-bit--d{color:var(--pop-yellow)}.confetti-bit--e{color:var(--accent-magenta)}.confetti-bit--f{color:var(--accent-cyan)}.work-hanamaru{align-items:center;gap:6px;margin:0;display:flex}.work-hanamaru-mark{width:18px;height:18px;color:var(--red-pen);flex:none}.work-hanamaru-count{color:var(--ink);font-weight:800}.work-card--champion .work-paper{background:#ffc12629}.work-stamp--champion{width:48%;max-width:116px;color:var(--red-pen);top:-14px;right:-12px}@media (prefers-reduced-motion:reduce){.score-stamp{transition:none}.score-stamp--drawn .score-stamp-ring,.score-stamp--drawn .score-stamp-petal,.score-stamp--drawn .score-stamp-spark{stroke-dashoffset:0;animation:none}.score-cast{transition:none}.score-cast:hover,.score-cast:active{transform:none}}.card.site-gate{text-align:center;gap:14px;max-width:420px}.site-gate .title{font-family:var(--font-display)}.site-gate-note{color:var(--muted);margin:0}.site-gate-form{text-align:left;flex-direction:column;gap:14px;display:flex}.site-gate-form .field input,.site-gate-submit{min-height:44px}.site-gate-error{color:var(--red-pen);background:#fdecec;border:1px solid #f3b4b1;border-radius:10px;margin:0;padding:10px 12px;font-weight:700}
