@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=M+PLUS+Rounded+1c:wght@800;900&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;color:#4b4439;background:#eee7dc;font:12px 'DM Sans','Noto Sans JP',sans-serif;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:3px solid #82936f;outline-offset:3px}button{transition:background .2s,transform .2s}button:hover{transform:translateY(-2px)}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none;cursor:crosshair}header{position:absolute;top:28px;left:36px;right:36px;display:flex;align-items:center;gap:18px;pointer-events:none}header a{color:#526148;text-decoration:none;font:26px Georgia,serif;pointer-events:auto}header>span{font-size:10px;color:#8a8073;letter-spacing:2px}header button{margin-left:auto;border:1px solid #a99b7d40;border-radius:20px;padding:9px 14px;background:#fff9;pointer-events:auto;font-size:10px}.heading{position:absolute;left:42px;top:130px;pointer-events:none}.heading p{font-size:9px;letter-spacing:2px;color:#7b896d}.heading h1{font-size:40px;line-height:1.6;letter-spacing:3px;font-weight:500;margin:20px 0 18px}.heading>span{font-size:11px;color:#978b7b}.stats{position:absolute;right:42px;top:150px;text-align:right;pointer-events:none}.stats>span{display:block;font-size:10px;color:#8f8576}.stats strong{display:block;font-weight:400;font-size:43px;margin:6px 0 15px;color:#57674b}.stats small{font-size:13px}.top-tools{position:absolute;right:35px;top:285px;display:flex;gap:10px}.top-tools button{width:59px;height:64px;background:#fff7;border:1px solid #ffffffa0;border-radius:15px;font-size:23px;backdrop-filter:blur(10px)}.top-tools span{display:block;font-size:8px;margin-top:4px}.top-tools #finish{background:#59694d;color:#fff}.mode-bar{position:absolute;bottom:205px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:#fffc;border:1px solid #fff;padding:5px;border-radius:28px;white-space:nowrap;box-shadow:0 4px 20px #5b45200a}.mode-bar button{border:0;background:transparent;border-radius:22px;padding:10px 17px;font-size:11px}.mode-bar .active{background:#59694d;color:#fff}#hint{position:absolute;bottom:179px;text-align:center;width:100%;font-size:10px;color:#918473;pointer-events:none}.tray{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:28px;max-width:calc(100% - 42px);padding:22px 28px;background:#fffcf3e8;border:1px solid #fff;border-radius:22px;box-shadow:0 10px 50px #5645290b;backdrop-filter:blur(18px)}.group{min-width:148px}.group+.group{border-left:1px solid #e5ded0;padding-left:28px}.group label{display:flex;align-items:center;gap:8px;font-size:9px;color:#a49783;margin-bottom:15px;white-space:nowrap}.group label b{font-size:11px;color:#645e50;font-weight:500}.row{display:flex;gap:9px}.row button{width:51px;background:transparent;border:1px solid transparent;border-radius:12px;padding:6px 4px;font-size:25px}.row button.active{background:#e9edde;border-color:#a6b294}.row span{display:block;font-size:8px;white-space:nowrap;margin-top:5px}.row i{display:block;width:26px;height:26px;margin:2px auto 8px;border-radius:50%;box-shadow:inset -3px -3px 5px #0001}.sizing{min-width:150px}.sizing label>span{margin-left:auto;font-size:8px}input{width:100%;accent-color:#667857;margin:17px 0 14px;height:4px}.ends{display:flex;justify-content:space-between;font-size:8px;color:#9f927f}#loading{position:absolute;top:47%;left:0;width:100%;text-align:center;color:#6b7959;pointer-events:none}#toast{position:absolute;top:90px;left:50%;transform:translateX(-50%);border-radius:30px;background:#4b593ddd;color:white;padding:10px 20px;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap}dialog{border:1px solid #fff;border-radius:24px;background:#f8f4eb;padding:30px;width:min(530px,92vw);text-align:center;color:#4b4439}dialog::backdrop{background:#312a2066;backdrop-filter:blur(8px)}dialog p{font-size:10px;color:#8e836e;letter-spacing:1px}dialog h2{font-size:20px;font-weight:500}dialog img{width:100%;max-height:50vh;object-fit:contain;border-radius:16px}dialog button{border:0;background:none;padding:12px}#close{position:absolute;top:2px;right:8px;font-size:24px}#save{background:#59694d;color:white;border-radius:12px;display:block;width:100%}#continue{font-size:10px}@media(max-width:1050px){.tray{gap:14px;padding:18px}.group+.group{padding-left:14px}.row{gap:3px}.group{min-width:125px}.sizing{min-width:120px}.heading h1{font-size:30px}.heading{left:25px}.stats{right:25px}.top-tools{right:20px}}@media(max-width:700px){header{top:18px;left:20px;right:20px}header a{font-size:23px}header>span{display:none}.heading{top:76px;left:22px}.heading h1{font-size:22px;margin:10px 0;line-height:1.5}.heading p{font-size:7px;letter-spacing:1px}.heading>span{display:none}.stats{top:95px;right:22px}.stats strong{font-size:30px;margin:5px 0}.stats>span{font-size:8px}.stats #message{display:none}.top-tools{top:185px;right:15px;flex-direction:column;gap:7px}.top-tools button{width:45px;height:48px;font-size:18px;border-radius:12px}.top-tools span{font-size:7px}.tray{bottom:12px;width:calc(100% - 24px);max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;padding:15px 18px;border-radius:20px}.group{min-width:0}.group+.group{border:0;padding:0}.group:nth-child(even){border-left:1px solid #e5ded0;padding-left:15px}.group label{font-size:8px;margin-bottom:6px;gap:6px}.group label b{font-size:9px}.row{gap:5px;justify-content:space-between}.row button{font-size:23px;width:42px;padding:3px 0}.row span{font-size:7px;margin-top:3px}.row i{width:23px;height:23px;margin:0 auto 5px}.sizing input{margin:15px 0 13px}.sizing label>span{font-size:7px}.mode-bar{bottom:244px}.mode-bar button{font-size:9px;padding:9px 13px}#hint{bottom:224px;font-size:9px}.group.sizing{min-width:0}}@media(max-height:650px) and (min-width:701px){.heading{top:85px}.heading h1{font-size:25px}.stats{top:100px}.top-tools{top:210px}.tray{bottom:12px;padding:12px 20px}.mode-bar{bottom:165px}#hint{bottom:144px}}
.tray{gap:18px;padding:18px 22px}.group+.group{padding-left:18px}.group:last-child{min-width:230px}.group:last-child .row{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 5px}.group:last-child .row button{padding:2px 3px;font-size:21px}.group:last-child .row span{margin-top:1px}.mode-bar{bottom:245px}#hint{bottom:222px}#share{background:#59694d;color:white;border-radius:12px;margin-top:9px;width:100%}#save{background:#eee8dc;color:#514838}@media(max-width:700px){.tray{padding:12px 15px;gap:10px}.group:last-child{min-width:0}.group+.group{padding-left:0}.group:nth-child(even){padding-left:10px}.group:last-child .row{gap:3px 0}.group:last-child .row button{width:35px;font-size:20px}.group:last-child .row span{font-size:6px}.mode-bar{bottom:268px}#hint{bottom:246px;left:12px;right:12px;width:auto;font-size:8px}.stats{top:90px}}
header a{font-family:Georgia,'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;letter-spacing:.035em}dialog img{display:block;max-width:100%;width:auto;height:auto;max-height:48vh;margin:0 auto;object-fit:contain}@media(max-width:700px){header a{font-size:21px}}

body{background:#ceb493}header a{font-family:'Mochiy Pop One','Hiragino Maru Gothic ProN',sans-serif;font-size:23px;letter-spacing:.01em}header a b{font-weight:400}.top-tools button{padding:4px 2px;min-width:62px}.top-tools span{white-space:nowrap;word-break:keep-all;font-size:9px}#share-status:empty{display:none}#share-status{font-size:11px;letter-spacing:0}@media(max-width:700px){header a{font-size:20px}.top-tools button{width:58px;min-width:58px}.top-tools span{font-size:8px}}

header a,header a b{font-family:'M PLUS Rounded 1c','Hiragino Maru Gothic ProN',sans-serif;font-weight:900;letter-spacing:.015em}header a{font-size:26px}dialog .completion-label{font-family:'M PLUS Rounded 1c',sans-serif;font-size:21px;font-weight:900;color:#59694d;letter-spacing:.06em;margin:0 0 10px}dialog #result-text{font-size:19px;font-weight:700;line-height:1.65;letter-spacing:0;color:#61503f;margin:18px 0}#result-height{display:block;font-size:17px;margin-top:3px;color:#6c7659}@media(max-width:700px){header a{font-size:23px}dialog #result-text{font-size:18px}dialog .completion-label{font-size:20px}dialog img{max-height:39vh}}

#share-options[hidden]{display:none}#share-options{margin:18px 0;padding:16px;border-radius:18px;background:#f0eadf;text-align:left}#share-options p,#share-options small{display:block;font-size:13px;line-height:1.7}#share-options label{display:block;font-size:12px;margin:12px 0 6px}#share-copy-text{width:100%;box-sizing:border-box;border:1px solid #c9c7b9;border-radius:10px;padding:10px;background:#fffdf6;color:#454d3e;font:inherit;font-size:13px;resize:vertical}#share-options button{display:inline-block;margin:8px 4px 4px 0}#share-native[hidden]{display:none}

header a b{-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:0 2px 0 #fff,2px 0 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff}