:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#594c3c;background:#efeee5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.16' filter='url(%23n)'/%3E%3C/svg%3E");z-index:4}.playroom{min-height:100svh;display:flex;align-items:center;justify-content:center;gap:clamp(30px,5vw,100px);padding:32px 28px 52px;position:relative}.game-paper{flex-shrink:0;position:relative;width:430px;height:min(860px,calc(100svh - 82px));min-height:700px;background:#fbf8ef;border:1px solid #d8d4c6;border-radius:24px 25px 22px 27px;box-shadow:0 5px #e0ddce,0 7px #d4d0c2,0 18px 60px #51432a0b;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;-webkit-tap-highlight-color:transparent}canvas:focus-visible{outline:2px solid #718267;outline-offset:-5px;border-radius:23px}.field-notes{width:275px;padding-bottom:30px}.edition{font-size:10px;letter-spacing:2px;font-weight:600;color:#829072;margin-bottom:27px}.edition span{font-size:25px;margin-left:12px}.field-notes h1{font-size:28px;font-weight:600;line-height:1.75;letter-spacing:1px;margin:0 0 16px;transform:rotate(-2deg)}.field-notes p{color:#918674;font-size:13px;line-height:2;letter-spacing:.7px}.notebook-note{display:flex;gap:19px;align-items:center;width:220px;border-top:1px dashed #c9c6b7;padding-top:22px;margin-top:36px}.note-number{font-size:21px;font-family:Georgia,serif;font-style:italic;color:#768168}.notebook-note>span:last-child{line-height:1.8;font-size:11px;color:#9b907c}.note-arrow{width:130px;display:block;margin:14px 0 12px 105px;color:#8b957a;transform:rotate(-10deg)}.field-notes small{color:#a29987;font-size:11px;letter-spacing:1px}.desk-doodle{width:190px;text-align:center;align-self:center;transform:rotate(5deg) translateY(100px)}.desk-doodle img{width:155px;display:block;margin:8px auto -14px}.desk-doodle svg{width:160px}.doodle-label{color:#8c9278;font-size:16px;letter-spacing:3px;transform:rotate(-10deg)}.desk-doodle>span{display:block;font-size:10px;color:#a69e8b;margin-top:15px;letter-spacing:2px}.desktop-footer{display:flex;justify-content:space-between;position:absolute;bottom:17px;left:40px;right:40px;font-size:9px;letter-spacing:1.4px;color:#a7a08e}@media(max-width:1150px){.desk-doodle{display:none}.playroom{gap:60px}}@media(max-width:820px){.field-notes{display:none}.playroom{padding:18px 16px 40px}.game-paper{height:min(860px,calc(100svh - 60px))}.desktop-footer{left:20px;right:20px}.desktop-footer>span:last-child{display:none}}@media(max-width:500px){body{background:#fbf8ef}.playroom{padding:0;display:block}.game-paper{width:100%;height:100svh;min-height:640px;border:0;border-radius:0;box-shadow:none}.desktop-footer{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}