:root{--paper: #efe2c8;--paper-lit: #f6ecd6;--paper-2: #e4d2af;--paper-edge: #d4bf95;--ink: #2b2620;--ink-soft: #6d5f4b;--line: #b8a47c;--shu: #b0402a;--shu-deep: #8c2f1d;--gold: #b08537;--ai: #45586b;--koke: #6f7a3c;--m-joy: #bd8a2c;--m-anger: #b0402a;--m-sorrow: #4d6076;--m-fun: #6f7a3c;--accent: var(--shu);--accent-deep: var(--shu-deep);--machine-w: clamp(320px, 94vw, 430px);--serif: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--brush: "Yuji Syuku", "Shippori Mincho", serif;--lcd: "DotGothic16", monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--serif);color:var(--ink);background-color:#d9c39a;background-image:radial-gradient(120% 90% at 50% -10%,#e8d4ab,#cdb486 55%,#bda173),repeating-linear-gradient(135deg,rgba(120,94,55,.045) 0 2px,transparent 2px 7px);background-attachment:fixed;display:flex;justify-content:center;align-items:flex-start;padding:clamp(16px,5vw,48px) 16px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(90deg,rgba(80,60,35,.025) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(80,60,35,.025) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.stage{width:var(--machine-w)}.machine{position:relative;border-radius:22px;padding:20px 18px 22px;background:linear-gradient(180deg,var(--paper-lit) 0%,var(--paper) 38%,var(--paper-2) 100%);border:2px solid var(--shu-deep);box-shadow:inset 0 0 0 6px var(--paper),inset 0 0 0 7px #b0853780,0 22px 50px -18px #3c261299,0 3px #ffffff59}.screw{position:absolute;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cdb685,#9c8049 70%,#6f5a30);box-shadow:inset 0 0 2px #0006,0 1px 1px #fff6}.screw:after{content:"";position:absolute;inset:3px;border-top:1.5px solid rgba(60,40,15,.55);transform:rotate(35deg)}.screw.tl{top:10px;left:10px}.screw.tr{top:10px;right:10px}.screw.bl{bottom:10px;left:10px}.screw.br{bottom:10px;right:10px}.machine__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 6px 14px}.brand{font-family:var(--lcd);font-size:11px;letter-spacing:.18em;color:var(--ink-soft);margin-bottom:4px}.title{font-family:var(--brush);font-weight:400;font-size:clamp(30px,9vw,40px);line-height:1;margin:0;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.5)}.title .q{color:var(--accent)}.seal{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:var(--paper-lit);font-family:var(--brush);font-size:30px;line-height:1;border:2px solid var(--accent-deep);box-shadow:inset 0 0 0 2px #ffffff40;transform:rotate(-4deg);position:relative;filter:saturate(1.05)}.seal:after{content:"";position:absolute;inset:0;border-radius:9px;background-image:repeating-linear-gradient(48deg,rgba(255,255,255,.12) 0 2px,transparent 2px 5px);mix-blend-mode:screen;opacity:.4}.viewport{position:relative;aspect-ratio:4 / 5;border-radius:14px;overflow:hidden;background:#1c1814;border:2px solid #2c241c;box-shadow:inset 0 0 0 4px #0000008c,inset 0 0 38px #0009}.viewport video,.viewport .shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.viewport:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 0%,transparent 55%,rgba(20,10,0,.5) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 2px,transparent 2px 4px);mix-blend-mode:multiply;opacity:.55;z-index:4}.reticle{position:absolute;inset:11%;z-index:5;pointer-events:none;opacity:.8;transition:opacity .3s}.reticle span{position:absolute;width:26px;height:26px;border:2px solid rgba(244,231,205,.85)}.reticle .c1{top:0;left:0;border-right:0;border-bottom:0}.reticle .c2{top:0;right:0;border-left:0;border-bottom:0}.reticle .c3{bottom:0;left:0;border-right:0;border-top:0}.reticle .c4{bottom:0;right:0;border-left:0;border-top:0}.overlay{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px;color:var(--paper-lit);background:radial-gradient(110% 90% at 50% 35%,#2a2219,#17120d)}.overlay--clear{background:#120d086b;backdrop-filter:blur(1px)}.overlay__seal{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;border:2px dashed rgba(244,231,205,.5);font-family:var(--brush);font-size:40px;color:#f4e7cde6}.overlay__lead{font-family:var(--brush);font-size:21px;line-height:1.5;letter-spacing:.04em;white-space:pre-line}.overlay__sub{font-size:13px;line-height:1.7;color:#f4e7cdb8;max-width:26ch}.overlay__err{font-family:var(--lcd);font-size:11px;letter-spacing:.1em;color:#e6a06a}.flash{position:absolute;inset:0;z-index:9;background:#fff;opacity:0;pointer-events:none}.flash.fire{animation:flash .5s ease-out}@keyframes flash{0%{opacity:0}8%{opacity:.92}to{opacity:0}}.scan{position:absolute;inset:0;z-index:7;pointer-events:none;background:#0a070359}.scan__beam{position:absolute;left:0;right:0;height:38%;top:-38%;background:linear-gradient(180deg,transparent,rgba(224,160,90,.32) 70%,rgba(224,160,90,.6));border-bottom:1.5px solid rgba(240,200,120,.9);animation:sweep 1.25s ease-in-out infinite}@keyframes sweep{0%{top:-38%}to{top:100%}}.scan__label{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-family:var(--lcd);font-size:12px;letter-spacing:.22em;color:#f0c878;text-shadow:0 0 8px rgba(240,200,120,.6)}.slip{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--paper-lit),var(--paper) 60%,var(--paper-2));color:var(--ink);padding:16px 16px 14px;overflow:hidden;animation:print .7s cubic-bezier(.2,.9,.25,1) both}@keyframes print{0%{transform:translateY(-101%)}82%{transform:translateY(2%)}to{transform:translateY(0)}}.slip:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:radial-gradient(circle at 6px -2px,transparent 5px,var(--paper-2) 5px) 0 0 / 12px 7px repeat-x}.slip.grain:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(90,68,38,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(90,68,38,.04) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.slip__top{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1.5px solid var(--line);flex:0 0 auto}.bighanzi{flex:0 0 auto;width:70px;height:84px;display:grid;place-items:center;font-family:var(--brush);font-size:62px;line-height:1;color:var(--paper-lit);background:var(--mood, var(--accent));border-radius:6px;box-shadow:inset 0 0 0 2px #ffffff38,0 4px 12px -4px #0006}.slip__head{min-width:0}.slip__rank{font-family:var(--lcd);font-size:10px;letter-spacing:.18em;color:var(--ink-soft)}.slip__headline{font-family:var(--brush);font-size:clamp(20px,6vw,25px);line-height:1.3;margin:3px 0 4px;color:var(--mood, var(--ink))}.slip__yomi{font-size:12px;color:var(--ink-soft);letter-spacing:.08em}.slip__body{font-size:14px;line-height:1.8;margin:10px 2px;text-wrap:pretty;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}.bars{display:grid;gap:7px;margin-top:4px;flex:0 0 auto}.bar{display:flex;align-items:center;gap:9px}.bar__k{font-family:var(--brush);font-size:19px;width:22px;text-align:center;color:var(--bc)}.bar__track{flex:1;height:12px;background:#785f3729;border-radius:7px;overflow:hidden;box-shadow:inset 0 1px 2px #3c280f2e}.bar__fill{display:block;height:100%;width:0;background:var(--bc);border-radius:7px;transition:width 1s cubic-bezier(.2,.8,.2,1)}.bar__pct{font-family:var(--lcd);font-size:12px;width:42px;text-align:right;color:var(--ink)}.slip__sig{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px dashed var(--line);flex:0 0 auto}.slip__date{font-family:var(--lcd);font-size:10px;letter-spacing:.12em;color:var(--ink-soft)}.thumb{width:40px;height:40px;border-radius:5px;object-fit:cover;transform:scaleX(-1);border:1.5px solid var(--line);filter:sepia(.35) saturate(1.05) contrast(1.02)}.thumb--animal{object-fit:contain;transform:none;filter:none;border-radius:9px;background:var(--paper-lit);box-shadow:inset 0 0 0 1px #ffffff80}.minihanko{font-family:var(--brush);font-size:13px;color:var(--paper-lit);background:var(--accent);width:30px;height:30px;display:grid;place-items:center;border-radius:5px;transform:rotate(-6deg);margin-left:auto;margin-right:8px}.sheet{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;justify-content:flex-end;background:#120d088c;animation:fade .2s ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet__panel{background:linear-gradient(180deg,var(--paper-lit),var(--paper) 70%,var(--paper-2));border-top:2px solid var(--accent);border-radius:16px 16px 0 0;padding:14px 14px 16px;box-shadow:0 -10px 30px -10px #28180899;animation:sheetup .28s cubic-bezier(.2,.9,.25,1)}@keyframes sheetup{0%{transform:translateY(101%)}to{transform:translateY(0)}}.sheet__head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 12px;border-bottom:1px dashed var(--line);margin-bottom:12px}.sheet__title{font-family:var(--brush);font-size:19px;color:var(--ink)}.sheet__close{border:none;background:none;cursor:pointer;font-family:var(--lcd);font-size:11px;letter-spacing:.1em;color:var(--ink-soft);padding:4px 6px}.sheet__opts{display:grid;gap:9px}.opt{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#fff7e6,var(--paper));cursor:pointer;text-align:left;box-shadow:0 2px #785f374d;transition:transform .08s,box-shadow .08s,background .15s;font-family:var(--serif)}.opt:hover{background:linear-gradient(180deg,#fffaf0,#fff2db)}.opt:active{transform:translateY(2px);box-shadow:none}.opt__badge{flex:0 0 auto;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px;font-family:var(--brush)}.opt__badge.x{background:#14110d;font-family:system-ui,sans-serif;font-weight:800}.opt__badge.line{background:#06c755;font-family:system-ui,sans-serif;font-size:11px;font-weight:800}.opt__badge.dl{background:var(--ai)}.opt__badge.copy{background:var(--koke)}.opt__badge.nat{background:var(--accent)}.opt__txt{min-width:0;display:flex;flex-direction:column;gap:1px}.opt__t{display:block;font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}.opt__s{display:block;font-size:11px;color:var(--ink-soft);font-family:var(--lcd);letter-spacing:.04em}.sheet__toast{margin-top:11px;text-align:center;font-family:var(--lcd);font-size:12px;letter-spacing:.08em;color:var(--koke);min-height:16px}.lcd{display:flex;align-items:center;gap:9px;margin:12px 2px 14px;padding:7px 12px;border-radius:7px;background:linear-gradient(180deg,#20271f,#161b15);border:1px solid #0d100c;box-shadow:inset 0 1px 3px #0009}.lcd__dot{width:8px;height:8px;border-radius:50%;background:#f0c878;box-shadow:0 0 7px #f0c878;animation:blink 1.4s steps(1) infinite}.lcd__dot.live{background:#9fd17a;box-shadow:0 0 8px #9fd17a}@keyframes blink{50%{opacity:.25}}.lcd__text{font-family:var(--lcd);font-size:13px;letter-spacing:.12em;color:#cfe0b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 0}.shutter{position:relative;width:84px;height:84px;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 38% 32%,var(--accent),var(--accent-deep) 78%);box-shadow:0 6px 0 var(--accent-deep),0 10px 18px -6px #00000080,inset 0 2px 3px #ffffff59;display:grid;place-items:center;transition:transform .08s,box-shadow .08s;flex:0 0 auto}.shutter__ring{width:58px;height:58px;border-radius:50%;border:2.5px solid rgba(255,255,255,.85);display:grid;place-items:center;font-family:var(--brush);font-size:19px;color:#fff;letter-spacing:.05em}.shutter:active{transform:translateY(5px);box-shadow:0 1px 0 var(--accent-deep),inset 0 2px 4px #0000004d}.shutter:disabled{filter:grayscale(.5) brightness(.85);cursor:not-allowed}.ctrl{flex:1;min-width:0;padding:11px 8px;border-radius:9px;border:1.5px solid var(--line);background:linear-gradient(180deg,var(--paper-lit),var(--paper-2));font-family:var(--serif);font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;box-shadow:0 2px #785f3766;transition:transform .08s,box-shadow .08s,background .15s}.ctrl:hover{background:linear-gradient(180deg,#fff4df,var(--paper))}.ctrl:active{transform:translateY(2px);box-shadow:none}.ctrl:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.ctrl__sub{display:block;font-family:var(--lcd);font-size:9px;letter-spacing:.1em;color:var(--ink-soft);margin-top:2px}.grille{display:flex;gap:4px;justify-content:center;margin-top:16px;padding-top:4px;opacity:.5}.grille span{width:4px;height:16px;border-radius:3px;background:repeating-linear-gradient(180deg,var(--paper-edge) 0 3px,transparent 3px 5px)}.foot{text-align:center;margin-top:14px;font-family:var(--lcd);font-size:10px;letter-spacing:.14em;color:#3c280f80}@media (prefers-reduced-motion: reduce){.slip,.flash.fire,.scan__beam,.sheet,.sheet__panel{animation:none!important}.bar__fill{transition:none}}