.auth-island.svelte-qempth{position:relative;display:inline-flex;overflow:visible}.auth-island.svelte-qempth{flex-direction:column;align-items:center;gap:6px}.user-info.svelte-qempth{display:flex;flex-direction:column;align-items:center;gap:4px}.user-roles.svelte-qempth{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.user-card.svelte-qempth{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background-color:#424242;border-radius:4px;cursor:default;position:relative;justify-content:center}.hover-menu.svelte-qempth{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:stretch;gap:4px;z-index:200;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.auth-island.svelte-qempth:hover .hover-menu:where(.svelte-qempth){opacity:1;visibility:visible}.user-image.svelte-qempth{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-name.svelte-qempth{font-weight:600;color:#f5f5f5;font-size:.8rem;word-break:break-all;text-align:center}.role-badge.svelte-qempth{width:20px;height:20px;border-radius:50%;object-fit:contain}.logout-btn.svelte-qempth{padding:7px 14px;background-color:#ff4757;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:.82rem;white-space:nowrap}.logout-btn.svelte-qempth:hover{background-color:#e84118}.edit-mode-btn.svelte-qempth{padding:7px 14px;background-color:#7b1fa2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:.82rem;white-space:nowrap}.edit-mode-btn.svelte-qempth:hover{background-color:#6a1b9a}.login-btn.svelte-qempth{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 16px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.login-btn.svelte-qempth:hover{background-color:#1976d2d9}body{overflow-x:hidden;overflow-y:auto}.menu{flex:1;display:flex;flex-direction:row;align-items:stretch;gap:10px;padding:0 12px;position:relative}.content{position:absolute;top:0;left:0;padding-top:160px;width:100%;height:100%}.region{display:flex;flex:1;flex-direction:column;align-items:center;min-width:0;height:140px;text-decoration:none;transition:transform .2s ease;gap:5px}.region:hover{transform:scale(1.07) translateY(-3px)}.region:hover .painting-frame{box-shadow:0 6px 18px #000c;border-color:#bbb}.painting-frame{flex:1;width:100%;border:3px solid #888;border-radius:6px;background-size:cover;background-position:center;box-shadow:0 3px 10px #0009;overflow:hidden}.painting-label{font-size:medium;font-weight:700;white-space:nowrap;-webkit-text-stroke:6px #0d0d0d;paint-order:stroke fill}.intro .painting-label{color:#d32f2f}.r2 .painting-label{color:#ef6c00}.r3 .painting-label{color:#ffb300}.r4 .painting-label{color:#4caf50}.store .painting-label{color:#1976d2}.r6 .painting-label{color:#7b1fa2}.region.active .painting-frame{background-size:auto 400%;background-position:51.5% 98%}.region.active.r1 .painting-frame{border-color:#d32f2f}.region.active.r2 .painting-frame{border-color:#ef6c00}.region.active.r3 .painting-frame{border-color:#ffb300}.region.active.r4 .painting-frame{border-color:#4caf50}.region.active.r5 .painting-frame{border-color:#1976d2}.region.active.r6 .painting-frame{border-color:#7b1fa2}.region.active .painting-label{color:#f5f5f5}.painting-bar{position:fixed;display:flex;flex-direction:row;align-items:center;z-index:50;overflow:visible;top:0;right:0;padding:10px 10px 10px 0;height:160px;width:100%;justify-content:flex-end;transition:background-color .3s ease}.painting-bar.scrolled{background-color:#0d0d0d}.page-background{position:fixed;top:0;left:0;height:105%;width:105%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.9)}.bg-loading{filter:blur(8px) brightness(.9)!important;transition:filter .4s ease}@media(max-aspect-ratio:1/1)and (max-width:460px){.painting-bar{height:35vw}.region{height:30vw}.content{padding-top:35vw}.painting-label{font-size:2.8vw}}@media(min-aspect-ratio:1/1){.painting-bar{height:100vh;width:120px;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;pointer-events:auto;left:0;right:unset}.painting-bar.scrolled{background-color:transparent}.menu{flex:1;flex-direction:column;width:120px;height:auto;padding:12px 8px;align-items:center;justify-content:center}.login-wrapper{position:fixed;top:0;right:0;width:120px;height:100vh;margin-left:0;pointer-events:auto;display:flex;align-items:center;justify-content:flex-start;padding:10px;flex-direction:column}.region{height:auto;flex:1;width:100%;align-items:center;max-height:calc(100vh / 6)}.painting-frame{width:80%;flex:1;min-height:0}.content{padding-top:0;padding-left:120px;padding-right:120px}}