:root{color:#f3e8c9;background:#10162f;font-family:Segoe Print,Georgia,cursive}*{box-sizing:border-box}html,body,#game-root{width:100%;min-width:0;height:100%;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none}#game-root canvas{display:block;touch-action:none}.session-menu{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:26px;overflow:auto}.session-menu--pause{pointer-events:none;background:#10162f38}.session-paper{position:relative;width:min(100%,410px);padding:40px 28px 30px 40px;color:#42578a;background:repeating-linear-gradient(transparent 0 31px,#899fc126 32px,#899fc126 33px),#fff3db;border:3px solid #e2d9e9;border-radius:4px 18px 10px 5px;box-shadow:5px 5px #a7b5e3,10px 10px #5b6caa,0 18px 50px #05092288;pointer-events:auto}.session-paper:before{content:"";position:absolute;left:22px;top:0;bottom:0;border-left:1px solid #e6a6b5}.session-paper:after{content:"✦";position:absolute;top:-25px;right:20px;color:#ffda79;font-size:60px;text-shadow:1px 2px #ac7990;transform:rotate(12deg)}.session-eyebrow{font:10px/1.8 Georgia,serif;letter-spacing:2.4px}.session-paper h1{font-size:clamp(22px,5.5vw,32px);line-height:1.5;margin:16px 0;font-weight:500}.session-description{font-size:14px;line-height:1.8}.session-notes{white-space:pre-line;font-size:14px;line-height:2.4;margin:26px 0}.session-button{display:block;width:100%;min-height:48px;margin-top:20px;border:2px solid #758ac5;border-radius:40% 8px 35%/8px 28% 9px 30%;background:#6b83c1;color:#fff6df;font:inherit;cursor:pointer}.session-button:hover{background:#536dab}.session-button:focus-visible{outline:3px solid #d79b48;outline-offset:4px}.session-button.secondary{background:transparent;color:#56658a;border-color:#a6abc5}.session-stats{display:grid;grid-template-columns:1fr auto;gap:20px;margin:30px 0;font-size:15px}.session-stats dd{margin:0;color:#8a607d}.crayon-controls{position:absolute;left:50%;top:max(18px,env(safe-area-inset-top));transform:translate(-50%);width:min(90%,480px);text-align:center;color:#e9ddc7;padding:12px;background:#101830d9;border-radius:12px}.crayon-controls h1{font-size:17px;font-weight:500;margin:0 0 8px}.crayon-controls p{font-size:11px;color:#b7bee2}.crayon-controls button{min-height:40px;margin:4px;padding:6px 10px;border:1px solid #7a87bb;border-radius:7px;background:#1c2849;color:#e8dabb;cursor:pointer}.crayon-controls button:focus-visible{outline:2px solid #f0ce89}@media(max-height:550px){.session-menu{padding:16px}.session-paper{padding-top:14px;padding-bottom:16px}.session-paper h1{margin:5px 0}.session-notes,.session-stats{margin:12px 0}.session-button{margin-top:10px}}