:root{--sky-top: #e8f4fc;--sky-bottom: #f0f7e6;--cloud: #ffffff;--cloud-shadow: #f5f9fc;--primary: #7cb342;--primary-light: #9ccc65;--primary-dark: #558b2f;--primary-glow: rgba(124, 179, 66, .25);--bg-mint: #f5faf0;--bg-warm: #fefcf6;--accent-orange: #ffb74d;--accent-yellow: #fff8e1;--accent-yellow-deep: #ffca28;--accent-pink: #f8bbd9;--accent-blue: #81d4fa;--wood: #bcaaa4;--wood-dark: #8d6e63;--wood-light: #d7ccc8;--wood-cream: #efebe9;--text: #5d4037;--text-light: #8d6e63;--text-muted: #a1887f;--text-white: #fffef8;--bg-cream: #fffde7;--bg-paper: #fefcf5;--shadow-soft: 0 2px 8px rgba(93, 64, 55, .06), 0 4px 20px rgba(93, 64, 55, .04);--shadow-medium: 0 4px 12px rgba(93, 64, 55, .08), 0 8px 32px rgba(93, 64, 55, .06);--shadow-float: 0 8px 24px rgba(93, 64, 55, .1), 0 16px 48px rgba(93, 64, 55, .06);--shadow-glow: 0 0 24px rgba(124, 179, 66, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .02);--radius-sm: 14px;--radius-md: 22px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 100px}body{font-family:Nunito,PingFang TC,Microsoft JhengHei,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--sky-top) 0%,#f2f8ed 30%,var(--bg-mint) 60%,var(--sky-bottom) 100%);background-attachment:fixed;min-height:100vh;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.7}@media (max-width: 640px){body{font-size:17px;line-height:1.75}}.container{position:relative}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.cloud-layer{position:fixed;top:0;left:0;right:0;height:40vh;pointer-events:none;z-index:-1;overflow:hidden}.cloud{position:absolute;background:radial-gradient(ellipse at 50% 120%,#fff,#fff0 70%);border-radius:50%;opacity:.7}.font-display{font-family:Fredoka,Nunito,sans-serif;font-weight:700}.game-title{font-family:Fredoka,sans-serif;font-weight:700;color:var(--text-white);text-shadow:-2px -2px 0 var(--primary-dark),2px -2px 0 var(--primary-dark),-2px 2px 0 var(--primary-dark),2px 2px 0 var(--primary-dark),0 3px 6px rgba(0,0,0,.2)}.panel{background:linear-gradient(180deg,#fffffff2,#fffcf6e6);border-radius:var(--radius-lg);border:1.5px solid rgba(188,170,164,.25);box-shadow:var(--shadow-medium),inset 0 1px #fffc;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}.panel-header{background:linear-gradient(180deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;padding:16px 24px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:-1px -1px 0;border-bottom:none;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.card{background:linear-gradient(180deg,#ffffff 0%,var(--bg-warm) 100%);border-radius:var(--radius-md);border:1px solid rgba(188,170,164,.15);box-shadow:var(--shadow-soft);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.9) 50%,transparent 100%)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-float),0 0 0 1px #7cb3421a;border-color:#7cb34233}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:Nunito,sans-serif;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--primary-light) 0%,var(--primary) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 0 var(--primary-dark),0 6px 20px #7cb34233;text-shadow:0 1px 1px rgba(0,0,0,.1);transform-origin:center bottom}.btn:hover{background:linear-gradient(180deg,#a5d66a 0%,var(--primary-light) 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 0 var(--primary-dark),0 12px 28px #7cb34240}.btn:active{transform:translateY(2px) scale(.98);box-shadow:0 2px 0 var(--primary-dark),0 4px 12px #7cb34226;transition:all .1s ease}.btn-orange{background:linear-gradient(180deg,#ffe0b2 0%,var(--accent-orange) 100%);box-shadow:0 4px #f57c00,0 6px 20px #ffb74d40}.btn-orange:hover{background:linear-gradient(180deg,#ffcc80,#ffa726);box-shadow:0 6px #f57c00,0 12px 28px #ffb74d4d}.btn-orange:active{box-shadow:0 2px #f57c00,0 4px 12px #ffb74d33}.btn-blue{background:linear-gradient(180deg,#b3e5fc 0%,var(--accent-blue) 100%);box-shadow:0 4px #0288d1,0 6px 20px #81d4fa40}.btn-blue:hover{background:linear-gradient(180deg,#e1f5fe,#4fc3f7);box-shadow:0 6px #0288d1,0 12px 28px #81d4fa4d}.btn-blue:active{box-shadow:0 2px #0288d1,0 4px 12px #81d4fa33}.btn-sm{padding:10px 20px;font-size:14px;border-radius:var(--radius-md)}.input{width:100%;padding:14px 18px;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;color:var(--text);background:#ffffffe6;border:1.5px solid rgba(188,170,164,.2);border-radius:var(--radius-md);box-shadow:var(--shadow-inner);transition:all .3s ease}.input:focus{outline:none;border-color:var(--accent-yellow-deep);background:#fffef8;box-shadow:var(--shadow-inner),0 0 0 4px #ffca2826,0 0 24px #ffca281a}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:700;border-radius:var(--radius-pill);background:linear-gradient(180deg,#ffffff 0%,var(--bg-warm) 100%);border:1px solid rgba(188,170,164,.15);color:var(--text-light);box-shadow:var(--shadow-soft);transition:all .25s ease}.badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.badge-primary{background:linear-gradient(180deg,var(--primary-light) 0%,var(--primary) 100%);border-color:transparent;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.08)}.badge-orange{background:linear-gradient(180deg,#ffe0b2 0%,var(--accent-orange) 100%);border-color:transparent;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.08)}.badge-status-done{background:linear-gradient(180deg,#e8f5e9,#c8e6c9);border-color:#81c7844d;color:#2e7d32}.badge-status-pending{background:linear-gradient(180deg,#fff8e1 0%,var(--accent-yellow) 100%);border-color:#ffb74d4d;color:#e65100}.nav{background:linear-gradient(180deg,#ffffffeb,#fffcf6e0);border-radius:var(--radius-xl);border:1px solid rgba(188,170,164,.15);padding:10px 18px;box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-link{display:flex;align-items:center;gap:6px;padding:12px 20px;min-height:44px;min-width:44px;font-size:14px;font-weight:600;color:var(--text);text-decoration:none;border-radius:var(--radius-lg);transition:all .25s ease;white-space:nowrap}.nav-link:hover{background:#7cb34214;color:var(--primary-dark);transform:translateY(-1px)}.nav-link.active{background:linear-gradient(180deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;box-shadow:0 2px 0 var(--primary-dark),0 4px 12px #7cb34233;text-shadow:0 1px 1px rgba(0,0,0,.08)}.nav-link-icon-only{display:flex;align-items:center;justify-content:center;padding:10px 12px;min-height:44px;min-width:44px;color:var(--text);text-decoration:none;border-radius:var(--radius-lg);transition:all .25s ease;position:relative}.nav-link-icon-only:hover{background:#7cb3421a;color:var(--primary-dark);transform:translateY(-1px) scale(1.05)}.nav-link-icon-only.active{background:linear-gradient(180deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;box-shadow:0 2px 0 var(--primary-dark),0 4px 12px #7cb34233}.nav-link-icon-only:hover:after{content:attr(title);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 2px 8px #0003}.nav-link-icon-only:hover:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--text);z-index:100;pointer-events:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:float 4s ease-in-out infinite;will-change:transform;transform:translateZ(0)}.animate-float-slow{animation:float 6s ease-in-out infinite;will-change:transform;transform:translateZ(0)}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.animate-wiggle{animation:wiggle 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #7ab55c4d}50%{box-shadow:0 0 30px #7ab55c80}}.animate-glow{animation:glow-pulse 3s ease-in-out infinite}@keyframes drift{0%{transform:translate(-5%)}to{transform:translate(105%)}}.animate-drift{animation:drift 60s linear infinite}@media (prefers-reduced-motion: reduce){.animate-float,.animate-float-slow,.animate-wiggle,.animate-glow,.animate-drift{animation:none}}.text-shadow-soft{text-shadow:0 2px 4px rgba(0,0,0,.1)}.border-wood{border:2px solid var(--wood)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5faf080;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood) 100%);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--wood) 0%,var(--wood-dark) 100%);background-clip:padding-box}.font-fredoka{font-family:Fredoka,sans-serif}.font-nunito{font-family:Nunito,sans-serif}.notice-board{background:linear-gradient(180deg,#fffffff2,#fffcf6e6);border-radius:var(--radius-lg);border:1px solid rgba(188,170,164,.2);box-shadow:var(--shadow-medium);position:relative;overflow:hidden}.notice-board:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-light) 0%,var(--primary) 50%,var(--primary-light) 100%);opacity:.6}.trust-card{background:linear-gradient(180deg,#fffffff2,#fffcf6e6);border-radius:var(--radius-lg);border:1px solid rgba(188,170,164,.12);padding:24px 20px;text-align:center;box-shadow:var(--shadow-soft);transition:all .35s cubic-bezier(.34,1.56,.64,1)}.trust-card:hover{transform:translateY(-6px);border-color:#7cb34233;box-shadow:var(--shadow-float)}.trust-card-icon{width:56px;height:56px;margin:0 auto 12px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 16px #7cb34226;transition:all .35s ease}.trust-card:hover .trust-card-icon{transform:scale(1.1);box-shadow:0 6px 20px #7cb34240}.bug-card{background:linear-gradient(180deg,#fffffff2,#fffafae6);border-radius:var(--radius-lg);border:1px solid rgba(239,83,80,.1);padding:20px;transition:all .3s ease;position:relative}.bug-card:hover{border-color:#ef535040;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.bug-card.resolved{background:linear-gradient(180deg,#fffffff2,#f5faf0e6);border-color:#7cb34226}.bug-card.resolved:after{content:"✓";position:absolute;top:12px;right:12px;width:26px;height:26px;background:linear-gradient(135deg,#a5d6a7,#81c784);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #81c7844d}