:root{--maze-bg:#0a0a1a;--maze-text:#f0f0f0;--maze-text-muted:#a0a0b0;--maze-spacing-xs:4px;--maze-spacing-sm:8px;--maze-spacing-md:16px;--maze-spacing-lg:24px;--maze-spacing-xl:40px;--maze-panel-bg:rgba(10,10,26,0.92);--maze-panel-border:rgba(102,126,234,0.3);--maze-panel-radius:12px;--maze-hud-bg:rgba(10,10,26,0.7);--maze-hud-radius:8px;--maze-accent:#667eea;--maze-accent-light:#7c8ff0;--maze-accent-glow:rgba(102,126,234,0.5);--maze-success:#43e97b;--maze-danger:#f5576c;--maze-warning:#ffc107;--maze-toast-bg:rgba(10,10,26,0.9);--maze-toast-shadow:0 4px 20px rgba(0,0,0,0.5);--maze-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans TC","Microsoft JhengHei",sans-serif;--maze-font-size-sm:12px;--maze-font-size-base:14px;--maze-font-size-lg:18px;--maze-font-size-xl:24px;--maze-font-size-2xl:32px;--maze-font-size-3xl:48px;--maze-transition-fast:150ms ease;--maze-transition-base:300ms ease;--maze-transition-slow:500ms ease;--maze-z-canvas:1;--maze-z-hud:10;--maze-z-toast:50;--maze-z-panel:100;--maze-z-loading:200}.maze-body{margin:0;padding:0;overflow:hidden;width:100vw;height:100vh;font-family:var(--maze-font);background:var(--maze-bg);color:var(--maze-text);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#game-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--maze-z-canvas)}#game-canvas canvas{display:block;width:100%;height:100%}#maze-hud,.maze-hud{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--maze-z-hud);pointer-events:none}.maze-hud>*{pointer-events:auto}.maze-hud__timer{position:absolute;top:var(--maze-spacing-md);left:50%;transform:translateX(-50%);background:var(--maze-hud-bg);border-radius:var(--maze-hud-radius);padding:var(--maze-spacing-sm) var(--maze-spacing-md);font-size:var(--maze-font-size-lg);font-weight:700;letter-spacing:0.05em;min-width:80px;text-align:center;border:1px solid var(--maze-panel-border);backdrop-filter:blur(4px)}.maze-hud__floor{position:absolute;top:var(--maze-spacing-md);left:var(--maze-spacing-md);background:var(--maze-hud-bg);border-radius:var(--maze-hud-radius);padding:var(--maze-spacing-sm) var(--maze-spacing-md);font-size:var(--maze-font-size-base);font-weight:600;border:1px solid var(--maze-panel-border);backdrop-filter:blur(4px)}.maze-hud__score{position:absolute;top:var(--maze-spacing-md);right:var(--maze-spacing-md);background:var(--maze-hud-bg);border-radius:var(--maze-hud-radius);padding:var(--maze-spacing-sm) var(--maze-spacing-md);font-size:var(--maze-font-size-base);font-weight:600;border:1px solid var(--maze-panel-border);backdrop-filter:blur(4px)}.maze-hud__tools{position:absolute;bottom:var(--maze-spacing-lg);left:var(--maze-spacing-md);display:flex;flex-direction:column;gap:var(--maze-spacing-sm)}.maze-hud__tools-item{background:var(--maze-hud-bg);border-radius:var(--maze-hud-radius);padding:var(--maze-spacing-sm);border:1px solid var(--maze-panel-border);backdrop-filter:blur(4px);display:flex;align-items:center;gap:var(--maze-spacing-sm);font-size:var(--maze-font-size-sm);cursor:pointer;transition:border-color var(--maze-transition-fast)}.maze-hud__tools-item:hover{border-color:var(--maze-accent)}.maze-hud__controls{position:absolute;bottom:var(--maze-spacing-lg);right:var(--maze-spacing-md);display:flex;flex-direction:row;gap:var(--maze-spacing-sm)}.maze-hud__controls-btn{background:var(--maze-hud-bg);border:1px solid var(--maze-panel-border);border-radius:var(--maze-hud-radius);color:var(--maze-text);padding:var(--maze-spacing-sm) var(--maze-spacing-md);font-size:var(--maze-font-size-sm);cursor:pointer;backdrop-filter:blur(4px);transition:background var(--maze-transition-fast),border-color var(--maze-transition-fast)}.maze-hud__controls-btn:hover{background:var(--maze-accent-glow);border-color:var(--maze-accent)}.maze-hud__controls-btn--active{border-color:var(--maze-accent);color:var(--maze-accent-light)}.maze-panel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--maze-z-panel);display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.75);backdrop-filter:blur(6px)}.maze-panel.panel-visible{display:flex}.maze-panel__content{background:var(--maze-panel-bg);border:1px solid var(--maze-panel-border);border-radius:var(--maze-panel-radius);padding:var(--maze-spacing-xl);max-width:560px;width:90%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.6)}.maze-panel__title{font-size:var(--maze-font-size-xl);font-weight:700;margin:0 0 var(--maze-spacing-md) 0;color:var(--maze-text);text-align:center}.maze-panel__subtitle{font-size:var(--maze-font-size-base);color:var(--maze-text-muted);margin:0 0 var(--maze-spacing-lg) 0;text-align:center}.maze-panel__close{position:absolute;top:var(--maze-spacing-md);right:var(--maze-spacing-md);background:transparent;border:none;color:var(--maze-text-muted);font-size:var(--maze-font-size-xl);cursor:pointer;padding:var(--maze-spacing-xs);line-height:1;transition:color var(--maze-transition-fast)}.maze-panel__close:hover{color:var(--maze-text)}.maze-panel--initial .maze-panel__content{max-width:480px}.maze-panel--tutorial .maze-panel__content{max-width:640px}.maze-panel--pause .maze-panel__content{max-width:400px}.maze-panel--victory .maze-panel__content{max-width:520px;text-align:center}.maze-panel--achievements .maze-panel__content{max-width:600px}.maze-panel--shop .maze-panel__content{max-width:600px}.maze-panel--leaderboard .maze-panel__content{max-width:640px}.maze-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--maze-spacing-sm);padding:var(--maze-spacing-sm) var(--maze-spacing-lg);border:1px solid var(--maze-panel-border);border-radius:var(--maze-hud-radius);font-size:var(--maze-font-size-base);font-weight:600;font-family:var(--maze-font);cursor:pointer;transition:background var(--maze-transition-fast),border-color var(--maze-transition-fast),transform var(--maze-transition-fast);color:var(--maze-text);background:transparent;text-decoration:none}.maze-btn:hover{transform:translateY(-1px)}.maze-btn:active{transform:translateY(0)}.maze-btn--primary{background:var(--maze-accent);border-color:var(--maze-accent);color:#ffffff}.maze-btn--primary:hover{background:var(--maze-accent-light);border-color:var(--maze-accent-light)}.maze-btn--success{background:var(--maze-success);border-color:var(--maze-success);color:#0a0a1a}.maze-btn--danger{background:var(--maze-danger);border-color:var(--maze-danger);color:#ffffff}.maze-btn--ghost{background:transparent;border-color:var(--maze-panel-border)}.maze-btn--ghost:hover{border-color:var(--maze-accent);background:var(--maze-accent-glow)}.maze-toast{position:fixed;top:var(--maze-spacing-lg);right:var(--maze-spacing-lg);z-index:var(--maze-z-toast);background:var(--maze-toast-bg);border:1px solid var(--maze-panel-border);border-radius:var(--maze-hud-radius);padding:var(--maze-spacing-md) var(--maze-spacing-lg);box-shadow:var(--maze-toast-shadow);backdrop-filter:blur(8px);max-width:320px;transform:translateX(120%);opacity:0;transition:transform var(--maze-transition-base),opacity var(--maze-transition-base);pointer-events:auto}.maze-toast.toast-visible{transform:translateX(0);opacity:1}.maze-toast__icon{font-size:var(--maze-font-size-xl);margin-bottom:var(--maze-spacing-xs)}.maze-toast__title{font-size:var(--maze-font-size-base);font-weight:700;margin-bottom:var(--maze-spacing-xs)}.maze-toast__message{font-size:var(--maze-font-size-sm);color:var(--maze-text-muted)}.maze-toast--success{border-color:var(--maze-success)}.maze-toast--warning{border-color:var(--maze-warning)}.maze-toast--danger{border-color:var(--maze-danger)}.maze-speech-bubble{position:absolute;background:var(--maze-panel-bg);border:1px solid var(--maze-panel-border);border-radius:var(--maze-hud-radius);padding:var(--maze-spacing-sm) var(--maze-spacing-md);font-size:var(--maze-font-size-sm);max-width:200px;text-align:center;pointer-events:none;opacity:0;transform:translateY(-8px);transition:opacity var(--maze-transition-base),transform var(--maze-transition-base)}.maze-speech-bubble.bubble-visible{opacity:1;transform:translateY(0)}.maze-speech-bubble::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--maze-panel-border)}.maze-speech-bubble::before{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--maze-panel-bg);z-index:1}.maze-loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--maze-z-loading);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--maze-bg);gap:var(--maze-spacing-lg)}.maze-loading__spinner{width:48px;height:48px;border:3px solid var(--maze-panel-border);border-top-color:var(--maze-accent);border-radius:50%;animation:maze-spin 0.8s linear infinite}@keyframes maze-spin{to{transform:rotate(360deg)}}.maze-loading__text{font-size:var(--maze-font-size-lg);font-weight:600;color:var(--maze-text)}.maze-loading__date{font-size:var(--maze-font-size-sm);color:var(--maze-text-muted)}.maze-loading__progress{width:200px;height:4px;background:var(--maze-panel-border);border-radius:var(--maze-spacing-xs);overflow:hidden}.maze-loading__progress-bar{height:100%;background:var(--maze-accent);border-radius:var(--maze-spacing-xs);transition:width var(--maze-transition-base)}[data-theme="dark"]{--maze-bg:#0a0a1a;--maze-text:#f0f0f0;--maze-text-muted:#a0a0b0;--maze-panel-bg:rgba(10,10,26,0.92);--maze-panel-border:rgba(102,126,234,0.3);--maze-hud-bg:rgba(10,10,26,0.7);--maze-toast-bg:rgba(10,10,26,0.9)}[data-theme="light"]{--maze-bg:#f5f7fa;--maze-text:#1a1a2e;--maze-text-muted:#5a5a7a;--maze-panel-bg:rgba(255,255,255,0.95);--maze-panel-border:rgba(102,126,234,0.25);--maze-hud-bg:rgba(255,255,255,0.8);--maze-toast-bg:rgba(255,255,255,0.95);--maze-accent-glow:rgba(102,126,234,0.15);--maze-toast-shadow:0 4px 20px rgba(0,0,0,0.15)}@media (max-width:768px){.maze-hud__timer{font-size:var(--maze-font-size-base);padding:var(--maze-spacing-xs) var(--maze-spacing-sm)}.maze-hud__floor{font-size:var(--maze-font-size-sm);padding:var(--maze-spacing-xs) var(--maze-spacing-sm)}.maze-hud__score{font-size:var(--maze-font-size-sm);padding:var(--maze-spacing-xs) var(--maze-spacing-sm)}.maze-hud__tools{display:none}.maze-hud__controls-btn{min-width:44px;min-height:44px;padding:var(--maze-spacing-sm);font-size:var(--maze-font-size-base)}.maze-panel__content{width:95%;padding:var(--maze-spacing-lg);max-height:90vh}.maze-panel__title{font-size:var(--maze-font-size-lg)}.maze-btn{min-height:44px;padding:var(--maze-spacing-sm) var(--maze-spacing-md)}.maze-toast{top:auto;bottom:var(--maze-spacing-lg);right:var(--maze-spacing-md);left:var(--maze-spacing-md);max-width:none;transform:translateY(120%)}.maze-toast.toast-visible{transform:translateY(0)}.maze-touch-joystick{position:fixed;bottom:var(--maze-spacing-xl);left:var(--maze-spacing-xl);width:120px;height:120px;z-index:var(--maze-z-hud);pointer-events:auto}.maze-touch-interact{position:fixed;bottom:var(--maze-spacing-xl);right:var(--maze-spacing-xl);width:56px;height:56px;border-radius:50%;background:var(--maze-accent);border:2px solid var(--maze-accent-light);z-index:var(--maze-z-hud);display:flex;align-items:center;justify-content:center;font-size:var(--maze-font-size-lg);color:#ffffff;pointer-events:auto;cursor:pointer}}.maze-tutorial__content{display:flex;flex-direction:column;align-items:center;gap:var(--maze-spacing-lg);text-align:center}.maze-tutorial__icon{font-size:var(--maze-font-size-3xl);line-height:1;margin-top:var(--maze-spacing-md);animation:maze-tutorial-bounce 1.5s ease infinite}@keyframes maze-tutorial-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.maze-tutorial__arrow{width:0;height:0;border:10px solid transparent;transition:transform var(--maze-transition-base)}.maze-tutorial__arrow--down{border-top-color:var(--maze-accent);border-bottom:none;animation:maze-arrow-down 1s ease infinite}.maze-tutorial__arrow--up{border-bottom-color:var(--maze-accent);border-top:none;animation:maze-arrow-up 1s ease infinite}.maze-tutorial__arrow--left{border-right-color:var(--maze-accent);border-left:none;animation:maze-arrow-left 1s ease infinite}.maze-tutorial__arrow--right{border-left-color:var(--maze-accent);border-right:none;animation:maze-arrow-right 1s ease infinite}@keyframes maze-arrow-down{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes maze-arrow-up{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes maze-arrow-left{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}@keyframes maze-arrow-right{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}.maze-tutorial__text{font-size:var(--maze-font-size-lg);line-height:1.6;color:var(--maze-text);margin:0;max-width:480px}.maze-tutorial__dots{display:flex;gap:var(--maze-spacing-sm);justify-content:center;align-items:center}.maze-tutorial__dot{width:10px;height:10px;border-radius:50%;background:var(--maze-panel-border);transition:background var(--maze-transition-fast),transform var(--maze-transition-fast)}.maze-tutorial__dot--active{background:var(--maze-accent);transform:scale(1.3)}.maze-tutorial__buttons{display:flex;gap:var(--maze-spacing-md);justify-content:center;flex-wrap:wrap;width:100%}.maze-tutorial__skip{min-width:100px}.maze-tutorial__next{min-width:140px}.maze-shop__content{display:flex;flex-direction:column;gap:var(--maze-spacing-md)}.maze-shop__header{display:flex;align-items:center;justify-content:space-between}.maze-shop__title{font-size:var(--maze-font-size-xl);font-weight:700;margin:0;color:var(--maze-text)}.maze-shop__close{background:transparent;border:none;color:var(--maze-text-muted);font-size:var(--maze-font-size-xl);cursor:pointer;padding:var(--maze-spacing-xs);line-height:1;transition:color var(--maze-transition-fast)}.maze-shop__close:hover{color:var(--maze-text)}.maze-shop__balance{display:flex;align-items:center;justify-content:center;gap:var(--maze-spacing-xs);background:var(--maze-hud-bg);border:1px solid var(--maze-panel-border);border-radius:var(--maze-hud-radius);padding:var(--maze-spacing-sm) var(--maze-spacing-md);font-size:var(--maze-font-size-lg);font-weight:600}.maze-shop__balance-label{color:var(--maze-text-muted)}.maze-shop__balance-value{color:var(--maze-accent-light);font-weight:700}.maze-shop__balance-icon{font-size:var(--maze-font-size-lg)}.maze-shop__error{display:none;background:rgba(245,87,108,0.15);border:1px solid var(--maze-danger);border-radius:var(--maze-hud-radius);padding:var(--maze-spacing-sm) var(--maze-spacing-md);font-size:var(--maze-font-size-sm);color:var(--maze-danger);text-align:center}.maze-shop__error--visible{display:block}.maze-shop__rewards{display:flex;flex-direction:column;gap:var(--maze-spacing-sm)}.maze-shop__tier-header{font-size:var(--maze-font-size-base);font-weight:700;color:var(--maze-accent-light);padding:var(--maze-spacing-sm) 0;border-bottom:1px solid var(--maze-panel-border);margin-top:var(--maze-spacing-sm)}.maze-shop__tier-header:first-child{margin-top:0}.maze-shop__reward-item{display:flex;align-items:center;gap:var(--maze-spacing-md);padding:var(--maze-spacing-sm) var(--maze-spacing-md);border:1px solid var(--maze-panel-border);border-radius:var(--maze-hud-radius);transition:border-color var(--maze-transition-fast),opacity var(--maze-transition-fast)}.maze-shop__reward-item:hover{border-color:var(--maze-accent)}.maze-shop__reward-item--locked{opacity:0.6}.maze-shop__reward-item--unlocked{opacity:0.7;border-color:var(--maze-success)}.maze-shop__reward-icon{font-size:var(--maze-font-size-xl);flex-shrink:0}.maze-shop__reward-info{flex:1;min-width:0}.maze-shop__reward-name{font-size:var(--maze-font-size-base);font-weight:600;color:var(--maze-text)}.maze-shop__reward-desc{font-size:var(--maze-font-size-sm);color:var(--maze-text-muted);margin-top:var(--maze-spacing-xs)}.maze-shop__reward-cost{font-size:var(--maze-font-size-sm);font-weight:600;color:var(--maze-warning);white-space:nowrap;flex-shrink:0}.maze-shop__redeem-btn{flex-shrink:0;min-width:70px;padding:var(--maze-spacing-xs) var(--maze-spacing-sm);font-size:var(--maze-font-size-sm)}.maze-shop__redeem-btn--unlocked{background:var(--maze-success);border-color:var(--maze-success);color:#0a0a1a;cursor:default}.maze-shop__redeem-btn--disabled{opacity:0.5;cursor:not-allowed}@media (max-width:768px){.maze-shop__reward-item{flex-wrap:wrap;gap:var(--maze-spacing-sm)}.maze-shop__reward-info{flex-basis:calc(100% - 60px)}.maze-shop__reward-cost{margin-left:auto}.maze-shop__redeem-btn{width:100%;min-height:44px}}.maze-hidden{display:none}.maze-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.maze-panel-content{background:var(--maze-panel-bg);border:1px solid var(--maze-panel-border);border-radius:var(--maze-panel-radius);padding:var(--maze-spacing-xl);max-width:480px;width:90%;margin:0 auto;box-shadow:0 20px 60px rgba(0,0,0,0.6)}.maze-panel-title{font-size:var(--maze-font-size-xl);font-weight:700;color:var(--maze-text);text-align:center;margin:0 0 var(--maze-spacing-lg) 0}.maze-form-group{margin-bottom:var(--maze-spacing-md)}.maze-form-group .form-label{display:block;font-size:var(--maze-font-size-sm);font-weight:600;color:var(--maze-text-muted);margin-bottom:var(--maze-spacing-xs);text-transform:uppercase;letter-spacing:0.05em}.maze-form-group .form-control{width:100%;padding:var(--maze-spacing-sm) var(--maze-spacing-md);background:rgba(255,255,255,0.05);border:1px solid var(--maze-panel-border);border-radius:var(--maze-hud-radius);color:var(--maze-text);font-size:var(--maze-font-size-base);font-family:var(--maze-font);transition:border-color var(--maze-transition-fast),box-shadow var(--maze-transition-fast);box-sizing:border-box}.maze-form-group .form-control:focus{outline:none;border-color:var(--maze-accent);box-shadow:0 0 0 3px var(--maze-accent-glow)}.maze-form-group select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0b0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.maze-form-check{display:flex;align-items:center;gap:var(--maze-spacing-sm)}.maze-form-check .form-check-input{width:18px;height:18px;accent-color:var(--maze-accent);cursor:pointer}.maze-form-check .form-label{display:inline;margin-bottom:0;font-size:var(--maze-font-size-base);text-transform:none;letter-spacing:normal;cursor:pointer}.maze-character-section{display:flex;gap:var(--maze-spacing-lg);align-items:flex-start;margin-top:var(--maze-spacing-sm)}.maze-character-controls{flex:1}.maze-character-preview{width:120px;height:160px;border:1px solid var(--maze-panel-border);border-radius:var(--maze-hud-radius);overflow:hidden;background:rgba(0,0,0,0.3);flex-shrink:0}.maze-character-preview canvas{width:100% !important;height:100% !important}.maze-start-btn{display:block;width:100%;padding:var(--maze-spacing-md) var(--maze-spacing-lg);margin-top:var(--maze-spacing-lg);background:linear-gradient(135deg,var(--maze-accent),var(--maze-accent-light));border:none;border-radius:var(--maze-hud-radius);color:#ffffff;font-size:var(--maze-font-size-lg);font-weight:700;font-family:var(--maze-font);cursor:pointer;transition:transform var(--maze-transition-fast),box-shadow var(--maze-transition-fast);box-shadow:0 4px 15px var(--maze-accent-glow)}.maze-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--maze-accent-glow)}.maze-start-btn:active{transform:translateY(0)}.maze-form-errors{background:rgba(245,87,108,0.1);border:1px solid var(--maze-danger);border-radius:var(--maze-hud-radius);padding:var(--maze-spacing-sm) var(--maze-spacing-md);margin-top:var(--maze-spacing-md)}.maze-error-message{color:var(--maze-danger);font-size:var(--maze-font-size-sm);margin:var(--maze-spacing-xs) 0}@media (max-width:768px){.maze-character-section{flex-direction:column;align-items:center}.maze-character-preview{width:100px;height:130px}}