.dc-shell{--ink:#f4e8d5;--dim:#bda182;--faint:#90755b;--night:#1d1611;--wood:#3d2b1e;--wood-lit:#4d3625;--edge:#eccd9c24;--edge-strong:#eccd9c47;--panel:#fff2de0b;--brass:#d7a13c;--brass-lit:#f2cd82;--sq-light:#e0c59a;--sq-dark:#7d4a29;--danger:#cd5b3f;--good:#86a95c;--shade:#2813088c;box-sizing:border-box;width:100%;max-width:78rem;color:var(--ink);flex-direction:column;gap:.85rem;margin:0 auto;padding:.85rem .85rem 3rem;font-family:Bricolage Grotesque,Trebuchet MS,system-ui,sans-serif;display:flex;overflow-x:hidden}.dc-shell *,.dc-shell :before,.dc-shell :after{box-sizing:border-box}.dc-shell h1,.dc-shell h2,.dc-shell h3{letter-spacing:-.02em;margin:0;font-weight:800}.dc-shell h1{letter-spacing:.02em;font-size:clamp(1.9rem,6vw,2.6rem)}.dc-shell h2{font-size:1.15rem}.dc-shell h3{text-transform:uppercase;letter-spacing:.16em;color:var(--brass-lit);font-size:.82rem}.dc-sub{color:var(--dim);margin:.35rem 0 0;font-size:.9rem;line-height:1.55}.dc-hint{color:var(--faint);margin:.45rem 0 0;font-size:.78rem;line-height:1.5}.dc-eyebrow{letter-spacing:.26em;text-transform:uppercase;color:var(--brass);margin:0;font-size:.66rem;font-weight:700}.dc-grow{flex:1}.dc-spaced{margin-top:1.1rem}.dc-panel{border:1px solid var(--edge);box-shadow:0 1px 0 #ffecd20d inset, 0 .5rem 1.4rem -.9rem var(--shade);background:linear-gradient(#fff4e20e,#fff4e205),repeating-linear-gradient(102deg,#0000000d 0 2px,#0000 2px 7px);border-radius:.55rem;padding:.95rem 1rem;position:relative}.dc-panelhead{align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.dc-panelhead h3{flex:1}.dc-bar{border-bottom:1px solid var(--edge);flex-wrap:wrap;align-items:center;gap:.45rem;padding-bottom:.6rem;display:flex}.dc-mark{letter-spacing:.1em;flex-direction:column;font-size:1.02rem;font-weight:800;display:flex}.dc-mark i{letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-size:.6rem;font-style:normal}.dc-status{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border:1px solid var(--edge);border-radius:999px;padding:.2rem .5rem;font-size:.68rem}.dc-status.is-live{color:var(--good)}.dc-status.is-lost{color:var(--danger)}.dc-btn{appearance:none;border:1px solid var(--edge-strong);font:inherit;color:var(--ink);cursor:pointer;background:linear-gradient(#fff0d91f,#fff0d90a);border-radius:.4rem;justify-content:center;align-items:center;gap:.3rem;padding:.5rem .85rem;font-size:.83rem;font-weight:700;text-decoration:none;transition:transform .12s,background .16s,border-color .16s;display:inline-flex}.dc-btn:hover:not(:disabled){border-color:var(--brass);background:linear-gradient(#fff0d933,#fff0d914)}.dc-btn:active:not(:disabled){transform:translateY(1px)}.dc-btn:disabled{opacity:.4;cursor:not-allowed}.dc-btn:focus-visible,.dc-shell input:focus-visible,.dc-shell [role=gridcell]:focus-visible{outline:2px solid var(--brass-lit);outline-offset:2px}.dc-primary{color:#2a1a09;background:linear-gradient(180deg, var(--brass-lit), var(--brass));border-color:#b9862c;box-shadow:0 .35rem .9rem -.5rem #784e12e6}.dc-primary:hover:not(:disabled){background:linear-gradient(#ffdfa0,#e2ac46)}.dc-ghostbtn{background:0 0}.dc-danger{color:#fff2ec;background:linear-gradient(#d9694c,#b34a30);border-color:#a8452e}.dc-tiny{padding:.32rem .6rem;font-size:.72rem}.dc-actions{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.85rem;display:flex}.dc-tag{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--edge);color:var(--dim);white-space:nowrap;border-radius:999px;padding:.18rem .45rem;font-size:.63rem;font-weight:700}.dc-tag.is-good{color:var(--good);border-color:#86a95c80}.dc-tag.is-bad{color:var(--danger);border-color:#cd5b3f80}.dc-tag.is-warm{color:var(--brass-lit);border-color:#d7a13c73}.dc-error{color:#f5cbbd;background:#cd5b3f1f;border:1px solid #cd5b3f73;border-radius:.4rem;margin:0;padding:.5rem .7rem;font-size:.82rem}.dc-shell input{border:1px solid var(--edge-strong);width:100%;font:inherit;color:var(--ink);background:#140c078c;border-radius:.35rem;padding:.5rem .6rem;font-size:.88rem}.dc-shell input:disabled{opacity:.5}.dc-fields{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.7rem;display:grid}.dc-fields label,.dc-namefield{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);flex-direction:column;gap:.3rem;font-size:.7rem;display:flex}.dc-namefield{margin-top:1rem}.dc-toggle{border:1px solid var(--edge);border-radius:.45rem;gap:.25rem;padding:.2rem;display:inline-flex}.dc-chip{appearance:none;font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:.3rem;padding:.32rem .7rem;font-size:.74rem;font-weight:700}.dc-chip.is-on{color:#2a1a09;background:linear-gradient(180deg, var(--brass-lit), var(--brass))}.dc-chip:disabled{cursor:not-allowed}.dc-fen{gap:.4rem;margin-top:.5rem;display:flex}.dc-fen input{font-family:Azeret Mono,ui-monospace,monospace;font-size:.76rem}.dc-checkin{text-align:left;max-width:30rem;margin:3rem auto 0}.dc-checkin h1{margin-top:.3rem}.dc-checkin h2{margin-top:1.4rem}.dc-room{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:1.2rem 0 0;font-size:.72rem}.dc-room b{color:var(--brass-lit);font-family:Azeret Mono,ui-monospace,monospace}.dc-lobby{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:.85rem;display:grid}.dc-lobby .dc-rules{grid-column:1/-1}@media (width<=780px){.dc-lobby{grid-template-columns:1fr}}.dc-seatrow{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;display:grid}.dc-seat{border:1px solid var(--edge);background:#140c074d;border-radius:.45rem;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.8rem;display:flex}.dc-seat.is-mine{border-color:var(--brass);box-shadow:inset 0 0 0 1px #d7a13c4d}.dc-seat b{font-size:.95rem}.dc-seatname{color:var(--dim);font-size:.78rem}.dc-seatdisc{width:2.1rem;height:2.1rem;display:block}.dc-onlookers{color:var(--dim);margin:.9rem 0 0;font-size:.78rem}.dc-onlookers span{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;font-size:.66rem}.dc-rules ul{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.7rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.dc-rules li{border-left:2px solid var(--brass);padding-left:.7rem}.dc-rules b{font-size:.88rem;display:block}.dc-rules span{color:var(--dim);margin-top:.2rem;font-size:.79rem;line-height:1.55;display:block}.dc-table{grid-template-columns:15.5rem minmax(0,1fr) 17rem;grid-template-areas:"left middle right";align-items:start;gap:.85rem;display:grid}.dc-left{flex-direction:column;grid-area:left;gap:.5rem;min-width:0;display:flex}.dc-middle{grid-area:middle;min-width:0}.dc-right{flex-direction:column;grid-area:right;gap:.6rem;min-width:0;display:flex}@media (width<=1080px){.dc-table{grid-template-columns:minmax(0,1fr);grid-template-areas:"middle""left""right"}}.dc-seatcard{border:1px solid var(--edge);background:linear-gradient(#fff4e20d,#fff4e204);border-radius:.5rem;align-items:center;gap:.55rem;padding:.55rem .7rem;display:flex}.dc-seatcard.is-active{border-color:var(--brass);box-shadow:inset 0 0 0 1px #d7a13c40,0 .4rem 1rem -.7rem #d7a13cb3}.dc-seatcard .dc-seatdisc{flex:none;width:1.7rem;height:1.7rem}.dc-seatmeta{flex:1;min-width:0}.dc-seatmeta b{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;font-size:.9rem;display:flex;overflow:hidden}.dc-seatmeta .dc-tag{flex:none}.dc-seatstats{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:.64rem;display:block;overflow:hidden}.dc-clock{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em;color:var(--dim);background:#120b0680;border-radius:.3rem;padding:.15rem .4rem;font-family:Azeret Mono,ui-monospace,monospace;font-size:1.05rem;font-weight:600}.dc-clock.is-running{color:var(--ink)}.dc-clock.is-low{color:#f0b7a4;background:#cd5b3f33}.dc-turnline{align-items:center;gap:.45rem;padding:.2rem .1rem;font-size:.9rem;display:flex}.dc-yours{color:var(--brass-lit)}.dc-verdict{border:1px solid var(--brass);letter-spacing:-.01em;background:linear-gradient(#d7a13c33,#d7a13c0d);border-radius:.45rem;flex-direction:column;flex:1;padding:.5rem .7rem;font-size:1.05rem;display:flex}.dc-verdict i{color:var(--brass-lit);font-size:.72rem;font-style:normal;font-weight:500}.dc-forced{color:var(--brass-lit);background:#d7a13c1a;border:1px solid #d7a13c73;border-radius:.4rem;align-items:center;gap:.45rem;margin:0;padding:.45rem .6rem;font-size:.8rem;font-weight:700;display:flex}.dc-dot{background:var(--brass);border-radius:50%;width:.45rem;height:.45rem;animation:1.4s ease-in-out infinite dc-pulse}@keyframes dc-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.dc-confirm{color:#f5cbbd;align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.dc-offer{background:#d7a13c1a;border:1px solid #d7a13c73;border-radius:.4rem;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:.8rem;display:flex}.dc-offer b{flex:1}.dc-counters{border:1px dashed var(--edge-strong);color:var(--dim);border-radius:.4rem;flex-direction:column;gap:.15rem;padding:.5rem .6rem;font-size:.72rem;display:flex}.dc-countertitle{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:.62rem}.dc-board{aspect-ratio:1;background:repeating-linear-gradient(96deg, #00000021 0 1px, transparent 1px 6px), repeating-linear-gradient(4deg, #ffe2b40d 0 1px, transparent 1px 11px), linear-gradient(158deg, var(--wood-lit), var(--wood) 45%, #281b12);width:100%;max-width:min(100%,43rem,100vh - 8rem);box-shadow:0 0 0 1px #ffe2b417 inset, 0 1.4rem 2.6rem -1.4rem var(--shade), 0 .2rem 0 #0000004d;border-radius:.5rem;margin:0 auto;padding:3.4%;position:relative}.dc-plane{width:100%;height:100%;position:relative}.dc-grid{border-radius:.15rem;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #1c0e068c}.dc-cell{touch-action:manipulation;place-items:center;display:grid;position:relative}.dc-cell.is-light{background:repeating-linear-gradient(74deg, #784e2812 0 1px, transparent 1px 5px), linear-gradient(150deg, #ead2ac, var(--sq-light))}.dc-cell.is-dark{background:repeating-linear-gradient(74deg, #1e0e061c 0 1px, transparent 1px 5px), linear-gradient(150deg, #8b5430, var(--sq-dark));cursor:default}.dc-cell.is-grab{cursor:pointer;touch-action:none}.dc-num{color:#ffe8c857;pointer-events:none;font-family:Azeret Mono,ui-monospace,monospace;font-size:clamp(6px,.95vw,10px);line-height:1;position:absolute;top:4%;left:7%}.dc-cell.is-lastfrom:after,.dc-cell.is-lastto:after{content:"";background:#d7a13c33;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #d7a13c59}.dc-cell.is-lastfrom:after{background:#d7a13c1c}.dc-cell.is-route:after{content:"";background:#f2cd8226;position:absolute;inset:0}.dc-cell.is-mover:before{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:8%;box-shadow:0 0 0 1.5px #f2cd824d}.dc-cell.is-picked:before{content:"";box-shadow:0 0 0 3px var(--brass-lit) inset;pointer-events:none;z-index:3;border-radius:.1rem;position:absolute;inset:3%}.dc-cell.is-step:before{content:"";pointer-events:none;z-index:3;border:2px dashed #f2cd82bf;border-radius:50%;position:absolute;inset:26%}.dc-cell.is-doomed .dc-piece{animation:1s ease-in-out infinite dc-doomed}.dc-cell.is-doomed:before{content:"";pointer-events:none;z-index:3;border-radius:50%;position:absolute;inset:6%;box-shadow:0 0 0 2px #cd5b3fd9}@keyframes dc-doomed{0%,to{opacity:1}50%{opacity:.5}}.dc-target{background:radial-gradient(circle, var(--brass-lit) 0 55%, #f2cd8240 56% 100%);pointer-events:none;z-index:2;border-radius:50%;width:34%;height:34%;animation:1.6s ease-in-out infinite dc-breathe;position:absolute;box-shadow:0 0 .6rem #f2cd828c}@keyframes dc-breathe{0%,to{transform:scale(.85)}50%{transform:scale(1.08)}}.dc-piece{pointer-events:none;z-index:1;width:78%;height:78%;transition:opacity .22s,transform .22s;position:relative}.dc-piece.is-taken{opacity:0;transform:scale(.55)}.dc-disc,.dc-under{border-radius:50%;width:100%;height:100%;position:absolute;left:0}.dc-under{filter:brightness(.72)saturate(.9);top:13%}.dc-disc{place-items:center;display:grid;top:0;overflow:hidden}.is-dam .dc-disc,.is-dam .dc-under{height:87%}.is-wit .dc-disc,.is-wit .dc-under{background:radial-gradient(circle at 34% 26%,#fffaee 0 12%,#f3e0bd 48%,#d9bd8c 88%,#c0a173 100%);box-shadow:0 .16em .28em #34190a80,0 0 0 1px #603f1e59,inset 0 -.14em .22em #78522859,inset 0 .1em .2em #ffffffa6}.is-zwart .dc-disc,.is-zwart .dc-under{background:radial-gradient(circle at 34% 26%,#6b4634 0 12%,#46291d 48%,#2a1810 88%,#1b0f0a 100%);box-shadow:0 .16em .28em #1e0c04a6,0 0 0 1px #12090499,inset 0 -.14em .22em #00000073,inset 0 .1em .2em #ffd6aa38}.dc-turn{background:repeating-radial-gradient(circle,#5a371824 0 6%,#0000 6% 15%);border-radius:50%;position:absolute;inset:12%}.is-zwart .dc-turn{background:repeating-radial-gradient(circle,#ffd8b017 0 6%,#0000 6% 15%)}.dc-turn:after{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #5a37184d}.is-zwart .dc-turn:after{box-shadow:inset 0 0 0 1px #ffd8b029}.dc-crown{width:54%;height:54%;fill:var(--brass);filter:drop-shadow(0 1px #46280a80);position:relative}.is-zwart .dc-crown{fill:var(--brass-lit)}.dc-flyer{z-index:5;pointer-events:none;width:10%;height:10%;transform:translate(var(--dx,0), var(--dy,0));place-items:center;transition:transform .2s cubic-bezier(.34,.8,.4,1);display:grid;position:absolute}.dc-flyer .dc-piece{filter:drop-shadow(0 .35em .4em #1e0e048c)}.dc-ghost{z-index:40;pointer-events:none;opacity:.92;place-items:center;width:3.4rem;height:3.4rem;margin:-1.7rem 0 0 -1.7rem;display:grid;position:fixed}@media (prefers-reduced-motion:reduce){.dc-flyer{transition:none}.dc-target,.dc-dot,.dc-cell.is-doomed .dc-piece{animation:none}.dc-piece{transition:none}}.dc-nav{flex:none;gap:.15rem;display:inline-flex}.dc-nav button{white-space:nowrap;appearance:none;border:1px solid var(--edge);color:var(--dim);font:inherit;cursor:pointer;background:0 0;border-radius:.3rem;padding:.2rem .4rem;font-size:.68rem}.dc-nav button:hover:not(:disabled){color:var(--ink);border-color:var(--brass)}.dc-nav button:disabled{opacity:.35;cursor:not-allowed}.dc-nav button.is-on{color:var(--brass-lit)}.dc-moves{font-variant-numeric:tabular-nums;max-height:15rem;margin:0;padding:0;font-family:Azeret Mono,ui-monospace,monospace;font-size:.76rem;list-style:none;overflow-y:auto}.dc-moves li{grid-template-columns:2.1rem 1fr 1fr;align-items:center;gap:.2rem;display:grid}.dc-movenum{color:var(--faint);text-align:right;padding-right:.3rem}.dc-move{appearance:none;color:var(--dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.25rem;padding:.18rem .3rem}.dc-move:hover{color:var(--ink);background:#fff0d912}.dc-move.is-take{color:#f0cf9b}.dc-move.is-here{color:var(--ink);background:#d7a13c38}.dc-move.is-blank{cursor:default}.dc-move sup{color:var(--brass);font-size:.66em}.dc-crownmark{color:var(--brass-lit);margin-left:.15rem}.dc-reviewing{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin:.5rem 0 0;font-size:.7rem}.dc-chooser{background:linear-gradient(#d7a13c1f,#d7a13c08),repeating-linear-gradient(102deg,#0000000d 0 2px,#0000 2px 7px);border-color:#d7a13c73}.dc-routes{scrollbar-width:thin;scrollbar-color:var(--brass) transparent;flex-direction:column;gap:.3rem;max-height:17.5rem;margin:.6rem 0;padding:0;list-style:none;display:flex;overflow-y:auto}.dc-routes button{appearance:none;border:1px solid var(--edge-strong);width:100%;color:var(--ink);font:inherit;cursor:pointer;background:#140c0766;border-radius:.4rem;align-items:center;gap:.5rem;padding:.4rem .5rem;transition:border-color .15s,background .15s,transform .12s;display:flex}.dc-routes button:hover,.dc-routes button:focus-visible{border-color:var(--brass-lit);background:#d7a13c29;transform:translate(2px)}.dc-routechain{font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:1;align-items:center;font-family:Azeret Mono,ui-monospace,monospace;font-size:.78rem;display:flex}.dc-routechain b{color:var(--brass-lit)}.dc-routechain span{color:var(--ink)}.dc-routechain span.is-done{color:var(--faint)}.dc-routechain i{color:var(--faint);padding:0 .1rem;font-style:normal}.dc-routecount{background:linear-gradient(180deg, var(--brass-lit), var(--brass));color:#2a1a09;border-radius:50%;flex:none;place-items:center;width:1.4rem;height:1.4rem;font-size:.72rem;font-weight:800;display:grid}.dc-feed ul{max-height:11rem;color:var(--dim);flex-direction:column;gap:.2rem;margin:0;padding:0;font-size:.76rem;list-style:none;display:flex;overflow-y:auto}.dc-feed li{border-left:2px solid var(--edge);padding-left:.55rem;line-height:1.45}.dc-feed li.is-good{border-color:var(--good)}.dc-feed li.is-bad{border-color:var(--danger)}.dc-feed li.is-warm{border-color:var(--brass);color:#f0cf9b}@media (width<=560px){.dc-shell{padding:.6rem .6rem 2.5rem}.dc-num{opacity:0}.dc-cell.is-hop .dc-num,.dc-cell.is-picked .dc-num,.dc-cell.is-step .dc-num{opacity:1}.dc-seatrow,.dc-fields{grid-template-columns:1fr}.dc-board{padding:2.6%}}
