.colour-game{width:min(100% - 32px,860px);color:var(--sl-ink);margin:0 auto;padding:32px 0 56px}.colour-heading{margin-bottom:24px}.colour-edition{color:var(--sl-muted);margin:0;font-size:14px}.colour-heading h1{font:500 clamp(28px, 4vw, 40px)/1.12 var(--font-display);letter-spacing:-.045em;margin:4px 0 16px}.colour-heading nav{border-bottom:1px solid var(--sl-line);gap:26px;display:flex}.colour-heading nav a{min-height:44px;color:var(--sl-muted);align-items:center;font-size:15px;text-decoration:none;display:flex}.colour-heading nav a[aria-current=page]{border-bottom:2px solid var(--sl-green);color:var(--sl-green);font-weight:700}.colour-stage{min-height:340px}.colour-ready{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:40px;display:grid}.colour-ready h2{font:500 30px/1.2 var(--font-display);letter-spacing:-.035em;margin:0 0 12px}.colour-compose{flex-direction:column;width:min(100%,620px);margin:0 auto;display:flex}.colour-compose h2{font:500 24px/1.2 var(--font-display);align-self:flex-start;margin:0 0 16px}.colour-compose .colour-picker{width:100%}.colour-invite-close{color:var(--sl-muted);margin:20px auto 0;padding:8px;font-size:14px;display:block}.colour-ready p{color:var(--sl-muted);font-size:16px;line-height:1.65}.colour-ranked-note{color:var(--sl-muted);font-size:14px!important;line-height:1.5!important}.colour-covered{isolation:isolate;background:var(--sl-surface);border:1px solid var(--sl-line);border-radius:3px;place-items:center;min-height:310px;display:grid;position:relative;overflow:hidden}.colour-covered i{z-index:-1;background:#dbb168;border-radius:95px;width:180px;height:230px;position:absolute;top:12%;left:12%;transform:rotate(-22deg)}.colour-covered i:nth-child(2){background:#567a67;top:32%;left:42%;transform:rotate(30deg)}.colour-covered i:nth-child(3){background:#d8bdb6;border-radius:50%;width:130px;height:130px;top:1%;left:50%}.colour-covered span{font:500 116px/1 var(--font-display);color:#fff9ed;text-shadow:0 1px 12px #19392733}.colour-ready .btn-primary,.colour-compose .btn-primary{width:100%;min-height:48px;margin-top:14px}.colour-auth{text-align:center;gap:14px;display:grid}.colour-auth>a:last-child{color:var(--sl-green);padding:8px}.colour-progress{font-variant-numeric:tabular-nums;color:var(--sl-muted);justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;font-size:15px;display:flex}.colour-progress>span:first-child{color:var(--sl-ink);font-weight:600}.colour-swatch{border-radius:3px;width:100%;height:330px}.colour-preview{animation:.16s ease-out colour-reveal;position:relative}.colour-preview-foot{color:var(--sl-muted);justify-content:space-between;align-items:center;margin:16px 0;font-size:16px;display:flex}.colour-preview-foot>span:last-child{font:500 28px/1 var(--font-display);color:var(--sl-ink);font-variant-numeric:tabular-nums}.colour-preview-time{background:var(--sl-green);transform-origin:0;height:3px;transition:transform .11s linear}.colour-live{align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.colour-live-dot{width:30px;height:30px;box-shadow:0 0 0 3px var(--sl-surface);border:1px solid #0002;border-radius:50%}.colour-drag-hint{color:var(--sl-muted);margin-left:auto;font-size:13px}.colour-field{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--field-hue);touch-action:none;cursor:crosshair;outline-offset:5px;-webkit-user-select:none;user-select:none;border-radius:3px;width:100%;height:280px;position:relative;overflow:hidden}.colour-field-cursor{pointer-events:none;will-change:transform;position:absolute;inset:0}.colour-field-marker{pointer-events:none;will-change:transform;border:3px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0008,0 2px 8px #0005}.colour-field:focus-visible{outline:2px solid var(--sl-green)}.colour-field[aria-disabled=true]{cursor:default}.colour-hue{margin:16px 0 0;font-size:14px;display:block}.colour-hue>span{color:var(--sl-muted)}.colour-game .colour-hue input[type=range],.colour-game .colour-keyboard input[type=range]{box-shadow:none;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;border:0;width:100%;min-height:44px;margin:0;padding:0;display:block}.colour-hue input::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:7px;height:14px}.colour-hue input::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:7px;height:14px}.colour-hue input::-webkit-slider-thumb{appearance:none;border:3px solid var(--sl-surface);background:var(--sl-ink);border-radius:50%;width:27px;height:27px;margin-top:-6px;box-shadow:0 0 0 1px #0005}.colour-keyboard input::-webkit-slider-thumb{appearance:none;border:3px solid var(--sl-surface);background:var(--sl-ink);border-radius:50%;width:27px;height:27px;margin-top:-6px;box-shadow:0 0 0 1px #0005}.colour-hue input::-moz-range-thumb{border:3px solid var(--sl-surface);background:var(--sl-ink);border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 1px #0005}.colour-keyboard input::-moz-range-thumb{border:3px solid var(--sl-surface);background:var(--sl-ink);border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 1px #0005}.colour-hue input:focus-visible,.colour-keyboard input:focus-visible{outline:2px solid var(--sl-green);outline-offset:2px;border-radius:4px}.colour-keyboard summary{color:var(--sl-muted);cursor:pointer;align-items:center;min-height:30px;font-size:13px;display:flex}.colour-keyboard label{margin-top:10px;font-size:14px;display:block}.colour-keyboard input::-webkit-slider-runnable-track{background:var(--sl-line-strong);border-radius:7px;height:14px}.colour-keyboard input::-moz-range-track{background:var(--sl-line-strong);border-radius:7px;height:14px}.colour-round-result{text-align:center;width:min(100%,600px);margin:auto;animation:.22s ease-out colour-arrive}.colour-round-score h2{font:500 70px/1 var(--font-display);color:var(--sl-green);letter-spacing:-.06em;margin:12px 0}.colour-round-score h2 span{font:400 20px var(--font-body);color:var(--sl-muted);letter-spacing:0;margin-left:5px}.colour-round-score>p:last-child{color:var(--sl-muted)}.colour-comparison{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;display:grid}.colour-comparison figure{margin:0}.colour-comparison figure>div{border-radius:3px;height:130px}.colour-comparison figcaption{color:var(--sl-muted);margin:10px 0;font-size:14px}.colour-round-result>.btn-primary{width:100%;min-height:48px}.colour-result{max-width:660px;margin:auto}.colour-result.is-fresh{animation:.38s ease-out colour-finish}.colour-result-score{text-align:center}.colour-result-score h2{font:500 90px/1 var(--font-display);color:var(--sl-green);letter-spacing:-.065em;font-variant-numeric:tabular-nums;margin:12px 0}.colour-result-score h2 span{font:400 22px var(--font-body);color:var(--sl-muted);letter-spacing:0;margin-left:8px}.colour-result-score>p:last-child{color:var(--sl-muted)}.colour-personal{color:var(--sl-muted);margin:8px 0 20px;font-size:14px;line-height:1.5}.colour-round-receipt{margin:24px 0}.colour-round-receipt>header,.colour-round-receipt>div{grid-template-columns:42px 1fr 1fr 70px;align-items:center;gap:14px;display:grid}.colour-round-receipt>header{color:var(--sl-muted);margin-bottom:10px;font-size:12px}.colour-round-receipt>div{border-bottom:1px solid var(--sl-line);font-variant-numeric:tabular-nums;padding:7px 0;font-size:15px}.colour-receipt-chip{border:1px solid #0001;border-radius:2px;height:34px}.colour-round-receipt strong{text-align:right}.colour-round-receipt small{color:var(--sl-muted);font-size:12px;font-weight:400}.colour-challenge-main{width:100%;min-height:50px}.colour-result-secondary{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:24px;margin-top:18px;font-size:14px;display:flex}.colour-result-secondary>a{color:var(--sl-green);padding:10px 0}.colour-result-secondary summary,.colour-next summary{min-height:44px;color:var(--sl-muted);cursor:pointer;align-items:center;display:flex}.colour-next{border-top:1px solid var(--sl-line);margin-top:20px}.colour-challenge-composer{border-top:1px solid var(--sl-line);border-bottom:1px solid var(--sl-line);margin:18px 0;padding:20px 0}.colour-challenge-composer>label{margin-bottom:12px;font-size:15px;display:block}.colour-challenge-composer select,.colour-challenge-composer input{border:1px solid var(--sl-line-strong);background:var(--sl-surface);width:100%;max-width:100%;min-height:48px;color:var(--sl-ink);box-sizing:border-box;border-radius:3px;padding:10px;font-size:15px;display:block}.colour-challenge-composer>.btn-primary{width:100%;margin-top:14px}.colour-challenge-composer input{color:var(--sl-muted);font-size:13px}.colour-invite-actions{gap:12px;margin-top:14px;display:flex}.colour-invite-actions>button{flex:1;min-height:44px}.colour-duel-comparison{border-bottom:1px solid var(--sl-line);text-align:center;margin-bottom:22px;padding:0 0 20px}.colour-duel-comparison>div{justify-content:center;align-items:center;gap:24px;display:flex}.colour-duel-comparison>div>span:not(.colour-versus){gap:6px;font-size:14px;display:grid}.colour-duel-comparison strong{font:500 36px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--sl-green)}.colour-duel-comparison small{font:400 13px var(--font-body);color:var(--sl-muted)}.colour-versus{color:var(--sl-line-strong);font-size:28px}.colour-duel-comparison>p:last-child:not(.slovara-kicker){color:var(--sl-muted);margin:16px 0 0;font-size:13px}.colour-standings{border-top:1px solid var(--sl-line);margin-top:28px;padding-top:24px}.colour-standings header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.colour-standings h2{font:500 clamp(24px, 4vw, 30px)/1.2 var(--font-display);letter-spacing:-.035em;margin:0 0 20px}.colour-standings a{color:var(--sl-green);white-space:nowrap}.colour-board-tabs{border-bottom:1px solid var(--sl-line);gap:20px;display:flex}.colour-board-tabs button{min-height:44px;color:var(--sl-muted);cursor:pointer;background:0 0;border:0;padding:10px 0 12px}.colour-board-tabs .is-active{border-bottom:2px solid var(--sl-green);color:var(--sl-green);font-weight:700}.colour-board-refresh{width:44px;margin-left:auto;font-size:22px}.colour-standings ol{margin:0;padding:0;list-style:none}.colour-standings li{border-bottom:1px solid var(--sl-line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 6px;font-size:15px;display:grid}.colour-standings li.is-you{background:var(--sl-green-pale)}.colour-standings li>span:nth-child(2){overflow-wrap:anywhere}.colour-rank{color:var(--sl-muted);font-family:var(--font-display)}.colour-standings small{color:var(--sl-muted);margin-left:6px;font-size:12px;font-weight:400}.colour-board-empty,.colour-board-foot{color:var(--sl-muted);font-size:14px;line-height:1.6}.colour-social-inbox{border-top:1px solid var(--sl-line);margin-top:28px;padding-top:20px}.colour-social-inbox h2{font:500 26px var(--font-display);margin:0 0 14px}.colour-social-inbox>a{border-bottom:1px solid var(--sl-line);min-height:64px;color:var(--sl-green);justify-content:space-between;align-items:center;gap:18px;font-size:15px;text-decoration:none;display:flex}.colour-social-inbox>a>div{gap:5px;display:grid}.colour-social-inbox>a>div>span{color:var(--sl-muted);font-size:14px}.colour-game-footer{border-top:1px solid var(--sl-line);color:var(--sl-muted);flex-wrap:wrap;gap:12px 24px;margin-top:36px;padding-top:16px;font-size:14px;display:flex}.colour-game-footer>a{color:var(--sl-green);padding:10px 0}.colour-collection,.colour-about{width:100%}.colour-collection summary,.colour-about summary{cursor:pointer;min-height:44px;color:var(--sl-muted);align-items:center;font-size:14px;display:flex}.colour-collection ol{margin:0;padding:0;list-style:none}.colour-collection li a{border-bottom:1px solid var(--sl-line);color:var(--sl-ink);justify-content:space-between;gap:12px;padding:14px 0;font-size:14px;text-decoration:none;display:flex}.colour-collection nav{flex-wrap:wrap;gap:12px;display:flex}.colour-collection nav a{border:1px solid var(--sl-line);color:var(--sl-green);padding:12px;font-size:14px}.colour-about p{color:var(--sl-muted);max-width:65ch;font-size:14px;line-height:1.7}.colour-error{border-left:3px solid var(--sl-mustard);color:var(--sl-ink);padding:12px}.colour-game button:focus-visible,.colour-game a:focus-visible,.colour-game summary:focus-visible{outline:2px solid var(--sl-green);outline-offset:4px}.colour-game button:disabled{opacity:.55;cursor:default}@keyframes colour-reveal{0%{transform:scale(.992)}to{transform:scale(1)}}@keyframes colour-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes colour-finish{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:600px){.colour-game{padding-top:20px}.colour-heading{margin-bottom:18px}.colour-heading h1{margin-bottom:12px;font-size:30px}.colour-ready{grid-template-columns:1fr;gap:18px}.colour-covered{min-height:155px}.colour-covered i{height:170px;top:0}.colour-covered i:nth-child(2){top:20%}.colour-covered span{font-size:82px}.colour-ready h2{margin-bottom:8px;font-size:26px}.colour-ready p{margin:8px 0;font-size:15px}.colour-stage{min-height:330px}.colour-field{height:260px}.colour-hue{margin-top:12px}.colour-keyboard summary{min-height:32px}.colour-swatch{height:340px}.colour-progress{margin-bottom:14px}.colour-round-score h2{font-size:64px}.colour-result-score h2{font-size:76px}.colour-comparison figure>div{height:145px}.colour-round-receipt>header,.colour-round-receipt>div{grid-template-columns:32px 1fr 1fr 62px;gap:10px}.colour-round-receipt>header{font-size:11px}.colour-receipt-chip{height:32px}.colour-duel-comparison>div{gap:18px}.colour-duel-comparison strong{font-size:30px}.colour-result-secondary{gap:12px 22px}.colour-drag-hint{font-size:12px}.colour-game-footer{margin-top:28px}}@media (prefers-reduced-motion:reduce){.colour-preview,.colour-round-result,.colour-result.is-fresh{animation:none}.colour-preview-time{transition:none}}.colour-placement{color:var(--sl-muted);margin:12px 0 0;font-size:15px;line-height:1.6}.colour-placement strong{color:var(--sl-green);font-weight:600}.colour-invite-track{min-height:44px;color:var(--sl-green);align-items:center;margin-top:10px;font-size:14px;display:inline-flex}