.op-main{max-width:850px;margin:0 auto;padding:2.5rem 1rem 5rem}.op-hero{margin:1rem 0 2rem}.op-hero h1{font-size:clamp(3rem,8vw,5.5rem);line-height:1.05}.op-panel{border:1px solid #55445d;border-radius:20px;padding:clamp(1.2rem,4vw,2.5rem);background:#16161a;margin-bottom:2rem}.op-panel[hidden],.op-wait[hidden],.op-invite[hidden],.op-story[hidden],#scene[hidden],#codeBox[hidden]{display:none!important}.op-notice,.op-muted{color:#c5cddc;line-height:1.7}.op-tabs{display:flex;gap:1rem;margin:1.5rem 0}.op-tabs button{border:1px solid #68556f;background:transparent;color:#fff;padding:.8rem 1rem;border-radius:12px;cursor:pointer}.op-tabs .op-active{background:#455575}.op-form{display:grid;gap:.8rem}.op-form input:not([type=checkbox]){display:block;width:100%;padding:.8rem;border:1px solid #74647c;border-radius:9px;background:#0e0e12;color:#fff;font:inherit}.op-check{display:flex;align-items:flex-start;gap:.7rem}.op-check input{margin-top:.35rem;min-width:18px;min-height:18px}.op-top{display:flex;justify-content:space-between;align-items:start;gap:1rem}.op-invite{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.5rem 0}.op-invite strong{font-size:1.6rem;letter-spacing:.13em}.op-place{font-weight:700;color:#d2d9e6;letter-spacing:.07em;text-transform:uppercase;font-size:.8rem}.op-scene{font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.8;max-width:64ch}.op-choices{display:grid;gap:.8rem;margin:1.7rem 0}.op-choice{width:100%;padding:1.2rem;text-align:left;background:#292933;color:white;border:1px solid #637394;border-radius:14px;font:inherit;cursor:pointer}.op-choice:hover,.op-choice:focus-visible{background:#303b52;outline:2px solid #d8dee9;outline-offset:2px}.op-choice:disabled{opacity:.6;cursor:wait}.op-story{padding-top:1rem}.op-story h2{font-family:Georgia,serif;font-size:2.3rem;line-height:1.2}.op-story #storyText{max-width:65ch;font:1.15rem/1.9 Georgia,serif}.op-story .op-chapter{font:700 1.3rem/1.4 Georgia,serif;margin-top:2rem;color:#d2d9e6}.op-story #storyText p{margin:1.2rem 0}.op-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.op-wait{font-size:1.15rem;padding:2rem 0}#message{min-height:2em}body{color:#f2f4f7}@media print{body{background:#fff!important;color:#111111!important}.site-header,.op-hero,.op-invite,.op-top,.op-actions,.site-footer,#message,.sg-test-banner,.op-notice{display:none!important}.op-main,.op-panel{padding:0;border:0;background:#fff!important;color:#111111!important}.op-story,.op-story *{color:#111111!important}.op-story #storyText{font-size:12pt;line-height:1.6} .op-story #storyText p{break-inside:avoid}}