.op-game{--op-felt:#0c1a17;--op-panel:#10231f;--op-line:#c9b28038;--op-paper:#efe6cf;--op-ink:#16211e;--op-brass:#c9a35f;--op-brass-soft:#c9a35f2e;--op-red:#8e2f2a;--op-red-soft:#8e2f2a33;--op-task:#d8b878;--op-synd:#c96a5e;color:var(--op-paper);background:var(--op-felt);border:1px solid var(--op-line);border-radius:14px;max-width:860px;margin:0 auto;padding:1rem;font-family:DM Sans,system-ui,sans-serif}.op-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.op-toolbar-copy span{letter-spacing:.14em;text-transform:uppercase;color:var(--op-brass);font-size:.72rem;display:block}.op-toolbar-copy strong{font-family:Newsreader,Georgia,serif;font-size:1.05rem;font-weight:600}.op-btn{appearance:none;border:1px solid var(--op-line);background:var(--op-panel);color:var(--op-paper);font:inherit;cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-size:.9rem}.op-btn:hover{border-color:var(--op-brass)}.op-btn.is-on{border-color:var(--op-brass);background:var(--op-brass-soft)}.op-btn:focus-visible{outline:2px solid var(--op-brass);outline-offset:2px}.op-primary{background:var(--op-brass);color:var(--op-ink);border-color:var(--op-brass);font-weight:600}.op-danger{border-color:var(--op-red);background:var(--op-red-soft)}.op-pills{flex-wrap:wrap;gap:.5rem;margin:.6rem 0;display:flex}.op-pills--stack{flex-direction:column;align-items:stretch}.op-pill{appearance:none;text-align:left;border:1px solid var(--op-line);background:var(--op-panel);color:var(--op-paper);font:inherit;cursor:pointer;border-radius:10px;gap:.1rem;padding:.55rem .8rem;display:grid}.op-pill span{opacity:.75;font-size:.78rem}.op-pill.is-on{border-color:var(--op-brass);background:var(--op-brass-soft)}.op-pill:focus-visible{outline:2px solid var(--op-brass);outline-offset:2px}.op-seats{gap:.5rem;margin:.6rem 0 1rem;display:grid}@media (width>=560px){.op-seats{grid-template-columns:1fr 1fr}}.op-seat{border:1px solid var(--op-line);background:var(--op-panel);border-radius:10px;align-items:center;gap:.7rem;padding:.55rem .8rem;display:flex}.op-seat--task{border-left:4px solid var(--op-task)}.op-seat--synd{border-left:4px solid var(--op-synd)}.op-seat-label{display:grid}.op-seat-label small{opacity:.65;font-size:.72rem}.op-seat select{font:inherit;background:var(--op-felt);color:var(--op-paper);border:1px solid var(--op-line);border-radius:8px;max-width:12rem;margin-left:auto;padding:.35rem .5rem;font-size:.85rem}.op-law{border:1px solid var(--op-red);background:var(--op-red-soft);border-left-width:4px;border-radius:10px;margin-bottom:.75rem;padding:.7rem .9rem;font-size:.86rem;line-height:1.5}.op-law span{letter-spacing:.13em;text-transform:uppercase;color:#e2b3ae;margin-bottom:.25rem;font-size:.7rem;display:block}.op-note{background:var(--op-paper);min-height:1.4em;color:var(--op-ink);border-radius:8px;margin:0 0 .75rem;padding:.55rem .8rem;font-size:.9rem;box-shadow:0 1px #0006}.op-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--op-brass);margin:0 0 .3rem;font-size:.72rem}.op-lobby h3,.op-curtain h3{margin:0 0 .6rem;font-family:Newsreader,Georgia,serif;font-size:1.4rem}.op-lobby-note,.op-help,.op-curtain-note{opacity:.85;font-size:.84rem;line-height:1.55}.op-curtain{text-align:center;border:1px dashed var(--op-line);border-radius:12px;padding:2.2rem 1rem}.op-curtain-note{max-width:34rem;margin:.4rem auto 1.2rem}.op-board{grid-template-columns:repeat(var(--op-files), minmax(0, 1fr));outline-offset:2px;touch-action:manipulation;background:#c9b28047;border:1px solid #c9a35f99;border-radius:8px;outline:4px solid #0a1412;gap:2px;margin:1.1rem .35rem;padding:5px;display:grid;box-shadow:0 0 0 7px #c9a35f38,0 14px 30px #00000073}.op-cell{appearance:none;aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 32% 28%,#e8d6aa1a,#0000 62%),#21423a;border:none;border-radius:4px;place-items:center;min-width:0;padding:0;display:grid;position:relative}.op-cell:focus-visible{outline:2px solid var(--op-brass);outline-offset:-2px;z-index:1}.op-cell--block{cursor:default;background:linear-gradient(135deg,#e8d6aa24,#0000 55%),repeating-linear-gradient(45deg,#e8d6aa38 0 4px,#0000 4px 9px),#1b332d;box-shadow:inset 0 0 0 1px #e8d6aa52}.op-cell--escape{box-shadow:inset 0 0 0 2px #c96a5ea6}.op-motif{color:#c96a5e80;pointer-events:none;position:absolute;inset:12%}.op-motif svg{width:100%;height:100%}.op-cell--zone{background-color:#2a4f43}.op-cell--sel{box-shadow:inset 0 0 0 2px var(--op-brass)}.op-cell--legal{background-color:#33604f;box-shadow:inset 0 0 0 2px #e8c884e6}.op-cell--handoff,.op-cell--deposit{background-color:#33604f;box-shadow:inset 0 0 0 2px #8fc79c}.op-piece{aspect-ratio:1;letter-spacing:.02em;border-radius:6px;place-items:center;width:84%;font-size:clamp(.5rem,2.1vw,.8rem);font-weight:700;line-height:1;display:inline-grid;position:relative}.op-piece svg{width:72%;height:72%;transform:translate(-4%,-4%)}.op-piece--task{color:#e8cd8f;background:linear-gradient(160deg,#3d321c,#2a2312);border:1px solid #e8cd8fa6;box-shadow:inset 0 1px #e8cd8f33,0 1px 2px #00000080}.op-piece--synd{color:#d98b7d;background:linear-gradient(160deg,#3c201a,#291511);border:1px solid #d98b7da6;box-shadow:inset 0 1px #d98b7d2e,0 1px 2px #00000080}.op-piece--hidden{opacity:.95}.op-piece--hidden svg{opacity:.9;width:66%;height:66%;transform:none}.op-piece i{z-index:1;color:#23180a;background:#efe4c8;border:1px solid #20180880;border-radius:50%;place-items:center;min-width:1.3em;height:1.3em;font-size:.82em;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:-5px;right:-5px;box-shadow:0 1px 2px #0000008c}.op-piece--hot{box-shadow:0 0 0 2px #e0b13e,0 0 10px #e0b13e99}.op-hot{color:#201804;background:#e0b13e;border-radius:4px;padding:1px 3px;font-size:.5rem;font-style:normal;font-weight:800;position:absolute;top:-6px;left:-6px}.op-drop{aspect-ratio:1;color:#e0b13e;filter:drop-shadow(0 0 6px #e0b13eb3);place-items:center;width:70%;display:inline-grid}.op-drop svg{width:100%;height:100%}.op-strip{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.op-turn{border-radius:999px;padding:.2rem .6rem;font-weight:700}.op-turn--task{background:var(--op-brass-soft);color:var(--op-task)}.op-turn--synd{background:var(--op-red-soft);color:var(--op-synd)}.op-ply{opacity:.7}.op-evs{flex-wrap:wrap;gap:.35rem;margin-left:auto;display:flex}.op-ev-chip{border:1px solid var(--op-line);opacity:.9;border-radius:999px;padding:.12rem .5rem;font-size:.7rem}.op-ev--carried{color:#e0b13e;border-color:#e0b13e}.op-ev--dropped{border-color:#e0b13e}.op-ev--burned{border-color:var(--op-red);color:var(--op-synd)}.op-specials{flex-wrap:wrap;gap:.5rem;min-height:.5rem;margin-bottom:.4rem;display:flex}.op-tray{flex-wrap:wrap;align-items:center;gap:.35rem;margin:.35rem 0;font-size:.8rem;display:flex}.op-tray span{opacity:.7;margin-right:.2rem}.op-tray-chip{border:1px solid var(--op-line);border-radius:5px;place-items:center;width:1.7rem;height:1.7rem;display:inline-grid;position:relative}.op-tray-chip svg{width:72%;height:72%}.op-tray-chip--task{color:#e8cd8f;background:#2a2312;border-color:#e8cd8f80}.op-tray-chip--synd{color:#d98b7d;background:#291511;border-color:#d98b7d80}.op-tray-chip i{color:#23180a;background:#efe4c8;border:1px solid #20180880;border-radius:50%;place-items:center;min-width:1em;height:1em;font-size:.62rem;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-4px}.op-board-wrap{position:relative}.op-versus{appearance:none;z-index:6;cursor:pointer;font:inherit;background:#050c0aa8;border:none;border-radius:8px;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.op-versus-card{background:repeating-linear-gradient(transparent 0 1.55em, #16211e12 1.55em calc(1.55em + 1px)), var(--op-paper);color:var(--op-ink);border:1px solid var(--op-brass);border-radius:12px;justify-items:center;gap:.55rem;max-width:22rem;padding:1rem 1.4rem .8rem;animation:.24s cubic-bezier(.2,1.4,.4,1) both op-vs-in;display:grid;box-shadow:0 18px 40px #0009}@keyframes op-vs-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.op-vs-kicker{letter-spacing:.16em;text-transform:uppercase;color:#7a5c22;font-size:.66rem;font-weight:700}.op-vs-row{align-items:center;gap:1rem;display:flex}.op-vs-row em{opacity:.7;font-family:Newsreader,Georgia,serif;font-style:italic}.op-vs-side{justify-items:center;gap:.2rem;width:7.5rem;display:grid}.op-vs-side .op-piece{width:3.1rem;font-size:1rem}.op-vs-side .op-piece i{font-size:.7rem}.op-vs-side strong{text-align:center;font-size:.8rem;line-height:1.15}.op-vs-side>span:last-child{opacity:.7;font-size:.7rem}.op-vs-outcome{text-align:center;font-size:.85rem;line-height:1.4}.op-vs-hint{letter-spacing:.08em;text-transform:uppercase;opacity:.55;font-size:.66rem}@media (prefers-reduced-motion:reduce){.op-versus-card{animation:none}}.op-setup-actions{flex-wrap:wrap;gap:.5rem;margin:.4rem 0;display:flex}.op-over{text-align:center;border:1px solid var(--op-line);border-radius:12px;padding:2.2rem 1rem;position:relative;overflow:hidden}.op-over .op-cell{cursor:default}.op-reveal-note{opacity:.7;margin:.6rem 0 0;font-size:.8rem}.op-stamp{letter-spacing:.12em;border:3px solid;border-radius:6px;margin-bottom:.8rem;padding:.3rem 1rem;font-family:Newsreader,Georgia,serif;font-size:1.4rem;font-weight:700;animation:.38s cubic-bezier(.2,1.6,.4,1) both op-slam;display:inline-block;transform:rotate(-6deg)}.op-stamp--task{color:var(--op-task);border-color:var(--op-task);box-shadow:0 0 24px #d8b87859}.op-stamp--synd{color:var(--op-synd);border-color:var(--op-synd);box-shadow:0 0 24px #c96a5e59}.op-stamp--draw{color:var(--op-paper);border-color:var(--op-line);opacity:.8}@keyframes op-slam{0%{opacity:0;transform:rotate(-6deg)scale(2.4)}to{opacity:1;transform:rotate(-6deg)scale(1)}}.op-cell--arrested{box-shadow:inset 0 0 0 2px var(--op-task)}.op-bars{pointer-events:none;background:repeating-linear-gradient(90deg,#140e04eb 0 3px,#0000 3px 9px);border-radius:4px;animation:.42s ease-out both op-bars-drop;position:absolute;inset:0}@keyframes op-bars-drop{0%{transform:translateY(-110%)}to{transform:translateY(0)}}.op-sweep,.op-tailglow{pointer-events:none;border-radius:12px;position:absolute;inset:0}.op-sweep{background:linear-gradient(105deg,#0000 30%,#d8b87838 46%,#1f385440 54%,#0000 70%) 0 0/300% 100%;animation:1.4s ease-in-out both op-sweep-run}@keyframes op-sweep-run{0%{opacity:1;background-position:120% 0}85%{opacity:1}to{opacity:0;background-position:-60% 0}}.op-tailglow{background:radial-gradient(120% 60% at 50% 100%,#8e2f2a59,#0000 60%);animation:1.6s ease-out both op-tail-fade}@keyframes op-tail-fade{0%{opacity:0}30%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.op-stamp,.op-bars{animation:none}.op-sweep,.op-tailglow{display:none}}.op-howto,.op-ref{max-width:34rem}.op-howto-steps{margin:.4rem 0 0;padding-left:1.2rem}.op-howto-steps li{margin-bottom:.55rem;font-size:.88rem;line-height:1.5}.op-ref-board{margin:0 0 .6rem;font-size:.85rem;font-style:italic}.op-ref-laws{background:#8e2f2a14;border:1px solid #8e2f2a8c;border-left-width:4px;border-radius:8px;margin-bottom:.8rem;padding:.55rem .75rem}.op-ref-laws p{margin:0 0 .45rem;font-size:.82rem;line-height:1.45}.op-ref-laws p:last-child{margin-bottom:0}.op-ref-grid{gap:1rem;display:grid}@media (width>=560px){.op-ref-grid{grid-template-columns:1fr 1fr}}.op-ref-side h4{border-bottom:2px solid #16211e80;margin:0 0 .4rem;padding-bottom:.2rem;font-family:Newsreader,Georgia,serif}.op-ref-side ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.op-ref-side li{align-items:flex-start;gap:.5rem;display:flex}.op-ref-glyph{flex:none;width:1.9rem;font-size:.68rem}.op-ref-copy{font-size:.8rem;line-height:1.35;display:grid}.op-ref-copy em{opacity:.7;font-size:.72rem;font-style:normal}.op-ref-copy small{opacity:.85}.op-over h3{letter-spacing:.06em;margin:.2rem 0 .6rem;font-family:Newsreader,Georgia,serif;font-size:2rem}.op-over--task h3{color:var(--op-task)}.op-over--synd h3{color:var(--op-synd)}.op-over p{max-width:34rem;margin:0 auto 1.2rem;line-height:1.55}.op-dialog{border:1px solid var(--op-brass);background:repeating-linear-gradient(transparent 0 1.55em, #16211e14 1.55em calc(1.55em + 1px)), var(--op-paper);color:var(--op-ink);border-radius:12px;max-width:26rem;padding:1.2rem 1.4rem;font-family:DM Sans,system-ui,sans-serif}.op-dialog::backdrop{background:#040a09b3}.op-dialog-kicker{letter-spacing:.14em;text-transform:uppercase;color:#7a5c22;margin:0 0 .3rem;font-size:.7rem}.op-dialog h3{margin:0 0 .5rem;font-family:Newsreader,Georgia,serif}.op-dialog p{font-size:.9rem;line-height:1.5}.op-dialog-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.op-dialog .op-btn{color:var(--op-ink);background:0 0;border-color:#16211e66}.op-dialog .op-primary{background:var(--op-brass);border-color:var(--op-brass)}@media (width<=640px){.op-game{border-radius:10px;padding:.6rem}.op-evs{margin-left:0}}@media (prefers-reduced-motion:no-preference){.op-cell--legal{transition:background-color .12s}}.okp-main{max-width:900px;margin:0 auto;padding:6.5rem 1rem 3rem}.okp-hero{text-align:center;margin-bottom:1.6rem}.okp-kicker{letter-spacing:.16em;text-transform:uppercase;color:#c9a35f;margin:0 0 .4rem;font-size:.75rem}.okp-hero h1{margin:0 0 .6rem;font-family:Newsreader,Georgia,serif;font-size:clamp(2rem,6vw,3rem)}.okp-stand{max-width:42rem;margin:0 auto .6rem;line-height:1.6}.okp-meta{opacity:.75;font-size:.82rem}.okp-hero-scene{border:1px solid #c9a35f66;border-radius:14px;max-width:860px;margin:1.5rem auto 1.8rem;overflow:hidden;box-shadow:0 18px 44px #0000008c}.okp-hero-scene img{filter:brightness(1.24)contrast(1.02)saturate(1.08);width:100%;height:auto;display:block}.okp-manual{max-width:46rem;margin:2.4rem auto 0;line-height:1.65}.okp-manual h2{color:#d8b878;margin:2rem 0 .6rem;font-family:Newsreader,Georgia,serif;font-size:1.45rem}.okp-manual ul{padding-left:1.2rem}.okp-manual li{margin-bottom:.5rem}.okp-table-wrap{overflow-x:auto}.okp-roster{border-collapse:collapse;width:100%;margin:.4rem 0 1rem;font-size:.88rem}.okp-roster th,.okp-roster td{text-align:left;vertical-align:top;border:1px solid #c9b28040;padding:.45rem .6rem}.okp-roster th{color:#d8b878;font-weight:600}.okp-roster em{opacity:.7;font-size:.8rem;font-style:normal}.okp-faq details{background:#10231f8c;border:1px solid #c9b28038;border-radius:10px;margin-bottom:.5rem;padding:.6rem .9rem}.okp-faq summary{cursor:pointer;font-weight:600}.okp-faq details p{margin:.6rem 0 .2rem;font-size:.92rem}