.crownshift{background:radial-gradient(ellipse at 15% 0%, #334e7a30, transparent 46%), radial-gradient(ellipse at 90% 35%, #274f5730, transparent 50%), var(--cs-canvas);min-height:100vh;color:var(--cs-ink);font-size:1rem}.cs-shell{max-width:980px;margin:auto;padding:16px 24px 48px}.cs-nav,.cs-title,.cs-board-heading,.cs-score,.cs-tools,.cs-preview-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cs-nav{border-bottom:1px solid #ffffff12;margin-bottom:18px;padding-bottom:16px}.cs-nav a{color:#d9d8f4;align-items:center;gap:8px;font-weight:650;display:inline-flex}.cs-title{margin-bottom:20px}.cs-title h1{letter-spacing:-.055em;align-items:center;gap:10px;font-size:clamp(2rem,4vw,2.75rem);font-weight:750;line-height:1.15;display:flex}.cs-title h1 svg{width:32px;height:32px;color:var(--cs-gold);fill:#ffda851a}.cs-title h1 span{color:#8ce4d9}.cs-title p:not(.cs-eyebrow){color:var(--cs-muted);margin-top:6px}.cs-eyebrow{color:#a9bcdc;letter-spacing:.1em;font-size:.75rem;font-weight:750}.cs-solo{border:1px solid var(--cs-line);color:var(--cs-muted);background:#ffffff04;border-radius:99px;padding:8px 14px;font-size:.875rem}.cs-layout{grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:20px;display:grid}.cs-play{background:linear-gradient(150deg, #1c2940, var(--cs-surface) 45%);border:1px solid var(--cs-line);border-radius:24px;min-width:0;padding:18px;box-shadow:0 20px 60px #00000035,inset 0 1px #ffffff08}.cs-board-heading{margin-bottom:10px}.cs-board-heading h2{margin-top:5px;font-size:1.25rem;font-weight:700}.cs-moves{color:var(--cs-muted);font-variant-numeric:tabular-nums;background:#0a132480;border:1px solid #ffffff10;border-radius:9px;padding:7px 11px;font-size:.875rem}.cs-board{grid-template-columns:repeat(var(--cs-n), minmax(0, 1fr));background:#080f1d;border:1px solid #62758f;border-radius:14px;gap:0;width:100%;max-width:560px;margin-inline:auto;padding:6px;transition:box-shadow .2s;display:grid;box-shadow:0 12px 28px #00000035,inset 0 1px #ffffff14}.cs-cell-wrap{--edge-top:0px;--edge-bottom:0px;--edge-left:0px;--edge-right:0px;min-width:0;display:grid;position:relative}.cs-cell-wrap:after{content:"";border:solid var(--patch);border-width:var(--edge-top) var(--edge-right) var(--edge-bottom) var(--edge-left);pointer-events:none;z-index:4;position:absolute;inset:0}.cs-cell-wrap[data-edge-top=true]{--edge-top:2px}.cs-cell-wrap[data-edge-bottom=true]{--edge-bottom:2px}.cs-cell-wrap[data-edge-left=true]{--edge-left:2px}.cs-cell-wrap[data-edge-right=true]{--edge-right:2px}.cs-cell{aspect-ratio:1;color:#fff;background:color-mix(in srgb, var(--patch) 23%, transparent);cursor:pointer;border:1px solid #ffffff16;border-radius:0;place-items:center;width:100%;min-height:44px;transition:transform .14s,box-shadow .14s,filter .14s;display:grid;position:relative}.cs-cell:hover:not([aria-disabled=true]){filter:brightness(1.1);background:color-mix(in srgb, var(--patch) 34%, transparent)}.cs-cell:focus-visible{outline-offset:3px;z-index:3;outline:3px solid #fff}.cs-cell[data-selected=true]{outline-offset:-3px;z-index:2;outline:3px solid #fff;box-shadow:0 0 0 3px #6c56ff,0 0 22px #a191ff80}.cs-cell[data-preview=true]{background:color-mix(in srgb, var(--patch) 38%, transparent);box-shadow:inset 0 0 0 1px #ffffff80}.cs-cell[data-locked=true]{cursor:default}.cs-digit{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px #00000040;align-items:center;gap:2px;font-size:clamp(1.15rem,2.6vw,1.8rem);font-weight:800;display:inline-flex}.cs-digit svg{stroke-width:2.5px;fill:#ffe7a0;stroke:#ffda72;filter:drop-shadow(0 2px 4px #00000050);width:clamp(20px,3.2vw,30px);height:clamp(20px,3.2vw,30px)}.cs-crown-number{color:#fff;font-size:.875rem}.cs-board-key{color:var(--cs-muted);margin:0 0 12px;font-size:.875rem;line-height:1.6}.cs-board-key strong{color:var(--cs-ink)}.cs-patch-key{border:1px solid var(--cs-line);border-radius:12px;margin-top:16px;padding:12px}.cs-patch-key summary{cursor:pointer;font-size:.875rem;font-weight:700}.cs-patch-key>p{color:var(--cs-muted);margin:10px 0;font-size:.875rem;line-height:1.55}.cs-patch-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.cs-patch-list li{background:#0a132440;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:8px;padding:7px;display:flex}.cs-patch-list li[data-active=true]{border-color:var(--patch);background:color-mix(in srgb, var(--patch) 15%, transparent)}.cs-patch-list svg{width:36px;height:32px;color:var(--patch);flex-shrink:0}.cs-patch-list strong{color:var(--patch);font-size:.875rem;display:block}.cs-patch-list span{color:var(--cs-muted);font-size:.75rem;display:block}.cs-patch-label{color:var(--patch);font-size:.75rem;font-weight:750;position:absolute;top:3px;left:5px}.cs-lock{position:absolute;bottom:5px;right:5px}.cs-old{font-size:.75rem;font-weight:600;position:absolute;top:3px;right:4px}.cs-conflict{font-size:.75rem;font-weight:900;position:absolute;bottom:3px;right:5px}.cs-score{color:#e1e5fa;justify-content:flex-start;gap:8px 14px;margin:12px 0;font-size:.875rem}.cs-score span{align-items:center;gap:5px;min-height:28px;display:inline-flex}.cs-score svg{color:#9cdfd4}.crownshift .cs-primary,.crownshift .cs-new{background:var(--cs-accent);color:#192728;white-space:normal;border:1px solid #efffc9;border-radius:11px;height:auto;min-height:46px;padding:11px 19px;font-size:1rem;font-weight:750}.crownshift .cs-primary:not(:disabled){box-shadow:0 3px #789951,0 6px 18px #b3ef6030}.crownshift .cs-primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px #789951}.crownshift .cs-primary:disabled{opacity:1;color:#afbed1;box-shadow:none;background:#25364b;border-color:#4a5a70}.crownshift .cs-primary:hover,.crownshift .cs-new:hover{background:#eaffb5}.crownshift .cs-quiet{color:#e3e4f7;border:1px solid var(--cs-line);background:#ffffff05;border-radius:10px;height:auto;min-height:42px;padding:8px 11px;font-size:.875rem}.crownshift .cs-quiet:hover{background:#ffffff15}.crownshift [data-slot=button]:focus-visible{outline-offset:3px;outline:3px solid #fff}.cs-preview-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px;min-height:48px;display:grid}.cs-message{min-height:3.5em;color:var(--cs-muted);margin:12px 0 10px;font-size:.875rem;line-height:1.55;display:block}.cs-tools{border-top:1px solid var(--cs-line);justify-content:flex-start;gap:8px;padding-top:12px}.cs-sidebar{border:1px solid var(--cs-line);background:var(--cs-surface);border-radius:24px;overflow:hidden}.cs-art{background:var(--cs-canvas);border-bottom:1px solid var(--cs-line);overflow:hidden}.cs-art img{object-fit:cover;object-position:center 40%;width:100%;height:142px}.cs-settings{padding:18px}.cs-settings h2{margin-bottom:15px;font-size:1.1rem;font-weight:700}.cs-size-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.crownshift .cs-size{border:1px solid var(--cs-line);color:#e4e9ff;background:#0c162a;border-radius:10px;flex-direction:column;gap:1px;height:auto;min-height:66px;padding:9px 4px}.cs-size strong{font-size:1rem}.cs-size span{font-size:.875rem;font-weight:400}.crownshift .cs-size[aria-pressed=true]{background:#2e4161;border-color:#b5cbee;box-shadow:inset 0 0 0 1px #b5cbee}.cs-difficulties{gap:10px;margin-top:19px;display:grid}.cs-difficulties legend{color:#ccd0e4;margin-bottom:10px;font-size:.875rem;font-weight:650}.cs-difficulties label{cursor:pointer;align-items:flex-start;gap:8px;font-size:.875rem;line-height:1.5;display:flex}.cs-difficulties input{accent-color:#c4b2ff;flex-shrink:0;width:17px;height:17px;margin-top:2px}.cs-difficulties [data-slot=radio-group-item]{border-color:#c3b6f4;margin-top:3px}.cs-difficulties:disabled{opacity:.5}.cs-settings-note{color:#c2cbe2;margin:12px 0;font-size:.8125rem;line-height:1.5}.crownshift .cs-new{background:var(--cs-raised);width:100%;color:var(--cs-ink);border-color:#657c9e}.crownshift .cs-new:hover{background:#304361}.cs-rules{border-top:1px solid var(--cs-line);margin:0 18px;padding:16px 0}.cs-rules summary{cursor:pointer;min-height:36px;font-weight:700}.cs-rules ol{color:#d4dcf1;gap:12px;margin:10px 0;padding-left:20px;font-size:.875rem;line-height:1.6;list-style:decimal;display:grid}.cs-rules strong{color:#fff}.cs-rules p{color:#c3cde2;font-size:.8125rem;line-height:1.6}.cs-won{box-shadow:0 0 0 2px #aef5cb,0 0 32px #67f0a133}.cs-victory{background:#234b41;border:1px solid #9be6bc;border-radius:17px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.cs-victory>svg{color:#ddff8b}.cs-victory h3{font-size:1.1rem;font-weight:750}.cs-victory p{color:#d1f4e3;margin-top:4px;font-size:.875rem}.crownshift[data-motion=true] .cs-digit-shift{animation:.25s ease-out cs-number-shift}.crownshift[data-motion=true] .cs-victory{animation:.4s ease-out cs-arrive}@keyframes cs-number-shift{0%{transform:translateY(-9px)scale(.9)}to{transform:translateY(0)scale(1)}}@keyframes cs-arrive{0%{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:820px){.cs-layout{grid-template-columns:minmax(0,1fr)}.cs-sidebar{grid-template-columns:1fr 1fr;gap:0;display:grid}.cs-art{display:none}.cs-rules{border-top:0;border-left:1px solid var(--cs-line);margin:18px 18px 18px 0;padding:0 0 0 18px}.cs-play{width:100%;max-width:600px;margin:auto}}@media (max-width:540px){.cs-shell{padding:12px 10px 30px}.cs-title{gap:12px;margin-bottom:16px}.cs-title h1{font-size:2rem}.cs-nav{margin-bottom:14px;padding-bottom:12px}.cs-solo{display:none}.cs-play{border-radius:19px;padding:13px 9px}.cs-board{border-radius:12px;gap:0;padding:5px}.cs-cell{border-radius:0;min-height:30px}.cs-patch-label{top:1px;left:3px}.cs-old{top:0;right:2px}.cs-cell[data-preview=true] .cs-digit{transform:translateY(4px)}.cs-score{gap:8px 12px}.cs-sidebar{display:block}.cs-rules{border-top:1px solid var(--cs-line);border-left:0;margin:0 17px;padding:16px 0}.cs-settings{padding:17px}.cs-title p:not(.cs-eyebrow){font-size:1rem}}@media (prefers-reduced-motion:reduce){.crownshift *,.crownshift :before,.crownshift :after{transition:none!important;animation:none!important}}@media (max-width:540px){.cs-cell[data-preview=true] .cs-patch-label,.cs-cell[data-preview=true] .cs-old{display:none}.cs-cell[data-preview=true] .cs-digit{transform:none}}