/* Chitrakala stationery system — hand-drawn, warm, and a little wonky. */
:root{--ink:#4b226c;--purple:#8650bd;--purple-dark:#5c298b;--paper:#fff8ec;--line:#ba9bca;--shadow:0 6px 3px #5b35631a,3px 14px 22px #5b356316;--cut:polygon(0 1%,4% 0,9% 1%,16% 0,24% 1%,33% 0,42% 1%,52% 0,61% 1%,71% 0,80% 1%,90% 0,98% 1%,100% 0,99.5% 17%,100% 37%,99.5% 63%,100% 82%,99% 99%,92% 100%,83% 99%,74% 100%,66% 99%,57% 100%,48% 99%,38% 100%,29% 99%,19% 100%,10% 99%,1% 100%,0 82%,.5% 60%,0 40%,.5% 20%);font-family:'Patrick Hand','Comic Sans MS',cursive;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;scroll-behavior:smooth}body{margin:0;position:relative;min-height:100vh;padding:0 clamp(18px,3vw,48px) 94px;background:#f7eddf;color:var(--ink);font:22px/1.3 'Patrick Hand','Comic Sans MS',cursive;isolation:isolate}
body::before{content:'';position:fixed;inset:0;z-index:-3;pointer-events:none;background:#f7eddf url('/bg/generated/creases-1.png') center/cover;opacity:.75}.paper-motion-ready::before{opacity:0}body::after{content:'';position:fixed;inset:0;z-index:-2;background:#fff5e62b;pointer-events:none}
main{position:relative;z-index:1;max-width:1530px;margin:auto}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default}h1,h2,h3,h4,p{margin-top:0}h2,h3,h4{font-weight:400}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px dashed #a570cf;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.icon{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.brandbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 24px;min-height:104px}.brand{display:flex;gap:9px;align-items:flex-start;color:#6928a3;text-decoration:none;font-weight:700;letter-spacing:-1.5px;font-family:'Kalam','Patrick Hand',cursive;font-size:34px;line-height:1.05;white-space:nowrap}.brand small{display:block;font-family:'Patrick Hand',cursive;letter-spacing:0;font-size:19px;font-weight:400;color:var(--ink);margin-top:3px}.brand-symbol{font:42px/1 'Patrick Hand',cursive;position:relative;top:-3px}.brand:after{content:'';position:absolute;top:92px;left:44px;width:158px;border-top:3px solid #ab78d4;border-radius:50%;rotate:-1deg}
.landing-nav,.room-nav{display:flex;align-items:center;gap:22px}.b{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:8px 16px;color:var(--ink);text-decoration:none;background:#fff9f0;border:1.5px solid #a17ab8;border-radius:10px 14px 11px 13px;box-shadow:0 3px 0 #ae90ba55,1px 5px 8px #4b226c10;transition:translate .15s,background .15s,box-shadow .15s;font-size:22px;line-height:1.25;white-space:nowrap}.b:hover:enabled{background:#f4e8ff;translate:0 -2px;box-shadow:0 5px 0 #ae90ba55,1px 7px 10px #4b226c15}.b:active:enabled{translate:0 2px;box-shadow:0 1px 0 #ae90ba55}.b:disabled{opacity:.5;box-shadow:none}.b.primary{background:linear-gradient(110deg,#8851c0,#9c6acc);color:#fff9ff;border:2px solid #653393;border-radius:18px 15px 19px 16px;box-shadow:0 6px 0 #55267a,0 8px 0 5px #fff9ed,inset 0 0 0 5px #ffffff12;text-shadow:0 1px #673296}.b.primary::after{content:'';position:absolute;inset:5px;border:1px dashed #e0bbf0aa;border-radius:12px;pointer-events:none}.b.primary:hover:enabled{background:linear-gradient(110deg,#995ecc,#aa78d6);box-shadow:0 8px 0 #55267a,0 10px 0 5px #fff9ed}.b.secondary{border:2px solid #7841a3;border-radius:24px 19px 24px 19px}.b.big{display:flex;width:100%;font-size:clamp(26px,2.7vw,38px);padding:15px 18px;gap:22px}.b.big .icon{width:34px;height:34px}.nav-button{min-height:48px;padding:9px 18px;font-size:21px;border-radius:18px 14px 20px 14px}.profile-button{min-width:82px;border-radius:26px;background:#f7ebfd;font-size:20px}.profile-button .icon{width:30px;height:30px}.room-top{position:absolute;left:50%;translate:-50% 0}.room-label{font-size:25px;padding:9px 18px;gap:12px;rotate:-1deg;background:#fff8ec;box-shadow:var(--shadow);border:1px solid #c4a7b5;border-radius:4px}.room-label b{font-weight:400;letter-spacing:2px}.count-badge{font-size:22px;gap:10px}.count-badge .icon{width:32px;height:32px}.room-nav{gap:16px}
.land{display:grid;grid-template-columns:1.1fr 1fr;column-gap:7%;align-items:center;max-width:1320px;margin:28px auto 0}.party-hero{text-align:center;align-self:start;padding-top:27px;min-width:0}.logo-paper{position:relative;padding:22px 10px 18px;max-width:610px;margin:auto;background:#fffbf5;filter:drop-shadow(2px 7px 3px #5b356329);isolation:isolate;rotate:-1.5deg;clip-path:var(--cut)}.logo-paper:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/bg/generated/creases-1.png') center/cover;opacity:.12}.logo{font:700 clamp(62px,6.65vw,103px)/1.2 'Kalam','Patrick Hand',cursive;letter-spacing:-7px;white-space:nowrap;margin:0;text-align:center}.logo span{display:inline-block;text-shadow:2px 4px 0 #431657;transform-origin:center bottom}.logo-subtitle{font-size:clamp(22px,2vw,30px);line-height:1;margin-top:1px;color:var(--ink)}.tag{font-size:clamp(24px,2.25vw,33px);line-height:1.35;margin:27px 0 17px;position:relative;display:inline-block}.tag:after{content:'';display:block;width:55%;height:6px;margin:5px auto 0;background:#f3c935;border-radius:60% 35% 70% 20%;rotate:-3deg}.hero-art{display:block;width:108%;height:auto;margin:4px -4% 0;max-width:none;pointer-events:none;filter:drop-shadow(0 3px 0 #fff4e8)}.tape{position:absolute;width:90px;height:28px;background:repeating-linear-gradient(0deg,#ffe594aa 0 2px,#ffda63b0 3px 5px);box-shadow:0 2px 0 #b8a16d20;z-index:2;pointer-events:none;clip-path:polygon(0 8%,5% 0,10% 12%,15% 0,20% 12%,25% 0,30% 10%,100% 0,96% 15%,100% 30%,94% 45%,100% 60%,96% 75%,100% 100%,0 95%)}.tape-left{left:-13px;bottom:24px;rotate:50deg}.tape-right{right:-12px;bottom:16px;rotate:-48deg}
.play-stack{position:relative;padding:0 14px 12px 0;min-width:0;align-self:start}.play-stack:before{content:'';position:absolute;inset:10px 0 0 16px;background:#d0a7ed;rotate:3deg;clip-path:var(--cut);box-shadow:var(--shadow)}.notebook{position:relative;background:linear-gradient(90deg,transparent 46px,#e7a6ad55 46px 48px,transparent 48px),repeating-linear-gradient(0deg,transparent 0 38px,#d7b39d22 38px 39px),#fff6e2;padding:36px 38px 29px 72px;border:1px solid #deccb2;box-shadow:var(--shadow);rotate:1deg;clip-path:var(--cut);color:var(--ink)}.notebook:before{content:'';position:absolute;left:11px;top:40px;bottom:20px;width:22px;background:radial-gradient(circle at 50% 12px,#a9938d 0 10px,#f1e4d2 10px 11px,transparent 12px) 0 0/22px 54px;opacity:.65;pointer-events:none}.pin{position:absolute;z-index:3;left:50%;top:-14px;width:25px;height:25px;rotate:14deg;background:radial-gradient(circle at 34% 28%,#ecc0ff,#ac52d2 50%,#692989);border-radius:50%;box-shadow:3px 8px 5px #4f1b6633}.pin:after{content:'';position:absolute;left:-3px;top:17px;width:33px;height:13px;background:#9f4fbd;border-radius:50%;box-shadow:2px 3px 3px #4f1b6644}.play-heading{font-size:clamp(34px,3.8vw,53px);line-height:1.1;margin:0 0 18px;text-align:center;font-family:'Kalam',cursive}.play-heading:before,.play-heading:after{content:'⌁';display:inline-block;color:#f5b728;font-size:39px;margin:0 10px;rotate:25deg}.nickname-row{display:flex;gap:12px;align-items:center;margin:0 0 21px;font-size:19px;color:#9273a2}.nickname-row input{padding:5px 10px;flex:1;width:0;min-width:0;max-width:250px;border-color:#d2bad8;background:#fffaf1c9;font-size:20px}.notebook>.primary{margin-bottom:23px}.or-divider{display:flex;gap:18px;align-items:center;justify-content:center;margin:17px 0;font-size:25px}.or-divider:before,.or-divider:after{content:'';height:1px;background:#b193ba80;flex:1}.join-row{display:flex;gap:11px}.join-row input{min-width:0;flex:1;text-transform:uppercase;letter-spacing:.22em;font-size:21px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.join-row input::placeholder{text-transform:none;letter-spacing:0;font-weight:400;text-align:left}.join-row .b{background:#e2c5fc;font-size:25px;padding:10px 19px}.quick-link,.quiet-link{display:block;border:0;background:none;color:#88639f;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:4px;font-size:18px;margin:20px auto 0;cursor:pointer}.feature-notes{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);max-width:900px;gap:34px;margin:43px auto 0;width:100%;padding:0 12px}.feature-note{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:var(--note);border:1px solid #fffdf3;color:var(--ink);font:27px/1.1 'Patrick Hand',cursive;padding:24px 12px 16px;min-height:148px;box-shadow:var(--shadow);rotate:-2deg;clip-path:var(--cut);transition:translate .15s}.feature-note:before{content:'';position:absolute;width:66px;height:24px;top:-2px;left:calc(50% - 33px);background:var(--tape);rotate:-8deg;opacity:.85}.feature-note .icon{width:37px;height:37px;stroke-width:1.6}.feature-note:hover{translate:0 -4px}.feature-note:nth-child(even){rotate:2deg}.pink{--note:#f8d2e1;--tape:#ee8bb6}.yellow{--note:#ffecae;--tape:#ffc456}.green{--note:#e0efbd;--tape:#9dc98b}.purple{--note:#e4cef7;--tape:#b77ce0}
input[type=text],select{border:1.3px solid #bea2cc;border-radius:7px;background:#fffdf8;color:var(--ink);font:22px/1.2 'Patrick Hand',cursive;padding:9px 12px;box-shadow:inset 0 1px 2px #55267a08;max-width:100%;width:100%}input::placeholder{color:#9a86a8}select{padding:5px 8px;cursor:pointer}select:disabled{opacity:.7;cursor:default}.win{background:#fff9f1;border:1px solid #bea1c9;border-radius:12px 15px 10px 16px;box-shadow:var(--shadow);color:var(--ink)}.tb{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:25px;padding:9px 15px;background:#9867c4;color:#fffaf8;border-radius:9px 10px 0 0}.body{padding:20px}.avatar-layout{display:grid;grid-template-columns:minmax(200px,420px) 1fr;gap:28px}.avatar-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.avatar-actions .primary{font-size:22px;padding:10px 18px}.avatar-editor{max-width:1050px;margin:30px auto}.avatar-editor .sunk{padding:8px}.avc{background:repeating-conic-gradient(#f7effb 0 25%,#fffaf5 0 50%) 0 0/20px 20px}.avatar-editor canvas{width:100%;height:auto}.av{width:75px;height:75px;border:1px solid #b498c4;background:#fffaf4;border-radius:10px;image-rendering:auto;cursor:pointer}.profile-popover{position:absolute;right:0;top:90px;z-index:7;width:350px;max-width:95vw;padding:22px;rotate:1deg}.profile-popover h3{font-size:27px;margin-bottom:12px}.card{display:flex;align-items:center;gap:15px}.card .b{display:flex;font-size:16px;margin-top:7px;padding:5px 8px}.card b{font-size:25px;font-weight:400}.stats{display:flex;justify-content:space-between;gap:16px;margin:20px 0;padding:10px 0;border-top:1px dashed #d3badf;border-bottom:1px dashed #d3badf;font-size:18px;color:#987da5}.stats b{display:block;color:#75469b;font-size:30px;font-weight:400}.profile-popover p{font-size:18px}
.lob{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px 42px;align-items:start;margin:30px 32px 0}.lobby-wordmark{grid-column:1/-1;text-align:center;margin:-12px auto 0;position:relative;max-width:380px;padding:4px 28px 12px;background:#fffaf2;box-shadow:var(--shadow);rotate:1deg;clip-path:var(--cut)}.lobby-wordmark>span{font:700 50px/1 'Kalam',cursive;letter-spacing:-3px;color:#9754bb;background:linear-gradient(90deg,#dc323d,#e99a09,#30a43b,#268ee0,#ad3fbb,#df4139,#eab211,#3caa4c);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 2px 0 #4b226c)}.lobby-wordmark small{display:block;font-size:21px;margin-top:3px}.lobby-social{display:grid;gap:30px;min-width:0}.tape-title{position:relative;display:inline-block;background:#dfb5eecc;padding:7px 24px 5px;rotate:-2deg;margin:0 0 24px;font-size:30px;line-height:1.1;clip-path:polygon(2% 0,95% 3%,98% 15%,95% 28%,100% 40%,96% 53%,100% 67%,96% 80%,98% 98%,1% 100%,3% 85%,0 70%,4% 55%,0 40%,3% 25%,0 10%)}#lpl{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;align-items:stretch}.pc{position:relative;background:#fffbf3;border:1px solid #b7a0c0;box-shadow:2px 4px 2px #69437922;border-radius:3px 5px 4px 6px;min-height:188px;padding:17px 9px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;rotate:-1deg;font-size:22px}.pc:before{content:'';position:absolute;top:-11px;left:50%;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb4bf,#da3455 65%,#7e1233);box-shadow:1px 3px 2px #4b226c44}.pc:nth-child(2):before{background:radial-gradient(circle at 35% 30%,#ffb7ef,#ce32b2 65%,#831c8b)}.pc:nth-child(3):before{background:radial-gradient(circle at 35% 30%,#b5ecff,#328fd1 65%,#124d83)}.pc:nth-child(4):before{background:radial-gradient(circle at 35% 30%,#edb7ff,#8e32ce 65%,#511c83)}.pc:nth-child(5):before{background:radial-gradient(circle at 35% 30%,#ffd5a1,#ec9936 65%,#9e4e14)}.pc:nth-child(even){rotate:1deg}.pc img{width:86px;height:86px;max-width:100%;border:1px solid #d0b3d5;border-radius:6px;background:#f8edf6;padding:4px;margin-bottom:8px;object-fit:contain}.pc b{font-weight:400;overflow-wrap:anywhere;line-height:1.15;margin-bottom:7px}.pc.is-me{background:#fff1bd}.status-pill{display:inline-block;border-radius:20px;background:#e3dce7;color:#8d7b97;font:16px/1.2 'Patrick Hand',cursive;padding:3px 10px;margin-top:auto}.status-pill.ready{background:#bddd85;color:#446229}.status-pill.host{background:#a775c5;color:white;border-radius:5px}.crown{position:absolute;left:-17px;top:-18px;color:#8d4dad;rotate:-24deg}.crown .icon{width:40px;height:40px;fill:#ffe568}.kick-button{position:absolute;right:4px;top:3px;font-size:12px;background:transparent;color:#a57894;border:0;padding:2px}.invite-card{background:#fffaf444;border:1.5px dashed #b89ac8;color:#714b8b;border-radius:6px;min-height:188px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font:22px/1.2 'Patrick Hand',cursive}.invite-card .icon{width:43px;height:43px}.invite-card:hover{background:#f4e4fb}.ready-button{margin-top:15px;background:#e3efcd;font-size:19px}.lobby-chat .tb{background:#6d9e95;border-radius:4px;font-size:25px;padding:7px 12px;margin:7px}.lobby-chat .body{padding:12px 18px 8px}#lchat{height:228px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px 0 10px}#lchat>p{margin:0 35px 9px 0;padding:8px 13px;background:#efe3f5;border-radius:0 14px 14px 14px;overflow-wrap:anywhere;font-size:21px}#lchat>p.mine{margin:0 0 9px 35px;background:#e5f0db;border-radius:14px 0 14px 14px}#lchat>p b{display:block;font-weight:400;font-size:16px;color:#9b74b3}#lchat>p span{white-space:pre-wrap}.chat-empty{text-align:center;color:#78429e;padding:3px 0 0}.quiet-cat{display:block;width:215px;height:87px;margin:0 auto -2px}.chat-empty h3{font-size:29px;margin:0 0 1px;line-height:1.2}.chat-empty h3:after{content:'';display:block;margin:6px auto 0;width:150px;height:3px;background:#eeca67;border-radius:50%;rotate:-2deg}.chat-empty small{font-size:17px;color:#b097b6}.chat-starters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:8px 0 19px}.chat-starters .b{font-size:17px;padding:7px 10px;background:#fbf1fc;border-radius:9px}.chat-starters .icon{width:21px;height:21px}#lcf{display:flex;gap:12px}#lci{flex:1;min-width:0;font-size:21px}#lcf .b{min-width:87px;background:#f7e8fa;font-size:23px}#lcstatus{font-size:16px;color:#be5671;margin:5px 0 0;min-height:13px}
.party-rules{position:relative;background:repeating-linear-gradient(0deg,transparent 0 31px,#e4bb4a1a 31px 32px),linear-gradient(115deg,#ffe8a0,#fff0bd);border:1px solid #e4c67e;border-radius:2px 5px 2px 4px;box-shadow:var(--shadow);padding:29px 22px 22px;rotate:-1deg;margin-top:4px;isolation:isolate}.party-rules:before{content:'';position:absolute;inset:-8px 10px 7px -8px;background:#ffe7a0;border:1px solid #e5cc8e;rotate:-1deg;z-index:-1}.party-rules:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:18px;background:#ffedb2;clip-path:polygon(0 0,100% 0,100% 70%,96% 55%,92% 95%,88% 65%,84% 80%,80% 55%,75% 90%,70% 70%,65% 90%,60% 60%,55% 90%,50% 70%,45% 95%,40% 60%,35% 90%,30% 65%,25% 95%,20% 75%,15% 95%,10% 55%,5% 80%,0 65%);pointer-events:none}.clip{position:absolute;top:-25px;left:50%;translate:-50% 0;width:56px;height:31px;background:linear-gradient(#5b555c,#292932);border-radius:3px 3px 8px 8px;box-shadow:2px 5px 5px #3e2c4d44}.clip:before{content:'';position:absolute;left:9px;right:9px;top:-24px;height:30px;border:3px solid #908694;border-bottom:0;border-radius:22px 22px 0 0}.party-rules h2{font-size:30px;text-align:center;margin:0 0 12px;letter-spacing:1px}.party-rules h2:after{content:'';display:block;width:120px;height:3px;background:#8c53b2;margin:5px auto 0;rotate:-2deg}.room-invite{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding:7px 2px}.code{font-size:25px;letter-spacing:2px}.room-invite .b{font-size:15px;padding:5px 7px;background:#fff7db}.room-invite .icon{width:18px;height:18px}.set{display:grid;gap:13px;margin-bottom:24px}.set label{display:flex;align-items:center;gap:11px;padding:10px 11px;background:#fff9e39c;border:1px solid #e5c876;border-radius:17px 13px 16px 14px;box-shadow:0 2px 0 #d5ae5333;font-size:22px;white-space:nowrap}.set label>.icon{width:29px;height:29px;stroke-width:1.8}.set label>span:not(.aa-icon){flex:1}.set select{width:95px;flex:none;background:#fffcf4;font-size:20px;padding:5px}.aa-icon{width:29px;flex:none;font-size:25px}.party-rules .primary{font-size:35px;padding:13px 10px;margin:4px 0 16px}.host-note{font-size:17px;text-align:center;color:#937c81;margin:8px 0}.quiet-link{font-size:16px;margin-top:9px}
.gm{display:grid;grid-template-columns:210px minmax(0,1fr) 300px;gap:24px 20px;align-items:start;margin:24px 0 0}.players-panel{min-width:0}.players-panel .tape-title{font-size:29px;min-width:155px;text-align:center;margin:12px 0 26px}#pls{display:grid;gap:15px}.pr{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;background:#fffbf2;border:1px solid #c0a7ba;box-shadow:2px 4px 3px #5b356322;border-radius:5px 4px 9px 4px;rotate:-1deg;min-height:80px}.pr:nth-child(even){rotate:1deg}.pr.is-me{background:#fff1c2}.pr:before{content:'';position:absolute;left:-4px;top:16px;width:10px;height:10px;background:#c3a3db;border-radius:50%;box-shadow:0 18px #c3a3db}.pr img{width:42px;height:42px;background:#fffcf3;object-fit:contain;border:0}.pr b{font-size:21px;font-weight:400;display:block;line-height:1.1;overflow-wrap:anywhere}.pr small{font-size:14px;color:#9e83a8;display:block}.pr .score{margin-left:auto;font-size:23px;white-space:nowrap}.pr .crown{left:-7px;top:-16px}.pr .crown .icon{width:27px;height:27px}.drawing-panel{position:relative;border:1px solid #ba8dce;border-radius:22px 17px 24px 17px;background:linear-gradient(125deg,#fff8f3,#f7ecff);padding:13px 13px 6px;min-width:0;box-shadow:0 5px 0 #cfb4d44d,0 8px 16px #5b35631a}.drawing-panel:before,.drawing-panel:after{content:'';position:absolute;width:65px;height:22px;top:-8px;background:#ffdf8bb0;rotate:-43deg;box-shadow:0 2px 2px #b99a5733;pointer-events:none}.drawing-panel:before{left:-21px}.drawing-panel:after{right:-22px;rotate:43deg}.round-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:1px 2px 13px}.round-badge{font-size:20px;font-weight:400;border:1px solid #d0a6e2;background:#ecd1f8;border-radius:22px 17px 18px 15px;padding:6px 13px;white-space:nowrap}.hint{font-size:clamp(20px,2.15vw,32px);text-align:center;line-height:1.15;overflow-wrap:anywhere;font-weight:400;background:#ffecad;padding:8px 10px;rotate:-1deg;clip-path:var(--cut)}.timer-badge{display:flex;gap:5px;align-items:center;font-size:25px;background:#f9d6ee;border:1px solid #e4a6c9;border-radius:15px;padding:5px 10px}.timer-badge .icon{width:24px;height:24px}.tm{font-weight:400;white-space:nowrap}.tm.w{color:#c13865}.canvas-paper{background:#fffdf8;border:1px solid #c9a3dd;border-radius:19px 17px 20px 16px;overflow:hidden}.canvas-paper canvas{width:100%;height:auto;display:block;touch-action:none;cursor:crosshair}.sb{padding:7px 6px 1px;text-align:center;font-size:15px;color:#a283ad;min-height:28px}.game-chat{min-width:0;margin-top:26px;padding:0 11px 14px;min-height:425px;background:#fffaf3}.chat-tabs{display:flex;align-items:stretch;gap:4px;margin:-11px -1px 15px}.chat-tab{flex:1;border:1px solid #bf9cd3;border-radius:16px 12px 8px 9px;color:var(--ink);font-size:21px;white-space:nowrap;padding:11px 6px;background:#fff7ef;box-shadow:0 4px 0 #b397bf33}.chat-tab.active{background:#d9b5f6;border-color:#b87fd2;box-shadow:0 4px 0 #8750a5}.chat-tab:hover{background:#eed8ff}#chat{height:320px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px 0}#chat p{font-size:20px;padding:7px 4px;margin:0;overflow-wrap:anywhere}#chat .s{color:#9a80a8;font-size:17px}#chat .g{color:#437332;background:#e0f2b7;border:1px solid #c6e79c;border-radius:14px;padding:7px 9px;margin:7px 0}#gf{display:flex;gap:7px;margin-top:12px}#gi{flex:1;min-width:0;padding:9px 10px;font-size:19px}#gf .b{border-radius:9px;box-shadow:0 3px 0 #55267a;padding:8px 12px}#gf .b:after{display:none}#round-info{font-size:19px;padding:12px 4px;color:#90709b}#round-info h3{font-size:25px;color:var(--ink)}
.game-toolbar{grid-column:2/4;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;padding:16px 20px;background:#fff9ef;border:1px solid #c5acbb;box-shadow:var(--shadow);border-radius:8px 11px 8px 12px;position:relative}.game-toolbar:before{content:'';position:absolute;left:-13px;top:-8px;width:65px;height:23px;background:#ffe39eb0;rotate:-43deg;pointer-events:none}.tools{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.tl{display:flex;gap:7px;flex-wrap:wrap}.tool-button{width:42px;height:43px;border:0;background:transparent;color:#63347d;display:inline-grid;place-items:center;padding:6px;border-radius:8px;cursor:pointer;box-shadow:none}.tool-button .icon{width:29px;height:29px;stroke-width:1.8}.tool-button.on{background:#ddc0f2;border:1px solid #9e64c2;box-shadow:0 3px 0 #9d7bad55}.tool-button:hover:enabled{background:#efe0f7}.pal{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:0 14px;border-left:1px solid #b594c5;border-right:1px solid #b594c5;max-width:342px}.color-swatch{height:26px;width:26px;border:1px solid #00000014;border-radius:50%;cursor:pointer;position:relative}.color-swatch.on{outline:3px solid #e39cce;outline-offset:3px;box-shadow:0 0 0 2px #fff}.ac{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.ac label{display:flex;align-items:center;gap:5px;font-size:16px;color:#aa87b3}.ac input{width:65px;accent-color:#9a5bc2}.action-buttons{display:flex;gap:5px}.action-buttons .tool-button .icon{width:27px;height:27px}.game-toolbar.off{opacity:.58}.off button:disabled,.off input:disabled{cursor:default;pointer-events:none}.off .tool-button{opacity:.7}.u{font-size:19px;color:#9775a6}#avt{padding:12px 0}.avatar-editor .pal{max-width:none;border:0;padding:10px 0}.avatar-editor .ac{width:100%}.sunk{border:1px solid #c9aed8;border-radius:10px}
.results-sheet{max-width:1250px;margin:30px auto 0}.results-sheet .body{padding:30px}.podium{display:flex;gap:20px;align-items:center;justify-content:center;font-size:43px;text-align:left}.podium img{width:90px;height:90px;border:2px solid #d2addf;border-radius:50%;background:#fffaf0}.res{list-style:none;margin:0;padding:0}.res li{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px dashed #ceb4db}.res li:last-child{border-bottom:0}.gw{position:relative;rotate:.5deg}.gw>.lined,.results-sheet .lined{padding:20px 30px;background:#fff9e9;border:1px solid #dcc3d0;border-radius:5px;box-shadow:var(--shadow)}.lined h4{font-size:27px;margin:0 0 8px}.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:25px;padding:20px 0}.pol{position:relative;background:#fffdf7;padding:10px 10px 18px;box-shadow:var(--shadow);rotate:var(--r);border:1px solid #e2d0d7}.pol:before{content:'';position:absolute;left:35%;top:-10px;width:70px;height:22px;background:#f5d78099;rotate:-4deg}.pol img{display:block;width:100%;background:white}.pol figcaption{font-size:19px;margin-top:7px}.results-sheet .res small{color:#b397bf}.dlg{position:fixed;inset:0;background:#45245355;backdrop-filter:blur(5px);z-index:20;display:grid;place-items:center;padding:20px}.dlg>.win{max-width:540px;width:100%;max-height:90dvh;overflow:auto}.dlg .body{font-size:21px}.dlg .body .big{font-size:28px;margin:12px 0}.dlg .pv{display:block;width:100%;margin:10px 0}.dialog-close{color:#fff;background:transparent;border:0;font-size:30px;line-height:1}.instructions-list{display:grid;gap:16px;counter-reset:steps;padding-left:24px}.instructions-list li::marker{color:#9d5fc9}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:10px;margin:20px 0}.score-grid b{display:block;font-size:35px;color:#9e5ec7;font-weight:400}#toast{position:fixed;left:50%;bottom:100px;translate:-50% 0;z-index:30;color:#fff;background:#795198;border:1px solid #e7c8fa;box-shadow:var(--shadow);border-radius:13px;padding:11px 20px;font-size:20px;max-width:90vw}
#moving-paper{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;overflow:hidden}#moving-paper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:none!important;animation:none!important}#moving-paper::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background-image:linear-gradient(to right,#9f7e6030 1px,transparent 1px),linear-gradient(to bottom,#9f7e6030 1px,transparent 1px);background-size:22px 22px;background-position:0 0}
#doodle-wall{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.bg-doodle{position:absolute;width:150px;height:150px;opacity:.75;rotate:var(--tilt,-12deg)}.bg-doodle svg{display:block;width:100%;height:100%;overflow:visible}.bg-doodle path,.bg-doodle circle{stroke-linecap:round;stroke-linejoin:round}.bg-doodle:nth-child(1){left:1.5%;top:13%;width:130px}.bg-doodle:nth-child(2){right:-2%;top:28%;width:130px}.bg-doodle:nth-child(3){left:-2%;bottom:4%;width:170px}.bg-doodle:nth-child(4){right:2%;bottom:3%;width:125px}.bg-doodle:nth-child(5){left:27%;top:9%;width:75px}.bg-doodle:nth-child(6){right:7%;bottom:12%;width:95px;height:190px;rotate:28deg}.stk{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.stk img{position:absolute;width:130px;border:6px solid #fffcf6;box-shadow:var(--shadow);rotate:var(--r);opacity:.8}
#page-ink{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}#page-ink path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.85;pointer-events:none}.page-drawing-on{user-select:none;-webkit-user-select:none}.page-drawing-on input,.page-drawing-on textarea{user-select:text;-webkit-user-select:text}.page-drawing-on main{pointer-events:none}.page-drawing-on main :is(button,a,input,select,textarea,label,form,canvas,[contenteditable],[role="button"],.sticky,.lined,.win,.pol,.card,.stats,.hero-tags,.logo,.tag,.eyebrow,h1,h2,h3,h4,p,.logo-paper,.feature-note,.pc,.pr,.room-label){pointer-events:auto}.page-drawing-on #page-ink{pointer-events:auto;touch-action:none;cursor:crosshair}.page-drawing-tools{position:fixed;z-index:10;bottom:10px;left:50%;translate:-50% 0;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 12px;max-width:calc(100% - 24px);width:max-content;background:#fff9eef2;border:1px solid #d0b3ce;border-radius:13px;box-shadow:0 4px 14px #5b35631a;font-size:16px}.page-drawing-tools>.b{font-size:16px;padding:5px 9px;border-radius:8px}.ink-color-label{display:flex;align-items:center;gap:5px;white-space:nowrap}.ink-color-label input{width:26px;height:26px;border:1px solid #bf9dd0;padding:2px;background:#fff;border-radius:50%;cursor:pointer}.cf{position:fixed;top:-14px;width:9px;height:12px;z-index:25;animation:confetti-fall 3s linear forwards}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(600deg)}}
body[data-view="play"] .brandbar{padding-bottom:12px}body[data-view="game"] .landing-nav,body[data-view="lobby"] .landing-nav{display:none}body[data-view="game"] .room-nav,body[data-view="lobby"] .room-nav{display:flex}
@media(min-width:1600px){.land{margin-top:35px}.feature-notes{margin-top:50px}.gm{grid-template-columns:235px minmax(0,1fr) 325px}.game-chat{min-height:480px}#chat{height:365px}.hero-art{margin-top:12px}}
@media(max-width:1250px){.brand{font-size:28px}.brand small{font-size:16px}.brandbar{gap:15px}.nav-button{font-size:19px;padding:8px 13px}.room-nav{gap:9px}.room-label{font-size:21px;padding:9px}.room-label .icon{width:21px;height:21px}.room-top{left:46%}.land{column-gap:5%;margin-top:28px}.logo{font-size:clamp(58px,6.7vw,90px);letter-spacing:-6px}.notebook{padding:33px 25px 24px 58px}.play-heading{font-size:39px}.play-heading:before,.play-heading:after{font-size:29px;margin:0 6px}.feature-notes{max-width:780px;gap:25px}.feature-note{font-size:24px;min-height:135px}.lob{margin:22px 0 0;grid-template-columns:minmax(0,1fr) 335px;gap:28px}.set label{font-size:20px;gap:8px;padding:9px}.set select{width:84px;font-size:18px}.party-rules{padding:27px 18px 20px}.pc{font-size:20px;min-height:168px}.pc img{width:73px;height:73px}.invite-card{min-height:168px}#lpl{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.chat-starters{gap:6px}.chat-starters .b{font-size:15px}.gm{grid-template-columns:170px minmax(0,1fr) 255px;gap:20px 14px}.pr{padding:9px;gap:7px}.pr img{width:34px;height:34px}.pr b{font-size:18px}.pr .score{font-size:20px}.round-strip{gap:6px}.round-badge{font-size:17px;padding:5px 8px}.hint{font-size:24px;padding:8px 5px}.timer-badge{font-size:21px;padding:5px 7px}.timer-badge .icon{width:20px;height:20px}.chat-tab{font-size:18px}#chat{height:280px}.game-chat{min-height:385px}.game-toolbar{grid-column:1/-1;gap:12px}.tool-button{width:36px;height:39px}.tl{gap:4px}.pal{gap:7px;max-width:313px}.color-swatch{width:24px;height:24px}}
@media(max-width:960px){body{padding-left:20px;padding-right:20px}.brandbar{min-height:92px;padding:18px 0}.landing-nav{gap:10px}.room-top{position:static;translate:0}.room-nav .nav-button{font-size:0;gap:0;padding:9px}.room-nav .nav-button .icon{width:25px;height:25px}.count-badge{font-size:18px;padding:7px}.count-badge .icon{width:26px;height:26px}.room-label{font-size:19px}.room-label .icon{display:none}.brand:after{top:82px;width:140px}.land{gap:38px 30px;align-items:start}.logo{font-size:61px}.logo-paper{padding:18px 4px 16px}.logo-subtitle{font-size:21px}.tag{font-size:25px;margin-top:25px}.hero-art{width:115%;margin:15px -7.5% 0}.notebook{padding:31px 18px 24px 49px}.notebook:before{width:17px;left:8px;background-size:17px 48px}.notebook:before{opacity:.4}.play-heading{font-size:34px}.play-heading:before,.play-heading:after{display:none}.b.big{font-size:27px;gap:12px;padding:13px}.b.big .icon{width:28px;height:28px}.nickname-row{font-size:16px;gap:6px}.nickname-row input{font-size:17px}.join-row{gap:7px}.join-row input{font-size:18px;padding:8px}.join-row .b{font-size:22px;padding:8px 12px}.quick-link{font-size:16px}.feature-notes{margin-top:0;gap:18px}.feature-note{font-size:21px;min-height:125px}.lob{grid-template-columns:minmax(0,1fr) 290px;gap:26px}.party-rules{padding:27px 12px 17px}.set label{gap:7px;font-size:18px;padding:8px}.set label>.icon,.aa-icon{width:23px;height:23px}.set select{width:75px;font-size:17px}.room-invite{gap:5px}.code{font-size:21px}.room-invite .b{font-size:13px;gap:3px;padding:5px}.lobby-wordmark{margin-top:0}.tape-title{font-size:25px;padding:6px 20px}.gm{grid-template-columns:145px minmax(0,1fr);gap:20px 16px}.game-chat{grid-column:1/-1;min-height:0;margin-top:8px}.game-toolbar{grid-row:2;grid-column:1/-1}#chat{height:170px}.game-chat .chat-tabs{max-width:340px}.pr{gap:5px}.pr img{width:30px;height:30px}.pr b{font-size:17px}.pr small{font-size:12px}.pr .score{font-size:18px}.players-panel .tape-title{min-width:125px;font-size:25px}.round-badge{font-size:18px}.hint{font-size:25px}.timer-badge{font-size:22px}.avatar-layout{grid-template-columns:1fr 1fr}.bg-doodle{opacity:.5}}
@media(max-width:700px){body{padding-left:17px;padding-right:17px;padding-bottom:125px}.brandbar{min-height:88px;gap:9px}.brand{font-size:25px;gap:5px;letter-spacing:-1px}.brand small{font-size:14px}.brand-symbol{font-size:30px;top:0}.brand:after{top:77px;left:34px;width:117px}.landing-nav{gap:8px}.landing-nav .nav-button{font-size:0;padding:9px;gap:0;min-height:40px;border-radius:13px}.landing-nav .icon{width:23px;height:23px}.profile-button{min-width:50px;padding:7px;gap:3px;font-size:16px}.profile-button .icon{width:24px;height:24px}.room-top{position:absolute;top:88px;left:50%;translate:-50% 0}.room-label{font-size:20px;padding:6px 15px}.room-nav{gap:6px}.room-nav .nav-button{padding:8px}.room-nav .nav-button .icon{width:20px;height:20px}.count-badge{padding:7px;font-size:17px}.count-badge .icon{width:22px;height:22px}.room-nav .nav-button:nth-child(2){display:none}.land{grid-template-columns:1fr;max-width:480px;margin:5px auto 0;gap:24px}.party-hero{padding:12px 7px 0}.logo-paper{max-width:420px;padding:18px 7px 15px}.logo{font-size:clamp(58px,14vw,76px);letter-spacing:-5px}.logo-subtitle{font-size:23px}.tag{font-size:25px;margin:20px 0 4px}.hero-art{width:100%;margin:3px 0 0}.play-stack{margin:0 5px}.notebook{padding:28px 25px 24px 58px}.play-heading{font-size:40px;margin-bottom:14px}.nickname-row{font-size:19px}.nickname-row input{font-size:20px;max-width:none}.b.big{font-size:31px;padding:13px;gap:15px}.join-row input{font-size:20px}.join-row .b{font-size:24px}.quick-link{font-size:18px}.feature-notes{grid-template-columns:repeat(2,1fr);max-width:390px;gap:26px;padding:0 8px;margin-top:10px}.feature-note{font-size:25px;min-height:139px}.feature-note .icon{width:33px;height:33px}.lob{grid-template-columns:1fr;margin-top:65px;gap:30px}.lobby-wordmark{display:none}.lobby-social{gap:27px}.tape-title{font-size:26px;margin-bottom:21px}.roster{padding-top:0}#lpl{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:12px}.pc{min-height:167px;font-size:20px;padding:17px 6px 10px}.pc img{width:70px;height:70px}.invite-card{min-height:167px;font-size:20px}.crown{left:-8px;top:-16px}.crown .icon{width:32px;height:32px}.lobby-chat .tb{font-size:22px}.lobby-chat .body{padding:10px 12px 6px}#lchat{height:214px}.chat-empty h3{font-size:26px}.chat-starters{gap:7px;justify-content:center}.chat-starters .b{font-size:15px;padding:6px 8px}.chat-starters .b:first-child{flex-basis:100%}.chat-starters .icon{width:18px;height:18px}#lcf{gap:7px}#lci{font-size:18px}#lcf .b{min-width:70px;font-size:21px}.party-rules{margin:13px 7px 0;padding:30px 20px 20px}.set{gap:13px}.set label{font-size:23px;padding:12px;gap:12px}.set label>.icon,.aa-icon{width:29px;height:29px}.set select{width:104px;font-size:21px}.code{font-size:26px}.room-invite .b{font-size:17px;padding:7px}.party-rules h2{font-size:32px}.party-rules .primary{font-size:36px}.gm{grid-template-columns:1fr;gap:20px;margin-top:70px}.players-panel{grid-row:3}.players-panel .tape-title{font-size:25px;margin:0 0 12px}#pls{display:flex;gap:10px;overflow-x:auto;padding:4px 3px 12px;scrollbar-width:thin}.pr{min-width:150px;min-height:65px;rotate:0}.pr:nth-child(even){rotate:0}.pr img{width:32px;height:32px}.pr b{font-size:18px}.pr .score{font-size:20px}.drawing-panel{grid-row:1;padding:9px 8px 5px;border-radius:15px}.drawing-panel:before,.drawing-panel:after{width:50px;height:17px;top:-4px}.drawing-panel:before{left:-11px}.drawing-panel:after{right:-11px}.round-strip{gap:5px;padding-bottom:9px}.round-badge{font-size:16px;padding:5px 8px}.hint{font-size:20px;padding:8px 4px}.timer-badge{font-size:21px;padding:4px 6px;gap:2px}.timer-badge .icon{width:20px;height:20px}.canvas-paper{border-radius:12px}.sb{font-size:13px;min-height:24px}.game-toolbar{grid-row:2;grid-column:1;gap:12px;padding:12px 8px}.game-toolbar .tl{justify-content:center;gap:6px;width:100%}.tool-button{width:37px;height:38px}.tool-button .icon{width:27px;height:27px}.pal{max-width:none;border:0;padding:3px 0;gap:8px;justify-content:center}.color-swatch{width:25px;height:25px}.game-toolbar .pal{max-width:330px}.game-toolbar .ac{justify-content:center;width:100%;gap:20px}.game-chat{grid-row:4;grid-column:1;margin-top:0}.chat-tab{font-size:21px}#chat{height:200px}.avatar-layout{grid-template-columns:1fr}.avatar-editor{margin-top:20px}.avatar-editor .avc{max-width:340px;width:100%;margin:auto}.avatar-editor .body{padding:15px}.avatar-editor .tools{justify-content:center}.profile-popover{right:0;width:320px;top:82px}.page-drawing-tools{flex-wrap:wrap;gap:6px;padding:7px 9px;bottom:8px;font-size:14px}.page-drawing-tools>span{display:none}.page-drawing-tools>.b{font-size:14px;padding:5px 7px}.ink-color-label{font-size:14px}.ink-color-label input{width:25px;height:25px}.bg-doodle{opacity:.36}.bg-doodle:nth-child(1){width:85px;top:17%;left:-5%}.bg-doodle:nth-child(2){width:95px;top:35%;right:-8%}.bg-doodle:nth-child(6){width:65px;right:-1%;bottom:5%}.results-sheet .body{padding:18px}.podium{font-size:32px;gap:12px}.podium img{width:65px;height:65px}.gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.pol{padding:7px 7px 12px}.pol figcaption{font-size:16px}.results-sheet .res{font-size:20px!important}.results-sheet .lined{padding:18px}.results-sheet .res small{display:none}.dlg{padding:15px}.dlg .body{padding:18px}.dlg .tb{font-size:23px}.dlg .body h4{font-size:25px!important}#toast{font-size:18px;bottom:90px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.page-drawing-on main .hero-art{pointer-events:auto}

.play-stack>.pin{left:55%;top:-12px}.avatar-presets{display:flex;justify-content:space-between;gap:7px;margin:15px 0}.avatar-preset{border:1px solid #c8aad9;background:#f5e8fc;border-radius:8px;padding:3px;width:48px;height:48px}.avatar-preset:hover{background:#e7ccf8}.avatar-preset img{width:100%;height:100%}

.practice-link{display:flex;margin:18px auto 0;font-size:19px;background:#efe0fa}.practice-controls{text-align:center}.practice-controls .b{font-size:18px;margin-top:10px;padding:6px 12px}

/* Original player-created Chitrakala artwork, shared across every screen. */
.brand{flex-shrink:0;align-items:center}.brand:after{display:none}
.brand-logo,.hero-logo,.lobby-logo{display:block;height:auto;object-fit:contain;mix-blend-mode:normal}
.brand-logo{width:145px}.logo .hero-logo{width:min(100%,430px);margin:0 auto}.logo{line-height:1;letter-spacing:0}.logo .logo-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.logo-paper{padding-top:0}.lobby-logo{width:230px;max-width:100%;margin:auto}.lobby-wordmark{padding-top:0}.logo-subtitle{margin-top:7px}
@media(max-width:700px){.brand-logo{width:116px}.logo .hero-logo{width:100%}.logo-paper{padding-top:0}}