*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#0b0d12;overflow:hidden;font-family:Georgia,Times New Roman,serif;color:#f3ece0}#stage{position:fixed;inset:0;cursor:grab;touch-action:none}#stage,#stage *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#stage img{-webkit-user-drag:none}#fmtcard{position:fixed;left:50%;bottom:62px;transform:translate(-50%);z-index:6;display:none;align-items:center;gap:7px;padding:7px 14px;background:#0e0c0ad1;border:1px solid rgba(230,184,115,.45);border-radius:6px;color:#e6b873;font-family:var(--mono),monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 16px #e6b87329}#fmtcard.show{display:inline-flex}#fmtcard:hover{background:#1e1912e6;color:#f2d0a0}#fmtcard b{font-size:14px;line-height:1}#stage canvas{display:block}.ov{position:fixed;left:42px;top:34px;z-index:5;pointer-events:none;mix-blend-mode:screen;opacity:.94}.ov .n{font-size:46px;letter-spacing:.06em}.ov .s{font-size:16px;font-style:italic;opacity:.8;margin-top:2px}.hint{position:fixed;left:0;right:0;bottom:26px;text-align:center;z-index:5;font-style:italic;font-size:14px;opacity:.7;pointer-events:none}.tag{position:fixed;right:14px;top:12px;z-index:5;font-family:var(--mono),monospace;font-size:11px;letter-spacing:.12em;opacity:.5}#flash{position:fixed;inset:0;z-index:9;background:#fff;opacity:0;pointer-events:none}#flash.on{opacity:1;transition:opacity .14s ease-out}#postit{position:fixed;left:24px;bottom:24px;z-index:7;width:216px;aspect-ratio:2160/2048;transform:rotate(-3deg);filter:drop-shadow(0 10px 20px rgba(0,0,0,.42))}#postit .pi-base{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}#postit .pi-el{position:absolute;opacity:0;transition:opacity .3s ease;pointer-events:none}#postit .pi-el.show{opacity:1}#postit .pi-row{position:absolute;left:0;width:100%;display:block;cursor:pointer}#bars{position:fixed;inset:0;z-index:8;pointer-events:none}#bars i{position:absolute;left:0;right:0;height:12vh;background:#000;transition:transform .55s cubic-bezier(.7,0,.3,1)}#bars .bt{top:0;transform:translateY(-100%)}#bars .bb{bottom:0;transform:translateY(100%)}#bars.on .bt,#bars.on .bb{transform:translateY(0)}#slate{position:fixed;left:50%;top:14vh;transform:translate(-50%);z-index:9;font-family:var(--mono),monospace;font-size:13px;letter-spacing:.2em;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.35);padding:8px 16px;border-radius:3px;opacity:0;transition:opacity .3s;pointer-events:none}#slate.on{opacity:1}@media(max-width:640px){.ov{left:16px;top:14px}.ov .n{font-size:30px}.ov .s{font-size:12px}#postit{width:186px;left:12px;bottom:14px}.hint{font-size:11px;bottom:auto;top:56px}.tag{display:none}#fmtcard{inset:14px 12px auto auto;transform:none}}.ov .n,.ov .s,.hint{font-family:var(--serif),Georgia,serif}#reelbtn{position:fixed;right:22px;top:20px;z-index:7;background:#0e0c0a99;border:1px solid rgba(230,184,115,.5);color:#e6b873;font-family:var(--mono),monospace;font-size:12px;letter-spacing:.18em;padding:9px 16px;border-radius:5px;cursor:pointer;backdrop-filter:blur(6px)}#reelbtn:hover{background:#1e1912d9;color:#f2d0a0}#reelbox{position:fixed;inset:0;z-index:40;background:#08070ae6;backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center}#reelbox.on{display:flex}#reelbox .rb-f{position:relative;width:min(92vw,1100px);aspect-ratio:16/9}#reelbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px;background:#000}#reelx{position:fixed;top:20px;right:24px;z-index:41;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;width:42px;height:42px;border-radius:50%;font-size:16px;cursor:pointer}@media(pointer:fine){#stage,#stage a,#stage button{cursor:none}#cur{position:fixed;left:0;top:0;z-index:60;width:34px;height:34px;margin:-17px 0 0 -17px;border:1.5px solid rgba(243,236,224,.95);border-radius:50%;pointer-events:none;opacity:0;transition:transform .18s ease,opacity .3s;mix-blend-mode:difference}#cur i{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:#ff3b30;border-radius:50%}#cur.on{opacity:1}#cur.big{transform:scale(1.8)}}@media(pointer:coarse){#cur{display:none}}.pi-row:focus-visible,#reelbtn:focus-visible,#fmtcard:focus-visible{outline:2px solid #e6b873;outline-offset:2px}html.no3d #stage{background:linear-gradient(180deg,#2e6f8e,#7fb3bd 55%,#f0e9d4)}html.no3d #cur{display:none}html.no3d #stage,html.no3d #stage a{cursor:auto}