*{box-sizing:border-box}body{margin:0;background:#111017;color:#eae4dd;font-family:Segoe UI,Arial,sans-serif}main{max-width:1440px;margin:auto;padding:32px 5vw}header{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:2px;color:#a29aa6;border-bottom:1px solid #302a35;padding-bottom:24px}.brand{color:#ffe0ac;text-decoration:none;font-family:Georgia,serif;font-size:30px;letter-spacing:-5px}.brand span{font-size:18px}.edition{margin-left:auto}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:5vw;align-items:center;min-height:650px;padding:46px 0}aside .eyebrow{font-size:10px;letter-spacing:2px;color:#ed9e60}h1{font-family:Georgia,serif;font-weight:normal;font-size:90px;letter-spacing:-6px;margin:12px 0 20px}h1 span{color:#f29951}.intro{font-size:21px;line-height:1.5;color:#c9becb;margin:0}.rule{width:34px;height:2px;background:#d78850;margin:24px 0}.description{font-size:13px;line-height:1.8;color:#978d9f}button{cursor:pointer;border:1px solid #edb070;background:#edb070;color:#241812;font-weight:600;padding:16px 20px;width:100%;font-size:14px;border-radius:3px}button:hover{background:#ffd099}#cast{margin-top:18px;text-align:left}#cast span{float:right}.key{font-size:9px;letter-spacing:.5px;color:#83788b;margin:12px 0 30px}.settings{border-top:1px solid #302a35;padding-top:20px;font-size:11px;color:#b5aaba}.settings label{display:block}.settings output{float:right;color:#f6bd7c}input[type=range]{width:100%;accent-color:#edb070;margin:16px 0 20px}input[type=checkbox]{accent-color:#edb070}.secondary{width:auto;margin-top:18px;background:transparent;border-color:#463b4b;color:#b5aaba;padding:8px 16px;font-size:11px}.stage{border:1px solid #3b2e43;background:#181320;box-shadow:0 30px 100px #0004;border-radius:4px;overflow:hidden}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;color:#aa9bb5;padding:18px 20px}.stage-top i{display:inline-block;width:5px;height:5px;background:#eead67;border-radius:50%;margin-right:8px}canvas{display:block;width:100%;image-rendering:pixelated;cursor:crosshair;touch-action:manipulation}.stage-bottom{border-top:1px solid #33273d;gap:20px}#phase{width:90px}.progress{flex:1;height:2px;background:#382b40}#progress{height:100%;background:#e7a15e;width:0}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #302a35;padding-top:24px;font-size:9px;letter-spacing:1px;color:#766d80}details{max-width:300px;line-height:1.7}summary{cursor:pointer}body.shot main{padding:0;max-width:none}body.shot header,body.shot aside,body.shot footer,body.shot .stage-top,body.shot .stage-bottom{display:none}body.shot .layout{display:block;padding:0;min-height:0}body.shot .stage{border:0;border-radius:0}@media(max-width:800px){main{padding:20px}.layout{grid-template-columns:1fr;padding:30px 0;gap:30px}.edition{display:none}h1{font-size:68px;margin:8px 0}.intro{font-size:17px}.description,.rule{display:none}.settings{margin-top:16px}.stage{grid-row:1}footer{flex-wrap:wrap}.key{margin-bottom:10px}aside .eyebrow{font-size:9px}}