:root{--paper:#fff;--edge:#f0f0ee;--stock-w:#fff;--stock-b:#0d0d10;--ink:#0d0d10;--ink-inv:#fafaf8;--grey:#6a6a72;--grey-inv:#8e8e96;--rule:#d6d6d2;--rule-inv:#37373e;--bone:#e0e1c1;--chrome:#0d0d10;--light:0;--bg:#fff;--c-ink:#000;--c-grey:#878787;--c-rule:#000;--c-red:#d51b00;--font-sans:"Inter", "Helvetica Neue", "Arial", sans-serif;--font-mono:"SF Mono", "Monaco", "Inconsolata", "Courier New", monospace;--font-display:var(--font-sans);--font-body:var(--font-sans);--font-tech:var(--font-mono);--shadow-rest:0 1px 1px #0d0d100f, 0 3px 7px #0d0d1012, 0 9px 18px #0d0d100f;--shadow-held:0 3px 5px #0d0d1017, 0 14px 26px #0d0d1021, 0 34px 56px #0d0d101c;--cw:190px;--ch:268px}:root[data-hour=night]{--paper:#141419;--edge:#08080c;--chrome:#c4c4bc;--light:1}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--edge);color:var(--chrome);-webkit-font-smoothing:antialiased;touch-action:none;transition:background-color 1.4s,color 1.4s;overflow:hidden;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-weight:700!important}body.scrolls{touch-action:pan-y;overflow-y:auto}input,textarea,button,select,code,pre{font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-weight:700!important}#paper{z-index:0;pointer-events:none;background:var(--paper);transition:background 1.4s;position:fixed;inset:0}#desk{z-index:1;width:100%;height:100%;position:relative}#lamp{z-index:3;pointer-events:none;mix-blend-mode:multiply;opacity:var(--light);background:radial-gradient(130% 100% at 50% 12%,#26203a 0%,#08080c 100%);transition:opacity 1.6s;position:fixed;inset:0}#raven{z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:calc(var(--light) * .9);transition:opacity 2.4s;position:fixed;inset:0}header{z-index:6;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:28px;padding:34px 34px 0;display:flex;position:fixed;top:0;left:0;right:0}.lockup{flex-direction:column;display:flex}.markbtn{cursor:pointer;pointer-events:auto;color:inherit;opacity:.88;background:0 0;border:none;padding:0;line-height:0;transition:opacity .2s}.markbtn:hover{opacity:1}.markbtn:focus-visible{outline-offset:8px;border-radius:50%;outline:1.5px solid}.mark{width:34px;height:34px;display:block;overflow:visible}.markpath{transform-box:fill-box;transform-origin:50%;transform:rotate(var(--turn,0deg)) scale(var(--mark-scale,1));transition:transform 1.2s cubic-bezier(.34,.82,.24,1)}:root[data-hour=night] .markbtn{--turn:72deg;--mark-scale:.82}:root[data-hour=night] .markbtn:hover{opacity:1}@media (prefers-reduced-motion:reduce){.markpath{transition:none}}.who{letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:11px;line-height:1.7}.ghost{width:var(--cw);height:var(--ch);border:1.5px dashed;border-color:color-mix(in srgb, var(--chrome) 26%, transparent);opacity:.9;border-radius:3px;align-items:flex-end;padding:13px;transition:opacity .8s;display:flex;position:absolute}.ghost code{letter-spacing:.08em;color:var(--chrome);opacity:.5;font-size:10.5px}.ghost.filled{opacity:0}.card{width:var(--cw);height:var(--ch);perspective:1100px;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;position:absolute}.card:active{cursor:grabbing}.card:focus-visible{outline:none}.card.dealing{transition:transform .72s cubic-bezier(.16,.86,.28,1),opacity .5s}.card.sent{transition:transform .9s cubic-bezier(.4,0,.9,.4),opacity .9s;opacity:0!important}.inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.32,.72,.16,1);position:relative}.card.flipped .inner{transform:rotateY(180deg)}.face{backface-visibility:hidden;background:var(--stock-w);color:var(--ink);border:1px solid var(--rule);--c-ink:var(--ink);--c-grey:var(--grey);--c-rule:var(--rule);border-radius:3px;position:absolute;inset:0}.face-inner{box-shadow:var(--shadow-rest);border-radius:3px;flex-direction:column;padding:15px 15px 13px;transition:box-shadow .28s;display:flex;position:absolute;inset:0;overflow:hidden}.card.b .face{background:var(--stock-b);color:var(--ink-inv);border-color:var(--stock-b);--c-ink:var(--ink-inv);--c-grey:var(--grey-inv);--c-rule:var(--rule-inv)}.front{transform:translateZ(1px)}.back{transform:rotateY(180deg)translateZ(1px)}.card.held .face-inner{box-shadow:var(--shadow-held)}.card:focus-visible .face-inner{box-shadow:var(--shadow-held), 0 0 0 2.5px var(--ink)}.row{z-index:2;justify-content:space-between;align-items:baseline;gap:8px;display:flex;position:relative}.code,.status{letter-spacing:.09em;color:var(--c-grey);text-transform:uppercase;font-size:9.5px}.plate{z-index:2;pointer-events:none;letter-spacing:.06em;color:var(--c-ink);font-size:11px;position:absolute;bottom:12px;right:14px}.name{z-index:2;letter-spacing:-.03em;text-transform:uppercase;color:var(--c-ink);white-space:normal;max-width:100%;margin-top:auto;font-size:19px;line-height:.95;position:relative}.line{z-index:2;color:var(--c-grey);max-width:17ch;margin-top:8px;font-size:12px;line-height:1.32;position:relative}.meta{letter-spacing:.1em;text-transform:uppercase;color:var(--c-grey);pointer-events:none;font-size:9px;position:absolute;top:15px;right:15px}.depth{z-index:2;letter-spacing:.1em;text-transform:uppercase;color:var(--c-grey);margin-top:8px;font-size:9px;position:relative}.stats{border-top:1.5px solid var(--c-rule);margin-top:12px}.stat{border-bottom:1px solid var(--c-rule);letter-spacing:.05em;justify-content:space-between;gap:12px;padding:5px 0;font-size:9.5px;display:flex}.stat b{color:var(--c-grey);text-transform:uppercase}.stat span{color:var(--c-ink);text-align:right}.note{color:var(--c-ink);margin-top:10px;font-size:11.5px;line-height:1.42}.foot{letter-spacing:.05em;color:var(--c-grey);margin-top:auto;font-size:9.5px}.serial{color:var(--c-ink);margin-bottom:3px;display:none}.clear-btn{z-index:10;cursor:pointer;position:relative}.card.uncovered .serial{display:block}.platter{width:96px;height:96px;position:relative}.disc{border:1.5px solid var(--c-rule);background:repeating-radial-gradient(circle at 50% 50%, transparent 0 3px, var(--c-rule) 3px 3.5px);opacity:.6;border-radius:50%;transition:opacity .6s;position:absolute;inset:0}.platter.static{margin:14px auto 0}.spindle{background:var(--c-ink);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%}.arm{background:var(--c-ink);opacity:.7;transform-origin:50% 0;width:2.5px;height:58px;transition:transform 1.1s cubic-bezier(.3,.7,.2,1);position:absolute;top:5px;right:-3px;transform:rotate(34deg)}.door{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink);border:1.5px solid var(--c-rule);cursor:pointer;border-radius:2px;margin-top:14px;padding:9px 6px;font-size:10px;text-decoration:none;transition:background .2s,color .2s;display:block}.door:hover,.card.b .door:hover{background:var(--c-ink);color:var(--stock-b)}.create{z-index:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--c-ink);-webkit-user-select:none;user-select:none;padding:12px 11px 0;font-size:15.5px;line-height:.88;position:absolute;inset:0 0 32px;overflow:hidden}.card.msn .line{display:none}.card.msn .name{opacity:0}.logotype{z-index:2;letter-spacing:-.04em;text-transform:uppercase;color:var(--c-ink);white-space:normal;max-width:100%;margin-top:auto;font-size:24px;line-height:.85;position:relative}.cmark{z-index:2;width:26px;height:26px;color:var(--c-ink);opacity:.9;pointer-events:none;position:absolute;top:12px;left:13px}.cmark svg{fill:currentColor;width:100%;height:100%;display:block}.card.blank .front .name{opacity:.18}.write{background:repeating-linear-gradient(var(--stock-w), var(--stock-w) 20px, var(--rule) 20px, var(--rule) 21px);width:100%;color:var(--ink);resize:none;border:none;outline:none;flex:1;margin-top:10px;padding:0;font-size:12.5px;line-height:21px}.write.notebook{background-attachment:local;overflow-y:auto!important}.write::placeholder{color:var(--grey);opacity:.55}.throw{letter-spacing:.08em;text-transform:uppercase;color:var(--grey);justify-content:space-between;margin-top:8px;font-size:9px;display:flex}#tidy{z-index:6;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--chrome);opacity:.55;background:0 0;border:none;border-bottom:1.5px solid;padding:5px 0;font-size:10.5px;transition:opacity .25s;position:fixed;bottom:28px;left:34px}#tidy:hover{opacity:1}@media (max-width:820px){:root{--cw:150px;--ch:212px}header{padding:22px 22px 0}.mark{width:28px;height:28px}.name{font-size:14px}.logotype{font-size:18px}.line{font-size:11px}.plate{font-size:10px;bottom:10px;right:11px}.platter{width:78px;height:78px}.arm{height:48px}.stats{margin-top:8px}.stat{padding:3px 0;font-size:8px}.note{margin-top:6px;font-size:9.5px;line-height:1.35}.door{margin-top:8px;padding:7px 4px;font-size:8.5px}}.card.fullscreen{z-index:9999!important;cursor:default!important;width:auto!important;height:auto!important;margin:auto!important;transition:all .4s cubic-bezier(.2,.8,.2,1)!important;position:fixed!important;inset:20px!important;transform:none!important}@media (max-width:820px){.card.fullscreen{inset:10px!important}}@media (prefers-reduced-motion:reduce){.inner,.card.dealing{transition-duration:.01ms!important}.breathe{animation:none!important}}.sketch-canvas{z-index:1;pointer-events:auto;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.sketch-pairing{border-top:1.5px solid var(--c-rule);flex-direction:column;align-items:center;margin-top:12px;padding-top:15px;display:flex}.qr-code{width:110px;height:110px;image-rendering:pixelated;border-radius:2px}.pair-mono{letter-spacing:.06em;text-transform:uppercase;color:var(--c-grey);-webkit-user-select:all;user-select:all;margin-top:8px;font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace!important}.clear-btn{letter-spacing:.05em;text-transform:lowercase;color:var(--c-grey);cursor:pointer;pointer-events:auto;text-underline-offset:2px;font-size:9.5px;font-weight:700;text-decoration:underline;transition:color .15s;font-family:JetBrains Mono,monospace!important}.clear-btn:hover{color:var(--c-ink)}.phone-sketch-container{background:var(--stock-w);width:100vw;height:100vh;color:var(--ink);z-index:1000;flex-direction:column;display:flex;position:fixed;inset:0}.phone-sketch-container .face-inner{padding:24px 24px 20px}.phone-done-btn{z-index:10;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);text-underline-offset:2px;cursor:pointer;pointer-events:auto;background:0 0;border:none;font-size:11px;font-weight:700;text-decoration:underline;position:absolute;top:24px;right:24px;font-family:JetBrains Mono,monospace!important}.phone-done-btn:hover{color:var(--ink)}.mobile-sketch-preview{border:1px solid var(--c-rule);background:var(--stock-w);cursor:pointer;z-index:10;border-radius:2px;width:110px;height:110px;display:block;position:relative;overflow:hidden}.gc-page{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif);padding:0 0 80px}.gc-nav{align-items:center;gap:16px;padding:28px 40px 0;display:flex}.gc-back{letter-spacing:.1em;text-transform:uppercase;color:var(--grey);font-size:11px;text-decoration:none;transition:color .2s}.gc-back:hover{color:var(--ink)}.gc-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--grey);opacity:.5;font-size:11px}.gc-header{border-bottom:1px solid var(--rule);margin-bottom:40px;padding:48px 40px 40px}.gc-label{letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin:0 0 16px;font-size:10px}.gc-title{letter-spacing:-.04em;text-transform:uppercase;margin:0 0 20px;font-size:clamp(40px,7vw,80px);font-weight:700;line-height:.9}.gc-desc{color:var(--grey);max-width:480px;margin:0 0 12px;font-size:14px;line-height:1.6}.gc-count{letter-spacing:.1em;text-transform:uppercase;color:var(--grey);opacity:.6;margin:0;font-size:11px}.gc-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px;padding:0 40px;display:grid}.gc-item{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.gc-thumb{aspect-ratio:3/4;background:var(--rule);position:relative;overflow:hidden}.gc-img{object-fit:cover;transition:transform .4s cubic-bezier(.2,0,.2,1)}.gc-item:hover .gc-img{transform:scale(1.03)}.gc-meta{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding:10px 0 16px;display:flex}.gc-week{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:11px}.gc-result{letter-spacing:.08em;text-transform:uppercase;color:var(--grey);font-size:10px}.gc-game{letter-spacing:.06em;color:var(--grey);font-size:10px}.gc-overlay{background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(12px);z-index:9000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.gc-close{color:var(--ink);cursor:pointer;opacity:.5;z-index:9001;background:0 0;border:none;font-size:28px;line-height:1;transition:opacity .2s;position:fixed;top:28px;right:32px}.gc-close:hover{opacity:1}.gc-modal{align-items:flex-start;gap:40px;width:100%;max-width:900px;display:flex}.gc-modal-img{aspect-ratio:3/4;background:var(--rule);flex:none;width:min(55vw,440px);position:relative;overflow:hidden}.gc-modal-info{flex:1;padding-top:8px}.gc-modal-title{letter-spacing:-.03em;text-transform:uppercase;margin:12px 0 16px;font-size:clamp(24px,4vw,42px);line-height:.9}.gc-modal-game{color:var(--grey);margin:0 0 8px;font-size:13px}.gc-modal-result{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin:0;font-size:13px}@media (max-width:640px){.gc-nav,.gc-header,.gc-grid{padding-left:20px;padding-right:20px}.gc-grid{grid-template-columns:repeat(2,1fr)}.gc-modal{flex-direction:column}.gc-modal-img{width:100%}}