@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#202a44;font-synthesis:none;--blue:#294ddb;--ink:#202a44;--muted:#717c92;--line:#e0e5ef;background:#f7f8fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #294ddb}button{border:0}button:not(:disabled):hover{filter:brightness(.96)}input,textarea{min-width:0}h1,h2,p{margin:0}h1,h2{font-family:Manrope,sans-serif}button,a{transition:background .15s,color .15s}::selection{background:#baceff}.wordmark{letter-spacing:-3px;font-family:Manrope,sans-serif;font-size:38px;font-weight:800;line-height:1}.wordmark span{color:var(--blue)}.site-header,.room-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;display:flex}.site-header{height:96px;padding:0 5.5%}.header-note{color:var(--muted);font-size:14px}.header-link{font-size:14px;font-weight:600}.header-link span{margin-left:12px;font-size:22px}.home main{max-width:1400px;margin:auto;padding:0 5.5%}.intro{text-align:center;padding:72px 0 48px}.intro-note{color:#626f86;align-items:center;gap:10px;margin-bottom:24px;font-size:14px;display:inline-flex}.status-dot{background:#3a9a78;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #3a9a7810}.status-dot.waiting{background:#dc9e4d;box-shadow:0 0 0 4px #dc9e4d10}.intro h1{letter-spacing:-3px;font-size:clamp(38px,5.2vw,68px);font-weight:800;line-height:1.13}.intro h1 span{color:#7c88a4}.intro-copy{color:#69768c;margin-top:24px;font-size:17px;line-height:1.8}.host-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.host-card{background:#fff;border:1px solid #e7eaf2;border-radius:24px;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden}.host-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px #20345610}.host-art{background:#dfe7ff;justify-content:center;align-items:center;height:226px;display:flex;position:relative;overflow:hidden}.host-1 .host-art{background:#ede6fa}.host-2 .host-art{background:#f8e4d9}.host-3 .host-art{background:#dfefe7}.host-sticker{z-index:2;color:#526280;background:#ffffffb0;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:600;position:absolute;top:18px;left:18px;transform:rotate(-4deg)}.host-1 .host-sticker{transform:rotate(3deg)}.host-3 .host-sticker{transform:rotate(2deg)}.little-face{background:radial-gradient(circle at 32% 25%,color-mix(in srgb,var(--face-color) 65%,white),var(--face-color) 70%);z-index:1;border-radius:50%;width:120px;height:120px;margin-top:10px;position:relative;transform:rotate(-8deg);box-shadow:inset -7px -6px 15px #6676a012}.face-1{transform:rotate(8deg)}.face-2{transform:rotate(-5deg)}.face-3{transform:rotate(5deg)}.face-eye{color:#283247;font:500 32px/1 Courier New,monospace;position:absolute;top:39px}.left-eye{left:29px}.right-eye{right:29px}.face-mouth{color:#283247;font:400 24px/1 Courier New,monospace;position:absolute;top:69px;left:50%;transform:translate(-50%)}.art-shadow{filter:blur(8px);background:#4e60851c;border-radius:50%;width:120px;height:15px;position:absolute;bottom:20px}.host-card-copy{padding:21px 22px 24px}.host-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.host-title h2{letter-spacing:-.8px;font-size:23px}.card-plus{background:#f0f3fa;border-radius:50%;place-items:center;width:28px;height:28px;font-size:22px;font-weight:400;display:grid}.host-card-copy p{color:#737e93;min-height:45px;font-size:13px;line-height:1.7}.join-link{color:#3655ba;margin-top:20px;font-size:12px;font-weight:700;display:block}.game-teaser{background:#edf0f8;border-radius:20px;align-items:center;gap:36px;margin:44px 0 65px;padding:28px 36px;display:flex}.teaser-letters{gap:5px;display:flex;transform:rotate(-7deg)}.teaser-letters span,.tiny-tiles span{color:#5c6ca6;background:#fff;border-radius:8px;padding:12px;font-family:Manrope;font-size:20px;font-weight:800;box-shadow:0 3px #cbd4ea}.game-teaser h2{letter-spacing:-.5px;margin-bottom:7px;font-size:19px}.game-teaser p{color:#73809a;font-size:13px;line-height:1.7}.button{background:var(--blue);color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:12px 21px;font-size:13px;font-weight:600;display:inline-flex}.game-teaser .button{flex-shrink:0;margin-left:auto}.home footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:32px;padding:28px 5.5%;font-size:12px;display:flex}.home footer .wordmark{color:var(--ink);letter-spacing:-2px;font-size:25px}.home footer>a:last-child{margin-left:auto}.room-shell{max-width:1800px;min-height:100dvh;margin:auto}.room-header{background:#fff;height:76px;padding:0 34px}.room-header .wordmark{font-size:34px}.host-nav{gap:8px;display:flex}.host-nav a{color:#7d8799;border-radius:10px;padding:8px 19px;font-size:13px}.host-nav a.selected{color:#3454ba;background:#edf1fd;font-weight:700}.connection{color:#8590a4;align-items:center;gap:9px;font-size:12px;display:flex}.room-main{grid-template-columns:minmax(0,1fr) 350px;gap:24px;height:calc(100dvh - 76px);min-height:620px;padding:26px 30px 20px;display:grid}.stage-column{flex-direction:column;min-width:0;display:flex}.stage{background:#e6edfb;border:1px solid #dce4f3;border-radius:24px;flex-direction:column;flex:1;min-height:420px;display:flex;position:relative;overflow:hidden}.stage-top{z-index:1;justify-content:space-between;align-items:flex-start;padding:26px 28px;display:flex}.host-identity{align-items:center;gap:12px;display:flex}.host-icon{color:#fff;background:var(--host-color);border-radius:14px;place-items:center;width:43px;height:43px;font-family:Manrope;font-size:22px;font-weight:800;display:grid}.host-identity h1{letter-spacing:-.6px;font-size:19px;font-weight:800}.host-identity p{color:#7c89a0;margin-top:3px;font-size:12px}.live-label{color:#6b7a98;background:#ffffffb3;border-radius:8px;padding:7px 11px;font-size:11px}.stage-rings{border:1px solid #ffffffc0;border-radius:50%;position:absolute;inset:70px -150px -120px}.stage-rings:before,.stage-rings:after{content:"";border:1px solid #ffffffb0;border-radius:50%;position:absolute;inset:40px}.stage-rings:after{inset:100px}.avatar-wrap{pointer-events:none;min-height:260px;position:absolute;inset:54px 0 130px}.avatar-canvas{width:100%;height:100%;position:relative}.avatar-loading{color:#8996b0;place-items:center;height:100%;font-size:14px;display:grid}.caption-area{z-index:1;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdc;border-radius:16px;width:min(82%,700px);min-height:88px;margin:auto auto 18px;padding:17px 24px;position:relative;box-shadow:0 4px 24px #7d8da008}.caption-name{color:var(--host-color);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.caption-area p{overflow-wrap:anywhere;color:#34445f;font-size:clamp(14px,1.4vw,19px);line-height:1.55}.stage-controls{z-index:1;color:#8190a9;background:#eef3fcd0;border-top:1px solid #d5deed;align-items:center;gap:14px;padding:14px 20px;font-size:11px;display:flex;position:relative}.sound-button{color:#607095;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:9px 11px;font-size:11px;font-weight:600;display:flex}.sound-button.sound-on{color:#2c50be}.sound-bars{align-items:center;gap:2px;height:14px;display:flex}.sound-bars i{background:currentColor;width:2px;height:5px;display:block}.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:8px}.caption-tag{margin-left:auto}.under-stage{justify-content:space-between;align-items:center;gap:20px;padding:23px 4px 15px;display:flex}.under-stage h2{letter-spacing:-.3px;margin-bottom:5px;font-size:16px;font-weight:700}.under-stage p{color:#8c96a9;font-size:12px;line-height:1.6}.pill{white-space:nowrap;background:#fff;border:1px solid #dee4f1;border-radius:13px;padding:12px 17px;font-size:12px;font-weight:600}.pill span{color:var(--host-color);margin-left:10px;font-size:16px}.host-disclosure{color:#98a2b5;max-width:680px;padding:0 4px;font-size:10px;line-height:1.6}.room-sidebar{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar-tabs{border-bottom:1px solid #eef0f6;gap:24px;padding:0 22px;display:flex}.sidebar-tabs button{color:#a2acbc;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:20px 0 17px;font-size:12px;display:flex}.sidebar-tabs button.active{color:#344c92;border-color:#6380e0;font-weight:700}.game-dot{background:#56a386;border-radius:50%;width:5px;height:5px}.sidebar-content{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.chat-log{padding:22px 18px}.chat-empty{text-align:center;padding:38px 15px}.chat-doodle{color:#9daacd;background:#f3f5fc;border-radius:16px;width:50px;height:50px;margin:0 auto 24px;font-size:20px;line-height:50px;display:block;transform:rotate(-12deg)}.chat-empty h2{letter-spacing:-.2px;margin-bottom:9px;font-size:14px}.chat-empty p{color:#99a4b7;font-size:12px;line-height:1.8}.chat-line{overflow-wrap:anywhere;gap:11px;margin-bottom:20px;display:flex}.chat-avatar{color:#7083b3;background:#eef2fc;border-radius:9px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid}.chat-line>div{flex:1;min-width:0}.chat-meta{align-items:center;gap:10px;display:flex}.chat-meta b{color:#697dab;overflow-wrap:anywhere;font-size:11px}.chat-meta time{color:#bdc4d1;white-space:nowrap;margin-left:auto;font-size:9px}.chat-line p{color:#63708a;white-space:pre-wrap;margin-top:4px;font-size:12px;line-height:1.65}.chat-composer{background:#fff;border-top:1px solid #eef0f6;padding:18px}.join-form label,.composer-label{color:#75839e;margin-bottom:10px;font-size:11px;font-weight:600;display:block}.join-form>div{gap:8px;display:flex}.join-form input{color:#63718d;background:#f8f9fd;border:1px solid #e3e7f1;border-radius:10px;width:100%;padding:11px 12px;font-size:12px}.join-form small,.chat-composer small{color:#a7afbf;margin-top:9px;font-size:10px;line-height:1.6;display:block}.compose-box{background:#f7f9fd;border:1px solid #e6eaf4;border-radius:12px;align-items:flex-end;gap:6px;padding:10px;display:flex}.compose-box textarea{resize:none;color:#556480;background:0 0;border:0;width:100%;padding:2px;font-size:12px;line-height:1.7}.compose-box textarea::placeholder{color:#a4aec2}.send-button{color:#4768c0;background:#e6edff;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:700}.notice{color:#7180a0;background:#f0f3fb;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:11px;line-height:1.7;display:flex}.notice p{flex:1}.notice button{color:#8190ac;background:0 0;padding:0 3px;font-size:12px}.game-invite{text-align:center;padding:44px 22px}.tiny-tiles{justify-content:center;gap:7px;margin-bottom:28px;display:flex;transform:rotate(-6deg)}.tiny-tiles span{background:#edf2ff;box-shadow:0 3px #d6dff5}.game-invite h2{letter-spacing:-.5px;font-size:17px}.game-invite p{color:#97a3b7;margin:12px 0 24px;font-size:12px;line-height:1.9}.game-invite small{color:#a4aebe;margin-top:13px;font-size:10px;display:block}.hangman{padding:22px 18px}.game-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.game-category{color:#7d91b9;margin-bottom:6px;font-size:10px;display:block}.game-heading h2{letter-spacing:-.3px;font-size:14px}.miss-count{white-space:nowrap;color:#a1acbd;background:#f4f6fb;border-radius:7px;padding:7px;font-size:10px}.word-tiles{flex-wrap:wrap;justify-content:center;gap:4px;margin:26px 0;display:flex}.word-tiles span{color:#5472bc;background:#edf2ff;border-bottom:3px solid #d2def8;border-radius:5px;place-items:center;width:23px;height:35px;font-size:14px;font-weight:700;display:grid}.word-tiles .hidden-letter{background:#f5f7fc;border-bottom-color:#e0e6f2}.alphabet{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.alphabet button{color:#6c7d9d;background:#f5f7fc;border:1px solid #e5eaf4;border-radius:7px;height:32px;font-size:11px;font-weight:600}.alphabet .correct{color:#54977b;opacity:1;background:#e0f2e9;border-color:#cee8dc}.alphabet .missed{color:#b79c94;opacity:.7;background:#f5e9e5;text-decoration:line-through}.word-guess{gap:6px;margin-top:20px;display:flex}.word-guess input{background:#f7f9fd;border:1px solid #e4e9f3;border-radius:8px;width:100%;padding:9px;font-size:11px}.word-guess button{color:#6681be;background:#e9efff;border-radius:8px;padding:9px 12px;font-size:11px}.hint-button{color:#8a9dc0;text-underline-offset:3px;background:0 0;margin-top:15px;padding:4px 0;font-size:10px;text-decoration:underline}.hint{color:#7d90b5;background:#f4f7ff;border-radius:8px;margin-top:6px;padding:10px;font-size:11px;line-height:1.7}.last-guess{color:#9ca8bc;margin-top:17px;font-size:10px;line-height:1.7}.score-row{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.score-row span{color:#8195b6;background:#f3f6fc;border-radius:8px;padding:6px 8px;font-size:10px}.score-row b{margin-left:7px}.not-found{flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100dvh;display:flex}@media (width>=1500px){.room-main{grid-template-columns:minmax(0,1fr) 390px;gap:30px;padding:36px 50px}.caption-area{margin-bottom:28px}}@media (width<=1050px){.host-grid{grid-template-columns:repeat(2,1fr)}.host-art{height:240px}.room-main{grid-template-columns:minmax(0,1fr) 300px;gap:14px;padding:16px}.stage-top{padding:20px}.caption-area{width:88%;padding:15px}.stage-controls{gap:10px;padding:12px}.caption-tag{display:none}.under-stage{align-items:flex-start}.under-stage p{max-width:230px}.under-stage h2{font-size:14px}}@media (width<=760px){.room-header{gap:12px;height:64px;padding:0 18px}.room-header .wordmark{font-size:30px}.host-nav{gap:2px}.host-nav a{padding:7px 9px;font-size:11px}.connection{gap:0;font-size:0}.connection .status-dot{width:6px;height:6px}.room-main{flex-direction:column;gap:18px;height:auto;min-height:0;padding:14px;display:flex}.stage{border-radius:19px;flex:none;height:460px;min-height:0}.avatar-wrap{inset:38px 0 145px}.stage-top{padding:18px}.host-icon{border-radius:11px;width:36px;height:36px;font-size:18px}.host-identity h1{font-size:17px}.host-identity p{font-size:10px}.live-label{padding:6px 8px;font-size:10px}.caption-area{width:90%;min-height:88px;margin-bottom:14px;padding:13px 17px}.caption-area p{font-size:15px}.caption-name{font-size:10px}.under-stage{gap:10px;padding:18px 2px 10px}.under-stage h2{font-size:13px}.under-stage p{max-width:220px;font-size:11px}.pill{padding:11px;font-size:10px}.host-disclosure{font-size:9px}.room-sidebar{border-radius:17px;height:530px;min-height:420px}.sidebar-tabs button{padding-top:17px;font-size:13px}.chat-line p{font-size:13px}.chat-meta b{font-size:12px}.chat-composer{padding:16px}.alphabet{grid-template-columns:repeat(9,1fr)}.alphabet button{height:34px}.hangman{padding:20px}.word-tiles span{width:27px;height:37px}.home .site-header{height:74px;padding:0 22px}.header-note{display:none}.wordmark{font-size:34px}.intro{padding:50px 0 35px}.intro-note{margin-bottom:21px;font-size:11px}.intro h1{letter-spacing:-2px;font-size:42px}.intro-copy{margin-top:20px;font-size:13px}.home main{padding:0 20px}.host-grid{gap:12px}.host-art{height:170px}.little-face{width:95px;height:95px}.face-eye{font-size:27px;top:30px}.left-eye{left:21px}.right-eye{right:21px}.face-mouth{font-size:21px;top:54px}.host-sticker{padding:5px 7px;font-size:8px;top:12px;left:10px}.host-card{border-radius:17px}.host-card-copy{padding:15px}.host-title h2{font-size:19px}.card-plus{width:22px;height:22px;font-size:19px}.host-card-copy p{min-height:48px;font-size:10px}.join-link{margin-top:13px;font-size:10px}.game-teaser{flex-wrap:wrap;gap:18px;margin:30px 0 40px;padding:23px}.teaser-letters{display:none}.game-teaser h2{font-size:17px}.game-teaser p{font-size:12px}.game-teaser .button{margin:0}.home footer{gap:15px;padding:23px 20px}.home footer>span{max-width:180px;font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.host-card:hover{transform:none}}