@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Serif+TC:wght@400;500;700&display=swap");:root{--brand-50:hsl(263,100%,97%);--brand-100:hsl(263,87%,93%);--brand-200:hsl(263,76%,85%);--brand-400:hsl(263,65%,65%);--brand-500:hsl(263,60%,52%);--brand-600:hsl(263,55%,42%);--brand-700:hsl(263,50%,34%);--brand-900:hsl(263,40%,14%);--gold-300:hsl(42,90%,75%);--gold-400:hsl(42,85%,62%);--gold-500:hsl(42,80%,50%);--bg-base:hsl(232,30%,8%);--bg-surface:hsl(232,25%,12%);--bg-raised:hsl(232,22%,16%);--bg-overlay:hsl(232,20%,20%);--text-primary:hsl(240,15%,95%);--text-secondary:hsl(240,10%,70%);--text-muted:hsl(240,8%,50%);--text-inverse:hsl(232,30%,8%);--border-subtle:hsla(240,15%,60%,0.12);--border-default:hsla(240,15%,60%,0.22);--border-brand:hsla(263,65%,65%,0.4);--success:hsl(152,65%,45%);--warning:hsl(42,80%,50%);--error:hsl(0,70%,55%);--info:hsl(210,70%,55%);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-glow:0 0 30px hsla(263,65%,65%,0.2);--shadow-card:0 4px 24px hsla(232,30%,4%,0.5);--shadow-float:0 8px 40px hsla(232,30%,4%,0.7);--font-sans:"Inter",system-ui,sans-serif;--font-serif:"Noto Serif TC",serif;--ease-out:cubic-bezier(0.0,0.0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--duration-fast:120ms;--duration-base:200ms;--duration-slow:350ms;--background:var(--bg-base);--foreground:var(--text-primary)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh}.container{width:100%;max-width:1280px;margin:0 auto;padding-inline:var(--space-6)}.card-glass{background:hsla(232,25%,14%,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.text-gradient{background:linear-gradient(135deg,var(--brand-400),var(--gold-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tab-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--duration-base) var(--ease-out);background:transparent;color:var(--text-secondary)}.tab-btn:hover{color:var(--text-primary);background:var(--bg-raised)}.tab-btn.active{background:linear-gradient(135deg,var(--brand-600),var(--brand-700));color:var(--text-primary);border-color:var(--border-brand);box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;cursor:pointer;border:none;transition:all var(--duration-base) var(--ease-out);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--brand-500),var(--brand-600));color:var(--text-primary);box-shadow:0 4px 16px hsla(263,60%,52%,.35)}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-400),var(--brand-500));box-shadow:0 4px 24px hsla(263,60%,52%,.5);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-ghost:hover{border-color:var(--border-brand);background:var(--bg-raised)}.btn-ghost:hover,.input{color:var(--text-primary)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9375rem;transition:border-color var(--duration-fast) var(--ease-out);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px hsla(263,60%,52%,.15)}.palace-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.palace-cell{background:var(--bg-surface);padding:var(--space-3);min-height:100px;transition:background var(--duration-fast) var(--ease-out)}.palace-cell:hover{background:var(--bg-raised)}.palace-cell.active{background:hsla(263,60%,52%,.12);border:1px solid var(--border-brand)}.element-bar{display:flex;align-items:center;gap:var(--space-3)}.element-bar__fill{flex:1 1;height:8px;border-radius:var(--radius-full);background:var(--bg-overlay);overflow:hidden}.element-bar__fill-inner{height:100%;border-radius:var(--radius-full);transition:width .6s var(--ease-out)}.element-bar--wood .element-bar__fill-inner{background:linear-gradient(90deg,hsl(130,55%,42%),hsl(130,65%,55%))}.element-bar--fire .element-bar__fill-inner{background:linear-gradient(90deg,hsl(12,75%,48%),hsl(30,85%,58%))}.element-bar--earth .element-bar__fill-inner{background:linear-gradient(90deg,hsl(42,65%,42%),hsl(42,75%,55%))}.element-bar--metal .element-bar__fill-inner{background:linear-gradient(90deg,hsl(200,30%,62%),hsl(200,40%,75%))}.element-bar--water .element-bar__fill-inner{background:linear-gradient(90deg,hsl(210,65%,42%),hsl(210,75%,55%))}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-overlay) 25%,var(--bg-raised) 50%,var(--bg-overlay) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--brand-700)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px hsla(263,65%,65%,.2)}50%{box-shadow:0 0 40px hsla(263,65%,65%,.4)}}.animate-fade-up{animation:fade-up var(--duration-slow) var(--ease-out) both}.animate-fade-in{animation:fade-in var(--duration-base) var(--ease-out) both}.animate-glow{animation:glow-pulse 3s ease-in-out infinite}@media (max-width:768px){.container{padding-inline:var(--space-4)}.palace-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){html{font-size:15px}.palace-grid{grid-template-columns:repeat(2,1fr)}}