.playful-game.color-lines-app{--play-accent:#1f7a5c;--play-shadow:#7fae96;--play-soft:#e2f3ea;--cl-ink-soft:#5d7468;--cl-wood:#8a5530;background:#1d2433;height:100dvh;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:clip}.color-lines-app .cl-scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.color-lines-app[data-phase=play] .cl-scene{cursor:pointer}.color-lines-app .cl-hud{position:absolute;top:max(8px,env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:stretch;gap:8px;width:max-content;max-width:calc(100vw - 16px);pointer-events:none}.color-lines-app:is([data-phase=menu],[data-phase=loading],[data-phase=results],[data-phase=party]) :is(.cl-hud,.cl-hud-btns){visibility:hidden}.color-lines-app .cl-stat{flex:0 0 auto;min-width:74px;display:flex;flex-direction:column;justify-content:center;padding:3px 12px;border:3px solid #fff;border-radius:16px;background:rgba(255,251,237,.93);box-shadow:0 4px 0 var(--play-shadow)}.color-lines-app .cl-stat>span:first-child{font-size:11px;font-weight:800;color:var(--cl-ink-soft);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.color-lines-app .cl-stat b{font-size:22px;line-height:1.05;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.color-lines-app .cl-next{display:flex;gap:5px;align-items:center;min-height:25px}.color-lines-app .cl-next i{width:20px;height:20px;border-radius:50%;background:#ccc;box-shadow:inset -2px -3px 4px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.25)}.color-lines-app .cl-next.bump i{animation:cl-hop .4s ease-out backwards}.color-lines-app .cl-next.bump i:nth-child(2){animation-delay:.06s}.color-lines-app .cl-next.bump i:nth-child(3){animation-delay:.12s}.color-lines-app .cl-combo{align-self:center;min-width:52px;padding:6px 8px;border:3px solid #fff;border-radius:14px;text-align:center;background:#ffd45e;color:#7a4a0a;font-size:20px;font-weight:800;box-shadow:0 4px 0 #bb842e;opacity:.35;filter:grayscale(.8);transition:opacity .2s,filter .2s}.color-lines-app .cl-combo.on{opacity:1;filter:none}.color-lines-app .cl-combo.burst{animation:cl-burst .5s ease-out}.color-lines-app .cl-hud-btns{position:absolute;z-index:6;top:max(10px,env(safe-area-inset-top,0px));right:max(10px,env(safe-area-inset-right,0px));display:flex;gap:6px}.color-lines-app .cl-icon-btn{width:44px;height:44px;display:grid;place-items:center;cursor:pointer;padding:0;border:3px solid #fff;border-radius:12px;background:var(--play-paper);color:var(--play-ink);box-shadow:0 3px 0 var(--play-shadow)}.color-lines-app .cl-icon-btn[hidden]{display:none}.color-lines-app .cl-icon-btn:disabled{opacity:.45;cursor:default}.color-lines-app .cl-icon-btn .off,.color-lines-app .cl-icon-btn[aria-pressed=true] .on{display:none}.color-lines-app .cl-icon-btn[aria-pressed=true] .off{display:inline}.color-lines-app[data-party="1"] #cl-pause{display:none}.color-lines-app .cl-incoming{position:absolute;z-index:5;left:max(10px,env(safe-area-inset-left,0px));top:42%;display:none;flex-direction:column;align-items:center;padding:8px 10px;border:3px solid #fff;border-radius:18px;background:#e9ebef;color:#3d424c;box-shadow:0 4px 0 #8d9096;pointer-events:none}.color-lines-app .cl-incoming.show{display:flex}.color-lines-app .cl-incoming.bump{animation:cl-burst .45s ease-out}.color-lines-app .cl-incoming-icon{font-size:22px;line-height:1}.color-lines-app .cl-incoming b{font-size:26px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.color-lines-app .cl-incoming-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.color-lines-app .cl-keys{position:absolute;z-index:5;right:12px;bottom:max(8px,env(safe-area-inset-bottom,0px));margin:0;padding:4px 12px;border-radius:999px;background:rgba(16,22,34,.6);color:#eef6f1;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;display:none}.color-lines-app[data-phase=play] .cl-keys{display:block}@media (hover:none),(pointer:coarse){.color-lines-app .cl-keys{display:none!important}}.color-lines-app .cl-countdown{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:6;pointer-events:none;white-space:nowrap;font:800 clamp(64px,16vw,128px)/1 Playful,Avenir Next,sans-serif;color:#fffbed;-webkit-text-stroke:3px var(--play-accent);paint-order:stroke fill;text-shadow:0 7px 0 var(--play-accent)}.color-lines-app .cl-countdown.tick{animation:cl-count .6s ease-out}.color-lines-app .cl-banner{position:absolute;left:50%;top:36%;z-index:7;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.8);padding:10px 24px;border:4px solid #fff;border-radius:22px;white-space:nowrap;max-width:calc(100vw - 24px);background:#fff1b8;color:#7a4a0a;font:800 clamp(22px,5vw,36px)/1.1 Playful,Avenir Next,sans-serif;box-shadow:0 6px 0 #bb842e}.color-lines-app .cl-banner[data-tone=bad]{background:#ffe1dc;color:#b0261b;box-shadow:0 6px 0 #c0566c}.color-lines-app .cl-banner[data-tone=info]{background:var(--play-soft);color:var(--play-accent);box-shadow:0 6px 0 var(--play-shadow)}.color-lines-app .cl-banner.show{animation:cl-banner 1.6s ease-out forwards}.color-lines-app .cl-toast{position:absolute;left:50%;top:calc(max(8px, env(safe-area-inset-top, 0px)) + 66px);z-index:6;pointer-events:none;transform:translate(-50%,-10px);opacity:0;padding:6px 14px;border:3px solid #fff;border-radius:999px;white-space:nowrap;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis;background:var(--play-paper);color:var(--play-ink);font-size:16px;font-weight:800;box-shadow:0 4px 0 var(--play-shadow);transition:opacity .18s,transform .18s}.color-lines-app[data-party="1"] .cl-toast{top:calc(max(8px, env(safe-area-inset-top, 0px)) + 122px)}.color-lines-app .cl-toast.show{opacity:1;transform:translate(-50%)}.color-lines-app .cl-toast[data-tone=bad]{background:#ffe1dc;color:#b0261b}.color-lines-app .cl-toast[data-tone=good]{background:#fff1b8;color:#8a5300}.color-lines-app .cl-fx{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.color-lines-app .cl-pop{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font:800 24px/1 Playful,Avenir Next,sans-serif;color:#fffbed;-webkit-text-stroke:5px #1b4a39;paint-order:stroke fill;animation:cl-pop 1s ease-out forwards}.color-lines-app .cl-pop-big{font-size:32px;color:#ffe066}.color-lines-app .cl-pop-lines{font-size:20px;color:#9ff3ff;-webkit-text-stroke-color:#0f4a66}.color-lines-app .cl-pop-combo{font-size:19px;color:#ffcf4a;-webkit-text-stroke-color:#6b3d00}.color-lines-app .cl-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0}.color-lines-app .cl-flash[data-tone=bad]{background:radial-gradient(ellipse at center,transparent 45%,rgba(120,128,140,.55))}.color-lines-app .cl-flash[data-tone=gold]{background:radial-gradient(ellipse at center,transparent 50%,rgba(255,190,60,.42))}.color-lines-app .cl-flash.go{animation:cl-flash .6s ease-out}.color-lines-app.cl-danger:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(220,40,50,.32));animation:cl-pulse 1.1s ease-in-out infinite alternate}.color-lines-app .cl-party-exit{position:absolute;z-index:61;top:max(10px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));display:none;min-height:44px;padding:8px 14px;border:3px solid #fff;border-radius:14px;background:var(--play-paper);color:var(--play-ink);font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 var(--play-shadow)}.color-lines-app[data-party="1"]:is([data-phase=party],[data-phase=watch]) .cl-party-exit{display:block}.color-lines-app .pp-standings{position:absolute;z-index:5;top:calc(max(8px, env(safe-area-inset-top, 0px)) + 66px);left:8px;right:8px;justify-content:center}@media (min-width:900px) and (min-height:501px){.color-lines-app .pp-standings{left:max(10px,env(safe-area-inset-left,0px));right:auto;top:90px;bottom:16px;width:160px;flex-direction:column;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;touch-action:pan-y}.color-lines-app .pp-st{max-width:none}.color-lines-app .cl-incoming{left:184px}}.playful-game.color-lines-app .cl-menu{background:linear-gradient(90deg,transparent 45%,rgba(10,14,24,.4));-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;padding-right:max(24px,4vw)}.color-lines-app .cl-panel{width:min(440px,100%);text-align:center;padding:22px 22px 18px}.color-lines-app .cl-kicker{display:block;color:var(--cl-ink-soft);font-size:12px;font-weight:800;letter-spacing:.12em}.color-lines-app .cl-logo{margin:2px 0 6px;font:800 clamp(40px,7vw,54px)/1 Playful,Avenir Next,sans-serif;color:#fffbed;-webkit-text-stroke:2px var(--play-accent);paint-order:stroke fill;text-shadow:0 5px 0 var(--play-accent);transform:rotate(-2deg)}.color-lines-app .cl-sub{margin:0 0 8px;font-size:14px;line-height:1.4}.color-lines-app .cl-panel h2.cl-label{margin:10px 0 6px;font-size:13px;line-height:1.2;font-weight:800;color:var(--cl-ink-soft);text-transform:uppercase;letter-spacing:.06em;text-align:left}.color-lines-app .cl-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.color-lines-app .cl-card{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;min-height:44px;padding:7px 4px 6px;border:2px solid #cfe3d8;border-radius:14px;background:#fff;color:var(--play-ink);cursor:pointer;transition:transform .12s,border-color .12s}.color-lines-app .cl-card:hover{transform:translateY(-2px)}.color-lines-app .cl-card[aria-checked=true]{border-color:var(--play-accent);background:var(--play-soft);box-shadow:0 3px 0 var(--play-shadow)}.color-lines-app .cl-card-icon{display:grid;place-items:center;height:30px;font-size:24px;line-height:1}.color-lines-app .cl-card b{font-size:13px;line-height:1.15;font-weight:800;overflow-wrap:anywhere}.color-lines-app .cl-card small{font-size:10.5px;line-height:1.15;color:var(--cl-ink-soft)}.color-lines-app .cl-chips{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px;padding:4px;border-radius:14px;background:var(--play-soft)}.color-lines-app .cl-chips-2{grid-template-columns:repeat(2,1fr)}.color-lines-app .cl-chip{min-height:44px;padding:8px 4px;border:0;border-radius:10px;background:transparent;color:var(--play-ink);font-size:15px;font-weight:800;cursor:pointer}.color-lines-app .cl-chip[aria-checked=true]{background:#fff;color:var(--play-accent);box-shadow:0 3px 0 var(--play-shadow)}.color-lines-app .cl-rules-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.color-lines-app .cl-daily-note{display:none;margin:10px 0 0;padding:8px 10px;border-radius:12px;background:var(--play-soft);font-size:13px;font-weight:700;color:var(--play-accent)}.color-lines-app[data-mode=daily] .cl-rules-row{display:none}.color-lines-app[data-mode=daily] .cl-daily-note{display:block}.color-lines-app .cl-bots-row{display:none}.color-lines-app:is([data-mode=versus],[data-mode=race]) .cl-bots-row{display:block}.color-lines-app .cl-best-line{margin:10px 0 8px;font-size:14px;font-weight:700;color:var(--cl-ink-soft)}.color-lines-app .cl-best-line b{color:var(--play-accent);font-size:19px}.color-lines-app .cl-settings{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-top:12px}.color-lines-app .cl-setting{min-height:44px;padding:6px;border:2px solid #cfe3d8;border-radius:12px;background:#fff;color:var(--play-ink);font-size:13px;font-weight:700;cursor:pointer;line-height:1.15}.color-lines-app .cl-setting[aria-pressed=false]{color:#9aaba2}.playful-game.color-lines-app :is(.cl-paused,.cl-results){background:rgba(10,14,24,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.color-lines-app .cl-card-panel{width:min(420px,100%);text-align:center}.color-lines-app .cl-title{margin:0 0 16px;color:var(--play-accent);font-size:30px}.color-lines-app .cl-r-score{margin:4px 0 0;font:800 60px/1 Playful,Avenir Next,sans-serif;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.color-lines-app .cl-r-new{display:none;margin:8px auto 0;width:-moz-fit-content;width:fit-content;padding:4px 14px;border-radius:999px;background:#ffd45e;color:#7a4a0a;font-weight:800;font-size:16px;box-shadow:0 3px 0 #bb842e;animation:cl-burst .8s ease-out}.color-lines-app .cl-r-new.show{display:block}.color-lines-app .cl-r-best{margin:8px 0 12px;font-size:15px;font-weight:700;color:var(--cl-ink-soft)}.color-lines-app .cl-r-stats{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin:0 0 12px;padding:0}.color-lines-app .cl-r-stats li{display:flex;flex-direction:column;padding:8px 2px;border-radius:14px;background:var(--play-soft)}.color-lines-app .cl-r-stats b{font-size:21px;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.color-lines-app .cl-r-stats span{font-size:11.5px;font-weight:700;color:var(--cl-ink-soft);line-height:1.15}.color-lines-app .cl-r-note{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--cl-ink-soft)}.color-lines-app #cl-leaderboard{margin-bottom:8px}.color-lines-app .cl-r-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;align-items:stretch}.color-lines-app .cl-r-row>*{margin-top:12px;width:100%;font-size:15px}@media (max-width:899px){.playful-game.color-lines-app .cl-menu{align-items:center;justify-content:flex-start;padding:0 12px 16px;background:linear-gradient(180deg,transparent 30%,rgba(10,14,24,.45) 60%)}.color-lines-app .cl-menu:before{content:"";display:block;flex:0 0 auto;height:max(180px,35vh)}.color-lines-app .cl-panel{padding:16px 14px 14px;border-radius:24px}.color-lines-app .cl-logo{font-size:38px}}@media (max-width:899px) and (min-aspect-ratio:1/1){.playful-game.color-lines-app .cl-menu{align-items:flex-end;padding:12px 12px 12px 0;background:linear-gradient(90deg,transparent 45%,rgba(10,14,24,.4))}.color-lines-app .cl-menu:before{display:none}.color-lines-app .cl-panel{width:min(430px,52vw)}}@media (max-width:699px) and (max-aspect-ratio:4/5){.color-lines-app .cl-hud-btns{top:auto;right:auto;left:50%;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom,0px));gap:12px}.color-lines-app .cl-icon-btn{width:52px;height:52px;border-radius:16px}}@media (max-width:560px){.color-lines-app .cl-hud{gap:5px}.color-lines-app .cl-stat{min-width:0;padding:3px 8px}.color-lines-app .cl-stat>span:first-child{font-size:9.5px;letter-spacing:0}.color-lines-app .cl-stat b{font-size:19px}.color-lines-app .cl-next i{width:17px;height:17px}.color-lines-app .cl-combo{min-width:40px;font-size:16px;padding:4px 5px}.color-lines-app .cl-card small{display:none}.color-lines-app .cl-r-score{font-size:50px}.color-lines-app .cl-r-stats b{font-size:18px}}@media (max-height:500px) and (min-aspect-ratio:1/1){.color-lines-app .cl-hud{left:max(8px,env(safe-area-inset-left,0px));transform:none;flex-direction:column;align-items:stretch;width:112px;gap:5px}.color-lines-app .cl-stat{padding:2px 8px}.color-lines-app .cl-stat b{font-size:17px}.color-lines-app .cl-combo{align-self:stretch;font-size:16px;padding:3px}.color-lines-app .cl-hud-btns{top:auto;right:auto;left:max(8px,env(safe-area-inset-left,0px));bottom:max(8px,env(safe-area-inset-bottom,0px));width:112px;flex-wrap:wrap;gap:4px}.color-lines-app .cl-icon-btn{width:34px;height:44px}.color-lines-app .cl-incoming{left:auto;right:max(10px,env(safe-area-inset-right,0px));top:30%}.color-lines-app[data-party="1"] .cl-incoming{right:160px}.color-lines-app .pp-standings{top:8px;left:auto;right:8px;width:136px;bottom:8px;flex-direction:column;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;touch-action:pan-y}.color-lines-app .pp-st{min-width:0;max-width:none}.color-lines-app .cl-toast{top:10px}.color-lines-app .cl-banner{top:50%}.color-lines-app .cl-panel{padding:12px 12px 10px}.color-lines-app .cl-sub{display:none}.color-lines-app .cl-logo{font-size:30px}}@keyframes cl-pop{0%{opacity:0;transform:translate(-50%,-60%) scale(.6)}15%{opacity:1;transform:translate(-50%,-110%) scale(1.15)}to{opacity:0;transform:translate(-50%,-240%) scale(1)}}@keyframes cl-count{0%{transform:translate(-50%,-50%) scale(1.6);opacity:0}30%{transform:translate(-50%,-50%) scale(.95);opacity:1}to{transform:translate(-50%,-50%) scale(1)}}@keyframes cl-banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}22%{transform:translate(-50%,-50%) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}@keyframes cl-burst{0%{transform:scale(1)}35%{transform:scale(1.3) rotate(-4deg)}to{transform:scale(1)}}@keyframes cl-hop{0%{transform:translateY(-10px) scale(.5);opacity:0}60%{transform:translateY(2px) scale(1.1);opacity:1}to{transform:none}}@keyframes cl-pulse{0%{opacity:.55}to{opacity:1}}@keyframes cl-flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.color-lines-app .cl-next.bump i,.color-lines-app .cl-pop,.color-lines-app.cl-danger:after{animation-duration:.01s}}