@font-face{font-family:'Noto Sans KR';src:url('./assets/fonts/Pretendard-Medium.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Chosun;src:url('./assets/fonts/ChosunSm.woff2') format('woff2');font-display:swap}
:root{font-family:'Noto Sans KR',sans-serif;color:#fbf5df;background:#102938;font-synthesis:none;--gold:#edc778;--mint:#8ed7bb;--ink:#173447;--paper:#fff9eb}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #91e5ce;outline-offset:4px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 55% 42%,transparent 28%,#08182470 100%)}#screen{position:fixed;inset:0;pointer-events:none}#screen>*{pointer-events:auto}.landing{height:100%;display:flex;align-items:center;padding:6vw;background:linear-gradient(90deg,#071824ed 0%,#0b1c32b0 40%,#091a3410 75%),url('./assets/library.webp') center/cover}.landing-inner{max-width:580px}.overline,.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:700}.overline:before{content:'✦';margin-right:12px}.landing h1{font-size:clamp(42px,5.5vw,80px);line-height:1.17;letter-spacing:-3px;font-weight:800;margin:22px 0}.landing h1 span{color:var(--gold)}.landing .subtitle{font-size:15px;color:#e3e8e1b5;line-height:1.9;max-width:430px}.tag-row{display:flex;gap:8px;margin:25px 0 30px}.tag{border:1px solid #f4e7c825;padding:6px 12px;border-radius:30px;font-size:11px;color:#e3e8e1b5}.primary,.secondary{padding:15px 24px;border-radius:12px;font-weight:800;transition:transform .2s,background .2s}.primary{background:var(--gold);color:#293b3c;box-shadow:0 8px 25px #edc77822}.primary:hover{background:#ffdb92;transform:translateY(-2px)}.secondary{background:#ffffff10;color:#f8f1dd;border:1px solid #f4e7c830}.actions{display:flex;gap:10px;flex-wrap:wrap}.landing-note{margin-top:24px;color:#ffffff65;font-size:11px;line-height:1.7}.landing-bottom{position:absolute;bottom:24px;left:6vw;right:6vw;display:flex;justify-content:space-between;color:#ffffff80;font-size:10px;letter-spacing:1px}.landing-bottom button{background:none;color:#e6d8b0;font-size:11px}.edition{position:absolute;right:5vw;top:35px;border:1px solid #f8dca34a;padding:8px 14px;border-radius:30px;color:#e8d6b0;font-size:10px;letter-spacing:2px}.brand{display:flex;gap:12px;align-items:center;color:var(--paper);text-decoration:none;font-size:13px;font-weight:800}.brand small{display:block;font-size:10px;font-weight:400;color:#d9e4dc99;margin-top:3px}.brand-icon{font-size:28px;color:var(--gold)}#hud{position:fixed;top:24px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;z-index:3}.chapter-pill{padding:10px 18px;border:1px solid #fff2d326;background:#0e2638b0;border-radius:40px;font-size:12px;backdrop-filter:blur(12px);display:flex;gap:10px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.header-tools{display:flex;gap:8px}.header-tools button{background:#102c40c0;color:var(--paper);border:1px solid #e3f1e21c;border-radius:12px;min-width:42px;height:42px;padding:0 13px}.header-tools button:hover{background:#294456}#quest{position:fixed;top:110px;left:30px;width:250px;padding:24px;background:linear-gradient(135deg,#112938ec,#173445c9);border:1px solid #d8e7de1a;border-radius:18px;backdrop-filter:blur(10px);z-index:2}#quest h2{font-size:21px;letter-spacing:-.6px;margin:10px 0}#quest p{color:#cadbd4;font-size:12px;line-height:1.8;margin:0 0 18px}.progress{height:4px;background:#ffffff18;border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:var(--gold);transition:width .7s}#questCount{font-size:10px;color:#e1cfab;margin-top:10px}#map{position:fixed;right:30px;bottom:110px;width:215px;height:195px;padding:16px;border:1px solid #d8e7de24;background:#102d40c7;border-radius:18px;backdrop-filter:blur(10px);z-index:2}.map-heading{display:flex;justify-content:space-between;font-size:11px}.map-heading span{color:var(--gold)}.mini-island{position:absolute;top:66px;font-size:10px;text-align:center;color:#cdded8}.mini-island:before{content:'';display:block;background:#465664;border:1px solid #7c8d99;width:47px;height:63px;clip-path:polygon(47% 0,75% 23%,88% 52%,68% 82%,30% 100%,8% 72%,12% 27%);margin-bottom:5px;transition:background 1s}.mini-island span{position:absolute;top:35px;left:21px;color:#90a3ad;font-size:7px}.mini-island.west{left:42px;transform:rotate(-12deg)}.mini-island.east{right:40px;transform:rotate(10deg)}#map.lit .east:before{background:#91b686}#map.lit .east span{color:var(--gold);text-shadow:0 0 12px #ffe091}.map-sea{position:absolute;top:105px;left:100px;color:#89c6cb55}#map small{position:absolute;bottom:15px;left:16px;font-size:9px;color:#a5bebf}#party{position:fixed;left:30px;bottom:110px;display:flex;gap:8px;z-index:2}.party-player{background:#142f40de;border:1px solid #deeee525;border-radius:12px;padding:7px 11px;display:flex;align-items:center;gap:7px;font-size:10px}.party-player img{width:27px;height:27px;object-fit:cover;border-radius:50%}.party-player b{color:var(--mint);font-size:8px}#connection{position:fixed;bottom:16px;right:26px;font-size:10px;color:#c0d5d399;z-index:5;max-width:50%}#controls{position:fixed;bottom:30px;left:30px;right:30px;display:flex;align-items:center;gap:24px;color:#c5d8d4b5;font-size:11px;z-index:3}kbd{font-size:10px;border:1px solid #d4e6df30;border-radius:4px;padding:3px 6px;margin-right:5px;font-family:inherit;color:#eceddd}#interactBtn{margin-left:auto;margin-right:235px;background:#eac578;color:#20373e;border-radius:12px;padding:13px 23px;font-size:12px;font-weight:800}#interactBtn b{margin-left:15px;border:1px solid #20373e40;border-radius:4px;padding:2px 5px;font-size:10px}#toast{position:fixed;top:88px;left:50%;transform:translateX(-50%);padding:12px 22px;border:1px solid #e7d9ab45;background:#17394ae8;border-radius:12px;font-size:12px;opacity:0;transition:opacity .25s;z-index:30;pointer-events:none;max-width:90%;text-align:center}#toast.show{opacity:1}.dialog-shade{position:fixed;inset:0;background:#08192975;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:10}.dialog{width:min(580px,100%);background:var(--paper);color:var(--ink);border-radius:24px;padding:35px;box-shadow:0 35px 100px #0006;position:relative;max-height:88dvh;overflow-y:auto}.dialog .eyebrow{color:#8d734b}.dialog h2{font-size:27px;letter-spacing:-1px;margin:12px 0}.dialog p{font-size:14px;line-height:1.9;color:#577079}.dialog .secondary{color:var(--ink);border-color:#183e3b25;background:#294d4508}.dialog .close{position:absolute;right:18px;top:16px;background:transparent;color:#668080;font-size:23px;padding:6px}.dialog input{width:100%;padding:13px 15px;border:1px solid #c9d7ce;border-radius:10px;background:#fffdf7;color:#1c3c45;margin:6px 0 15px}.dialog label{font-size:11px;font-weight:800;color:#688176}.portrait-row{display:flex;gap:12px;margin:15px 0 25px}.portrait-row button{flex:1;position:relative;border:2px solid transparent;border-radius:13px;padding:6px;background:#e8eee4;color:#39534f}.portrait-row button.selected{border-color:#829e71;background:#f1e3bc}.portrait-row img{width:100%;height:80px;object-fit:cover;border-radius:8px}.portrait-row span{font-size:11px}.story{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);width:min(790px,calc(100% - 40px));display:grid;grid-template-columns:100px 1fr auto;gap:22px;align-items:center;padding:25px 30px;border:1px solid #fae4b743;background:#102b3eef;border-radius:22px;box-shadow:0 15px 80px #0004}.story img{width:90px;height:90px;object-fit:cover;border-radius:16px;border:1px solid #f7e2bc50}.story .speaker{font-size:12px;color:var(--gold);margin:0 0 8px}.story p{font-size:15px;line-height:1.8;margin:0;white-space:pre-line}.story button{background:#ecc979;color:#1c3841;padding:12px 16px;border-radius:10px;font-size:12px;font-weight:800}.story-count{font-size:10px;color:#bfd4d088;margin-top:8px}.book-glow{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%) rotate(-7deg);width:180px;height:215px;background:linear-gradient(135deg,#365957,#173b48);border:2px solid #dabd77;border-left:12px solid #b5a175;border-radius:5px 14px 14px 5px;box-shadow:0 0 80px #f7d68a35,0 20px 50px #0008;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;color:#ead594}.book-glow small{font-size:10px;letter-spacing:4px}.book-glow strong{font-size:30px;margin:18px 0}.book-glow:after{content:'✦';font-size:20px}.library-story{height:100%;background:linear-gradient(#091c3150,#05162b60),url('./assets/library.webp') center/cover}.puzzle{width:min(780px,100%)}.clue-box{background:#e8eee2;border-left:3px solid #84a98e;border-radius:8px;padding:14px 18px;margin:18px 0;font-size:12px;line-height:1.9;color:#48645f}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.slot{border:1px dashed #b5c7ba;border-radius:12px;padding:16px 12px;background:#fffdf6;min-height:125px}.slot.solved{border:1px solid #8cab95;background:#eaf0df}.slot .num{font-size:10px;color:#8b9b8f}.slot h3{font-size:13px;margin:8px 0 12px}.choice{display:block;width:100%;margin:6px 0;padding:9px 10px;border-radius:7px;font-size:11px;color:#355854;background:#ecf0e7}.choice:hover{background:#d7e8d0}.solved-label{font-size:13px;color:#3b785f;font-weight:800}.journal{width:min(860px,100%)}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.journal-card{padding:20px;border:1px solid #d8dfd0;border-radius:12px;background:#fffdf7}.journal-card.locked{opacity:.55}.journal-card small{font-size:10px;color:#879978}.journal-card h3{font-size:15px;margin:8px 0}.journal-card p{font-size:12px;line-height:1.8;margin:0}.source-link{font-size:11px;color:#597f71}.badge{display:inline-block;font-size:10px;background:#e6eddd;color:#6d8764;padding:4px 8px;border-radius:20px}.ending{text-align:center}.ending-symbol{font-size:50px;color:#b69a5d;margin:5px}.ending h2{font-size:30px}.ending .stat-row{display:flex;justify-content:center;gap:35px;margin:25px 0}.stat-row strong{display:block;font-size:25px;color:#5c846c}.stat-row span{font-size:10px;color:#849287}#raceHud{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;padding:16px 22px;background:#102b3ee8;border:1px solid #f8e3bc35;border-radius:18px;z-index:4;width:max-content;max-width:95%}#raceHud small{display:block;color:var(--gold);font-size:10px}#raceHud strong{font-size:12px}#raceLanes{display:flex;gap:5px}#raceHud button{background:#ffffff12;color:#e8eedf;border-radius:8px;padding:10px 12px;font-size:11px}#raceHud button.active{background:var(--gold);color:#24414a}#boostBtn{border:1px solid #e7cc8345!important}#boostBtn:disabled{opacity:.4}#touchControls{position:fixed;bottom:90px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.touch-pad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:4px}.touch-pad button,#touchAction{pointer-events:auto;background:#153448bb;color:#faf3dd;border:1px solid #e8dfc435;border-radius:10px;touch-action:none}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-column:1;grid-row:2}.touch-pad button:nth-child(3){grid-column:2;grid-row:2}.touch-pad button:nth-child(4){grid-column:3;grid-row:2}#touchAction{padding:16px}.room-code{font-size:38px;font-weight:800;color:#547c6a;letter-spacing:6px;margin:10px 0}.room-roster{padding:12px;background:#e8eee3;border-radius:10px;font-size:12px;margin:15px 0;line-height:1.8;min-height:45px}.status-error{color:#a84943!important}.form-note{font-size:11px!important}.fade-in{animation:enter .6s both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){#hud{top:15px;left:18px;right:18px}.brand{font-size:11px;gap:7px}.brand small{font-size:8px}.chapter-pill{display:none}.header-tools button{height:36px;min-width:35px;padding:0 9px}.header-tools span{display:none}#quest{top:78px;left:18px;width:205px;padding:17px}#quest h2{font-size:17px}#quest p{font-size:11px;margin-bottom:10px}#map{right:18px;bottom:105px;transform:scale(.8);transform-origin:bottom right}#party{left:18px;bottom:100px;max-width:60%;flex-wrap:wrap}#controls{left:18px;right:18px;bottom:30px;gap:10px}#controls span{display:none}#interactBtn{margin-right:0;margin-left:auto}#raceHud{bottom:25px;gap:10px;padding:12px;flex-wrap:wrap;justify-content:center}#raceHud>div:first-child{display:none}.landing{padding:25px;background-position:60% center}.landing-inner{max-width:440px}.landing h1{font-size:48px}.landing .subtitle{font-size:13px}.landing-bottom{left:25px;right:25px}.edition{right:25px;top:25px}.story{grid-template-columns:60px 1fr;gap:14px;padding:20px;bottom:25px}.story img{width:60px;height:60px}.story p{font-size:13px}.story button{grid-column:2;justify-self:end}.book-glow{top:34%;transform:translate(-50%,-50%) rotate(-7deg) scale(.8)}.dialog{padding:28px 22px}.dialog h2{font-size:23px}.slots{grid-template-columns:1fr}.slot{min-height:0}.journal-grid{grid-template-columns:1fr}#connection{font-size:9px}.portrait-row img{height:65px}}@media(pointer:coarse){#touchControls:not([hidden]){display:flex}#controls span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.cinema-bars{position:absolute;inset:0;pointer-events:none}.cinema-top{position:absolute;top:0;left:0;right:0;height:8vh;background:#051620}.cinema-bottom{position:absolute;bottom:0;left:0;right:0;height:17vh;background:linear-gradient(transparent,#051620 30%);display:flex;flex-direction:column;align-items:center;justify-content:center}.cinema-bottom p{font-size:15px;color:#f5e5c2;margin:10px 20px;text-align:center}.cinema-bars button{pointer-events:auto;position:absolute;top:10vh;right:30px;background:#132f4088;border:1px solid #d6e0ce25;color:#c6d6d0;font-size:10px;padding:10px 16px;border-radius:20px}.eye-open{position:absolute;inset:0;background:#03121b;animation:wake 2.4s forwards;pointer-events:none}@keyframes wake{0%{opacity:1}25%{opacity:.4}45%{opacity:.9}75%{opacity:.15}100%{opacity:0}}
.scene-fade{position:fixed;inset:0;background:#061823;z-index:100;pointer-events:none;animation:sceneFade .85s both}@keyframes sceneFade{0%{opacity:0}40%,55%{opacity:1}100%{opacity:0}}.comic-strip{position:absolute;top:8vh;left:50%;transform:translateX(-50%);width:min(1020px,90vw)}.comic-label{font-size:10px;letter-spacing:3px;color:#e9d6a5;margin:0 0 15px;text-shadow:0 2px 10px #10232d}.comic-panels{display:flex;gap:12px;align-items:center;height:43vh;max-height:370px}.comic-panel{position:relative;flex:1;height:88%;overflow:hidden;background:#fcf5df;border:4px solid #f8eccd;border-radius:9px;box-shadow:0 8px 30px #0004;transform:rotate(-2deg);transition:flex .5s,height .5s,opacity .5s;opacity:.65}.comic-panel:nth-child(even){transform:rotate(2deg)}.comic-panel.current{flex:2.1;height:100%;opacity:1;animation:comicPop .45s both}.comic-panel.unread{background:#142d3e;opacity:.4;border-color:#bdc5b14d}.comic-unread{height:100%;display:grid;place-items:center;font-size:36px;color:#e2c7865a}.comic-art{position:absolute;inset:0}.library-art{background:linear-gradient(#83653b10,#62492c70),url('./assets/library.webp') center/cover}.comic-person{position:absolute;bottom:0;left:0;width:100%;height:75%;object-fit:cover;object-position:center 25%;mix-blend-mode:normal;border-radius:50% 50% 0 0}.speech,.thought{position:absolute;left:12px;right:12px;top:15px;background:#fffdf2;color:#314b4c;border:2px solid #5a6256;padding:13px 10px;border-radius:45%;font-size:12px;font-weight:800;text-align:center;box-shadow:3px 4px 0 #4b57402b;z-index:2}.speech:after{content:'';position:absolute;bottom:-12px;left:30%;border:7px solid transparent;border-top-color:#fffdf2}.thought{border-style:dashed}.comic-caption{position:absolute;bottom:12px;left:10px;right:10px;background:#f9edcce8;color:#635c46;padding:8px;font-size:10px;line-height:1.6;text-align:center;border:1px solid #aa967b}.paper-art{background:repeating-linear-gradient(0deg,#d5b98d 0 2px,#e7d0ab 2px 12px)}.comic-book{position:absolute;top:36%;left:50%;transform:translateX(-50%) rotate(-8deg);width:70%;height:58%;background:#355d5e;border:2px solid #d1b36d;border-left:9px solid #c5ac77;border-radius:2px 9px 9px 2px;color:#e4ce95;text-align:center;box-shadow:12px 15px 0 #88643f33}.comic-book small{font-size:9px;display:block;margin-top:20px}.comic-book strong{font-family:Chosun,serif;font-size:34px;display:block;margin:10px}.torn-page{position:absolute;bottom:8px;right:-15px;width:85%;height:60px;background:#ffefc9;clip-path:polygon(0 0,100% 0,100% 78%,85% 95%,73% 77%,60% 100%,43% 79%,29% 94%,15% 75%,0 90%);color:#897758;font-size:10px;padding-top:15px;transform:rotate(12deg);animation:pageFlutter 2.5s infinite alternate}.comic-sfx{position:absolute;bottom:25px;left:10px;font-family:Chosun,serif;font-size:23px;color:#826b48;transform:rotate(-13deg)}.sleepy-art{background:linear-gradient(#5a7891,#203548)}.sleepy-art .comic-person{filter:brightness(.8);transform:rotate(-15deg) translateY(12px)}.zzz{position:absolute;top:35%;right:12px;font-size:28px;color:#f7deb3;transform:rotate(15deg);animation:dreamZ 2s infinite}.ocean-art{background:linear-gradient(#214357 20%,#457b88 21%,#2b5e72)}.comic-wave{position:absolute;bottom:10%;left:5%;font-size:150px;line-height:1;color:#c6ded0;transform:rotate(-12deg);animation:waveSway 3s infinite alternate}.comic-stars{position:absolute;top:40%;left:20%;font-size:25px;letter-spacing:15px;color:#ebd094}.race-intro{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(transparent 35%,#081d2b90 80%)}.race-intro-label{position:absolute;bottom:14vh;left:50%;transform:translateX(-50%) rotate(-4deg);text-align:center;width:90%;animation:raceTitle .5s both}.race-intro h2{font-size:clamp(40px,6vw,75px);font-weight:900;letter-spacing:-3px;color:#ffe5a2;text-shadow:4px 5px 0 #203c49;margin:12px 0}.race-intro p{font-size:14px}.race-intro-lines{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 45%,transparent 0deg 8deg,#f2e0b31a 8deg 8.4deg,transparent 8.4deg 15deg);mask-image:radial-gradient(transparent 25%,black 80%);animation:linesZoom .7s infinite}.memory-pop{position:fixed;right:30px;top:95px;width:250px;padding:20px;background:#fff5dfeF;border:2px solid #e1ca8c;border-radius:4px 15px 15px 15px;box-shadow:8px 10px 0 #091e2d33;color:#355452;z-index:7;animation:memoryIn 6.5s both;pointer-events:none}.memory-pop span{font-size:10px;color:#9c8350}.memory-pop strong{display:block;font-size:18px;margin:9px 0}.memory-pop p{font-size:11px;line-height:1.8;margin:0}.light-bloom{position:fixed;inset:0;background:radial-gradient(circle at 65% 55%,#ffe4a877,transparent 65%);z-index:9;pointer-events:none;animation:bloom 2.2s both}@keyframes bloom{0%{opacity:0;transform:scale(.5)}35%{opacity:1}100%{opacity:0;transform:scale(1.7)}}@keyframes comicPop{from{opacity:0;translate:0 15px;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes pageFlutter{to{transform:rotate(7deg) translateY(-4px)}}@keyframes dreamZ{to{opacity:.3;translate:0 -12px}}@keyframes waveSway{to{translate:15px -5px}}@keyframes raceTitle{from{opacity:0;translate:-80px 0}to{opacity:1;translate:0 0}}@keyframes linesZoom{to{scale:1.2}}@keyframes memoryIn{0%{opacity:0;transform:translateX(35px) rotate(8deg)}8%,85%{opacity:1;transform:translateX(0) rotate(-2deg)}100%{opacity:0;transform:translateY(-10px)}}@media(max-width:800px){.comic-strip{top:6vh;width:94vw}.comic-panels{height:40vh;gap:7px}.comic-panel{border-width:2px}.comic-panel:not(.current){flex:.45}.comic-panel:not(.current) .speech,.comic-panel:not(.current) .thought,.comic-panel:not(.current) .comic-caption,.comic-panel:not(.current) .comic-sfx{display:none}.comic-panel.current{flex:3}.memory-pop{right:18px;top:85px;width:205px;padding:14px}.comic-label{font-size:9px}.race-intro-label{bottom:20vh}}@media(prefers-reduced-motion:reduce){.scene-fade{animation:none;opacity:0}.memory-pop{animation:none}.light-bloom{display:none}}

.chapter-two-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.chapter-two-records article{padding:12px 0;border-bottom:1px solid #ac967740}.chapter-two-records small{color:#8a7047}.chapter-two-records p{font-size:13px;line-height:1.8}.chapter-two-comic .comic-navigation span{font-size:11px;max-width:55%}

.chapter-two-comic .comic-frame{height:min(57vh,460px)}.chapter-two-comic .comic-narration p{font-size:clamp(13px,1.5vw,17px);line-height:1.7}.chapter-two-comic .comic-bubble{max-width:45%}
.round-stick{--stick-x:0px;--stick-z:0px;position:relative;display:block;width:134px;height:134px;flex-shrink:0;border-radius:50%;border:2px solid #e1edcf70;background:radial-gradient(circle,#a4d1c430 0 25%,#173c49b5 26% 65%,#f1e4bb35 66% 68%,#123642b5 69%);box-shadow:inset 0 0 22px #071b3540,0 5px 22px #071b3540;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:5px}.round-stick:focus-visible{outline:3px solid #ffe197}.round-stick>i{position:absolute;left:calc(50% - 27px);top:calc(50% - 27px);width:54px;height:54px;border-radius:50%;border:2px solid #fff3c4b0;background:radial-gradient(circle at 35% 25%,#e8dfb1,#99bda9 65%,#597d76);box-shadow:0 5px 12px #08212f60;transform:translate(var(--stick-x),var(--stick-z));pointer-events:none}.round-stick>span{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:10px;font-weight:700;letter-spacing:2px;color:#fff0c5;pointer-events:none}.round-stick[data-active=true]{cursor:grabbing;border-color:#ffe19a;background-color:#709c8040}.using-stick #touchControls{bottom:74px;left:24px;right:24px;align-items:flex-end}body.using-stick #party{bottom:225px;left:24px}.using-stick #map{bottom:220px}.using-stick .nature-observe{bottom:154px}.using-stick #touchControls .touch-actions{gap:10px}.using-stick #touchControls .touch-actions button{width:64px;height:64px;padding:4px;border-radius:50%;border:2px solid #eddfb475;background:#164551e8;font-size:12px;box-shadow:0 4px 12px #09283555}.using-stick #touchControls .touch-actions button:active{background:#b99958}.using-stick #controls{left:180px}.in-finale #touchControls{visibility:hidden!important}
@media(max-width:700px){.round-stick{width:112px;height:112px}.using-stick #touchControls{left:14px;right:14px;bottom:72px}body.using-stick #party{bottom:201px;left:14px}.using-stick #map{bottom:204px}.using-stick #controls{left:14px}.using-stick #touchControls .touch-actions{gap:7px}.using-stick #touchControls .touch-actions button{width:56px;height:56px;font-size:11px}}
@media(max-height:500px){.round-stick{width:94px;height:94px}.using-stick #touchControls{bottom:36px}body.using-stick #party{bottom:145px}.using-stick #map{bottom:162px}.using-stick #controls{bottom:8px}.using-stick .nature-observe{bottom:109px}}

body.using-stick.in-library #libraryZoomControls{bottom:160px}body.using-stick:not(.in-library) #libraryZoomControls{bottom:435px}@media(max-width:700px){body.using-stick.in-library #libraryZoomControls{bottom:153px}body.using-stick:not(.in-library) #libraryZoomControls{bottom:380px}}@media(max-height:500px){body.using-stick.in-library #libraryZoomControls{bottom:105px}body.using-stick:not(.in-library) #libraryZoomControls{bottom:305px}}