:root{--bg-1: #9370d9;--bg-2: #b89ff5;--bg-3: #d9c8f6;--indigo: #2c2270;--indigo-2: #4733a6;--purple: #7c4dff;--purple-2: #6a3df0;--pink: #ff5d9e;--pink-soft: #ffd6e8;--teal: #4dc9bf;--teal-2: #2fc4d6;--amber: #ffc240;--cream: #fdf6e6;--cream-2: #fbeecf;--cream-line: #efe0c0;--ink: #2c2270;--ink-soft: #6b6196;--danger: #ff4d6d;--good: #21c08b;--ring: rgba(124, 77, 255, .35);--shadow: 0 18px 40px rgba(44, 34, 112, .35), 0 4px 12px rgba(0, 0, 0, .08);--shadow-sm: 0 8px 18px rgba(44, 34, 112, .22), 0 2px 6px rgba(0, 0, 0, .06);--r-lg: 30px;--r-md: 20px;--r-sm: 14px;--font-round: "Fredoka", system-ui, sans-serif;--font-fat: "Baloo 2", "Fredoka", system-ui, sans-serif;--font-hand: "Gochi Hand", "Fredoka", cursive}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%}body{font-family:var(--font-round);color:var(--ink);background:linear-gradient(160deg,var(--bg-1),var(--bg-2) 55%,var(--bg-3));overflow-x:hidden;min-height:100dvh}#app{min-height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(160deg,var(--bg-1),var(--bg-2) 55%,var(--bg-3))}.cloud{position:absolute;border-radius:50%;filter:blur(2px);opacity:.75;animation:float 14s ease-in-out infinite}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud.c1{width:230px;height:120px;left:-40px;bottom:6%;background:#9dd6ce}.cloud.c1:before{width:130px;height:130px;left:30px;top:-55px}.cloud.c1:after{width:100px;height:100px;right:20px;top:-35px}.cloud.c2{width:260px;height:130px;right:-50px;bottom:14%;background:#f5b8d6;animation-delay:-4s}.cloud.c2:before{width:140px;height:140px;left:40px;top:-60px}.cloud.c2:after{width:110px;height:110px;right:30px;top:-40px}.cloud.c3{width:180px;height:90px;left:8%;top:-20px;background:#d4c4e8;opacity:.6;animation-delay:-8s}.cloud.c3:before{width:90px;height:90px;left:30px;top:-35px}.cloud.c4{width:150px;height:80px;right:12%;top:4%;background:#f5d4a8;opacity:.5;animation-delay:-6s}.cloud.c4:before{width:80px;height:80px;left:30px;top:-30px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.72;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.logo{font-family:var(--font-fat);font-weight:800;line-height:.74;display:inline-flex;flex-direction:column;align-items:flex-start;user-select:none;position:relative}.logo .w{position:relative;z-index:2;color:var(--indigo);font-size:1.35em;transform:rotate(-4deg);-webkit-text-stroke:.085em var(--cream);paint-order:stroke fill;text-shadow:.05em .06em 0 var(--purple)}.logo .s{position:relative;z-index:1;display:inline-flex;font-size:2.05em;margin:-.1em 0 0 .5em}.logo .s .ltr{display:inline-block;color:var(--pink);-webkit-text-stroke:.06em var(--cream);paint-order:stroke fill;text-shadow:.04em .06em 0 var(--indigo)}.logo .s .ltr:nth-child(1){transform:rotate(-8deg) translateY(.04em)}.logo .s .ltr:nth-child(2){transform:rotate(7deg) translateY(-.06em)}.logo .s .ltr:nth-child(3){transform:rotate(-4deg) translateY(.03em)}.logo .s .ltr:nth-child(4){transform:rotate(9deg) translateY(-.05em)}.logo .scrib{position:absolute;left:.05em;right:-.15em;bottom:-.08em;height:.3em;color:var(--teal-2);overflow:visible}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--indigo);font-weight:600;padding:9px 16px;border-radius:999px;box-shadow:var(--shadow-sm);font-size:14px;white-space:nowrap}.pill-ico{width:15px;height:15px;flex:none;color:var(--pink)}.pill .pill-ico+*{letter-spacing:.01em}.icon-btn{width:42px;height:42px;display:grid;place-items:center;background:#fff;color:var(--indigo);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s,color .15s}.icon-btn svg{width:19px;height:19px}.icon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.icon-btn:active{transform:translateY(0)}.icon-btn.danger:hover{color:var(--pink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--purple);color:#fff;font-family:var(--font-fat);font-weight:700;font-size:20px;padding:14px 32px;border-radius:999px;border:2.5px solid var(--indigo);box-shadow:0 5px 0 var(--indigo);transition:transform .08s ease,box-shadow .08s ease,background .12s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 var(--indigo);background:#8a5fff}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--indigo)}.btn:disabled{background:#cabfee;border-color:#b1a3e0;box-shadow:0 5px #b1a3e0;color:#f1ecff;cursor:not-allowed}.btn.full{width:100%}.btn.ghost{background:#fffdf8;color:var(--purple-2);border-color:var(--indigo);box-shadow:0 5px 0 var(--indigo)}.btn.ghost:hover:not(:disabled){background:#fff;box-shadow:0 7px 0 var(--indigo)}.btn.small{font-size:15px;padding:10px 20px;box-shadow:0 4px 0 var(--indigo)}.btn.small:hover:not(:disabled){box-shadow:0 6px 0 var(--indigo)}.btn.small:active:not(:disabled){box-shadow:0 1px 0 var(--indigo)}.btn.amber{background:var(--amber);color:#6a3b00;border-color:#b9740a;box-shadow:0 5px #b9740a}.btn.amber:hover:not(:disabled){background:#ffbe3d;box-shadow:0 7px #b9740a}.btn.amber:active:not(:disabled){box-shadow:0 1px #b9740a}.field{width:100%;background:#fffdf8;border:2.5px solid #d9cef2;border-radius:var(--r-md);padding:16px 18px;font-size:18px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.field::placeholder{color:#b6add6;font-style:italic}.field:focus{border-color:var(--purple);box-shadow:0 0 0 4px var(--ring)}.field.bad{border-color:var(--danger);box-shadow:0 0 0 4px #ff4d6d2e}label.lbl{font-size:13px;font-weight:600;color:var(--ink-soft);display:block;margin-bottom:6px}.app{position:relative;z-index:1;min-height:100dvh;padding:clamp(14px,3vw,30px);animation:app-in .24s ease both}@keyframes app-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.app,.card,.big-emoji,.doodle,.dots span,.burned-pill.hit,.cloud,.toast{animation:none!important}.confetti i{animation:none!important;opacity:0}}.topbar{display:flex;align-items:center;gap:10px;margin:0 auto 18px;max-width:1040px}.topbar .logo{font-size:clamp(15px,2.4vw,20px)}.layout{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start;max-width:1040px;margin:0 auto}@media(max-width:780px){.layout{grid-template-columns:1fr;gap:14px}}.players{background:#ffffff8c;border:2px solid rgba(255,255,255,.7);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-sm);backdrop-filter:blur(6px)}.players-title{display:inline-flex;align-items:center;gap:6px;background:var(--purple);color:#fff;font-family:var(--font-fat);font-weight:700;padding:6px 16px;border-radius:999px;transform:rotate(-2deg);box-shadow:var(--shadow-sm);margin-bottom:12px}.player-list{display:flex;flex-direction:column;gap:8px}@media(max-width:780px){.player-list{flex-direction:row;flex-wrap:wrap}}.player-row{display:flex;align-items:center;gap:10px;background:#fffdf8;border-radius:var(--r-md);padding:8px 10px;box-shadow:0 4px 10px #361c781a;position:relative;transition:transform .12s}.player-row.me{background:#fff4fb;outline:2px solid var(--pink-soft)}.player-row.off{opacity:.5}.player-row.done{outline:2px solid #c9f3e3}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px;flex:none;box-shadow:inset 0 0 0 3px #ffffffe6}.avatar.sm{width:30px;height:30px;font-size:16px}.avatar.lg{width:64px;height:64px;font-size:34px}.p-meta{min-width:0;line-height:1.05}.p-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.p-sub{font-size:12px;color:var(--ink-soft);display:flex;align-items:center;gap:4px}.crown{font-size:14px}.tick{margin-left:auto;font-size:16px}.kickx{margin-left:auto;opacity:.5;font-size:14px}.kickx:hover{opacity:1;color:var(--danger)}.rank-badge{font-family:var(--font-fat);font-weight:800;font-size:13px;color:var(--amber)}.card{background:linear-gradient(180deg,var(--cream),var(--cream-2));border-radius:var(--r-lg);padding:clamp(20px,3.4vw,34px);box-shadow:var(--shadow);position:relative;border:2px solid rgba(255,255,255,.6);animation:pop .4s cubic-bezier(.2,1.2,.4,1)}@keyframes pop{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:none;opacity:1}}.turn-pill{display:inline-flex;align-items:center;gap:7px;background:var(--pink-soft);color:#cf2e72;font-weight:600;padding:7px 16px;border-radius:999px;font-size:14px;margin-bottom:16px;transform:rotate(-1.5deg)}.turn-pill.wait{background:#e9e2ff;color:var(--purple-2)}.turn-pill.good{background:#d3f6e7;color:var(--good)}.sentence{font-family:var(--font-fat);font-weight:800;color:var(--indigo);font-size:clamp(30px,5.4vw,54px);line-height:1.05;text-align:center;margin:10px 0 8px;position:relative;word-break:break-word}.sentence .scribble{position:relative;display:inline;background-image:linear-gradient(transparent 60%,#ff5d9e73 60%)}.sentence-wrap{position:relative;padding:4px 30px}.doodle{position:absolute;font-size:30px;opacity:.9;animation:wiggle 3s ease-in-out infinite;user-select:none}.doodle.l{left:-2px;top:50%;transform:translateY(-50%) rotate(-12deg);color:var(--teal-2)}.doodle.r{right:-2px;top:50%;transform:translateY(-50%) rotate(12deg);color:var(--amber)}.doodle.tl{left:6%;top:-10px;color:var(--pink);animation-delay:-1s}.doodle.br{right:8%;bottom:-8px;color:var(--teal-2);animation-delay:-1.5s}.doodle svg{width:30px;height:30px;display:block}@keyframes wiggle{0%,to{rotate:-6deg}50%{rotate:8deg}}.section-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-soft);margin:16px 0 7px}.label-ico{width:15px;height:15px;flex:none}.label-ico.lock{color:var(--purple)}.label-ico.fire{color:#f0734a}.locked-pill{display:inline-flex;align-items:center;gap:7px;background:#fffdf8;border:2px solid var(--cream-line);color:var(--indigo);font-weight:700;padding:7px 15px;border-radius:999px;font-size:16px}.burned{display:flex;flex-wrap:wrap;gap:7px}.burned-pill{display:inline-flex;align-items:center;gap:6px;background:#fff4f0;border:1.5px solid #ffd9cd;color:#d2502b;padding:5px 11px;border-radius:999px;font-size:14px;font-weight:500}.burned-pill .x{opacity:.6;font-size:13px}.burned-pill.hit{background:#ffe0e0;border-color:var(--danger);color:var(--danger);animation:shake .3s}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.compose{margin-top:16px}.compose .field{font-size:clamp(16px,2.6vw,19px)}.violation{color:var(--danger);font-size:13px;font-weight:700;margin-top:8px;min-height:16px;display:flex;align-items:center;gap:6px}.hint{color:var(--ink-soft);font-size:13px;margin-top:8px}.actions{display:flex;justify-content:center;margin-top:18px}.timer{display:flex;align-items:center;gap:8px}.timer-track{flex:1;height:10px;background:#efe7ff;border-radius:999px;overflow:hidden}.timer-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--purple));border-radius:999px;transition:width .9s linear}.timer-fill.urgent{background:linear-gradient(90deg,#ffb020,var(--danger))}.timer-num{font-family:var(--font-fat);font-weight:700;font-size:15px;min-width:30px;text-align:right}.timer-num.urgent{color:var(--danger)}.center-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:16px 0}.big-emoji{font-size:60px;animation:wiggle 2.5s ease-in-out infinite}.dots span{animation:blink 1.2s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.waiting-names{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{background:#fff;border-radius:999px;padding:6px 13px;font-size:14px;box-shadow:var(--shadow-sm);font-weight:600}.home{max-width:460px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:clamp(10px,6vh,60px)}.home .logo{font-size:clamp(34px,11vw,64px)}.tagline{font-family:var(--font-hand);font-size:22px;color:#fff;text-align:center;transform:rotate(-1deg);text-shadow:0 2px 0 rgba(60,30,120,.25);margin-top:-6px}.home-card{width:100%}.avatar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:6px}@media(max-width:460px){.avatar-grid{grid-template-columns:repeat(6,1fr)}}.av-pick{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:20px;background:#fffdf8;box-shadow:inset 0 0 0 2px #efe5ff;transition:transform .1s}.av-pick.on{box-shadow:inset 0 0 0 3px var(--purple);transform:scale(1.12)}.av-pick:hover{transform:scale(1.1)}.color-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-top:6px;place-items:center}@media(max-width:460px){.color-grid{grid-template-columns:repeat(5,1fr)}}.col-pick{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 2px #fff;transition:transform .1s}.col-pick.on{transform:scale(1.2);box-shadow:0 0 0 3px var(--indigo)}.divider{display:flex;align-items:center;gap:12px;color:var(--ink-soft);font-weight:600;width:100%}.divider:before,.divider:after{content:"";flex:1;height:2px;background:#ffffff80;border-radius:2px}.join-row{display:flex;gap:10px}.join-row .field{text-transform:uppercase;letter-spacing:4px;font-family:var(--font-fat);font-weight:700;text-align:center}.home-lbl{margin-top:14px}.home-gap{height:20px}.home-divider{margin:16px 0}.lobby-wrap{max-width:640px;margin:0 auto}.lobby-wrap .card{padding:clamp(22px,4vw,40px)}.lobby-grid{display:grid;gap:16px}.lobby-players{display:flex;flex-wrap:wrap;gap:16px 20px;justify-content:center;margin:2px 0 4px}.lobby-player{display:flex;flex-direction:column;align-items:center;gap:7px;width:70px;position:relative}.lobby-player.off{opacity:.45}.lobby-player .p-name{max-width:70px;text-align:center;font-size:13px;font-weight:600}.lobby-player .lp-crown{position:absolute;top:-10px;right:6px;font-size:16px;transform:rotate(14deg);filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.lobby-player .kickx{position:absolute;top:-6px;left:4px;width:20px;height:20px;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);font-size:11px;opacity:0;transition:opacity .12s}.lobby-player:hover .kickx{opacity:.7}.lobby-player .kickx:hover{opacity:1;color:var(--danger)}.lobby-empty{width:70px;height:70px;border-radius:50%;border:2.5px dashed var(--cream-line);display:grid;place-items:center;color:var(--ink-soft);font-size:24px}.share-code{display:block;width:100%;font-family:var(--font-fat);font-weight:800;font-size:clamp(40px,9vw,64px);letter-spacing:8px;color:var(--indigo);text-align:center;background:#fffdf8;border:3px dashed var(--cream-line);border-radius:var(--r-md);padding:14px;cursor:copy;transition:transform .1s,border-color .12s}.share-code:hover{transform:scale(1.03);border-color:var(--purple)}.copy-hint{text-align:center;color:var(--ink-soft);font-size:13px;margin-top:6px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1.5px solid var(--cream-line);flex-wrap:wrap}.setting-row:last-child{border-bottom:none}.setting-row .s-label{font-weight:600}.setting-row .s-desc{font-size:12px;color:var(--ink-soft)}.seg{display:inline-flex;flex-wrap:wrap;background:#f3edff;border-radius:999px;padding:4px;gap:4px}.seg button{padding:7px 14px;border-radius:999px;font-weight:600;font-size:14px;color:var(--ink);transition:all .12s}.seg button:not(.on):hover{background:#e7dbff}.seg button.on{background:#fff;color:var(--purple-2);box-shadow:var(--shadow-sm)}.toggle{width:52px;height:30px;border-radius:999px;background:#d9cdf5;position:relative;transition:background .15s;flex:none}.toggle.on{background:var(--purple)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 2px 4px #0003}.toggle.on:after{transform:translate(22px)}.lobby-count{margin-top:20px}.lobby-gap{height:14px}@media(min-width:700px){.app:has(>.home){display:flex}.home{margin:auto;padding-top:0;gap:16px}.home .logo{font-size:clamp(34px,6vw,48px)}.tagline{font-size:20px}.home-card.card{padding:22px clamp(22px,3vw,30px)}}@media(min-width:700px)and (max-height:940px){.app{padding-top:clamp(12px,2vh,18px);padding-bottom:clamp(12px,2vh,18px)}.topbar{margin-bottom:12px}.home{padding-top:0;gap:12px}.home .logo{font-size:clamp(32px,11vw,42px)}.tagline{font-size:18px}.home-card.card{padding:16px clamp(20px,3vw,28px)}.home-lbl{margin-top:8px}.avatar-grid{gap:5px;margin-top:4px}.color-grid{margin-top:4px}.home-gap{height:14px}.home-divider{margin:8px 0}.lobby-wrap .card{padding:24px clamp(24px,3vw,36px)}.lobby-wrap .turn-pill{margin-bottom:10px}.share-code{font-size:46px;letter-spacing:6px;padding:9px}.copy-hint{margin-top:4px}.lobby-count{margin-top:12px}.lobby-players{gap:10px 18px;margin:2px 0}.lobby-player .avatar.lg{width:50px;height:50px;font-size:27px}.lobby-gap{height:6px}.setting-row{padding:7px 0}.lobby-wrap .actions{margin-top:12px}.card{padding:24px clamp(22px,3vw,30px)}.actions{margin-top:14px}}@media(min-width:700px)and (max-height:720px){.lobby-wrap .card{padding:18px clamp(22px,3vw,32px)}.share-code{font-size:40px;letter-spacing:4px;padding:7px}.lobby-count{margin-top:8px}.lobby-player .avatar.lg{width:44px;height:44px;font-size:23px}.setting-row{padding:5px 0}}.draw-prompt{text-align:center;font-family:var(--font-fat);font-weight:700;color:var(--indigo);font-size:clamp(20px,3.6vw,28px);margin-bottom:12px}.canvas-wrap{position:relative;width:100%;max-width:560px;margin:0 auto}.canvas-wrap canvas{width:100%;aspect-ratio:4 / 3;background:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-sm);touch-action:none;display:block;border:2px solid var(--cream-line)}.tools{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 2px #fff,var(--shadow-sm);transition:transform .1s}.swatch.on{transform:scale(1.25);box-shadow:0 0 0 3px var(--indigo)}.brush{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:var(--shadow-sm)}.brush.on{background:var(--purple);color:#fff}.brush-dot{background:currentColor;border-radius:50%}.guess-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.guess-card{background:#fffdf8;border-radius:var(--r-md);padding:12px;box-shadow:var(--shadow-sm)}.guess-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:var(--r-sm);border:2px solid var(--cream-line)}.guess-card .blank-draw{width:100%;aspect-ratio:4/3;display:grid;place-items:center;color:var(--ink-soft);background:#faf5ea;border-radius:var(--r-sm);font-size:13px}.options{display:flex;flex-direction:column;gap:6px;margin-top:10px}.opt{text-align:left;padding:9px 12px;border-radius:var(--r-sm);background:#f8f6fc;font-size:14px;font-weight:500;transition:all .12s;border:2px solid transparent}.opt:hover:not(.on){background:#ebe2ff;transform:translate(2px)}.opt.on{background:var(--purple);color:#fff;border-color:var(--indigo)}.reveal-head{text-align:center;margin-bottom:10px}.reveal-kicker{font-family:var(--font-hand);font-size:21px;color:#fff;transform:rotate(-2deg);opacity:.92;margin-bottom:-2px}.reveal-head h1{font-family:var(--font-fat);font-size:clamp(28px,6vw,46px);color:var(--indigo);margin:0}.album{display:flex;flex-direction:column;gap:26px;margin-top:16px}.chain-card{background:#fffdf8;border-radius:var(--r-lg);padding:clamp(14px,2.5vw,22px);box-shadow:var(--shadow)}.chain{display:flex;flex-direction:column;gap:0}.chain-step{display:flex;gap:12px;align-items:flex-start;padding:8px 0;position:relative}.chain-step .line{position:absolute;left:19px;top:44px;bottom:-8px;width:3px;background:#eadffb;border-radius:3px}.chain-step:last-child .line{display:none}.chain-text{font-family:var(--font-fat);font-weight:600;font-size:clamp(17px,2.6vw,22px);color:var(--indigo)}.chain-step.first .chain-text{color:var(--good)}.chain-step.last .chain-text{color:var(--pink)}.chain-text.skip{color:var(--ink-soft);font-style:italic;font-weight:500}.chain-by{font-size:12px;color:var(--ink-soft)}.chain-draw{margin-top:16px;display:flex;justify-content:center}.polaroid{background:#fff;padding:10px 10px 0;border-radius:7px;box-shadow:var(--shadow-sm);transform:rotate(-1.3deg);transition:transform .18s ease;max-width:320px;width:100%}.polaroid:hover{transform:rotate(0) scale(1.02)}.chain-draw img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:3px;display:block}.chain-draw .blank-draw{width:100%;aspect-ratio:4/3;display:grid;place-items:center;color:var(--ink-soft);background:#faf5ea;border-radius:3px;font-size:13px}.draw-cap{font-family:var(--font-hand);font-size:17px;color:var(--ink-soft);text-align:center;padding:9px 4px 11px}.locked-tag{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--ink-soft);margin-bottom:8px}.fav-intro{text-align:center;font-family:var(--font-fat);font-weight:700;font-size:16px;color:#fff;margin:28px auto 8px}.chain-card.crowd-fav{box-shadow:0 0 0 3px var(--pink),var(--shadow);position:relative}.fav-ribbon{display:inline-flex;align-items:center;gap:5px;background:var(--pink);color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.02em;padding:5px 13px;border-radius:999px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.chain-fav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1.5px dashed var(--cream-line)}.fav-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;border:2px solid var(--cream-line);border-radius:999px;padding:7px 15px;font-weight:700;font-size:15px;color:var(--ink-soft);cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s}.fav-btn:hover:not(.static){transform:translateY(-2px);border-color:var(--pink);box-shadow:0 5px 0 var(--pink-soft)}.fav-btn:active:not(.static){transform:translateY(1px);box-shadow:none}.fav-btn.on{background:var(--pink-soft);border-color:var(--pink);color:var(--pink)}.fav-btn.static{cursor:default;background:var(--pink-soft);border-color:var(--pink);color:var(--pink)}.fav-heart{font-size:17px;line-height:1}.fav-count{font-family:var(--font-fat);font-weight:800;min-width:8px}.fav-voters{display:flex;align-items:center}.fav-voter{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:14px;border:2px solid #fffdf8;margin-left:-7px}.fav-voter:first-child{margin-left:0}.leaderboard{background:#fffdf8;border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow);margin-bottom:18px}.lb-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--r-sm)}.lb-row.top{background:linear-gradient(90deg,#fff6da,#fffdf8)}.lb-rank{font-family:var(--font-fat);font-weight:800;font-size:22px;width:40px;text-align:center}.lb-score{margin-left:auto;font-family:var(--font-fat);font-weight:800;font-size:20px;color:var(--purple-2)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--indigo);color:#fff;padding:13px 22px;border-radius:999px;box-shadow:var(--shadow);z-index:50;font-weight:600;animation:pop .3s;max-width:90vw;text-align:center}.toast.err{background:var(--danger)}.confetti{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.confetti i{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:.9}}.status-banner{text-align:center;color:#fff;font-weight:600;padding:8px}@media(min-width:700px)and (max-height:940px){.draw-prompt{margin-bottom:8px}.canvas-wrap{max-width:500px}.tools{margin-top:8px}}@media(min-width:700px)and (max-height:720px){.canvas-wrap{max-width:430px}}.muted{color:var(--ink-soft)}.tiny{font-size:12px}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:12px}.wrap-card{max-width:560px;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}button:focus-visible,.share-code:focus-visible,.field:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.swatch:focus-visible,.col-pick:focus-visible,.av-pick:focus-visible,.brush:focus-visible,.opt:focus-visible,.toggle:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.col-pick:hover:not(.on){transform:scale(1.1);box-shadow:0 0 0 2px var(--ring),0 0 0 4px #fff}.swatch:hover:not(.on){transform:scale(1.15)}.brush:hover:not(.on){background:#f0f0ff;transform:scale(1.08)}.toggle:hover{filter:brightness(.97)}.btn.ghost:active:not(:disabled){background:#f5f0ff;box-shadow:0 1px 0 var(--indigo);transform:translateY(4px)}