:root{color-scheme:dark;font-family:"Nunito","Gowun Dodum",sans-serif;--gold:#ffd274}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#06141b;color:#f8f1e2;overscroll-behavior:none}button,textarea{font:inherit}button{color:inherit}.world{position:relative;width:100%;height:100%;overflow:hidden;background:#071922;isolation:isolate}#worldCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#worldCanvas.panning{cursor:grabbing}
.topbar{position:absolute;z-index:10;left:0;right:0;top:0;padding:calc(15px + env(safe-area-inset-top)) 15px 0;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.season-pill,.presence-pill{pointer-events:auto;background:rgba(6,21,27,.69);border:1px solid rgba(255,255,255,.11);box-shadow:0 8px 28px rgba(0,0,0,.19);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}.season-pill{display:flex;align-items:center;gap:9px;padding:8px 12px 8px 8px;border-radius:19px}.season-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:12px;background:#d99f3e;color:#fff1b2;box-shadow:inset 0 1px rgba(255,255,255,.3),0 0 15px rgba(255,192,72,.17)}.season-pill div{display:flex;flex-direction:column}.season-pill small{font-family:"Gowun Dodum";font-size:9px;color:#b5c4c1}.season-pill b{font-size:12px;color:#fff3d4}.presence-pill{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:15px;font-family:"Gowun Dodum";font-size:9px;color:#c8d7d3}.presence-pill i{width:6px;height:6px;border-radius:50%;background:#82daa7;box-shadow:0 0 8px #77dda2}
.map-panel{position:absolute;z-index:9;right:14px;top:calc(74px + env(safe-area-inset-top));width:82px;padding:5px 5px 7px;border-radius:16px;background:rgba(7,21,27,.72);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 26px rgba(0,0,0,.22);backdrop-filter:blur(12px);text-align:center}.map-panel button{width:72px;height:86px;padding:0;border:0;border-radius:12px;background:#102b31;overflow:hidden}.map-panel canvas{width:100%;height:100%;display:block}.map-panel span{display:block;margin-top:4px;font-family:"Gowun Dodum";font-size:8px;color:#9fb2ae}.location-label{position:absolute;z-index:8;left:50%;top:calc(78px + env(safe-area-inset-top));transform:translateX(-50%);padding:6px 10px;border-radius:13px;background:rgba(5,19,25,.45);font-family:"Gowun Dodum";font-size:9px;color:rgba(226,236,231,.66);pointer-events:none}.world-actions{position:absolute;z-index:9;right:14px;bottom:calc(153px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.world-actions button{width:49px;height:49px;border-radius:17px;border:1px solid rgba(255,255,255,.12);background:rgba(7,23,29,.74);box-shadow:0 7px 22px rgba(0,0,0,.22);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;align-items:center}.world-actions button span{font-size:18px;color:#e7cc8e;line-height:17px}.world-actions button small{font-size:8px;color:#b9c6c3}
.toolbox{position:absolute;z-index:12;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));padding:10px;border-radius:23px;background:linear-gradient(160deg,rgba(25,52,54,.96),rgba(8,27,33,.97));border:1px solid rgba(255,255,255,.13);box-shadow:0 16px 45px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06)}.toolbox-head{height:26px;padding:0 5px 7px;display:flex;align-items:flex-start;justify-content:space-between}.toolbox-head div{display:flex;gap:7px;align-items:baseline}.toolbox-head small{font-family:"Gowun Dodum";font-size:9px;color:#9fb3ae}.toolbox-head strong{font-family:"Gowun Dodum";font-size:11px;font-weight:400;color:#ecddbd}.toolbox-head>span{padding:2px 7px;border-radius:8px;background:rgba(255,255,255,.07);font-size:8px;color:#c5d0cd}.toolbox-body{height:65px;border-radius:16px;background:rgba(1,15,19,.32);display:flex;align-items:center;padding:7px;gap:11px}.ornament-tool{position:relative;flex:none;width:52px;height:52px;border-radius:15px;border:1px solid rgba(255,221,143,.32);background:linear-gradient(145deg,#34574e,#183932);overflow:hidden;touch-action:none}.tool-aura{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(255,208,103,.31),transparent 62%)}.tool-gift{position:relative;color:#ffe293;font-size:34px;text-shadow:0 0 13px #ffcd67}.ornament-tool.claimed{cursor:grab}.ornament-tool.claimed .tool-gift{animation:toolFloat 2.3s ease-in-out infinite}@keyframes toolFloat{50%{transform:translateY(-3px) rotate(4deg)}}.tool-instruction{display:flex;flex-direction:column;min-width:0}.tool-instruction b{font-family:"Gowun Dodum";font-weight:400;font-size:12px;color:#f6ead0}.tool-instruction span{margin-top:2px;font-family:"Gowun Dodum";font-size:9px;color:#849c97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-grip{margin-left:auto;padding:12px 7px;color:#59736e;letter-spacing:1px;writing-mode:vertical-rl;font-size:9px}
.drag-ornament{position:fixed;z-index:60;width:62px;height:62px;display:none;place-items:center;transform:translate(-50%,-56%);font-size:52px;color:#ffe08a;text-shadow:0 0 12px #ffce61,0 0 32px rgba(255,189,49,.68);pointer-events:none}.drag-ornament.visible{display:grid}.drag-ornament.valid{filter:drop-shadow(0 0 15px #a6e4aa)}.drag-ornament.invalid{filter:grayscale(.7);opacity:.6}.drop-hint{position:fixed;z-index:61;top:calc(86px + env(safe-area-inset-top));left:50%;transform:translate(-50%,-8px);padding:8px 12px;border-radius:15px;background:rgba(5,21,26,.82);border:1px solid rgba(255,255,255,.12);font-family:"Gowun Dodum";font-size:10px;opacity:0;transition:.2s;pointer-events:none}.drop-hint.visible{opacity:1;transform:translate(-50%,0)}.drop-hint.valid{color:#dff2cf;border-color:rgba(168,222,153,.35)}.toast{position:fixed;z-index:70;left:50%;bottom:145px;transform:translate(-50%,12px);padding:9px 13px;border-radius:17px;background:rgba(4,18,23,.91);border:1px solid rgba(255,255,255,.12);font-family:"Gowun Dodum";font-size:10px;white-space:nowrap;opacity:0;transition:.2s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}
.backdrop{position:fixed;z-index:30;inset:0;background:rgba(2,10,14,.66);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:.3s}.backdrop.visible{opacity:1;pointer-events:auto}.sheet{position:fixed;z-index:31;left:0;right:0;bottom:0;padding:10px 23px calc(23px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:linear-gradient(160deg,#1c4543,#0d2930);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -24px 60px rgba(0,0,0,.37);transform:translateY(110%);transition:transform .4s cubic-bezier(.21,.81,.32,1);text-align:center}.sheet.visible{transform:translateY(0)}.sheet-handle{width:36px;height:4px;border-radius:3px;margin:0 auto 13px;background:rgba(255,255,255,.17)}.sheet>small{font-family:"Gowun Dodum";font-size:10px;color:#9fb3ad}.sheet h1{margin:5px 0 8px;font-family:"Gowun Dodum";font-size:21px}.sheet p{margin:0 0 18px;font-family:"Gowun Dodum";font-size:12px;line-height:1.6;color:#aebebb}.gift-stage{position:relative;height:112px;display:grid;place-items:center}.gift-stage i{position:absolute;width:130px;height:130px;border-radius:50%;background:repeating-conic-gradient(rgba(255,213,117,.1) 0 11deg,transparent 11deg 28deg);animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gift-stage span{position:relative;font-size:90px;color:#ffdc82;text-shadow:0 0 18px #ffc857,0 0 48px rgba(255,190,54,.48)}.primary,.secondary{height:50px;border-radius:16px;border:0;font-weight:800}.primary{width:100%;background:linear-gradient(135deg,#ffe19a,#dca140);color:#25413a}.secondary{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#d7e1dd}.message-sheet{text-align:left}.message-sheet textarea{width:100%;height:105px;margin-top:11px;padding:13px;resize:none;border-radius:15px;background:rgba(1,15,20,.35);border:1px solid rgba(255,255,255,.12);outline:0;color:#fff2d4;font-family:"Gowun Dodum";font-size:14px}.message-sheet textarea:focus{border-color:rgba(255,215,126,.55)}.message-meta{display:flex;justify-content:space-between;margin:6px 2px 15px;font-size:9px;color:#8fa39e}.sheet-buttons{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.sheet-buttons button{font-size:10px}
.note-card{position:fixed;z-index:35;left:22px;right:22px;top:50%;padding:36px 25px 24px;transform:translateY(-45%) scale(.94);border-radius:7px 7px 23px 23px;background:#f3ead5;color:#28403b;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.44);opacity:0;pointer-events:none;transition:.3s}.note-card.visible{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.note-card>button:first-child{position:absolute;right:11px;top:12px;width:38px;height:38px;border:0;background:transparent;color:#71847f;font-size:26px}.note-star{display:block;color:#ca9137;font-size:39px;text-shadow:0 0 13px rgba(217,159,60,.25)}.note-card small{font-family:"Gowun Dodum";font-size:9px;color:#84948f}.note-card blockquote{margin:18px 0;font-family:"Gowun Dodum";font-size:18px;line-height:1.65;word-break:keep-all}.note-card time{display:block;font-size:9px;color:#91a09b}.light-reaction{margin-top:19px;height:43px;padding:0 17px;border-radius:22px;border:1px solid #d4c5a6;background:rgba(255,255,255,.48);color:#80601f;font-size:10px}.light-reaction.lit{background:#ffefbd;box-shadow:0 0 18px rgba(255,186,47,.28)}
.overview{position:fixed;z-index:80;inset:0;background:radial-gradient(circle at 50% 40%,#17343b,#06151d 75%);opacity:0;pointer-events:none;transition:.35s}.overview.visible{opacity:1;pointer-events:auto}.overview canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.overview header{position:absolute;left:18px;right:18px;top:calc(19px + env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.overview header small{font-family:"Gowun Dodum";font-size:10px;color:#9db1ad}.overview header h1{margin:2px 0;font-family:"Gowun Dodum";font-size:20px}.overview header button{pointer-events:auto;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(4,17,22,.54);font-size:24px}.overview-footer{position:absolute;left:0;right:0;bottom:calc(25px + env(safe-area-inset-bottom));text-align:center;font-family:"Gowun Dodum"}.overview-footer span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:13px;background:rgba(5,18,23,.58);font-size:9px}.overview-footer i{width:8px;height:8px;border:1px solid #ffd16c}.overview-footer p{margin:7px;font-size:9px;color:#819893}
@media(min-width:700px){body{display:grid;place-items:center}#app{max-width:500px;max-height:940px;border-radius:28px;box-shadow:0 30px 100px #000;position:relative}.sheet{left:50%;right:auto;width:500px;transform:translate(-50%,110%)}.sheet.visible{transform:translate(-50%,0)}.note-card{left:50%;right:auto;width:430px;transform:translate(-50%,-45%) scale(.94)}.note-card.visible{transform:translate(-50%,-50%) scale(1)}.overview{left:50%;right:auto;width:500px;transform:translateX(-50%)}}
@media(max-height:700px){.map-panel{top:67px}.toolbox{padding:8px}.toolbox-head{display:none}.world-actions{bottom:105px}.toolbox-body{height:59px}.ornament-tool{width:47px;height:47px}.gift-stage{height:82px}.gift-stage span{font-size:67px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}