:root{color-scheme:light;--bg:#f7f5f0;--panel:#fffefb;--ink:#29282c;--muted:#5f5c63;--line:#e1ddd5;--accent:#9f2f3d;--green:#56663f;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#f4d9e55c,transparent 50%);min-height:100vh}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h2:focus{outline:none}button{transition:background .15s,border-color .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}.shell{max-width:920px;margin:auto;padding:0 40px}.topline{display:flex;justify-content:space-between;align-items:center;padding:28px 0 24px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);letter-spacing:1px}.topline a{min-height:24px;display:flex;align-items:center}.topline a:hover{color:var(--ink)}.topline i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:8px}.masthead{padding:42px 0 30px}.eyebrow,.board-heading,.scene-label,.choice-heading,.receipt-top,.award-label,.receipt-bottom,footer{font-family:ui-monospace,Consolas,"Microsoft YaHei",monospace}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);margin:0 0 14px}h1{font-size:clamp(28px,5.5vw,46px);letter-spacing:-2px;line-height:1.25;margin:0;display:flex;gap:12px;align-items:baseline}h1 span{font-weight:400}h1 b{margin-left:auto;color:var(--accent);font-size:42px}.subtitle{font-size:14px;color:var(--muted);margin:14px 0 0}.clapper{height:29px;border:1px solid #e2b9c9;background:repeating-linear-gradient(125deg,var(--ink) 0,var(--ink) 32px,#f6e4e3 33px,#f6e4e3 65px);margin-bottom:6px;border-radius:4px 4px 0 0}.board{border:1px solid var(--line);background:var(--panel);border-radius:0 0 5px 5px;overflow:hidden}.board-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;padding:14px 26px;border-bottom:1px solid var(--line);color:var(--muted)}#take{color:var(--accent)}.stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid var(--line);padding:22px 26px}.stats>div+div{border-left:1px solid var(--line);padding-left:28px}.stats>div>span{font-size:12px;color:var(--muted)}.stats strong{display:block;font-family:ui-monospace,Consolas,monospace;font-size:36px;font-weight:500;margin-top:6px;line-height:1.1}.stats strong small{font-family:inherit;font-size:11px;color:var(--muted);white-space:nowrap}.stats p{font-size:11px;color:var(--muted);margin:8px 0 0;min-height:15px}.stage{padding:30px 32px 32px;scroll-margin-top:20px}.intro{padding:12px 0}.scene-label{color:var(--accent);font-size:12px;letter-spacing:1px}h2{font-size:clamp(23px,3.8vw,33px);line-height:1.5;letter-spacing:-.7px;margin:16px 0 12px;font-weight:650}.intro h2{font-size:clamp(29px,5vw,42px);line-height:1.45}.intro>p,.description{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 25px;max-width:620px}.intro-meta{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:11px;color:var(--muted);margin:30px 0}.intro-meta span:before{content:'+';color:var(--accent);margin-right:7px}.primary{background:var(--accent);color:#fff9fc;border:1px solid var(--accent);padding:16px 20px;min-height:54px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:650;font-size:15px;border-radius:3px}.primary:hover{background:#7f2230;border-color:#7f2230}.intro p.smallprint{font-size:11px;margin:14px 0 0}.scene-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dots{display:flex;gap:5px}.dots i{height:5px;width:17px;background:#e9d5df}.dots .filled{background:var(--accent)}.choice-heading{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:28px 0 10px}.choices{display:grid;gap:10px}.choice{display:flex;gap:16px;text-align:left;padding:18px;border:1px solid #eadde3;background:#fffdfd;color:var(--ink);border-radius:3px;align-items:flex-start;width:100%;min-height:85px}.choice:not(:disabled):hover{background:#fff2f6;border-color:#cb7d9a}.letter{font-family:ui-monospace,Consolas,monospace;font-size:17px;color:var(--accent);line-height:1.5}.choice-body{flex:1;min-width:0}.choice strong{font-size:14px;line-height:1.65;font-weight:500}.effects{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;margin-top:9px;line-height:1.4}.gain{color:var(--green)}.loss{color:#b04d52!important}.neutral{color:var(--muted)}.choice-arrow{font-size:20px;color:var(--muted)}.choice:disabled:not(.selected){opacity:.55}.choice.selected{border-color:var(--accent);background:#fae6ef}.producer{margin:22px 0 18px;padding:0 0 0 17px;border-left:2px solid var(--accent)}.producer>span{font-size:11px;color:var(--accent)}.producer p{font-size:15px;line-height:1.8;margin:9px 0;color:var(--ink)}.producer small{color:var(--muted);font-size:12px}.rules{font-size:12px;color:var(--muted);margin:22px 0;line-height:1.9}.rules summary{cursor:pointer;padding:8px 0}.rules p{margin:8px 0}.rules ol{padding-left:20px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:20px 0 30px;font-size:10px;color:var(--muted);letter-spacing:.6px}.result-stage{padding:28px}.receipt{background:#fff8ed;color:#573d43;padding:28px 30px;box-shadow:0 8px 25px #0002;position:relative;border-bottom:5px double #d2a5ad}.receipt-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.7px;border-bottom:1px solid #e3cfc9;padding-bottom:16px;margin-bottom:24px}.receipt .scene-label{color:#a45468;font-size:11px}.receipt h2{font-size:clamp(22px,4vw,32px);line-height:1.4;margin:12px 0}.film-credit{font-size:11px;color:#66605f}.receipt-divider{border-bottom:1px dashed #d8bdbf;margin:22px 0}.award-label{font-size:11px;color:#66605f}.award{font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:2px;margin:8px 0 16px}.receipt blockquote{margin:0 0 24px;font-size:14px;line-height:1.9;max-width:540px;color:#74545e}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e1c9c9;border-bottom:1px solid #e1c9c9;padding:16px 0;margin:0}.result-stats dt{font-size:10px;color:#66605f}.result-stats dd{margin:6px 0 0;font:26px ui-monospace,Consolas,monospace}.result-stats small{font-size:10px;color:#66605f;white-space:nowrap}.receipt-notes{padding:10px 0}.receipt-notes p{display:flex;justify-content:space-between;gap:12px;font-size:11px}.receipt-notes span{color:#66605f}.receipt-notes strong{font-weight:500}.receipt-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:14px;border-top:1px dashed #d8bdbf;color:#66605f;font-size:9px;line-height:1.8}.barcode{width:92px;height:26px;background:repeating-linear-gradient(90deg,#9f2f3d 0px,#9f2f3d 2px,transparent 2px,transparent 5px,#9f2f3d 5px,#9f2f3d 6px,transparent 6px,transparent 10px)}.screenshot-note{text-align:center;font-size:11px;color:var(--muted);margin:20px 0}.return-link{display:block;text-align:center;font-size:12px;color:var(--muted);padding:20px 0 0}.return-link:hover{color:var(--ink)}
@media(max-width:600px){.shell{padding:0 16px}.topline{padding:18px 0;font-size:10px;letter-spacing:0}.masthead{padding:28px 0 24px}h1{gap:7px;font-size:29px;letter-spacing:-1.5px}h1 b{font-size:28px}.eyebrow{font-size:9px;letter-spacing:1.2px}.subtitle{font-size:12px}.clapper{height:23px}.board-heading{padding:12px 16px;font-size:9px;letter-spacing:0}.stats{padding:18px 16px;grid-template-columns:1.15fr 1fr 1fr}.stats>div+div{padding-left:13px}.stats strong{font-size:27px}.stats strong small{font-size:9px}.stats>div>span{font-size:11px}.stats p{font-size:10px}.stage{padding:24px 18px}.scene-label{font-size:10px}.dots{gap:4px}.dots i{width:11px;height:4px}.description{font-size:13px}.choice{padding:15px 12px;gap:11px}.choice strong{font-size:13px}.choice-arrow{display:none}.effects{gap:6px 10px;font-size:10px}.choice-heading{font-size:9px}.intro-meta{gap:9px 15px}.receipt{padding:22px 18px}.result-stage{padding:18px 12px}.result-stats dd{font-size:23px}.result-stats small{font-size:9px}.receipt-top{font-size:8px}.receipt blockquote{font-size:13px}footer{font-size:9px;letter-spacing:0}.receipt-notes p{font-size:10px}}
@media(max-width:360px){h1{font-size:25px}h1 b{font-size:24px}.stats{padding:16px 12px}.stats strong{font-size:23px}.stats>div+div{padding-left:10px}.stage{padding:22px 14px}.result-stage{padding:14px 9px}.receipt{padding:20px 14px}.result-stats dd{font-size:20px}.result-stats small{font-size:8px}.topline>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Konon film club: local character art, soft paper and handwritten-note accents. */
::selection{background:#f1cbdc;color:#692f47}
body{background:radial-gradient(ellipse at 100% 0%,#f6dce9 0,transparent 44%),radial-gradient(ellipse at 0% 45%,#fff0db99,transparent 45%),var(--bg)}
.topline{color:#8c6a7e}.topline>span{color:var(--accent)}
.masthead{display:grid;grid-template-columns:minmax(0,1fr) 185px;align-items:center;gap:32px;padding:42px 8px 38px}
.eyebrow{font-size:10px;letter-spacing:2px}
h1{display:block;font-size:40px;line-height:1.35;letter-spacing:-1.5px}h1 span{display:block;color:var(--accent);font-weight:650}h1 i{font-style:normal;font-weight:400;font-size:32px;vertical-align:top;margin-left:12px}
.subtitle{font-size:14px;line-height:1.8;color:#775a6b;margin:15px 0 0}.club-note{display:block;font-size:10px;color:#947886;margin-top:12px}
.fox-portrait{position:relative;margin:0;background:#fffdfd;padding:9px 9px 12px;border:1px solid #e8ccd9;box-shadow:3px 8px 0 #efe6e3;transform:rotate(5deg);border-radius:3px}
.fox-portrait>img{width:100%;height:auto;display:block;border-radius:2px}.fox-portrait>div{padding:10px 2px 0;text-align:center}.fox-portrait strong{display:block;font-size:11px;font-weight:550;color:#955470}.fox-portrait div span{display:block;font-size:9px;margin-top:5px;color:#9b7b8c}.portrait-tape{position:absolute;width:64px;height:22px;left:50%;top:-12px;transform:translateX(-50%) rotate(-9deg);background:#ecbad4bb;border-left:2px dashed #f8f1ef;border-right:2px dashed #f8f1ef}.portrait-star{position:absolute;font-size:34px;color:#c6813b;right:-19px;bottom:54px;transform:rotate(-16deg)}
.clapper{border-radius:8px 8px 0 0;background:repeating-linear-gradient(125deg,#9f2f3d 0,#9f2f3d 32px,#f6ecea 33px,#f6ecea 65px);opacity:.92}
.board{border-radius:0 0 16px 16px;box-shadow:0 14px 40px #ac658011;scroll-margin-top:16px}.board-heading{color:#9e7288;background:#fff3f7}.stats{background:linear-gradient(115deg,#fff8fa,#fffcf6)}.stats strong{color:#76445d}.stage{padding-top:28px}.scene-label{letter-spacing:.6px}.intro h2{font-size:34px;line-height:1.55;font-weight:600}.primary{border-radius:9px;box-shadow:0 4px 0 #84294d18}.primary:hover{box-shadow:0 5px 0 #84294d20}.choice{border-radius:10px;box-shadow:0 2px 0 #ac658006}.choice.selected{box-shadow:inset 3px 0 0 var(--accent)}.letter{background:#f8e6ee;border-radius:6px;width:27px;height:27px;display:grid;place-items:center;font-size:13px;flex:none}.effects .loss{color:#ab505b!important}.choice-arrow{color:#c29aae}.fox-note{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:#faf0f4;border-radius:3px 15px 15px 15px;width:fit-content;margin:24px 0;color:#926178}.fox-note>span{font-size:27px;color:#c17398}.fox-note p{margin:0;font-size:13px;line-height:1.8}.fox-note small{display:block;font-size:10px;margin-top:8px;color:#a38495}
.producer{position:relative;border:1px solid #efd4e0;border-radius:2px 13px 13px 13px;background:#fff3f8;padding:17px 18px 17px 84px;min-height:96px}.producer-avatar{position:absolute;left:16px;top:18px;border-radius:50%;width:50px;height:50px;border:3px solid #fff;box-shadow:0 2px 8px #a94d7015}.producer p{font-size:14px;color:#754f63}.producer small{display:block;line-height:1.7}.producer>span{font-size:10px}
.receipt{border-radius:5px 5px 0 0;background:radial-gradient(circle at 100% 0%,#ffe7ed,transparent 40%),#fff8ed;box-shadow:0 6px 24px #9b566c15}.receipt-top{color:#ad647b}.award{color:#a34169}.award-label:before,.award-label:after{content:' ✧ ';color:#c69959}.film-credit{color:#9a7b80}.fox-seal{display:flex;gap:9px;align-items:center;color:#a85d79;transform:rotate(-5deg)}.fox-seal img{width:42px;height:42px;border-radius:50%;border:2px solid #efc7d9}.fox-seal span{font-size:9px;line-height:1.7}.receipt-bottom{padding-top:17px}.receipt-bottom>span{color:#a1888b}.result-stats dd{color:#884d64}.rules summary{color:#967285}footer{color:#a17f8e}
@media(max-width:600px){.masthead{grid-template-columns:minmax(0,1fr) 112px;gap:13px;padding:30px 3px 29px}.eyebrow{font-size:8px;letter-spacing:.7px}h1{font-size:27px;letter-spacing:-1px}h1 i{font-size:19px;margin-left:4px}.subtitle{font-size:12px;line-height:1.7;margin-top:11px}.club-note{font-size:9px;line-height:1.7;margin-top:8px;max-width:165px}.fox-portrait{padding:6px 6px 9px;box-shadow:2px 5px 0 #efe6e3}.fox-portrait>div{padding:7px 0 0}.fox-portrait strong{font-size:8px}.fox-portrait div span{font-size:7px;margin-top:3px}.portrait-tape{width:42px;height:16px;top:-9px}.portrait-star{font-size:23px;right:-10px;bottom:36px}.intro h2{font-size:28px}.fox-note{padding:14px;gap:10px;width:100%}.fox-note p{font-size:12px}.fox-note small{font-size:9px}.producer{padding:16px 14px 16px 70px}.producer-avatar{left:12px;top:16px;width:43px;height:43px}.producer p{font-size:13px}.board-heading{font-size:8px}.receipt{padding:22px 18px}.choice{gap:10px}.letter{width:22px;height:24px;font-size:12px}footer{flex-wrap:wrap;gap:8px;font-size:9px}}
@media(max-width:360px){.masthead{grid-template-columns:minmax(0,1fr) 95px;gap:10px}h1{font-size:23px}h1 i{font-size:17px;margin-left:2px}.eyebrow{font-size:7px}.fox-portrait strong{font-size:7px}.fox-portrait div span{font-size:6px}.receipt{padding:20px 14px}}