@font-face{font-family:PocketComic;src:local("Comic Sans MS")}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{color:#344237;background:#efefdd;font-family:PocketComic,KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:16px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:1.5px solid #52624d;border-radius:5px 9px 6px 10px;background:#fffbed;padding:9px 15px;transition:background .16s,transform .16s}button:hover{background:#f6db90;transform:rotate(-1deg)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c87849;outline-offset:3px}button[aria-pressed=true]{background:#e9c96e}a{color:#536f7b;text-underline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.35;font-weight:500;letter-spacing:.02em}h2{font-size:24px;font-weight:500}p{line-height:1.8}small{font-size:12px}kbd{font:11px PocketComic,sans-serif;border:1px solid #a5a991;border-radius:4px;padding:2px 4px;background:#f9f6e4;color:#62705d}#world{position:absolute;inset:0;touch-action:none;cursor:crosshair}#world canvas{display:block;width:100%;height:100%}.paper-grain{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.32' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.topbar{position:absolute;left:32px;right:32px;top:25px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.topbar>*{pointer-events:auto}.wordmark{display:flex;gap:8px;border:0;background:none!important;padding:0;text-align:left;align-items:center;transform:none!important}.wordmark b{font-size:50px;font-weight:400;line-height:1}.wordmark span{font-size:23px;letter-spacing:3px;line-height:1.25}.wordmark small{display:block;font-family:PocketComic,sans-serif;letter-spacing:.2px;font-size:10px;margin-top:7px;color:#738069}.topbar nav{display:flex;gap:10px}.topbar nav button{background:#fffbedde;border-color:#65735b;padding:9px 14px;box-shadow:1px 2px #c8c9ad66}.topbar nav button:last-child{border-radius:50%;width:39px;padding:8px}.topbar em{font:11px PocketComic,sans-serif;background:#e3c269;border-radius:50%;padding:2px 6px;margin-left:6px}.margin-note{position:absolute;left:37px;top:128px;transform:rotate(-5deg);font-size:17px;color:#6d7c64;pointer-events:none;line-height:1.8}.margin-note span{font-size:25px}.margin-note i{font-size:13px;font-style:normal;margin-left:20px;color:#88917b}footer{position:absolute;bottom:17px;left:30px;right:30px;display:flex;gap:20px;align-items:center;justify-content:space-between;color:#6b775f;font-size:12px;pointer-events:none}footer button{pointer-events:auto;background:#fffbedb0;padding:5px 12px;border-color:#acb095}#discovery-count{margin-left:auto}#interactions{position:absolute;left:50%;bottom:112px;transform:translate(-50%);white-space:nowrap}#interact-button{box-shadow:2px 3px #34423723;border-width:2px;background:#fffbea;padding:10px 16px;transform:rotate(-1deg)}#interact-button kbd{margin-left:12px}#ball-tools{position:absolute;bottom:62px;right:28px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;width:220px}#ball-tools button{touch-action:none;user-select:none;-webkit-user-select:none;font-size:13px;padding:6px 9px;background:#fff9e8da}#ball-tools kbd{font-size:9px}.near-label{position:absolute;transform:translate(-50%,-100%) rotate(-3deg);background:#fffbeded;padding:6px 12px;border-radius:45% 4px 8px 5px;white-space:nowrap;font-size:13px;pointer-events:none;border-bottom:1px solid #9b9e84}.ambient-bubble{position:absolute;max-width:230px;transform:translate(-50%,-100%) rotate(2deg);background:#fffaf0f2;border:1.5px solid #536049;border-radius:35% 20% 30% 8%;padding:12px 18px;font-size:14px;pointer-events:none;z-index:1}.ambient-bubble:after{content:"";position:absolute;bottom:-9px;left:35%;width:12px;height:13px;background:#fffaf0;border-right:1.5px solid #536049;border-bottom:1.5px solid #536049;transform:skewY(35deg)}#now-playing{position:absolute;left:30px;bottom:63px;background:#faf6e6e8;border:1.5px solid #617156;border-radius:12px 4px 15px 5px;width:268px;display:flex;align-items:center;padding:9px 9px 12px;transform:rotate(-2deg);box-shadow:3px 4px #8c967623}#now-playing button{border:0;background:transparent;padding:7px;transform:none}#mini-open{text-align:left;flex:1;overflow:hidden}#mini-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:14px}#mini-open small{display:block;font-size:10px;color:#899078;margin-top:3px}.mini-progress{position:absolute;bottom:4px;left:15px;right:15px;height:2px;background:#dcd9c2}.mini-progress i{display:block;height:100%;background:#be7850;width:0}.lyric-line{position:absolute;left:50%;bottom:51px;max-width:min(640px,65vw);transform:translate(-50%,10px);font-family:PocketComic,KaiTi,STKaiti,sans-serif;font-size:18px;line-height:1.5;text-align:center;padding:6px 17px;background:#fff9e2dc;border-radius:40% 8% 35% 10%;color:#39483a;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.lyric-line.visible{opacity:1;transform:translate(-50%)}#trick-toast{position:absolute;left:50%;top:30%;font-size:28px;color:#b7753e;transform:translate(-50%) rotate(-8deg) scale(.8);opacity:0;transition:all .15s;text-shadow:2px 2px #fff9e6;pointer-events:none}#trick-toast.shown{opacity:1;transform:translate(-50%) rotate(-8deg) scale(1)}#charge{position:absolute;left:50%;top:60%;width:70px;height:8px;background:#fbf9e1;border:1px solid #747f61;border-radius:20px;transform:translate(-50%);opacity:0;overflow:hidden}#charge.shown{opacity:1}#charge i{display:block;height:100%;background:#d69a40;width:0}dialog{color:inherit;background:#fffbee;border:2px solid #59664e;border-radius:6px 16px 9px 20px;box-shadow:8px 10px #23312515;padding:30px 40px 38px;max-height:85dvh;width:min(740px,calc(100vw - 40px));overflow:auto;scrollbar-color:#b7bea2 transparent}dialog::backdrop{background:#35483b40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close-dialog{position:sticky;top:0;float:right;margin:-10px -15px 0 12px;width:35px;height:35px;line-height:24px;padding:2px;border-radius:50%;background:#fffbea;z-index:5;font-size:25px}.eyebrow{text-transform:uppercase;font:10px PocketComic,sans-serif;letter-spacing:2px;color:#92977e;margin:4px 0 9px}.muted,.small-note{color:#839078}.small-note{font-size:12px;line-height:1.8;margin:15px 0 0}.small-note button,.quiet-button{border:0;border-bottom:1px dashed #879276;border-radius:0;background:none;padding:6px 2px}.primary{background:#edcd71;border:1.5px solid #5e694d;box-shadow:2px 3px #a8a48144}.inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.tab-row{display:flex;gap:9px;border-bottom:1px dashed #aeb69a;padding-bottom:16px;margin:22px 0}.tab-row button{font-size:14px;padding:7px 12px}.found-song{display:flex;gap:25px;align-items:center;margin:25px 0}.found-song img{width:200px;max-width:40%;border:8px solid #faf1dc;box-shadow:1px 2px #a9a38c;transform:rotate(-4deg)}.found-song h2{margin-bottom:7px}.found-song p{font-size:14px}.cassette{max-width:500px;margin:25px auto;background:#d99976;border:2px solid #475740;border-radius:20px 7px 18px 6px;padding:21px 25px 16px;position:relative;box-shadow:5px 6px #b59c782b;transform:rotate(-1deg)}.cassette:before,.cassette:after{content:"+";position:absolute;bottom:7px;color:#694f3c;font:17px monospace}.cassette:before{left:7px}.cassette:after{right:7px}.cassette-label{background:#fff6dc;padding:12px;display:flex;gap:13px;align-items:center;border-radius:6px 8px 3px 4px;border:1px solid #765c45}.cassette-label img{width:65px;height:65px;object-fit:cover;transform:rotate(3deg)}.cassette-label small{font-size:10px;color:#ac7755;letter-spacing:1px}.cassette-label h2{margin:5px 0;font-size:20px}.cassette-label p{margin:0;font-size:12px;color:#7a795e}.tape-window{display:flex;align-items:center;justify-content:center;gap:25px;margin:17px auto 13px;background:#534f3f;border:3px solid #bf805c;border-radius:18px;width:230px;height:60px}.tape-window i{font:47px serif;color:#f6efd7;line-height:1;font-style:normal}.tape-window span{color:#958570}.playing .tape-window i{animation:reel 4s linear infinite}@keyframes reel{to{transform:rotate(360deg)}}.deck-controls{display:flex;gap:10px;justify-content:center}.deck-controls button{background:#fff4d6;padding:6px 14px;font-size:14px}.seek-label{display:flex;align-items:center;gap:10px;margin-top:15px}.seek-label input{flex:1;min-width:0}.seek-label small{font:11px PocketComic,sans-serif;white-space:nowrap}.deck-options{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:11px}.deck-options button{padding:3px 8px;font-size:11px}.deck-options label{margin-left:auto;display:flex;align-items:center;gap:6px;white-space:nowrap}.deck-options input{width:70px}input[type=range]{accent-color:#566b51;height:12px}.track-list{display:grid;gap:5px}.track-list button{display:flex;align-items:center;gap:15px;width:100%;border:0;border-bottom:1px dashed #c3c6ad;border-radius:0;background:none;text-align:left;padding:9px 5px}.track-list button.active{background:#f4e6af}.track-list img{width:38px;height:38px;object-fit:cover;border-radius:3px}.track-list button>span{font-size:12px;color:#9c9d85}.track-list button>span:last-child{margin-left:auto}.track-list strong{font-size:14px;font-weight:400}.track-list small{display:block;color:#8e947c;margin-top:4px}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.album-grid button{padding:9px;background:#fcf7e7;border-color:#c3bda5;box-shadow:2px 3px #9c9b8322;transform:rotate(-2deg)}.album-grid button:nth-child(2n){transform:rotate(2deg)}.album-grid img{width:100%;height:125px;object-fit:contain;background:#e8e5d8}.album-grid span{display:block;font-size:13px;margin-top:7px}.original-art{margin:20px 0}.original-art img{width:100%;max-height:58vh;object-fit:contain;background:#eae6d8}.original-art figcaption{font-size:12px;color:#839078;margin-top:9px}.empty-note{text-align:center;padding:50px 10px;color:#899277;line-height:2}.empty-note>span{font-size:60px;color:#b4bb92}.about-note{font-size:18px;padding-top:12px}.hand-arrow{display:block;color:#bc7e4f;transform:rotate(-3deg);margin-top:25px}.note-keys{display:flex;gap:8px;margin:25px 0}.note-keys button{height:100px;flex:1;background:#e6d5a7;border-radius:3px 3px 12px 9px}.note-keys button:nth-child(2n){background:#afc0b0;height:85px}.code-toy{background:#e8e9d8;padding:20px}.code-toy code{display:block;margin-bottom:18px;font-size:15px}.code-toy button{margin:0 5px 10px 0}#toy-canvas{width:100%}#atlas{width:100%;max-height:390px;object-fit:contain;border:1px dashed #a9b28c;transform:rotate(-1deg)}.landmark-list{display:flex;gap:8px;flex-wrap:wrap}.landmark-list button{font-size:13px}.settings-list{display:grid;gap:18px;margin:30px 0}.settings-list input{accent-color:#67856c;margin-right:10px}form label{display:block;line-height:1.6;margin:14px 0}input:not([type=range],[type=checkbox]),textarea,select{display:block;border:1px solid #9ca589;background:#fffcf3;padding:11px 12px;border-radius:3px 7px 4px;width:100%;margin-top:5px}textarea{min-height:100px;resize:vertical}.account-note{text-align:center;padding:20px}.account-note>span{font-size:70px;color:#a0b6aa}.account-note p{font-size:14px}.account-note form{text-align:left}.service-note{background:#eee8d4;border:1px dashed #b6b496;padding:15px;border-radius:6px}.journal-entry{border-top:1px dashed #b9bba3;margin-top:20px;padding-top:20px}.journal-entry p{white-space:pre-wrap}.guest-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.guest-notes blockquote{margin:0;padding:18px;background:#eee0a7;transform:rotate(-2deg);border:1px solid #c2b37b;box-shadow:2px 3px #beb29222}.guest-notes blockquote:nth-child(2n){background:#dce4d0;transform:rotate(2deg)}.guest-notes p{font-size:15px}.guest-notes cite{font-size:12px}.guest-notes small{display:block;color:#7e886d}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.help-grid p{background:#eeecd9;padding:15px;font-size:14px}.help-grid kbd{font-size:13px}#conversation{width:min(850px,calc(100vw - 40px));background:transparent;border:0;box-shadow:none;padding:20px;overflow:visible;display:none;max-height:90dvh}#conversation[open]{display:flex;align-items:flex-end;gap:25px}#conversation::backdrop{background:#35483b25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#conversation .close-dialog{position:absolute;right:30px;top:10px;float:none;margin:0}.portrait{position:relative;width:240px;height:280px;flex-shrink:0;overflow:hidden;filter:drop-shadow(4px 5px 0 #3c4a3120)}.portrait img{position:absolute;width:200%;height:200%;object-fit:fill}.speech-paper{background:#fffbed;border:2px solid #53604b;border-radius:25px 9px 28px 14px;padding:30px;box-shadow:5px 7px #48513a14;flex:1;transform:rotate(-1deg);max-height:80dvh;overflow:auto}.speech-paper small{color:#92977f;font-size:11px}.speech-paper h2{margin:10px 0}.speech-paper p{font-size:19px;min-height:90px}.speech-paper:before{content:"";position:absolute;left:-13px;bottom:85px;width:20px;height:25px;border-left:2px solid #53604b;border-bottom:2px solid #53604b;background:#fffbed;transform:skewY(-30deg)}#speech-choices{display:grid;gap:9px;margin-bottom:12px}#speech-choices button{text-align:left;display:flex;justify-content:space-between;gap:12px;font-size:14px;background:#f1ecd4;border-style:dashed}#view-origin{font-size:12px;color:#8a9279}#toast{position:absolute;top:103px;left:50%;transform:translate(-50%,-15px) rotate(-2deg);background:#fff6d8;border:1.5px solid #9b9f75;padding:11px 20px;border-radius:3px 12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:15;max-width:85vw;text-align:center;font-size:14px}#toast.shown{opacity:1;transform:translate(-50%) rotate(-2deg)}#loading{position:absolute;inset:0;background:#f4efdc;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s;pointer-events:none}#loading span{font-size:80px;color:#c7a951;animation:reel 8s linear infinite}#loading h1{font-size:25px;margin-top:30px}#loading p{font-size:14px;color:#8c9478}#loading.loaded{opacity:0}#fallback{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#faf4e1;padding:30px;max-width:80vw}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#touch-pad{display:none;position:absolute;left:20px;bottom:calc(54px + env(safe-area-inset-bottom,0px));width:116px;height:116px;border:1.5px solid #81906ba8;border-radius:48% 52% 49% 51%;background:#fff9e354;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.joystick-ring{position:absolute;inset:12px;border:1px dashed #81906b70;border-radius:51% 48% 52% 49%;pointer-events:none}.joystick-thumb{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border:1.5px solid #6b7c59;border-radius:47% 53% 49% 51%;background:#fff8ddd9;box-shadow:2px 3px #52624d24;transform:translate(var(--stick-x,0px),var(--stick-y,0px));transition:transform .14s ease-out;pointer-events:none}.joystick-thumb:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#9ba27d}#touch-pad.held{cursor:grabbing;background:#fff9e380}#touch-pad.held .joystick-thumb{transition:none;background:#efd993e8}body.admin-body{overflow:auto;height:auto;min-height:100vh;background:#f0ecdc}.admin-shell{max-width:1180px;margin:0 auto;padding:35px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-header h1{margin:0}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.admin-tools{display:flex;gap:12px;align-items:center;margin:20px 0;flex-wrap:wrap}.admin-tools input{max-width:350px;margin:0}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.admin-card{border:1px solid #b6bda4;background:#fffbea;padding:15px;border-radius:4px 10px 5px}.admin-card img{width:100%;height:170px;object-fit:contain;background:#e4e4d5}.admin-card h3{font-size:16px;margin:12px 0 4px}.admin-card label{font-size:12px;display:block;margin-top:12px}.admin-card input{font-size:14px}.admin-card .coords{display:flex;gap:10px}.admin-card .coords input{width:100%}.admin-card button{margin-top:12px;width:100%}.admin-card input[type=checkbox]{accent-color:#688a65}.admin-message{position:sticky;top:5px;z-index:4;background:#e2dfb7;border:1px solid #a5ae87;padding:12px;border-radius:6px}.admin-post{max-width:800px;background:#fff9e8;padding:25px;margin:25px 0}.admin-post textarea{min-height:250px}.upload-box{padding:25px;border:2px dashed #a9b393;background:#f8f4e4;max-width:750px}.admin-small{font-size:13px;color:#859076}.admin-pager{display:flex;gap:15px;margin:25px 0;align-items:center}@media(max-width:700px){.topbar{left:17px;right:17px;top:18px}.wordmark b{font-size:37px}.wordmark span{font-size:18px;letter-spacing:1px}.wordmark small{font-size:8px;max-width:110px;line-height:1.5}.topbar nav{gap:6px}.topbar nav button{font-size:20px;padding:5px 9px}.topbar nav button span{display:none}.topbar nav button:last-child{width:32px;font-size:18px}.topbar em{font-size:9px;padding:2px 4px;margin-left:3px}.margin-note{left:22px;top:100px;font-size:14px}.margin-note i{font-size:11px}.desktop-hint{display:none}footer{left:18px;right:18px;bottom:max(12px,env(safe-area-inset-bottom));font-size:10px;gap:10px}#discovery-count{margin-left:0}#now-playing{left:17px;bottom:190px;width:210px;padding:5px 6px 9px}#mini-title{font-size:12px}#mini-open small{font-size:9px}.lyric-line{font-size:13px;line-height:1.45;max-width:calc(100vw - 32px);width:max-content;bottom:calc(44px + env(safe-area-inset-bottom,0px));padding:4px 10px;background:#fff9e278;text-shadow:0 1px 2px #fffbedc0}#interactions{bottom:160px;max-width:90vw}#interact-button{font-size:14px;padding:8px 12px}#ball-tools{right:16px;bottom:60px;width:150px;gap:6px}#ball-tools button{font-size:13px;padding:9px}#ball-tools kbd{display:none}#touch-pad{display:block}dialog{padding:25px 22px;width:calc(100vw - 22px);max-height:88dvh}h1{font-size:25px}h2{font-size:21px}.close-dialog{margin:-10px -10px 0 8px}.found-song{gap:15px}.found-song img{width:130px}.found-song h2{font-size:19px}.found-song p{font-size:12px}.tab-row{gap:5px;flex-wrap:wrap}.tab-row button{font-size:12px;padding:6px 8px}.cassette{padding:14px 14px 12px;margin:20px -3px}.cassette-label h2{font-size:16px}.cassette-label img{width:50px;height:50px}.cassette-label{padding:9px;gap:9px}.deck-options{gap:5px}.deck-options input{width:45px}.album-grid{grid-template-columns:1fr 1fr;gap:13px}.album-grid img{height:100px}.account-note{padding:10px 0}.guest-notes{gap:15px}.help-grid{gap:8px}.help-grid p{padding:11px;font-size:12px}#conversation[open]{display:block;width:calc(100vw - 20px);padding:0}#conversation .close-dialog{right:10px;top:0}.portrait{width:140px;height:155px;margin-left:12px;margin-bottom:-22px;z-index:2}.speech-paper{padding:25px 22px 18px;max-height:62dvh}.speech-paper p{font-size:17px;min-height:70px}.speech-paper:before{display:none}#speech-choices button{font-size:13px;padding:9px}.ambient-bubble{max-width:160px;font-size:12px}.near-label{font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis}#toast{top:90px;font-size:12px;padding:9px 14px;width:max-content}#trick-toast{font-size:23px;top:28%}.admin-shell{padding:22px 14px}.admin-header{align-items:flex-start;gap:12px}.admin-header h1{font-size:25px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-card{padding:10px}.admin-card img{height:120px}.admin-card .coords{display:block}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.ambient-bubble{width:max-content}.reduced *{animation:none!important}#weather-card{position:absolute;left:30px;top:224px;display:flex;gap:10px;align-items:center;pointer-events:none;color:#586654;max-width:260px}#weather-card>span{font-size:32px;color:#a08657}#weather-card strong,#weather-card small{display:block}#weather-card strong{font-size:15px;font-weight:500}#weather-card small{font-size:11px;opacity:.75;margin-top:5px}.paper-tickets{margin:26px 0}.paper-tickets h2{font-size:20px}.paper-tickets>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.paper-tickets button{background:var(--ticket);padding:20px 14px;text-align:left;border-radius:5px 18px 9px 15px;transform:rotate(-1deg);border:1.5px solid #75816f70;box-shadow:3px 4px #444c4210}.paper-tickets button:nth-child(2n){transform:rotate(1deg)}.paper-tickets strong,.paper-tickets small{display:block}.paper-tickets small{margin-top:9px;font-size:11px;line-height:1.7}.paper-tickets span{float:right;font-size:23px}.portrait img{max-width:none}@media(max-width:650px){#weather-card{top:103px;left:17px;max-width:220px}#weather-card strong{font-size:12px}#weather-card small{font-size:9px}.paper-tickets>div{gap:8px}.paper-tickets button{padding:15px 10px}.paper-tickets strong{font-size:14px}}@media(max-width:650px){.margin-note{display:none}}@media(max-width:700px){body:has(#now-playing:not([hidden])) #touch-pad{bottom:calc(108px + env(safe-area-inset-bottom,0px))}body:has(#now-playing:not([hidden])) #ball-tools{bottom:calc(114px + env(safe-area-inset-bottom,0px))}body:has(#now-playing:not([hidden])) #interactions{bottom:calc(214px + env(safe-area-inset-bottom,0px))}body:has(#now-playing:not([hidden])) #now-playing{bottom:calc(244px + env(safe-area-inset-bottom,0px))}}#guestbook{--ink:#5c6c59}.checkin-postcard{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:22px 24px;background:#eee8ce;border:1.5px solid #9a9e81;border-radius:8px 17px 10px 5px;position:relative}.checkin-postcard:before{content:"";position:absolute;top:-8px;left:36%;width:85px;height:18px;background:#d9b98973;transform:rotate(-4deg)}.guest-eyebrow{font-size:10px;letter-spacing:1.5px;color:#8b9275;margin:0 0 10px}.postcard-copy h2{font-size:23px;margin-bottom:9px}.postcard-copy>p:not(.guest-eyebrow){font-size:13px;color:#798169;line-height:1.7;margin-bottom:15px}.guest-stats{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#738169}.guest-stats b{font-size:21px;font-weight:500;color:#53694e}.postcard-stamp{text-align:center;flex:0 0 120px}.checkin-imprint{height:113px;width:113px;border:2px dashed #87957b;border-radius:48% 52% 50% 47%;display:grid;place-content:center;transform:rotate(9deg);color:#839079;opacity:.6;box-shadow:inset 0 0 0 5px #eee8ce,inset 0 0 0 6px #9ca68b}.checkin-imprint span{font-size:39px;line-height:1.2}.checkin-imprint small{font-size:11px;margin-top:6px}.checkin-imprint.stamped{opacity:1;color:#ae684f;border-color:#ae684f;box-shadow:inset 0 0 0 5px #eee8ce,inset 0 0 0 6px #ba9274}.postcard-stamp time{display:block;margin-top:12px;font-size:10px;letter-spacing:1px;color:#859075}.guest-stamp-picker{border:0;padding:0;margin:24px 0 18px}.guest-stamp-picker legend{font-size:13px;margin-bottom:12px}.guest-stamp-picker>div{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.guest-stamp-picker button{padding:10px 3px 8px;background:#f6f0dd;border:1px dashed #adb295;min-width:0}.guest-stamp-picker button[aria-pressed=true]{background:#efdc9c;border-style:solid;border-color:#8b986e}.guest-stamp-picker span{display:block;font-size:25px;line-height:1.25}.guest-stamp-picker small{display:block;font-size:10px;margin-top:7px;white-space:nowrap}.checkin-action{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.checkin-action small{font-size:11px;color:#92947e}.checkin-action button:disabled{cursor:default;opacity:.8;background:#e1e7cf}.guest-result{font-size:13px;color:#8a6a42;line-height:1.6;margin:12px 0;min-height:0}.guest-result:empty{display:none}.guest-compose{margin:28px 0 32px;padding-top:22px;border-top:1px dashed #b3b69a}.guest-compose h2{font-size:22px}.guest-compose form{display:grid;gap:13px}.guest-compose label{display:grid;gap:7px;font-size:13px}.guest-compose input,.guest-compose textarea{width:100%;min-width:0;background:#fffdf4;border:1px solid #b1b79b;border-radius:7px 3px 9px 4px;padding:10px 12px}.guest-compose textarea{resize:vertical;line-height:1.7;min-height:106px}.guest-compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.guest-compose-bottom>span{font-size:11px;color:#899179}.guest-compose .small-note{margin:0;font-size:11px}.guest-wall-heading{display:flex;align-items:baseline;gap:12px;justify-content:space-between;margin:12px 0 22px}.guest-wall-heading h2{font-size:22px;margin:0}.guest-wall-heading>span{font-size:11px;color:#879174;white-space:nowrap}.guest-wall{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;padding:5px 3px 12px}.guest-paper{--paper:#efe8ce;background:var(--paper);padding:19px 17px 17px;border:1px solid #77836940;border-radius:3px 8px 5px 11px;box-shadow:2px 3px #59674b13;position:relative;transform:rotate(-1deg);overflow-wrap:anywhere;min-width:0}.guest-paper:nth-child(2n){transform:rotate(1deg)}.guest-paper:before{content:"";position:absolute;top:-7px;left:40%;width:45px;height:13px;background:#d7cbaa9c;transform:rotate(4deg)}.guest-paper[data-stamp=flower]{--paper:#f0ddcf}.guest-paper[data-stamp=ball]{--paper:#e4e9d3}.guest-paper[data-stamp=music]{--paper:#dde5df}.guest-paper[data-stamp=star]{--paper:#ede7bf}.guest-paper[data-stamp=moon]{--paper:#e6e0e6}.guest-paper-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#839077;margin-bottom:12px}.guest-paper-mark{font-size:24px;line-height:1}.guest-paper time{font-size:10px}.guest-message{font-size:15px;line-height:1.8;white-space:pre-wrap;margin:0 0 18px}.guest-signature{text-align:right;font-size:12px}.guest-signature>span{font-size:10px;color:#899078}.guest-reply{border-top:1px dashed #8a97766b;margin-top:16px;padding-top:12px}.guest-reply small{font-size:10px;color:#8b7860}.guest-reply p{font-size:13px;line-height:1.7;white-space:pre-wrap;margin:6px 0 0}.guest-wall-empty{grid-column:1/-1;text-align:center;border:1px dashed #a9b191;border-radius:20px 6px 18px 8px;padding:28px 15px;color:#8a957c}.guest-wall-empty>span{font-size:32px;letter-spacing:10px}.guest-wall-empty p{font-size:13px;margin:12px 0 0}.guest-pending-label{display:block;margin-top:14px;padding-top:10px;border-top:1px dashed #abb394;font-size:10px;color:#8f8269}#my-pending{margin:20px 0 30px}#my-pending h3{font-weight:400;font-size:16px;color:#8f8269}#guest-more{display:block;margin:10px auto}.guest-admin-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.guest-admin-card p{white-space:pre-wrap;overflow-wrap:anywhere}.guest-admin-card label{display:grid;gap:7px;font-size:12px;margin-top:12px}.guest-admin-card textarea{width:100%;min-height:80px;padding:8px}.guest-admin-state{display:inline-block;padding:3px 7px;border:1px dashed #a9af91;border-radius:6px;color:#8e7958}.just-stamped{animation:guest-stamp .35s ease-out}@keyframes guest-stamp{0%{transform:rotate(-14deg) scale(1.25);opacity:.2}to{transform:rotate(9deg) scale(1);opacity:1}}@media(max-width:700px){.checkin-postcard{padding:18px 15px;gap:10px}.postcard-copy h2{font-size:19px}.postcard-copy>p:not(.guest-eyebrow){font-size:12px}.postcard-stamp{flex-basis:86px}.checkin-imprint{width:83px;height:83px}.checkin-imprint span{font-size:28px}.checkin-imprint small{font-size:9px}.postcard-stamp time{font-size:8px;letter-spacing:0}.guest-stats{gap:8px;font-size:10px}.guest-stats b{font-size:18px}.guest-stamp-picker>div{grid-template-columns:repeat(3,1fr)}.guest-stamp-picker button{padding:9px 3px}.guest-stamp-picker small{font-size:11px}.checkin-action{gap:10px}.checkin-action small{font-size:10px}.guest-wall{grid-template-columns:1fr;gap:18px}.guest-wall-heading h2{font-size:19px}.guest-compose h2{font-size:20px}.guest-compose-bottom button{font-size:13px}.guest-compose textarea,.guest-compose input{font-size:16px}.guest-admin-card{grid-column:1/-1}}@media(max-width:360px){.postcard-copy h2{font-size:17px}.postcard-stamp{flex-basis:70px}.checkin-imprint{height:70px;width:70px}}.room-login{max-width:620px}.room-login form{display:grid;gap:14px;margin:24px 0}.room-login label{display:grid;gap:8px}.room-login input{width:100%;box-sizing:border-box}.access-settings{max-width:680px}.access-toggle{display:flex!important;align-items:center;gap:14px;font-size:20px}.access-toggle input{appearance:none;flex:0 0 56px;width:56px!important;height:32px;border:2px solid #665f51;border-radius:44% 48% 43% 46%;background:#e0d8c9;position:relative;cursor:pointer;transition:background .2s}.access-toggle input:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;background:#fffaf0;border:1px solid #665f51;border-radius:48%;box-sizing:border-box;transition:transform .2s}.access-toggle input:checked{background:#96b79e}.access-toggle input:checked:before{transform:translate(24px)}.access-toggle input:focus-visible{outline:3px solid #bd977d;outline-offset:4px}html.admin-page{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}html.admin-page body.admin-body{height:auto;min-height:100vh;overflow:visible;touch-action:pan-y}.admin-page #admin-app{min-height:100vh}.secret-illustration{display:block;width:min(240px,70%);height:180px;margin:0 auto}.secret-stage{background:#eeecd9;border:2px dashed #a8ac8e;border-radius:53% 47% 49% 51%/12% 13% 11% 14%;padding:14px;margin:18px 0;text-align:center}.secret-stage p{min-height:3em;margin:8px 0}.secret-options{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:14px 0}.secret-options button{min-height:46px}.secret-note{--note:#edcaa8;background:var(--note);min-width:80px;border-radius:48% 51% 18% 22%;transition:background .12s,box-shadow .12s}.secret-note.is-singing{background:#fff7b4;box-shadow:0 0 0 4px #d4b962}.secret-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.secret-card{border:1.5px solid #929b7b;background:#fff9e7;padding:18px;border-radius:8px 18px 13px 20px}.secret-card h3{margin:6px 0}.secret-card p{font-size:14px;line-height:1.7}.secret-card .secret-illustration{height:110px;width:150px}.secret-trail-hint{font-size:14px;color:#68785a}@media(max-width:600px){.admin-page .admin-shell{padding:24px 16px 40px}.secret-options button{flex:1 1 80px}.secret-stage{padding:10px}.secret-illustration{height:150px}}