*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden;background:#faf3e6}body{color:#323438;font-family:IBM Plex Mono,monospace;-webkit-tap-highlight-color:transparent}button,input{font:inherit}.notebook-game-canvas{display:block;background:#faf3e6;cursor:crosshair;touch-action:none}.notebook-game-canvas:focus-visible{outline:4px solid rgba(214,75,59,.85);outline-offset:-10px}.note-banner,.note-card,.note-gate,.note-board{border:2px solid #323438;background:#fffdf4f5;box-shadow:5px 6px #32343838}.note-banner{position:fixed;z-index:10;pointer-events:none}.note-banner.challenge{top:20px;left:50%;transform:translate(-50%) rotate(-1deg);padding:8px 16px;text-align:center}.note-banner.playing-as{left:16px;bottom:16px;transform:rotate(-1deg);padding:8px 12px}.note-kicker,.note-meta,.note-hint{margin:0;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.note-title{margin:0;font-family:Caveat,cursive;font-size:1.6rem;color:#d64b3b}.note-score{margin:4px 0 0;font-family:"DM Serif Display",Georgia,serif;font-size:1.8rem}.note-button{min-height:44px;border:2px solid #323438;background:transparent;padding:8px 16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.note-button.primary{background:#eebf47}.note-button:active{transform:scale(.97)}.ad-blocker{position:fixed;inset:0;z-index:15}.ad-slot{position:fixed;z-index:20;top:0;right:0;left:0;display:flex;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px 0;pointer-events:none}.ad-card{position:relative;width:100%;max-width:340px;border:2px solid #323438;background:#fffdf4;box-shadow:0 2px 14px #3234381f;pointer-events:auto}.ad-link{display:flex;flex-direction:column;align-items:center;padding:28px 16px 12px;color:inherit;text-align:center;text-decoration:none}.ad-headline{margin:0;font-family:"DM Serif Display",Georgia,serif;font-size:1.45rem;line-height:1.15}.ad-offer{margin:8px 0 0;color:#d64b3b;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.ad-rule{width:78%;height:2px;margin:10px 0;background:#d64b3b}.ad-price{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ad-quiz{margin:8px 0 0;font-family:Caveat,cursive;font-size:1.2rem;line-height:1.15}.ad-cta{display:block;width:100%;margin-top:12px;border:2px solid #323438;background:#eebf47;padding:10px 8px;font-size:13px;font-weight:700}.ad-close{position:absolute;z-index:1;top:4px;right:4px;border:0;background:transparent;padding:4px 8px;color:#32343899;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.ad-close:hover{color:#323438}.ad-label{margin-top:10px;color:#32343873;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.note-gate,.note-board{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#faf3e6d1}.note-card,.note-gate form,.note-board .sheet{width:min(100%,420px);padding:16px;text-align:center}.note-result{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;padding:20px;pointer-events:none}.note-result .note-card{pointer-events:auto;margin-bottom:12px;max-height:82vh;overflow:auto;transform:rotate(1deg)}.note-result.with-ad .note-card{max-height:calc(100vh - 390px)}.note-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.note-field{width:100%;margin-top:12px;border:2px solid #323438;background:#fffdf4;padding:10px 12px;text-align:center}.note-error{margin:8px 0 0;color:#d64b3b;font-size:12px}.lb-row{display:grid;grid-template-columns:2rem 1fr auto;gap:8px;padding:6px 0;border-top:1px solid rgba(50,52,56,.2);text-align:left;font-size:13px}.lb-empty{margin:8px 0 0;font-size:12px}@media(min-width:640px){.note-result:not(.with-ad){align-items:center}.note-result:not(.with-ad) .note-card{margin-bottom:0}}@media(max-width:680px){.notebook-game-canvas{cursor:pointer}}