:root{--glass-bg: rgba(255, 255, 255, .1);--glass-bg-strong: rgba(255, 255, 255, .15);--glass-bg-heavy: rgba(20, 25, 35, .85);--glass-bg-nav: rgba(255, 255, 255, .1);--glass-bg-dark: rgba(20, 20, 30, .92);--glass-bg-tool: rgba(255, 255, 255, .1);--glass-bg-notification: rgba(0, 0, 0, .8);--glass-blur: blur(12px);--glass-blur-light: blur(8px);--glass-blur-strong: blur(16px);--glass-blur-subtle: blur(4px);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-border-strong: 1px solid rgba(255, 255, 255, .15);--glass-border-medium: 1px solid rgba(255, 255, 255, .2);--glass-shadow: 0 4px 12px rgba(0, 0, 0, .3);--glass-shadow-strong: 0 8px 20px rgba(0, 0, 0, .6);--glass-shadow-light: 0 4px 8px rgba(0, 0, 0, .2);--glass-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .2);--glass-hover-bg: rgba(255, 255, 255, .2);--glass-hover-border: rgba(255, 255, 255, .35);--glass-active-bg: rgba(255, 255, 255, .3);--color-bg: #222;--color-text: #fff;--color-text-secondary: #aaa;--color-accent: #4CAF50;--color-accent-light: #a5d6a7;--color-danger: #b32d2d;--color-gold: #ffd700;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--use-glass-effects: 1}@media (max-width: 768px){:root{--glass-blur: blur(6px);--glass-blur-light: blur(3px);--glass-blur-strong: blur(8px);--use-glass-effects: .5}}@media (max-width: 480px){:root{--glass-blur: blur(0px);--glass-blur-light: blur(0px);--use-glass-effects: 0;--glass-bg: rgba(30, 30, 40, .95);--glass-bg-strong: rgba(30, 30, 40, .98);--glass-bg-heavy: rgba(20, 25, 35, .98);--glass-bg-nav: rgba(30, 30, 40, .98);--glass-bg-tool: rgba(30, 30, 40, .95)}}body.no-glass{--glass-bg: #1e1e28;--glass-bg-strong: #1e1e28;--glass-bg-heavy: #1a1e26;--glass-bg-nav: #1e1e28;--glass-bg-dark: #14141e;--glass-bg-tool: #1e1e28;--glass-bg-notification: #000000;--glass-blur: blur(0px);--glass-blur-light: blur(0px);--glass-blur-strong: blur(0px);--glass-blur-subtle: blur(0px)}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--color-bg);font-family:sans-serif}#app{position:relative;width:100%;height:100%}#canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;image-rendering:crisp-edges;image-rendering:pixelated}#top-bar-stack{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;flex-direction:column;overflow:visible}#top-bar-stack>*{margin:0;width:100%;box-sizing:border-box}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-medium);box-shadow:var(--glass-shadow)}.glass-light{background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-medium);box-shadow:var(--glass-shadow-light),var(--glass-shadow-inset)}.glass-strong{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:var(--glass-border-strong);box-shadow:var(--glass-shadow-strong)}@media (max-width: 480px){.glass,.glass-light,.glass-strong{backdrop-filter:none;-webkit-backdrop-filter:none}}.top-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:var(--spacing-xs) var(--spacing-lg);background:var(--glass-bg-nav);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);box-shadow:var(--glass-shadow)}#top-bar-stack .top-nav{position:static!important;z-index:auto!important;top:auto!important;left:auto!important;right:auto!important;margin:0!important;border-radius:0;width:100%}.nav-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:var(--glass-shadow)}.nav-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.nav-center{flex:1;min-width:10px}.user-info{font-size:14px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:var(--spacing-xs) var(--spacing-lg);background:var(--glass-bg);border-radius:20px}.prize-banner{background:linear-gradient(270deg,#3c2e1e,#d4a017,#f5d742,#d4a017,#3c2e1e);background-size:400% 400%;animation:goldFlow 8s ease infinite;color:#fff;padding:6px 16px;font-size:15px;font-weight:700;text-align:center;box-shadow:inset 0 0 10px #0000004d;border-bottom:1px solid #ffd700;cursor:pointer;position:relative;overflow:hidden}.prize-banner:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 40%,rgba(255,255,200,.5) 50%,rgba(255,255,255,.3) 60%,transparent 100%);transform:translate(-100%);opacity:0;animation:shimmerEvery10s 10s ease-in-out infinite;pointer-events:none}.prize-banner-content{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}#navbar-prize-pot{color:gold;font-size:1.1em}.prize-claim-text{animation:pulse 2s infinite}.protection-bar{background:#b32d2d;color:#fff;padding:4px 16px;font-size:14px;text-align:center}.nav-icon{background:var(--glass-bg-tool);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-medium);border-radius:50%;box-shadow:var(--glass-shadow-light),var(--glass-shadow-inset);color:var(--color-text);font-size:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin:2px}.nav-icon:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);box-shadow:var(--glass-shadow),var(--glass-shadow-inset);transform:scale(1.05)}.nav-icon:active{background:var(--glass-active-bg);transform:scale(.95);box-shadow:var(--glass-shadow-light),var(--glass-shadow-inset)}.nav-icon.active{background:#4caf5040;border-color:#4caf5080;color:var(--color-accent-light)}.tool-btn{width:35px;height:35px;border:var(--glass-border-medium);background:var(--glass-bg-tool);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:var(--color-text);font-size:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--glass-shadow-light),var(--glass-shadow-inset)}.tool-btn:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);transform:scale(1.05);box-shadow:var(--glass-shadow),var(--glass-shadow-inset)}.tool-btn:active{transform:scale(.95);background:var(--glass-active-bg);box-shadow:var(--glass-shadow-light),var(--glass-shadow-inset)}.tool-btn.active{background:#4caf5040;border-color:#4caf5080;color:var(--color-accent-light);box-shadow:0 0 10px #4caf5066,var(--glass-shadow-inset)}#tools-bar{position:fixed;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:8000;background:var(--glass-bg-tool);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-medium);border-radius:12px;box-shadow:0 4px 12px #0006;padding:var(--spacing-sm) var(--spacing-xs)}#cursor-coords{position:fixed;top:80px!important;right:12px;color:#888;padding:var(--spacing-sm) 14px;border-radius:20px;font-family:monospace;font-size:14px;z-index:1001;pointer-events:auto;text-align:center;white-space:nowrap;cursor:pointer;background:var(--glass-bg-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #0000004d}.eyedropper-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M4 28 L12 20 L10 18 L2 26 Z" fill="%23000" stroke="%23fff" stroke-width="1"/><circle cx="22" cy="10" r="8" fill="none" stroke="%23000" stroke-width="2"/><circle cx="22" cy="10" r="4" fill="%23fff"/></svg>') 16 2,crosshair}#ui-layer{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:2px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);border:var(--glass-border-medium);box-shadow:0 4px 12px #00000080;padding:var(--spacing-sm);border-radius:12px;pointer-events:auto;z-index:10;width:calc(100% - 20px);max-width:390px}.color-btn{flex:0 0 26px;height:26px;border:1px solid rgba(0,0,0,.5);border-radius:0;cursor:pointer;transition:transform .1s}.color-btn:hover{border:1px solid white;z-index:5;transform:scale(1.1)}.color-btn.active{border:2px solid white;transform:scale(1.2);z-index:10;box-shadow:0 0 8px #fffc}.color-btn.preview{outline:3px solid cyan;outline-offset:1px;animation:pulse-preview .8s infinite alternate}#wheel-container{width:180px;height:180px;border-radius:50%;overflow:hidden}.color-btn:nth-child(4n){margin-right:8px}#admin-panel{display:none;position:absolute;top:70px;left:20px;background:#000000e6;color:var(--color-text);padding:15px;border-radius:8px;z-index:9999;pointer-events:auto;border:1px solid #444;max-width:300px}#gallery-panel{backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);background:var(--glass-bg-heavy);border:var(--glass-border-strong);box-shadow:var(--glass-shadow-strong)}#playground-panel{display:none;position:absolute;top:70px;left:20px;color:var(--color-text);z-index:9999}.admin-box{background:#ffffff1a;padding:8px;border-radius:4px;margin-bottom:10px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);display:flex;justify-content:center;align-items:center;z-index:10000}.modal-content{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);color:var(--color-text);padding:25px 30px;border-radius:12px;box-shadow:var(--glass-shadow-strong);width:90%;max-width:500px;border:var(--glass-border-strong);animation:slideUpFade .3s ease-out;position:relative}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:#888;transition:color .2s}.close-btn:hover{color:var(--color-text)}#dig-status-bar{display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-xl);background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);color:var(--color-text);font-size:14px;transition:transform .2s ease,opacity .2s ease;box-shadow:0 4px 12px #0000004d}.dig-stats{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.dig-stats-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md) var(--spacing-xl);align-items:center}.dig-actions{gap:var(--spacing-md)}.dig-action-btn{background:none;border:1px solid #666;color:var(--color-text);padding:2px var(--spacing-md);border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap}#notifications{position:fixed;top:110px!important;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:2000;pointer-events:none}.toast{background:var(--glass-bg-notification);backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);color:var(--color-text);padding:10px 20px;border-radius:4px;animation:fadeout 3s forwards}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes goldFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmerEvery10s{0%{transform:translate(-100%);opacity:0}3%{opacity:1}17%{transform:translate(200%);opacity:1}20%{opacity:0}to{transform:translate(200%);opacity:0}}@keyframes pulse-preview{0%{outline-color:#0ff}to{outline-color:#0ff}}@media (max-width: 768px){#ui-layer{flex-wrap:wrap}#controls-hint{display:none}#mobile-place-btn{background:#0078aa}.user-info{color:#fff}}@media (min-width: 768px){#ui-layer{flex-wrap:nowrap;width:max-content;max-width:95%;gap:var(--spacing-xs);padding:var(--spacing-lg) 14px;border-radius:8px}.color-btn{flex:0 1 32px;width:32px;min-width:0;height:32px;border-radius:3px;margin:0!important}.color-btn:nth-child(4n){margin-right:0!important}#mobile-place-btn{background:#0078aa}.user-info{color:#fff}}@media (max-width: 480px){.top-nav{padding:10px var(--spacing-xs)}.nav-right{gap:var(--spacing-xs)}.nav-icon{padding:var(--spacing-xs) var(--spacing-md);font-size:12px}#mobile-place-btn{bottom:160px;background:#0078aa}#dig-status-bar{padding:var(--spacing-xs) var(--spacing-md);font-size:12px}.dig-stats{flex-direction:column;gap:var(--spacing-sm);width:100%}.dig-stats-row{width:100%;justify-content:space-between}.force-dig-label{font-size:11px}.dig-action-btn{padding:2px var(--spacing-sm);font-size:12px}.user-info{font-size:12px;color:#fff}}@media (max-width: 420px){.nav-icon{width:34px;height:34px;font-size:18px;margin:1px}.user-info{font-size:12px;color:#fff}}@media (max-width: 360px){.nav-icon{width:30px;height:30px;font-size:16px}.user-info{font-size:11px;max-width:80px;color:#fff}}.color-btn:nth-child(4n){margin-right:0!important}.mobile-place-btn{position:fixed;bottom:140px;right:25px;padding:18px 32px;font-size:18px;font-weight:700;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);color:var(--color-text);border:none;border-radius:50px;box-shadow:var(--glass-shadow);z-index:1000;display:none;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .1s ease,background-color .1s ease}@media (max-width: 768px){.mobile-place-btn{display:block}}.mobile-place-btn.pressed{transform:scale(.95);background:var(--glass-hover-bg)}.picker-mode-toggle{position:fixed;bottom:275px;right:30px;z-index:1100;padding:10px 14px;border-radius:5%;border:none;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);color:#aaa;font-weight:700;cursor:pointer;box-shadow:var(--glass-shadow)}.mg-btn{background:var(--glass-bg-tool);-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);border:var(--glass-border-medium);border-radius:12px;color:var(--color-text);font-size:24px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,background-color .1s;box-shadow:var(--glass-shadow-light)}.mg-btn.pressed{transform:scale(.9);background:#fff6}#gallery-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#141923d9;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 40px #0009}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;padding:4px}.gallery-item{background:#0000004d;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 8px #0000004d;position:relative}.gallery-item:hover{transform:translateY(-3px);box-shadow:0 8px 16px #00000080;border-color:#fff3}.gallery-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;transition:opacity .4s cubic-bezier(.25,.46,.45,.94);background:#1a1e26;will-change:opacity}.gallery-item img.fading{opacity:.3}.gallery-item span{display:block;padding:10px 8px;font-size:.9rem;font-weight:500;text-align:center;color:#e0e0e0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#close-gallery-panel{transition:color .2s,transform .2s}#close-gallery-panel:hover{color:#ff5e5e;transform:scale(1.1)}.my-treasure{width:100%;height:100%}.my-shovel{width:20px;height:20px;margin:0;padding:0}.my-miku{width:100%;height:100%}.info-fab,.sound-fab,.protect-fab,.war-fab,.gallery-fab,.vote-fab{display:none}.hidden{display:none!important}