:root{--ink: #111;--paper: #fff;--muted: #8a8a8a;--grid: rgba(0, 0, 0, .1);--ease: cubic-bezier(.65, 0, .35, 1);--merge: 1.4s;--settle: 2s;--soft: cubic-bezier(.37, 0, .63, 1);--type: "Geist", system-ui, -apple-system, sans-serif;--stock: #fcfbf8;--veil: .06;--veil-deep: .93;--pill-height: 56px;--pill-foot: 28px;--stamp-line: calc(var(--pill-foot) + var(--pill-height) / 2)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.9s;animation-timing-function:var(--ease)}::view-transition-old(root),::view-transition-new(root){animation-duration:.6s}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}body{background:var(--paper) url(/paper.png) repeat;color:var(--ink);font-family:var(--type);-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body:not([data-route=stage]) .stage-screen,body:not([data-route=gallery]) .gallery-screen{display:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--ink);opacity:0;transition:opacity var(--settle) var(--soft);pointer-events:none}body[data-route=stage][data-state=merged]:before,body[data-route=gallery]:before{opacity:var(--veil)}body{background-blend-mode:multiply;transition:background-color .7s var(--soft)}body[data-route=gallery][data-deck]{background-color:color-mix(in srgb,var(--ink) calc(var(--veil-deep) * 100%),var(--paper))}body[data-route=stage]{transition-duration:var(--settle)}:root{--art-clip: inset(-1.3043% 6.5217% -24.7826% round 4.1739%)}.stock{display:flex;flex-direction:column;aspect-ratio:20 / 29;container-type:inline-size;border-radius:4.8%/3.31%;background-color:var(--stock);background-image:url(/stock-grain.png);background-size:240px 240px;box-shadow:var(--edges, 0 0 transparent),0 0 0 .5px #00000012,0 1px 2px #0000000d,0 10px 24px -10px #0000002e;isolation:isolate}.stock:after{content:"";position:absolute;z-index:-1;top:2.8cqw;right:2.8cqw;bottom:2.8cqw;left:2.8cqw;border:1px solid rgba(17,17,17,.13);border-radius:2.8cqw;pointer-events:none}.stock>.art{position:relative;flex:none;width:115cqw;aspect-ratio:1;margin:1.5cqw -7.5cqw 0}.stock>.art>*{clip-path:var(--art-clip)}.stock>.title{flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:0;padding:0 8cqw 11cqw}.sprite{position:absolute;width:0;height:0;overflow:hidden}@property --seal-ground{syntax: "<color>"; inherits: true; initial-value: #111;}@property --seal-line{syntax: "<color>"; inherits: true; initial-value: #fff;}:is(.seal,.home){--seal-ground: var(--ink);--seal-line: var(--paper);view-transition-name:seal;-webkit-tap-highlight-color:transparent}:is(.seal,.home) svg{display:block;width:100%;height:100%;transition:transform .22s cubic-bezier(.16,1,.3,1)}@media(hover:hover)and (prefers-reduced-motion:no-preference){:is(.seal,.home):is(:hover,:focus-visible) svg{transform:rotate(18deg)}}:is(.seal,.home):focus-visible{outline:1px solid var(--muted);outline-offset:6px;border-radius:50%}.pill{position:fixed;bottom:calc(var(--pill-foot) + env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;height:var(--pill-height);padding:12px 24px;border-radius:calc(var(--pill-height) / 2);background-color:color-mix(in srgb,var(--paper) 55%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 0 0 .5px #00000014,0 6px 18px -8px #0000002e;-webkit-tap-highlight-color:transparent}.stamp{position:fixed;right:40px;bottom:calc(var(--stamp-line) - 16px + env(safe-area-inset-bottom));z-index:10;display:block;width:32px;height:32px;background:url(/ancre-noire-stamp.png) center / contain no-repeat;filter:grayscale(1) brightness(3.6);transition:filter .3s}.stamp:is(:hover,:focus-visible){filter:none}.gallery-head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;--head-top: clamp(28px, 5.5vh, 64px);padding:var(--head-top) 16px 0}.home{display:block;width:56px;height:56px}body[data-deck] .home{display:none}.back{position:absolute;right:100%;top:50%;margin-right:6px;transform:translateY(-50%);display:block;width:44px;height:44px;padding:8px;border:0;border-radius:6px;background:none;color:var(--paper);opacity:.4;cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent}.back[hidden]{display:none}.back svg{display:block;width:100%;height:100%}.back path{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.back:is(:hover,:focus-visible){opacity:1}.back:focus-visible{outline:1px solid var(--paper);outline-offset:2px}.deck-title{position:relative;display:flex;align-items:center;justify-content:center;height:56px;white-space:nowrap}.deck-title[hidden]{display:none}.deck-name{display:flex;color:var(--paper)}.deck-name canvas{display:block}.metatrons{--cols: 2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:16px;max-width:var(--wide, none);margin:0 auto;padding:40px 20px 24px;list-style:none}@media(min-width:600px){.metatrons{--wide: 600px;gap:32px;padding-inline:32px}}@media(min-width:900px){.metatrons{--cols: 3;--wide: 860px}}@media(min-width:1200px){.metatrons{--cols: 4;--wide: 1140px}}@media(min-width:1500px){.metatrons{--cols: 5;--wide: 1420px}}@media(min-width:1800px){.metatrons{--cols: 6;--wide: 1700px}}.metatron{display:flex;justify-content:center}.metatron .card{position:relative;width:100%;max-width:300px;color:inherit;text-decoration:none;transition:transform .4s var(--ease),box-shadow .4s var(--ease);-webkit-tap-highlight-color:transparent}.metatron .card:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:var(--edges, 0 0 transparent),0 0 0 .5px #00000012,0 2px 4px #0000000d,0 18px 34px -12px #00000038}.metatron .card:focus-visible{outline:1px solid var(--muted);outline-offset:4px}.metatron .art svg,.metatron .art img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.metatron[data-edges="1"]{--edges: 0 3px 0 -1px var(--stock), 0 3px 0 -.5px rgba(0, 0, 0, .1)}.metatron[data-edges="2"]{--edges: 0 3px 0 -1px var(--stock), 0 3px 0 -.5px rgba(0, 0, 0, .1), 0 6px 0 -2px var(--stock), 0 6px 0 -1.5px rgba(0, 0, 0, .09)}.metatron[data-edges="3"]{--edges: 0 3px 0 -1px var(--stock), 0 3px 0 -.5px rgba(0, 0, 0, .1), 0 6px 0 -2px var(--stock), 0 6px 0 -1.5px rgba(0, 0, 0, .09), 0 9px 0 -3px var(--stock), 0 9px 0 -2.5px rgba(0, 0, 0, .08)}.metatron[data-edges="4"]{--edges: 0 3px 0 -1px var(--stock), 0 3px 0 -.5px rgba(0, 0, 0, .1), 0 6px 0 -2px var(--stock), 0 6px 0 -1.5px rgba(0, 0, 0, .09), 0 9px 0 -3px var(--stock), 0 9px 0 -2.5px rgba(0, 0, 0, .08), 0 12px 0 -4px var(--stock), 0 12px 0 -3.5px rgba(0, 0, 0, .07)}.slot{display:flex;justify-content:center;animation:slot-in .9s var(--soft) both}.slot:before{content:"";width:100%;max-width:300px;aspect-ratio:20 / 29;border-radius:4.8%/3.31%;background:#00000047}@keyframes slot-in{0%{opacity:0}}.name{display:flex;color:var(--ink)}.star{position:absolute;right:6cqw;bottom:8cqw;width:10cqw;height:10cqw;padding:2cqw;border:0;border-radius:50%;background:none;color:color-mix(in srgb,var(--muted) 55%,var(--stock));cursor:pointer;transition:color .2s}.star svg{display:block;width:100%;height:100%}.star path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.star:is(:hover,:focus-visible){color:var(--muted)}.star[data-state] path{fill:currentColor}.star[data-state=face]{color:color-mix(in srgb,var(--muted) 70%,var(--stock))}.star[data-state=chosen]{color:var(--ink)}.name canvas{display:block}.views{left:50%;gap:14px;transform:translate(-50%)}body[data-deck] .views{display:none}.views button{display:block;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;color:color-mix(in srgb,var(--muted) 55%,var(--paper));cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent}.views svg{display:block;width:100%;height:100%}.views :is(rect,path){fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;vector-effect:non-scaling-stroke}.views mask rect{fill:#000;stroke:none}.views mask rect.all{fill:#fff}.views button:is(:hover,:focus-visible),.views button[aria-pressed=true]{color:var(--ink)}.views button:focus-visible{outline:1px solid var(--muted);outline-offset:2px}@media(max-width:360px){.views{gap:8px;padding:12px 16px}}body:is([data-view=shuffle],[data-view=pile]) .metatron{position:absolute;top:40px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}body:is([data-view=shuffle],[data-view=pile]) .metatron[data-off]{display:none}.metatron.held .card{box-shadow:var(--edges, 0 0 transparent),0 0 0 .5px #00000012,0 4px 8px #0000000f,0 26px 44px -14px #0000004d}body[data-view=shuffle] .metatrons{--card-w: clamp(120px, 16vw, 210px);display:block;position:fixed;top:0;right:0;bottom:0;left:0;max-width:none;margin:0;padding:0;overflow:hidden;z-index:0}body[data-view=shuffle] .metatron{top:0;left:0;width:var(--card-w);cursor:grab}body[data-view=shuffle] .gallery-head{pointer-events:none}body[data-view=shuffle] .gallery-head :is(.home,.back){pointer-events:auto}body[data-view=shuffle] .metatron.held{cursor:grabbing}body[data-view=pile] .gallery-main{perspective:1800px;perspective-origin:50% 0;overflow-x:clip}body[data-view=pile] .metatrons{--card-w: min(300px, 62vw);display:block;position:relative;touch-action:none;height:calc(var(--card-w) * 1.45 + 80px);transform:rotateX(30deg);transform-origin:50% 100%;transform-style:preserve-3d}body[data-view=pile] .metatron{left:50%;width:var(--card-w);margin-left:calc(var(--card-w) / -2)}body[data-view=pile] .metatron .card{max-width:none}body[data-view=pile] .metatron[data-top]{cursor:grab}body[data-view=pile] .metatron.held{cursor:grabbing}body[data-view=pile] .metatron:not([data-top]){pointer-events:none}body[data-view=pile] .metatron:not([data-top]) .card{box-shadow:0 0 0 .5px #00000017}.leaves{display:none;justify-content:center;gap:28px}body[data-view=pile] .leaves{display:flex}.leaves button{width:34px;height:34px;padding:5px;border:0;border-radius:50%;background:none;color:color-mix(in srgb,var(--muted) 55%,var(--paper));cursor:pointer;transition:color .2s}.leaves button:is(:hover,:focus-visible){color:var(--ink)}.leaves svg{display:block;width:100%;height:100%}.leaves path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.gallery-note{margin:0;padding:0 16px;text-align:center;color:var(--muted);font-size:.85rem}.gallery-note:empty{display:none}.gallery-note a{color:var(--ink)}body[data-deck] .gallery-note a{color:var(--paper)}#more{height:1px;margin-bottom:96px}.stage-main{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;height:100svh;min-height:480px;--main-top: clamp(28px, 5.5vh, 64px);padding:var(--main-top) 16px calc(var(--pill-foot) + var(--pill-height) + 16px + env(safe-area-inset-bottom))}.seal{--angle: 0deg;flex:none;width:88px;height:88px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transform:rotate(var(--angle));transition:scale .6s var(--ease),--seal-ground .6s var(--ease),--seal-line .6s var(--ease),box-shadow .6s var(--ease)}body:is([data-state=rolling],[data-state=spinning],[data-state=stopping],[data-state=drawn]) .seal{--seal-ground: var(--paper);--seal-line: var(--ink);scale:1.15;box-shadow:0 0 0 .5px #0000001f,0 6px 18px -8px #00000038}body[data-state=rolling] .seal,body[data-state=stopping] .seal,body[data-state=merging] .seal{cursor:progress}.hint{position:absolute;top:calc(var(--main-top) + 88px + 16px);left:50%;margin:0;transform:translate(-50%);font-size:.75rem;letter-spacing:.04em;white-space:nowrap;color:var(--muted);pointer-events:none;transition:opacity .2s}.hint.quiet{opacity:0}.stage{position:relative;flex:1;align-self:stretch;min-height:0}.panel{position:absolute;top:0;left:0;margin:0;transform-origin:0 0;clip-path:inset(0 round 0)}.stage[data-state=merged] .panel{clip-path:var(--art-clip)}.stage[data-state=merged] .panel.form{view-transition-name:reading-form}.stage[data-state=merged] .panel.drawing{view-transition-name:reading-drawing}.stage[data-state=merged] .card{view-transition-name:reading-card}.stage[data-state=merged] .sign{view-transition-name:reading-name}.stage .card{position:absolute;opacity:0;pointer-events:none;transition:opacity .6s var(--ease)}.stage[data-state=merged] .card{opacity:1;pointer-events:auto;transition:opacity var(--settle) var(--soft)}.stage.ready .panel{transition-property:transform,clip-path;transition-duration:var(--merge);transition-timing-function:var(--ease)}.stage.still .panel{transition:none}.panel svg,.panel img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.drawing img{transition:opacity .6s}.stage[data-state=idle] .drawing img,.drawing img:not([src]){opacity:0}.stage.ready[data-state=rolling] .panel{transition-duration:var(--open)}.grid line,.grid circle{fill:none;stroke:var(--grid);stroke-width:var(--hairline, 1px);vector-effect:non-scaling-stroke}.grid{transition:opacity .9s}.stage[data-state=merging] .grid,.stage[data-state=merged] .grid{opacity:0}.reading{flex:none;align-self:stretch;height:20px;text-align:center}.sign{display:block;max-width:100%;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent}.sign:empty{visibility:hidden}.sign:hover{opacity:.6}.sign:focus-visible{outline:1px solid var(--muted);outline-offset:6px}.sign canvas{display:block}.notice{margin:0;font-size:.85rem;color:var(--muted)}.notice:empty{display:none}.to-gallery{position:fixed;left:50%;bottom:calc(var(--pill-foot) + var(--pill-height) / 2 + env(safe-area-inset-bottom));z-index:10;display:block;width:70px;height:50px;transform:translate(-50%,50%);color:color-mix(in srgb,var(--muted) 55%,var(--paper));transition:color .2s;-webkit-tap-highlight-color:transparent}.to-gallery svg{display:block;width:100%;height:100%;overflow:visible}.to-gallery .leaf{transform:rotate(var(--turn));transform-box:view-box;transform-origin:28px 31px;transition:transform .4s var(--ease)}.to-gallery .c1{--turn: -9deg}.to-gallery .c2{--turn: -3deg}.to-gallery .c3{--turn: 3deg}.to-gallery .c4{--turn: 9deg}.to-gallery:is(:hover,:focus-visible) .c1{--turn: -24deg}.to-gallery:is(:hover,:focus-visible) .c2{--turn: -8deg}.to-gallery:is(:hover,:focus-visible) .c3{--turn: 8deg}.to-gallery:is(:hover,:focus-visible) .c4{--turn: 24deg}.to-gallery .edge{fill:none;stroke:currentColor;stroke-width:1.1;vector-effect:non-scaling-stroke}.to-gallery .frame{stroke-width:.6}.to-gallery:is(:hover,:focus-visible){color:var(--ink)}.to-gallery:focus-visible{outline:1px solid var(--muted);outline-offset:4px;border-radius:4px}.dev-links{position:fixed;left:40px;bottom:calc(var(--pill-foot) + var(--pill-height) / 2 + env(safe-area-inset-bottom));z-index:10;display:flex;gap:20px;transform:translateY(50%)}.dev-links>*{padding:0;font:inherit;font-size:.8rem;color:var(--muted);text-decoration:none;background:none;border:0;border-bottom:1px solid transparent;cursor:pointer;transition:color .2s}.dev-links>:is(:hover,:focus-visible){color:var(--ink);border-bottom-color:currentColor;outline:none}body:not([data-state=merged]) .to-print{display:none}@media(max-width:560px){.dev-links{left:16px}}.preview-actions button{font:inherit;letter-spacing:.16em;color:var(--ink);background:none;border:0;border-bottom:1px solid transparent;padding:4px 0;cursor:pointer}.preview-actions button:hover,.preview-actions button:focus-visible{border-bottom-color:currentColor;outline:none}.preview{max-width:none;max-height:none;padding:0;border:0;background:none;overflow:visible}.preview::backdrop{background:#ffffffdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview[open]{display:flex;flex-direction:column;align-items:center;gap:18px}.preview img{display:block;width:auto;height:auto;max-width:calc(100vw - 32px);max-height:calc(100svh - 110px);background:var(--paper);box-shadow:0 12px 48px #00000024}.preview-actions{display:flex;gap:28px;font-size:.85rem}@media(prefers-reduced-motion:reduce){.panel,.grid{transition-duration:1ms!important}}