:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:480px;min-height:100vh}h1{font-size:2em;line-height:1;text-align:center;margin:5px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@font-face{font-family:JF Dot milkjf16;src:url(/fonts/JF-Dot-milkjf16.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--trl-scale: .4}html,body,#root{margin:0;padding:0;width:100%;min-height:100%;background:#111!important}body{overscroll-behavior:none}.trl-page{width:100%;min-height:100vh;background:#111;color:#111;display:flex;justify-content:center;align-items:flex-start;font-family:system-ui,sans-serif}.trl-inner{width:calc(1080px * var(--trl-scale));min-height:100vh;margin:0 auto;padding:0;background-image:url(/ui/PaperTile.png);background-repeat:repeat-y;background-position:top center;background-size:calc(1080px * var(--trl-scale)) auto;overflow:hidden}.trl-header{display:block;width:calc(1080px * var(--trl-scale));height:auto;margin:0 auto;image-rendering:pixelated}.trl-title{display:block;width:calc(744px * var(--trl-scale));height:auto;margin:calc(42px * var(--trl-scale)) auto calc(54px * var(--trl-scale));image-rendering:pixelated}.trl-caution{position:relative;width:calc(1032px * var(--trl-scale));height:calc(216px * var(--trl-scale));margin:0 auto calc(30px * var(--trl-scale))}.trl-caution-bg{position:absolute;inset:0;width:calc(1032px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-caution-text{position:absolute;left:calc(180px * var(--trl-scale));top:calc(30px * var(--trl-scale));right:calc(36px * var(--trl-scale));font-size:calc(30px * var(--trl-scale));line-height:1.45;text-align:left}.trl-caution-text p{margin:0 0 calc(6px * var(--trl-scale))}.trl-connect{position:relative;width:calc(1032px * var(--trl-scale));height:calc(96px * var(--trl-scale));margin:calc(24px * var(--trl-scale)) auto calc(48px * var(--trl-scale))}.trl-connect-bg{position:absolute;inset:0;width:calc(1032px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-connect-text{position:absolute;left:calc(72px * var(--trl-scale));top:calc(24px * var(--trl-scale));width:calc(900px * var(--trl-scale));height:calc(48px * var(--trl-scale));display:flex;align-items:center;gap:calc(16px * var(--trl-scale));color:#fff;font-size:calc(38px * var(--trl-scale));font-weight:700}.trl-dot{width:calc(36px * var(--trl-scale));height:calc(24px * var(--trl-scale));display:inline-block;border:calc(3px * var(--trl-scale)) solid white;background:#444}.trl-dot.on{background:#16a000}.trl-printer-name{margin-left:calc(36px * var(--trl-scale))}.trl-connect-button{margin-left:auto;margin-right:calc(24px * var(--trl-scale));height:calc(38px * var(--trl-scale));padding:0 calc(16px * var(--trl-scale));border:0;background:#fff;color:#000;font-size:calc(20px * var(--trl-scale));font-weight:700;cursor:pointer}.trl-menu-list{display:flex;flex-direction:column;align-items:center;gap:calc(26px * var(--trl-scale))}.trl-menu-button{position:relative;width:calc(810px * var(--trl-scale));height:calc(168px * var(--trl-scale));margin-bottom:calc(36px * var(--trl-scale));border:0;padding:0;background:transparent;cursor:pointer;image-rendering:pixelated;transition:transform 80ms ease}.trl-menu-button:before{content:"";display:block;width:calc(810px * var(--trl-scale));height:calc(168px * var(--trl-scale));background-image:url(/ui/ContentsButton.png);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated}.trl-menu-button:hover{transform:translate(calc(6px * var(--trl-scale)))}.trl-menu-button:active{transform:translate(calc(12px * var(--trl-scale)))}.trl-menu-icon{position:absolute;left:calc(36px * var(--trl-scale));top:calc(36px * var(--trl-scale));width:calc(96px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-menu-label{position:absolute;left:calc(174px * var(--trl-scale));top:calc(54px * var(--trl-scale));width:calc(504px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-menu-arrow{display:none}.trl-divider{display:block;width:calc(1032px * var(--trl-scale));height:auto;margin:calc(24px * var(--trl-scale)) auto calc(36px * var(--trl-scale));image-rendering:pixelated}.trl-credit{display:block;width:calc(360px * var(--trl-scale));height:auto;margin:0 auto calc(48px * var(--trl-scale));image-rendering:pixelated}h1{display:none}.trl-tool-page{width:calc(1032px * var(--trl-scale));margin:0 auto;padding-bottom:calc(72px * var(--trl-scale))}.trl-back-button,.trl-tool-buttons button{border:0;padding:0;background:transparent;cursor:pointer}.trl-back-button img{width:calc(252px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-tool-headline{display:block;width:calc(606px * var(--trl-scale));height:auto;margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale));image-rendering:pixelated}.trl-tool-illust{display:block;width:calc(384px * var(--trl-scale));height:auto;margin:0 auto calc(36px * var(--trl-scale));image-rendering:pixelated}.trl-tool-control{display:flex;align-items:center;gap:calc(24px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale));width:calc(720px * var(--trl-scale))}.trl-tool-control img{width:calc(96px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-tool-control select,.trl-tool-control input{font-size:calc(28px * var(--trl-scale))}.trl-photolog-frame-area{position:relative;width:calc(924px * var(--trl-scale));height:calc(636px * var(--trl-scale));margin:calc(36px * var(--trl-scale)) auto}.trl-photolog-frame-area>img{position:absolute;inset:0;width:calc(924px * var(--trl-scale));height:calc(636px * var(--trl-scale));image-rendering:pixelated}.trl-photolog-canvas{position:absolute;left:calc(66px * var(--trl-scale));top:calc(54px * var(--trl-scale));width:calc(792px * var(--trl-scale));height:auto;background:#fff}.trl-tool-buttons{display:flex;justify-content:center;gap:calc(36px * var(--trl-scale));margin:calc(36px * var(--trl-scale)) auto}.trl-tool-buttons img{width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale));image-rendering:pixelated}.trl-back-bottom{display:block;margin:calc(48px * var(--trl-scale)) auto 0}.trl-tool-message{text-align:center;font-size:calc(24px * var(--trl-scale))}.trl-photolog-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-photolog-back{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-photolog-title-stack{display:flex;flex-direction:column;align-items:center}.trl-photolog-title-stack .trl-tool-headline{width:calc(606px * var(--trl-scale));height:calc(72px * var(--trl-scale));margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale));image-rendering:pixelated}.trl-photolog-title-stack .trl-tool-illust{width:calc(384px * var(--trl-scale));height:calc(192px * var(--trl-scale));margin:0 auto;image-rendering:pixelated}.trl-photolog-controls{width:calc(760px * var(--trl-scale));margin:calc(30px * var(--trl-scale)) auto calc(24px * var(--trl-scale));display:grid;grid-template-columns:calc(360px * var(--trl-scale)) calc(360px * var(--trl-scale));grid-template-rows:auto auto;column-gap:calc(40px * var(--trl-scale));row-gap:calc(24px * var(--trl-scale));align-items:end}.trl-photolog-controls .trl-tool-control{width:auto;margin:0;gap:calc(18px * var(--trl-scale))}.trl-photolog-controls .trl-tool-control img{width:calc(72px * var(--trl-scale))}.trl-frame-control{grid-column:1;grid-row:1}.trl-tone-control{grid-column:2;grid-row:1}.trl-photo-control{grid-column:1;grid-row:2}.trl-photo-input{width:calc(620px * var(--trl-scale))}.trl-inner img,.trl-inner canvas{image-rendering:auto}.trl-driver-select{max-width:calc(240px * var(--trl-scale));height:calc(38px * var(--trl-scale));font-size:calc(18px * var(--trl-scale));font-weight:700}.trl-numberplace-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-numberplace-back{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-numberplace-title-stack{display:flex;flex-direction:column;align-items:center}.trl-numberplace-headline{display:block;width:calc(606px * var(--trl-scale));height:calc(72px * var(--trl-scale));margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale))}.trl-numberplace-illust{display:block;width:calc(384px * var(--trl-scale));height:calc(192px * var(--trl-scale));margin:0 auto}.trl-numberplace-controls{width:calc(720px * var(--trl-scale));margin:calc(24px * var(--trl-scale)) auto calc(18px * var(--trl-scale));display:grid;grid-template-columns:calc(300px * var(--trl-scale)) calc(348px * var(--trl-scale));column-gap:calc(36px * var(--trl-scale));row-gap:calc(18px * var(--trl-scale));align-items:center}.trl-numberplace-controls .trl-tool-control{width:auto;margin:0;gap:calc(18px * var(--trl-scale))}.trl-numberplace-controls .trl-tool-control img{width:calc(72px * var(--trl-scale))}.trl-numberplace-difficulty-box{position:relative;width:calc(204px * var(--trl-scale));height:calc(96px * var(--trl-scale));display:flex;align-items:center;justify-content:center;background-image:url(/ui/BalloonDifficulty.png);background-size:100% 100%;background-repeat:no-repeat}.trl-numberplace-difficulty-box select{width:calc(160px * var(--trl-scale));height:calc(48px * var(--trl-scale));font-size:calc(24px * var(--trl-scale));background:#fff}.trl-numberplace-create-button{border:0;padding:0;background:transparent;cursor:pointer}.trl-numberplace-create-button img{display:block;width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale))}.trl-numberplace-tone-control{grid-column:1 / 3;justify-content:center}.trl-numberplace-canvas-area{display:flex;justify-content:center;margin:calc(18px * var(--trl-scale)) auto calc(30px * var(--trl-scale))}.trl-numberplace-canvas{width:calc(576px * var(--trl-scale));height:calc(864px * var(--trl-scale));background:#fff;border:calc(4px * var(--trl-scale)) solid #111;box-sizing:border-box}.trl-browser-notice{width:calc(960px * var(--trl-scale));margin:0 auto calc(30px * var(--trl-scale));padding:calc(24px * var(--trl-scale)) calc(30px * var(--trl-scale));border:calc(6px * var(--trl-scale)) solid #111;background:#fff7c8;box-sizing:border-box;text-align:left;font-size:calc(24px * var(--trl-scale));line-height:1.45}.trl-browser-notice p{margin:0 0 calc(6px * var(--trl-scale))}.trl-browser-notice p:last-child{margin-bottom:0}.trl-omikuji-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-omikuji-back{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-omikuji-title-stack{display:flex;flex-direction:column;align-items:center}.trl-omikuji-headline{display:block;width:calc(606px * var(--trl-scale));height:calc(72px * var(--trl-scale));margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale))}.trl-omikuji-illust{display:block;width:calc(384px * var(--trl-scale));height:calc(192px * var(--trl-scale));margin:0 auto}.trl-omikuji-panel{display:flex;flex-direction:column;align-items:center;gap:calc(24px * var(--trl-scale));margin:calc(30px * var(--trl-scale)) auto calc(36px * var(--trl-scale))}.trl-omikuji-tone-control{width:auto;margin:0;gap:calc(18px * var(--trl-scale))}.trl-omikuji-tone-control img{width:calc(72px * var(--trl-scale))}.trl-omikuji-draw-button{border:0;padding:0;background:transparent;cursor:pointer}.trl-omikuji-draw-button:disabled{cursor:default}.trl-omikuji-draw-button img{display:block;width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale))}.trl-omikuji-note{margin:0;text-align:center;font-size:calc(26px * var(--trl-scale));font-weight:700}.trl-papertools-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-papertools-back{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-papertools-title-stack{display:flex;flex-direction:column;align-items:center}.trl-papertools-headline{display:block;width:calc(504px * var(--trl-scale));height:calc(60px * var(--trl-scale));margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale))}.trl-papertools-illust{display:block;width:calc(384px * var(--trl-scale));height:calc(192px * var(--trl-scale));margin:0 auto}.trl-papertools-controls{width:calc(760px * var(--trl-scale));margin:calc(24px * var(--trl-scale)) auto calc(18px * var(--trl-scale));display:grid;grid-template-columns:calc(360px * var(--trl-scale)) calc(360px * var(--trl-scale));column-gap:calc(40px * var(--trl-scale));align-items:center}.trl-papertools-controls .trl-tool-control{width:auto;margin:0;gap:calc(18px * var(--trl-scale))}.trl-papertools-controls .trl-tool-control img{width:calc(72px * var(--trl-scale))}.trl-papertools-controls select{font-size:calc(26px * var(--trl-scale))}.trl-papertools-description{width:calc(760px * var(--trl-scale));margin:calc(18px * var(--trl-scale)) auto calc(18px * var(--trl-scale));text-align:center;font-size:calc(24px * var(--trl-scale));line-height:1.55}.trl-papertools-description h2{display:block;margin:0 0 calc(12px * var(--trl-scale));font-size:calc(34px * var(--trl-scale));line-height:1.2}.trl-papertools-description p{margin:0 0 calc(6px * var(--trl-scale))}.trl-papertools-canvas-area{display:flex;justify-content:center;margin:calc(18px * var(--trl-scale)) auto calc(30px * var(--trl-scale))}.trl-papertools-canvas{width:calc(576px * var(--trl-scale));height:calc(864px * var(--trl-scale));background:#fff;border:calc(4px * var(--trl-scale)) solid #111;box-sizing:border-box}.trl-booklog-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-booklog-back{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-booklog-title-stack{display:flex;flex-direction:column;align-items:center}.trl-booklog-headline{display:block;width:calc(606px * var(--trl-scale));height:calc(72px * var(--trl-scale));margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale))}.trl-booklog-illust{display:block;width:calc(384px * var(--trl-scale));height:calc(192px * var(--trl-scale));margin:0 auto}.trl-booklog-controls{width:calc(760px * var(--trl-scale));margin:calc(24px * var(--trl-scale)) auto calc(18px * var(--trl-scale));display:grid;grid-template-columns:calc(360px * var(--trl-scale)) calc(348px * var(--trl-scale));grid-template-rows:auto auto;column-gap:calc(40px * var(--trl-scale));row-gap:calc(18px * var(--trl-scale));align-items:center}.trl-booklog-controls .trl-tool-control{width:auto;margin:0;gap:calc(18px * var(--trl-scale))}.trl-booklog-controls .trl-tool-control img{width:calc(72px * var(--trl-scale))}.trl-booklog-isbn-input{width:calc(250px * var(--trl-scale));height:calc(48px * var(--trl-scale));font-size:calc(24px * var(--trl-scale));box-sizing:border-box;border:calc(3px * var(--trl-scale)) solid #111;background:#fff;color:#111}.trl-booklog-fetch-button{border:0;padding:0;background:transparent;cursor:pointer}.trl-booklog-fetch-button:disabled{cursor:default}.trl-booklog-fetch-button img{display:block;width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale))}.trl-booklog-tone-control{grid-column:1 / 3;justify-content:center}.trl-booklog-canvas-area{display:flex;justify-content:center;margin:calc(18px * var(--trl-scale)) auto calc(30px * var(--trl-scale))}.trl-booklog-canvas{width:calc(576px * var(--trl-scale));height:calc(1152px * var(--trl-scale));background:#fff;border:calc(4px * var(--trl-scale)) solid #111;box-sizing:border-box;image-rendering:pixelated}.trl-umaphoto-headline{width:calc(606px * var(--trl-scale));height:calc(72px * var(--trl-scale));image-rendering:pixelated}.trl-umaphoto-illust{width:calc(480px * var(--trl-scale));height:calc(480px * var(--trl-scale));image-rendering:pixelated}.trl-umaphoto-preview{width:calc(576px * var(--trl-scale));height:calc(864px * var(--trl-scale));image-rendering:pixelated}.trl-umaphoto-draw-button img{width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale));image-rendering:pixelated}.trl-umaphoto-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-umaphoto-back{position:absolute;left:0;top:calc(444px * var(--trl-scale))}.trl-umaphoto-title-stack{display:flex;flex-direction:column;align-items:center}.trl-umaphoto-draw-button{border:0;padding:0;background:transparent;cursor:pointer}.trl-umaphoto-draw-button:disabled{cursor:default}.trl-umaphoto-rules-button{border:0;padding:0;background:transparent;cursor:default}.trl-umaphoto-rules-button img{width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale));image-rendering:pixelated}