*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:18px;font-family:system-ui,-apple-system,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{margin:0;min-width:0;height:100%;background-color:#222831;font-family:inherit}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:2em;line-height:1.2;margin:.2em 0 0}button{border-radius:8px;border:1px solid #ddd;padding:.5rem 1rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:#f5f5f5;cursor:pointer;transition:border-color .25s,background .2s;min-width:44px;min-height:44px}button:hover{border-color:#aaa;background:#eee}button:focus,button:focus-visible{outline:1px solid #646cff}button:disabled{opacity:.5;cursor:not-allowed}#app{max-width:100vw;margin:0;padding:0;text-align:left;display:flex;flex-direction:column;height:100%}.db-status{display:flex;justify-content:space-between;align-items:center;padding:.2rem 1rem;color:#1a1a1a;font-size:.7rem;font-family:monospace;transition:background-color .5s ease}.refresh-btn{background:#ffffff80;border:1px solid rgba(0,0,0,.2);border-radius:4px;padding:0 .8rem;cursor:pointer;font-size:.7rem;min-height:auto}.refresh-btn:hover{background:#fffc}header{background-color:#b6141f;color:#fff;padding:.6rem 0 0}.header-content{padding-bottom:.6rem}.header-strip{height:1.6rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:#fffffff2;background:linear-gradient(180deg,#91111a,#b6141f);box-shadow:inset 0 -1px #00000014}.strip-divider{opacity:.5}.header-content{display:flex;justify-content:space-around;align-items:center;width:100%}.login-btn{background-color:#fff;color:#393e46;border:none;padding:.5rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;min-height:auto}.login-btn:hover{background-color:#00adb5}.user-area{display:flex;align-items:center;gap:10px}.welcome-text{font-size:.9rem;color:#fff;font-weight:700}.logout-btn{background-color:#fff;color:#b6141f;border:1px solid white}.logout-btn:hover{background-color:#fcebd0}main{width:100%;margin:0;padding:0;padding-bottom:var(--footer-height, 60px);flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}footer{position:fixed;left:0;right:0;bottom:0;z-index:99;max-width:480px;margin:0rem auto;background:#fff;box-shadow:0 -2px 8px #85858512;padding:.2rem 1.5rem 0;text-align:center;color:#313131;font-size:.9rem}.footer-link,.footer-copy{font-family:inherit;line-height:1;font-weight:400}.map-wrapper{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.room-map{background:#111;padding:0;margin-top:0;flex:1 1 0;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden}.controls-row{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem;background-color:#fff}.legend{display:flex;gap:1rem;padding:0rem .5rem;background:#fff;border-radius:8px;font-size:.85rem}.legend-item{display:flex;align-items:center;gap:.4rem}.dot{width:14px;height:14px;border-radius:50%}.reset-btn{background:#fff;border:1px solid #ddd;border-radius:4px;padding:.25rem .6rem;cursor:pointer;font-size:.85rem;min-height:auto}.reset-btn:hover{background:#e5e5e5}.map-container{overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:1 1 0;min-height:0}.map-container.is-panning{cursor:grabbing}.map-container svg{width:100%;height:100%;display:block}.map-container .seat{fill:#606060;stroke:#2f2f2f;stroke-width:3px;cursor:pointer;transition:all .3s ease}.map-container .seat:hover{stroke:#000;stroke-width:1.5px;filter:brightness(1.15)}.map-container .area{cursor:pointer;transition:all .25s ease}.map-container .area:hover{filter:brightness(1.1);stroke:#b6141f;stroke-width:2px}.map-container .border,.map-container #border{fill:none!important;stroke:#606060!important;stroke-opacity:1!important;fill-opacity:1!important;pointer-events:none}.popup-overlay{position:fixed;inset:0;background:#0000002e;z-index:100;display:flex;align-items:flex-end;justify-content:center}.seat-popup{position:relative;bottom:3rem;animation:slideup-popup .35s cubic-bezier(.22,1,.36,1);max-width:480px;width:100%;padding:1rem}@keyframes slideup-popup{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.popup-content{background:#fff;border-radius:4px;padding:1.5rem;box-shadow:0 8px 30px #0003;text-align:center;min-width:280px;width:100%;max-width:480px}.status-visited{color:#3b82f6;font-weight:700}.status-not-visited{color:#999}.popup-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:center}.btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:700;min-height:auto}.btn-checkin{background:#60a5fa;color:#fff}.btn-undo{background:#fbbf24;color:#1a1a1a}.btn-close{background:#e5e5e5;color:#333}.btn:hover:not(:disabled){filter:brightness(.9)}.seat-history{margin:15px 0;font-size:.95rem;text-align:left;background:#f9f9f9;padding:10px;border-radius:8px;color:#444;max-height:180px;overflow-y:auto;box-shadow:inset 0 1px #fff9}.seat-history strong{display:block;margin-bottom:5px;color:#222;font-weight:600}.seat-history p{color:#666;margin:0}.seat-history ul{margin:0;padding-left:20px;color:#444}.seat-history li{margin-bottom:6px}.seat-history::-webkit-scrollbar{height:8px;width:8px}.seat-history::-webkit-scrollbar-thumb{background:#0000001f;border-radius:8px}.seat-history::-webkit-scrollbar-track{background:transparent}@media(min-width:600px){html{font-size:18px}#app{max-width:480px;margin:0 auto}}.floating-bar{position:fixed;left:0;right:0;bottom:calc(var(--footer-height, 60px) + 10px);z-index:98;display:flex;justify-content:center;pointer-events:none}.floating-nav{pointer-events:auto;display:flex;gap:.4rem;align-items:center;background:#ffffff0f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:.35rem .5rem;border-radius:12px;box-shadow:0 8px 24px #0000002e;max-width:480px;margin:0 1rem}.nav-btn{background:transparent;border:none;color:#fff;font-size:1.1rem;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.nav-btn:hover{background:#ffffff0f}.nav-btn:active{transform:translateY(1px)}.left-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:300;background:#fff;color:#111;box-shadow:2px 0 18px #0000001f;padding:.8rem;display:flex;flex-direction:column}.left-sidebar .sidebar-header{display:flex;align-items:center;font-weight:700;gap:.5rem;margin-bottom:.6rem}.map-list{list-style:none;padding:0;margin:0;overflow:auto}.map-list li{padding:.6rem .5rem;border-radius:8px;cursor:pointer}.map-list li:hover{background:#f3f3f3}.map-list li.active{background:#e6f3ff;font-weight:700}.area-list{list-style:none;padding:0;margin:0}.area-item{margin-bottom:.25rem}.area-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .5rem;border-radius:8px;cursor:pointer;font-weight:500;color:#333}.area-header:hover{background:#f3f3f3}.area-header.expanded{background:#eee}.area-arrow{font-size:.7rem;color:#888;width:1rem;text-align:center}.map-list--nested{margin-left:1.2rem;border-left:2px solid #ddd;padding-left:.5rem}.login-overlay,.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.login-box,.modal-box{background:#222831;color:#eee;padding:2rem;border-radius:8px;width:100%;max-width:420px;box-shadow:0 10px 25px #00000080;border:1px solid #393E46}.login-box h2,.modal-box h2{margin-top:0;color:#00adb5;text-align:center;margin-bottom:1.25rem}.input-group{margin-bottom:1.2rem}.input-group label{display:block;font-size:.9rem;margin-bottom:.4rem;color:#bbb}.input-group input{width:100%;padding:.8rem;background:#393e46;border:1px solid #222;color:#fff;border-radius:4px;font-size:1rem}.input-group input:focus{outline:2px solid #00ADB5}.btn-row{margin-top:1.5rem}.action-btn{background-color:#00adb5;color:#fff;border:none;padding:.8rem 1rem;border-radius:6px;cursor:pointer;font-weight:700}.action-btn:hover{background-color:#008c93}.btn-row .action-btn{width:100%}.error-msg{color:#ff6b6b;background:#ff00001a;padding:.5rem;border-radius:4px;font-size:.9rem;margin-bottom:1rem;text-align:center}.footer-actions{margin-top:1.25rem;display:flex;justify-content:space-between;font-size:.9rem}.modal-actions{margin-top:1rem;display:flex;gap:12px;justify-content:flex-end}.modal-actions--center{justify-content:center}.login-box ul,.modal-box ul,.login-box .modal-list{margin:.25rem 0 0;padding-left:1.05rem}.login-box ul li,.modal-box ul li,.login-box .modal-list li{margin-bottom:.35rem}.login-box p,.modal-box p{color:#ddd}.link-text{cursor:pointer;color:#bbb;text-decoration:underline}.link-text:hover{color:#fff}.link-text.cancel{color:#ff6b6b;text-decoration:none}.page-container{position:relative;width:100%;min-height:100%;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem 6rem;box-sizing:border-box;background:#fff;overflow-y:auto}.page-close-btn{position:absolute;top:.6rem;right:1rem;background:none;border:none;font-size:1.4rem;line-height:1;color:#555;cursor:pointer;padding:.25rem .3rem;border-radius:4px;min-width:auto;min-height:auto}.page-close-btn:hover{background:#f0f0f0;color:#111}.page-box{width:100%;max-width:780px;background:#fff;color:#111;padding:2rem;border-radius:8px;box-shadow:0 8px 15px #0000001f}.page-box h2{margin-top:0;text-align:left;color:#111;line-height:2}.page-box h3{margin-top:.5rem;color:#111;line-height:1.8}.page-box p{color:#333;line-height:1.5;text-align:justify}.page-box ul{list-style:disc;margin-left:1.5rem}.page-box li{margin-bottom:.5rem}.footer-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;color:#636363;font-size:.9rem;width:100%}.footer-left{justify-self:start}.footer-center{justify-self:center}.footer-right{justify-self:end}.footer-copy{color:inherit}.footer-sep{color:#bbb;margin:0 .25rem}.footer-link{color:inherit;text-decoration:none;cursor:pointer}.footer-link:hover{color:#1f1f1f;text-decoration:none}.footer-link--small{font-size:inherit}.profile-container{width:100%;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.profile-header{display:flex;justify-content:space-between;align-items:flex-start}.profile-meta{display:flex;gap:12px;align-items:flex-start}.profile-container .avatar{flex:0 0 25%;width:25%;max-width:25%;min-width:80px;aspect-ratio:1/1;border-radius:0;background-size:cover;background-position:center}.name-block{display:flex;flex-direction:column;flex:1 1 auto}.profile-container .name{margin:0;font-size:1.4rem;color:#111}.close-btn{background:transparent;border:none;font-size:20px;cursor:pointer}.profile-body{flex:1 1 auto;overflow:auto;margin-top:12px}.bio-label{display:none}.bio-text{font-size:.85rem;background:#fafafa;border-radius:0;padding:12px;color:#222;margin:6px 0}.bio-text.muted{color:#888;font-style:italic}.level-row{display:flex;gap:0;align-items:center;width:100%}.level-col{flex:0 0 50%;width:50%;display:flex;align-items:center;justify-content:center}.level-indicator{display:flex;flex-direction:row;align-items:center;gap:10px}.level-label{font-size:.95rem;color:#666}.level-circle{width:48px;height:48px;border-radius:50%;background:transparent;border:3px solid #b6141f;color:#b6141f;display:flex;align-items:center;justify-content:center;font-weight:600;box-sizing:border-box}.badges-col{flex:0 0 50%;display:flex;justify-content:center;align-items:center}.badges-placeholder{background:transparent;padding:8px 12px;border-radius:0;color:#666;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.badges-img-placeholder{width:40px;height:40px;flex-shrink:0;background:#ddd;border-radius:0}.level-box{background:#fafafa;padding:12px;margin-top:12px;border-radius:0}.edit-row{margin-top:10px;width:100%}.edit-btn{background:#fff;border:1px solid #ddd;width:100%;display:block;box-sizing:border-box;padding:8px 12px;font-weight:400;font-size:.95rem;line-height:1.2}.profile-container .menu{margin-top:18px}.menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.menu-item{display:flex}.avatar-preview[data-v-2338dab6]{display:flex;justify-content:center;margin-bottom:8px}.avatar-img[data-v-2338dab6]{width:64px;height:64px;border-radius:0;background:#f0f0f0}textarea[data-v-50b1f513]{width:100%;padding:.6rem;box-sizing:border-box;border-radius:4px;border:1px solid #ddd;min-height:120px;font-family:inherit;font-size:.95rem}.btn-row[data-v-50b1f513]{display:flex;gap:.6rem;margin-top:1rem}.fade-enter-active[data-v-7d230cd4],.fade-leave-active[data-v-7d230cd4]{transition:opacity .3s ease}.fade-enter-from[data-v-7d230cd4],.fade-leave-to[data-v-7d230cd4]{opacity:0}.logout-overlay[data-v-7d230cd4]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000026;z-index:200;display:flex;justify-content:flex-end;align-items:flex-start}.logout-menu[data-v-7d230cd4]{background:#fff;border-radius:8px 0 0 8px;box-shadow:-2px 0 8px #0000001a;padding:24px 32px;margin-top:32px;margin-right:0;z-index:201;transition:transform .3s}.slide-right-enter-active[data-v-7d230cd4],.slide-right-leave-active[data-v-7d230cd4]{transition:transform .3s}.slide-right-enter-from[data-v-7d230cd4]{transform:translate(100%)}.slide-right-enter-to[data-v-7d230cd4],.slide-right-leave-from[data-v-7d230cd4]{transform:translate(0)}.slide-right-leave-to[data-v-7d230cd4]{transform:translate(100%)}.slide-left-enter-active[data-v-7d230cd4],.slide-left-leave-active[data-v-7d230cd4]{transition:transform .35s cubic-bezier(.2,.9,.2,1)}.slide-left-enter-from[data-v-7d230cd4]{transform:translate(100%)}.slide-left-enter-to[data-v-7d230cd4],.slide-left-leave-from[data-v-7d230cd4]{transform:translate(0)}.slide-left-leave-to[data-v-7d230cd4]{transform:translate(100%)}.logout-sidebar[data-v-7d230cd4]{position:fixed;top:0;right:0;width:30vw;min-width:220px;height:100vh;background:#fff;box-shadow:-2px 0 16px #00000026;z-index:200;display:flex;flex-direction:column;align-items:flex-end;padding:32px 24px}.profile-overlay[data-v-7d230cd4]{position:fixed;inset:0;background:#00000026;z-index:200;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.profile-sheet[data-v-7d230cd4]{width:100%;max-width:480px;height:calc(100vh - var(--header-height, 120px) - 16px);max-height:calc(100vh - var(--header-height, 120px) - 16px);background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -6px 24px #00000026;padding:18px;z-index:201;overflow:auto;margin:0 auto;will-change:transform}.slide-up-enter-active[data-v-7d230cd4],.slide-up-leave-active[data-v-7d230cd4]{transition:transform .38s cubic-bezier(.2,.9,.2,1)}.slide-up-enter-from[data-v-7d230cd4],.slide-up-leave-to[data-v-7d230cd4]{transform:translateY(110%)}.slide-up-enter-to[data-v-7d230cd4],.slide-up-leave-from[data-v-7d230cd4]{transform:translateY(0)}