:root{--card-bg: #ffffff;--card-br: 14px;--card-bd: #e6e9f3;--shadow: 0 8px 24px rgba(0,0,0,.08);--accent: #4d8ad5;--accent-hover: #3c6db3}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(2700px 2700px at 0% -200px,#4d8ad5,transparent),#fff;background-attachment:fixed;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;color:#000;opacity:0;transition:opacity .3s ease-in;overscroll-behavior-y:none;height:100dvh;overflow-x:hidden;overflow-y:auto;contain:paint}body.loaded{opacity:1}.session-container{max-width:min(780px,100%);display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}#welcomeLogo{display:block;max-width:min(640px,85vw);height:auto;margin:0 auto}.session-container h1{margin:0 0 6px;font-size:clamp(70px,6vw,65px);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:0px;text-transform:none}.session-box{position:relative;flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:center;overflow:visible}.palette{position:relative;width:130%;aspect-ratio:1 / 1;background-image:url(/assets/pallete-CroZSdc0.png);background-size:contain;background-repeat:no-repeat;background-position:center;padding-top:35%}.paint-blobs{position:absolute;inset:0;pointer-events:none;z-index:1}.palette>*:not(.paint-blobs){position:relative;z-index:2}.paint-blobs .blob{pointer-events:auto}.blob{position:absolute;width:70px;height:70px;border-radius:50%;background:var(--c);display:flex;align-items:center;justify-content:center;opacity:.95;transform:scale(1);transition:transform .18s ease,filter .18s ease}.blob.b1{top:20%;left:65%;width:105px;height:105px}.blob.b2{top:65%;left:75%;width:90px;height:100px}.blob.b3{bottom:20%;left:20%;width:125px;height:105px}.blob.b4{bottom:48%;left:78%;width:95px;height:115px}.blob.b5{bottom:10%;left:50%;width:115px;height:110px}.blob.b6{top:12%;left:45%;width:100px;height:90px}.blob:hover,b .taken,.blob.taken{border-radius:0;background:var(--c);-webkit-mask-image:url(/assets/splatter1-loXoI8Dy.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url(/assets/splatter1-loXoI8Dy.png);mask-repeat:no-repeat;mask-position:center;mask-size:contain;transform:scale(1.35) rotate(-8deg);opacity:1}.b2:hover,.b2.taken{-webkit-mask-image:url(/assets/splatter2-DFvDYFFY.png);mask-image:url(/assets/splatter2-DFvDYFFY.png);transform:scale(1.35) rotate(6deg)}.b3:hover,.b3.taken{-webkit-mask-image:url(/assets/splatter2-DFvDYFFY.png);mask-image:url(/assets/splatter2-DFvDYFFY.png);transform:scale(1.35) rotate(-3deg)}.b4:hover,.b4.taken{-webkit-mask-image:url(/assets/splatter3-59qughWk.png);mask-image:url(/assets/splatter3-59qughWk.png);transform:scale(1.35) rotate(10deg)}.b5:hover,.b5.taken{-webkit-mask-image:url(/assets/splatter1-loXoI8Dy.png);mask-image:url(/assets/splatter1-loXoI8Dy.png);transform:scale(1.35) rotate(-12deg)}.b6:hover,.b6.taken{-webkit-mask-image:url(/assets/splatter2-DFvDYFFY.png);mask-image:url(/assets/splatter1-loXoI8Dy.png);transform:scale(1.35) rotate(-12deg)}.blob:active{transform:scale(.9)}.blob .num{font-weight:500;color:#fff;font-size:30px;opacity:0;text-shadow:0 5px 7px rgba(0,0,0,.6);transition:opacity .2s ease;justify-content:center}.blob.active .num{opacity:1}.session-content{position:relative;z-index:9999}.session-box h2{margin:0 0 14px;font-size:clamp(18px,2.5vw,22px)}#sessionCodeDisplay{margin:10px 0 0;font-weight:600;letter-spacing:.5px;opacity:.85}.session-box input[type=text],.session-box button{display:inline-block}#joinError{opacity:0;z-index:100;margin:auto;max-width:225px}#joinCodeInput{width:min(400px,70vw);max-width:350px;padding:10px 12px;margin:0 8px 10px 0;font-size:16px;border:1.5px solid #cfd6ea;border-radius:10px;outline:none}#joinCodeInput:focus{border-color:var(--accent)}#joinCodeId{max-width:100px;padding:10px 12px;margin:0 8px 10px 0;font-size:16px;border:1.5px solid #cfd6ea;border-radius:10px;outline:none;text-align:center}#joinCodeId:focus{border-color:var(--accent)}button{padding:10px 18px;background-color:var(--accent);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;letter-spacing:.2px;box-shadow:0 4px 12px #4d8ad54d;max-width:275px}button:hover{background-color:var(--accent-hover)}button:active{transform:translateY(1px)}.error{color:#d23b3b;font-size:.9rem;margin:8px 0 0}.language{display:flex;flex-direction:row;gap:15px;width:90%;min-height:40px;max-width:260px}#langSelectTitle{font-size:15px;font-weight:600;color:#333}#language-select{font-size:16px}@media(max-width:520px){#joinCodeInput,#joinCodeId,.session-box button{width:100%;margin:0 0 10px}}language-picker{position:relative;display:inline-block}.lang-trigger{background-color:#fff;color:#333;padding:10px 15px;border:none;cursor:pointer}.lang-menu{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;padding:0;list-style:none;top:120px;right:170px;width:105px;height:95px}.lang-menu li a{color:#000;padding:12px 16px;text-decoration:none;display:block}.lang-menu li a:hover{background-color:#f1f1f1}.language-picker:hover .lang-menu{display:block}