*{box-sizing:border-box}body{margin:0;font-family:Arial,'Yu Gothic',sans-serif;color:#243b3e;background:#eaf0e9;overflow:hidden}canvas{display:block;width:100vw;height:100dvh;touch-action:none}button{font:inherit;cursor:pointer;border:1px solid #d7e1db;background:#fff;color:#284744;border-radius:10px;padding:11px 15px}button:hover,button:focus-visible{background:#e6f3e9;outline:2px solid #52876d}header{position:absolute;top:22px;left:26px;right:26px;display:flex;align-items:center;gap:14px;pointer-events:none}header>*{pointer-events:auto}header>button{margin-left:auto}.logo{background:#25654f;color:#fff;font-size:28px;padding:11px 15px;border-radius:14px}.logo span{color:#cce78f}small{font-size:10px;letter-spacing:2px;font-weight:bold;color:#547165}h1{font-size:22px;margin:5px 0}h1 em{font-size:12px;font-weight:normal;font-style:normal;margin-left:12px}aside{position:absolute;left:26px;top:120px;width:230px;padding:23px;background:#fffffff0;border:1px solid white;border-radius:17px;box-shadow:0 15px 45px #314c3012}h2{font-size:19px}p{font-size:12px;line-height:1.8;color:#667b71}nav{display:grid;gap:7px;margin:18px 0}nav button{text-align:left;display:flex;align-items:center;gap:12px;font-size:12px;padding:9px}nav b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:white;font-size:16px}aside>button{width:100%;font-size:12px}#viewbar{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#ffffffed;padding:6px;border-radius:14px;white-space:nowrap}#viewbar button{border:0;font-size:12px}#viewbar button.active{background:#28664f;color:white}footer{position:absolute;bottom:19px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#4b665b}footer span{background:#ffffffe6;padding:11px 15px;border-radius:20px}#status{position:absolute;right:28px;top:117px;background:#ffffffdf;padding:10px 15px;border-radius:20px;font-size:10px;letter-spacing:1px}#pad{position:absolute;right:28px;bottom:135px;text-align:center;display:none}#pad button{width:44px;margin:2px;touch-action:none}dialog{border:0;border-radius:21px;padding:35px;max-width:min(840px,92vw);width:680px;max-height:85dvh;box-shadow:0 20px 100px #1235}dialog::backdrop{background:#163f3f70;backdrop-filter:blur(5px)}#close{position:absolute;right:12px;top:12px;border:0;font-size:22px}dialog h2{font-size:29px;margin:10px 0 25px}dialog .notice{border-left:4px solid var(--accent,#39856a);background:#f4f7f1;padding:18px 22px;margin:12px 0;font-size:21px;line-height:1.6;color:#203e39}dialog .notice strong{display:block;color:#2c6959;font-size:13px;letter-spacing:1px;margin-bottom:6px}#restore{position:absolute;top:20px;right:20px}#loading{position:absolute;inset:0;background:#eff4eb;display:grid;place-items:center}.map{position:relative;width:100%;aspect-ratio:24/18;background:#f0dfb9;border:5px solid #b69c72;border-radius:8px}.map button{position:absolute;transform:translate(-50%,-50%);font-size:11px;padding:7px;max-width:28%}.map .entry{position:absolute;bottom:0;left:43%;font-size:12px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.portrait{width:100%;background:#f2f4eb;border-radius:12px}.caption{font-size:12px;background:#f5f5ef;padding:12px;line-height:1.6}.hidden-ui header,.hidden-ui aside,.hidden-ui #viewbar,.hidden-ui footer,.hidden-ui #status,.hidden-ui #pad{display:none!important}@media(max-width:900px){aside{top:100px;width:175px;padding:15px;left:14px}aside h2{font-size:15px}aside p{font-size:10px}nav button{font-size:10px;padding:6px;gap:7px}header{top:15px;left:14px;right:14px}h1{font-size:18px}h1 em{display:none}#viewbar{bottom:65px}#status{top:95px;right:15px}footer{left:14px;right:14px}footer span{font-size:9px}dialog .notice{font-size:18px}}@media(max-width:600px){aside{top:95px;max-height:55vh;overflow:auto;width:148px}aside p{display:none}aside small{font-size:8px}nav{margin:10px 0}#viewbar{width:94%;justify-content:center;gap:0}#viewbar button{padding:10px 7px;font-size:10px}footer span{max-width:75%}#status{max-width:42%;font-size:9px}dialog{padding:28px 18px}dialog h2{font-size:23px}.logo{font-size:22px;padding:9px}header small{font-size:8px}header>button{font-size:10px;padding:9px}}
.download{pointer-events:auto;margin-left:auto;text-decoration:none;font-size:11px;color:#2c6551;background:#fff;padding:10px;border-radius:10px}header>button{margin-left:0}@media(max-width:600px){.download{font-size:9px;padding:7px}}

.poster-gallery{display:flex;gap:14px;align-items:flex-start;justify-content:center;margin:0 0 24px}.art-zoom{padding:0;border:0;background:transparent;overflow:hidden;border-radius:12px}.art-zoom img{display:block;width:100%;height:auto}.poster-gallery .art-zoom{flex:1;max-width:540px}.art-zoom span{display:block;font-size:11px;padding:9px;color:#547263}.full-art{display:block;width:100%;margin-top:18px}.full-person{display:block;max-width:100%;max-height:65vh;margin:15px auto}.people-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.people-tabs button{font-size:12px;padding:8px 12px}.cards .portrait{background:white}.cards .art-zoom:hover{box-shadow:0 0 0 3px #75a58c}dialog{width:820px}.poster-gallery img{max-height:470px;object-fit:contain}@media(max-width:600px){.poster-gallery{flex-direction:column}.poster-gallery .art-zoom{width:100%}}

#touchControls{pointer-events:none;position:absolute;inset:0;z-index:3}#touchControls[hidden]{display:none}.stick-wrap{position:absolute;bottom:140px;text-align:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.move-stick{left:34px}.look-stick{right:34px}.stick-wrap>span{display:inline-block;color:#fff;background:#284e41dc;padding:5px 13px;margin-bottom:10px;border-radius:20px;font-size:11px;letter-spacing:2px}.stick{width:124px;height:124px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#ffffffe8,#e7f2e9b8);border:2px solid #ffffffdf;box-shadow:0 5px 26px #204b392b;touch-action:none;cursor:grab}.stick.engaged{border-color:#7fae92;background:#eaf7e8e8}.knob{width:53px;height:53px;border-radius:50%;background:linear-gradient(145deg,#608e76,#345b49);box-shadow:0 4px 9px #23493655,inset 0 1px 2px #fff8;border:2px solid #c1d9c1;z-index:1;pointer-events:none}.look-stick .knob{background:linear-gradient(145deg,#718c9d,#405d70);border-color:#c7d9e5}.axis-h,.axis-v{position:absolute;background:#7d998044;pointer-events:none}.axis-h{width:84%;height:1px}.axis-v{width:1px;height:84%}dialog{z-index:10}.hidden-ui #touchControls:not([hidden]){display:block}#viewbar,header,aside,footer,#restore{z-index:4}footer{pointer-events:none}footer button{pointer-events:auto}@media(pointer:coarse){aside{max-height:calc(100dvh - 400px);overflow:auto}}@media(max-width:600px){.stick{width:104px;height:104px}.knob{width:46px;height:46px}.move-stick{left:18px}.look-stick{right:18px}.stick-wrap{bottom:136px}aside{max-height:calc(100dvh - 380px);overflow:auto}}@media(max-height:620px){.stick-wrap{bottom:105px}.stick{width:96px;height:96px}.knob{width:43px;height:43px}aside{max-height:calc(100dvh - 300px);overflow:auto}#viewbar{bottom:57px}footer{bottom:8px}}

.resident-portrait{width:min(360px,100%);aspect-ratio:3/4;background-repeat:no-repeat;background-size:400% 200%;margin:0 auto;border-radius:12px}.cards .resident-portrait{width:100%}.cards [data-resident]{background:#f3f2e9}dialog>.resident-portrait{max-height:62vh}

.single-poster{margin:0 auto;width:min(360px,100%);aspect-ratio:3/4;background-repeat:no-repeat;background-color:#fff}.half-poster{background-size:200% 100%}.whole-poster{background-size:100% 100%}.poster-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.poster-nav span{font-size:12px;color:#6b7d72}.poster-nav button:disabled{opacity:.35;cursor:default}dialog .full-person{max-height:53vh}dialog .single-poster{max-width:300px}dialog h2{margin-bottom:16px}

.reference-cutout{width:min(450px,100%);aspect-ratio:1;background-repeat:no-repeat;background-size:300% 200%;margin:auto;max-height:55vh}dialog:has(.reference-cutout){background:#f2f3e9}

.reference-cutout{width:min(250px,100%);max-height:none;margin:auto}

.english-description{background:#eaf3e6;border:1px solid #c9d9c0;border-radius:12px;padding:15px 20px;margin:18px 0}.english-description small{letter-spacing:1px;color:#40654e}.english-description p{font-size:20px;line-height:1.65;color:#244537;margin:8px 0 0} @media(max-width:600px){.english-description p{font-size:18px}}
#holdGauge{position:fixed;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;z-index:12;display:none;pointer-events:none;border-radius:50%;background:conic-gradient(#a7dfbd 0deg, #a7dfbd var(--progress,0deg), #e8f3e899 var(--progress,0deg), #e8f3e899 360deg);box-shadow:0 2px 8px #163d3d77}#holdGauge.visible{display:block}#holdGauge span{position:absolute;inset:4px;border-radius:50%;background:#183b35a8;border:1px solid #ffffffb8}.pointing-arm{transform-origin:0 0}