@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ol,figure{margin:0}ol{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit}}@layer base{html{color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--night) url(/tex/stock.webp) 0 0 / 512px;color:var(--on-night);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:1.5}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1.5px}:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.sheet :focus-visible{outline-color:var(--ink)}.skip{z-index:100;background:var(--paper);color:var(--ink);padding:10px 16px;font-weight:700;position:fixed;top:8px;left:8px;translate:0 -200%}.skip:focus-visible{translate:0}.sprite{position:absolute}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@layer things{.home{grid-template-columns:520px 1fr;align-items:center;gap:64px;width:1400px;display:grid}.home-seal{filter:drop-shadow(0 4px 2px #0009)drop-shadow(0 30px 40px #000000b3);width:520px;height:auto}.home h1{letter-spacing:-.055em;color:var(--paper);white-space:nowrap;font-size:232px;font-weight:900;line-height:.82}.lede{letter-spacing:-.015em;text-wrap:balance;max-width:19em;margin-top:36px;font-size:36px;font-weight:500;line-height:1.2}.hint{max-width:44em;font-family:var(--mono);color:var(--on-night-soft);margin-top:28px;font-size:15px;line-height:1.7}.password{color:var(--on-night-soft);margin-top:14px;font-size:20px}.redacted{color:var(--paper);cursor:pointer;background:0 0;border:0;padding:0 .15em;font-weight:700;transition:background .2s,color .2s}html.ready .redacted:not(:hover,:focus-visible,[aria-pressed=true]){background:var(--paper);color:#0000}.label{width:max-content;max-width:760px}.file-no{font-family:var(--mono);color:var(--red-on-night);letter-spacing:.04em;font-size:16px;display:block}.label h2{letter-spacing:-.04em;color:var(--paper);margin-top:6px;font-size:76px;font-weight:900;line-height:.95}.label p{max-width:30em;color:var(--on-night-soft);text-wrap:pretty;margin-top:14px;font-size:20px}.sheet{--crop:var(--ink-soft);color:var(--ink);background: linear-gradient(var(--crop), var(--crop)) 0 16px / 11px 1px no-repeat, linear-gradient(var(--crop), var(--crop)) 16px 0 / 1px 11px no-repeat, linear-gradient(var(--crop), var(--crop)) 100% 16px / 11px 1px no-repeat, linear-gradient(var(--crop), var(--crop)) calc(100% - 16px) 0 / 1px 11px no-repeat, linear-gradient(var(--crop), var(--crop)) 0 calc(100% - 16px) / 11px 1px no-repeat, linear-gradient(var(--crop), var(--crop)) 16px 100% / 1px 11px no-repeat, linear-gradient(var(--crop), var(--crop)) 100% calc(100% - 16px) / 11px 1px no-repeat, linear-gradient(var(--crop), var(--crop)) calc(100% - 16px) 100% / 1px 11px no-repeat, url(/tex/paper.webp) 0 0 / 512px, var(--paper);box-shadow:var(--shadow-sheet);padding:30px 30px 32px;transition:box-shadow .25s,transform .25s;position:relative}.sheet-screen{width:640px}.screen{aspect-ratio:16/10;background:var(--paper-shade);outline:1px solid #00000024;position:relative;overflow:hidden}.screen img{object-fit:cover;object-position:top;width:100%;height:100%}.screen-blank{height:100%;color:var(--ink-soft);place-items:center;font-size:48px;font-weight:900;display:grid}.try{aspect-ratio:1;cursor:pointer;filter:drop-shadow(0 2px 1px #2804068c)drop-shadow(0 10px 10px #00000073);background:0 0;border:0;border-radius:50%;width:112px;padding:0;transition:scale .2s,rotate .2s;position:absolute;bottom:36px;right:24px;rotate:-10deg}.try:hover{rotate:-4deg;scale:1.07}.try:active{scale:.95}.seal-half{width:100%;height:100%;transition:translate .35s cubic-bezier(.3,.7,.4,1),rotate .35s cubic-bezier(.3,.7,.4,1),opacity .35s .1s;position:absolute;inset:0}.seal-l{clip-path:polygon(0 0,53% 0,47% 30%,56% 52%,45% 74%,51% 100%,0 100%)}.seal-r{clip-path:polygon(53% 0,100% 0,100% 100%,51% 100%,45% 74%,56% 52%,47% 30%)}.seal-text{background:var(--paper);color:var(--ink);font-family:var(--mono);white-space:nowrap;padding:3px 8px 4px;font-size:11px;transition:opacity .2s;position:absolute;top:94%;left:50%;translate:-50%;box-shadow:0 2px 4px -1px #00000080}.try.broken .seal-l{opacity:0;translate:-16px 10px;rotate:-18deg}.try.broken .seal-r{opacity:0;translate:16px 14px;rotate:16deg}.try.broken .seal-text{opacity:0}.caption{padding:22px 2px 0}.caption h3{letter-spacing:-.03em;font-size:34px;font-weight:800;line-height:1.05}.caption h3 a{text-decoration:none}.caption h3 a:hover{text-decoration:underline}.desc{max-width:34em;color:var(--ink-soft);text-wrap:pretty;margin-top:10px;font-size:17px}.meta{font-family:var(--mono);color:var(--ink-soft);flex-wrap:wrap;gap:4px 20px;margin-top:14px;font-size:12px;display:flex}.actions{flex-wrap:wrap;gap:6px 22px;margin-top:16px;display:flex}.btn{text-underline-offset:5px;align-items:center;min-height:28px;font-size:15px;font-weight:700;text-decoration:underline 1.5px;display:inline-flex}.btn:hover,.btn-wax{color:var(--red)}.stamp{width:150px;height:66px;color:var(--red);opacity:.86;mix-blend-mode:multiply;font-family:var(--sans);pointer-events:none;position:absolute;bottom:28px;right:30px;mask-image:url(/tex/ink.webp);mask-size:100% 100%}.stamp-0{rotate:-9deg}.stamp-1{right:44px;rotate:6deg}.stamp-2{bottom:36px;rotate:-3deg}.sheet-screen{--pad:30px;container-type:inline-size}.sheet-screen .stamp{left:calc(var(--pad) - 10px);right:auto;top:calc(var(--pad) + (100cqi - 2 * var(--pad)) * .625 - 40px);bottom:auto}.sheet-board .stamp,.sheet-book .stamp{top:calc(100% - 104px);bottom:auto}.sheet-receipt .stamp{bottom:70px}.sheet-board{width:min-content}.board{padding:20px;container-type:inline-size}.board-blackjack{background:var(--felt);color:#f5f1e6;width:520px}.board-shogi{background:var(--wood);color:#3b2c18;width:436px}.b-grid{justify-content:center;margin-block:4px 12px;display:grid}.b-row{flex-wrap:wrap;justify-content:center;display:flex}.b-row a,.b-row img{display:block}.board-shogi .b-row img{width:min(44px,11.1111cqi);height:auto}.board-blackjack .b-grid+.b-text+.b-grid .b-row{gap:6px}.b-row a:hover img{filter:brightness(1.12)drop-shadow(0 0 4px #fff9)}.b-text{text-align:center;text-wrap:balance;margin-top:8px;font-size:14px}.b-text a{font-weight:700}.b-table{border-collapse:collapse;width:100%;font-family:var(--mono);margin-top:12px;font-size:11.5px}.b-table th{text-align:left;opacity:.75;padding:4px 6px;font-weight:500}.b-table td{border-top:1px dashed #ffffff4d;padding:4px 6px}.b-table td:last-child{text-align:right}.sheet-book{width:560px}.book{background:linear-gradient(90deg,#0000 46px,#b3272a8c 46px 47px,#0000 47px),repeating-linear-gradient(#0000 0 35px,#14121029 35px 36px) 0 22px/100% 36px repeat-y;padding:22px 22px 24px 64px}.book-lines li{grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px;line-height:36px;display:grid}.book-lines time{font-family:var(--mono);color:var(--ink-soft);font-size:11.5px}.book-lines .who{font-weight:700;text-decoration:none}.book-lines .msg{overflow-wrap:anywhere;grid-column:1/-1;font-size:18px;text-decoration:none}.book-lines a:hover{text-decoration:underline}.book .btn{margin-top:14px}.sheet-receipt{width:440px}.receipt{font-family:var(--mono);border-bottom:1.5px dashed #1412104d;padding:8px 6px 18px;font-size:13px;line-height:1.5}.r-head{border-bottom:1.5px dashed #1412104d;justify-items:center;padding-bottom:14px;display:grid}.r-head strong{font-size:18px;font-weight:500}.r-lines li{border-bottom:1px dotted #1412104d;grid-template-columns:1fr auto;gap:2px 14px;padding-block:12px;display:grid}.r-lines a{text-decoration:none}.r-lines a:hover{text-decoration:underline}.r-min{white-space:nowrap}.r-date{color:var(--ink-soft);grid-column:1/-1;font-size:11px}.r-total{justify-content:space-between;padding-top:14px;font-size:16px;display:flex}.r-thanks{text-align:center;color:var(--ink-soft);margin-top:16px;font-size:11px}}@layer desk{html.desk,html.desk body{overscroll-behavior:none;height:100%;overflow:hidden}html.desk .desk{touch-action:none;cursor:grab;background:var(--night);position:fixed;inset:0;overflow:hidden}.surface{display:none}html.desk .surface{z-index:-1;will-change:transform;pointer-events:none;background:url(/tex/stock.webp) 0 0/512px;width:calc(100% + 1024px);height:calc(100% + 1024px);display:block;position:absolute;top:0;left:0}html.desk .desk:before,html.desk .desk:after{content:"";pointer-events:none;position:fixed;inset:0}html.desk .desk:before{background:radial-gradient(58% 62% at 50% 44%,#ffd6a01a,#0000 70%)}html.desk .desk:after{z-index:5;background:radial-gradient(72% 78% at 50% 44%,#ffdcaa0d 0%,#0000 42%,#06050480 72%,#060504db 100%)}html.desk .desk.dragging{cursor:grabbing;user-select:none}html.desk .desk.dragging iframe,html.desk .desk.dragging a{pointer-events:none}html.desk .world{transform-origin:0 0;opacity:0;transition:opacity .6s;position:absolute;top:0;left:0}html.desk.ready .world{opacity:1}html.desk .desk.moving .world{will-change:transform}html.desk .item{position:absolute;top:0;left:0}html.desk .item img{-webkit-user-drag:none}html.desk .sheet:hover:not(.lifted){box-shadow:var(--shadow-lift);transform:translateY(-4px)}html.desk .hint-list,html.list .hint-desk{display:none}html.desk .label{transform-origin:0 100%;scale:clamp(1, calc(.4 / var(--z,1)), 2.2);z-index:3}html.desk .sheet.lifted{transition:rotate .4s}.scrim{display:none}html.desk.is-live .scrim{z-index:10;background:#060504b8;animation:.3s both fade;display:block;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}}@layer hud{.hud-top{z-index:40;top:calc(18px + env(safe-area-inset-top,0px));pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;left:22px;right:22px}.hud-top>*{pointer-events:auto}.brand{color:var(--paper);letter-spacing:-.02em;align-items:center;gap:12px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.brand img{width:40px;height:auto}.hud-links{gap:22px;display:flex}.pill{min-height:32px;color:var(--on-night);text-decoration:underline;text-decoration-color:var(--on-night-faint);text-underline-offset:6px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:14px;font-weight:600;text-decoration-thickness:1.5px;display:inline-flex}.pill:hover{color:var(--paper);text-decoration-color:var(--red)}.pill-wax{background:var(--red);color:var(--paper);padding:6px 14px;text-decoration:none}.pill-wax:hover{background:var(--red-deep)}.pill kbd{font-family:var(--mono);border:1px solid #f1ece180;border-radius:3px;margin-left:8px;padding:1px 5px;font-size:10.5px}.tray{z-index:40;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));border:1px solid var(--on-night-faint);background:#0f0e0de0;align-items:center;gap:4px;max-width:calc(100vw - 24px);padding:4px;display:flex;position:fixed;translate:-50%}.tray button{min-height:38px;color:var(--on-night-soft);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;padding:6px 14px;font-size:14px;font-weight:600}.tray button:hover{color:var(--paper)}.tray-go{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.tray-zoom{border-left:1px solid var(--on-night-faint);flex:none;align-items:center;padding-left:4px;display:flex}.tray-zoom button{place-items:center;width:38px;padding:0;display:grid}.tray-zoom svg{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.zoom-read{min-width:5ch;color:var(--on-night-soft);font-family:var(--mono);text-align:center;font-size:11.5px}.minimap{z-index:40;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));border:1px solid var(--on-night-faint);cursor:pointer;background:#0f0e0de0;width:180px;height:120px;padding:8px;position:fixed}.minimap svg{width:100%;height:100%;overflow:hidden}.m-sheet{fill:#f1ece199}.m-label{fill:#b3272abf}.m-home{fill:#f1ece140}.m-view{fill:none;stroke:var(--paper);stroke-width:1.5px;vector-effect:non-scaling-stroke}.live{z-index:60;background:var(--paper);position:fixed;box-shadow:0 30px 80px -20px #000c}.live.growing{transition:inset .4s cubic-bezier(.2,.8,.2,1),width .4s cubic-bezier(.2,.8,.2,1),height .4s cubic-bezier(.2,.8,.2,1)}.live-bar{align-items:center;gap:22px;padding-bottom:12px;display:flex;position:absolute;bottom:100%;left:0;right:0}.live-bar .pill{white-space:nowrap;flex:none}.live-title{color:var(--paper);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:22px;font-weight:800;overflow:hidden}.live-frame{opacity:0;border:0;width:100%;height:100%;transition:opacity .35s;display:block}.live-frame.ready{opacity:1}html.is-live .tray,html.is-live .minimap,html.is-live .hud-top{visibility:hidden}@media (width<=760px){.minimap{display:none}.tray{left:12px;right:12px;translate:none}.tray-go{flex:1}.brand span{display:none}.live-title{font-size:17px}}}@layer list{html.list .hud-top{position:absolute}html.list .world{max-width:1320px;margin-inline:auto;padding:120px 24px 140px}html.list .home{grid-template-columns:minmax(180px,380px) 1fr;gap:48px;width:auto;position:relative}html.list .home-seal{width:100%}html.list .home h1{font-size:clamp(88px,15vw,200px)}html.list .lede{font-size:clamp(22px,2.6vw,34px)}html.list .shelf{margin-top:140px}html.list .label h2{font-size:clamp(44px,6vw,72px)}html.list .pile{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));align-items:start;gap:48px 36px;margin-top:40px;display:grid}html.list .sheet{width:auto;max-width:100%}html.list .board-blackjack,html.list .board-shogi{width:auto}html.list .try,html.list .tray,html.list .minimap{display:none}html.list .label{max-width:100%}@media (width<=760px){html.list .world{padding-top:96px}html.list .home{grid-template-columns:1fr;justify-items:start;gap:20px}html.list .home-seal{width:min(240px,60vw)}html.list .sheet{--pad:20px;padding:22px 20px 24px}html.list .caption h3{font-size:28px}}}:root{--night:#0f0e0d;--paper:#f1ece1;--paper-shade:#e2dbcc;--ink:#141210;--ink-soft:#4d4842;--red:#b3272a;--red-deep:#8e1c1f;--red-on-night:#e0575a;--felt:#1c5c43;--wood:#ecd6a6;--on-night:#f1ece1eb;--on-night-soft:#f1ece19e;--on-night-faint:#f1ece12e;--sans:var(--font-sans), "Archivo", "Helvetica Neue", Arial, sans-serif;--mono:var(--font-mono), "Martian Mono", ui-monospace, monospace;--shadow-sheet:0 1px 1px #0000008c, 0 10px 18px -8px #000000bf, 0 36px 60px -26px #000000b3;--shadow-lift:0 1px 1px #00000080, 0 22px 34px -12px #000c, 0 70px 90px -40px #000000bf}@media (forced-colors:active){.redacted{color:canvastext}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html.desk .sheet:hover:not(.lifted){transform:none}}
