:root{color-scheme:light;--ink:#2e211b;--ink-soft:#5a4536;--outline:#3b2a22;--parchment:#f4e6c8;--parchment-deep:#ead6ab;--parchment-edge:#d9bf8a;--wood:#8a5a3c;--wood-dark:#5b3a26;--wood-darker:#3f271a;--gold:#e3b04b;--gold-deep:#b9852a;--sky:#a9d8f0;--grass:#8cc66a;--rift:#8e5bd6;--earth:#b8864b;--water:#3e8fd0;--fire:#e0573a;--wind:#6cbf6a;--hp:#d94a4a;--font-body:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-head:"Noto Serif TC", "Songti TC", "PMingLiU", serif;--radius:4px;--gutter:16px;--maxw:1120px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background-color:var(--parchment);background-image:radial-gradient(at 15% 10%,#fffaebb3,#0000 55%),radial-gradient(at 85% 60%,#d6b88059,#0000 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");margin:0;font-size:1rem;line-height:1.8;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--wood-dark);text-decoration-color:var(--gold-deep);text-underline-offset:3px}a:hover{color:var(--fire)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}h1,h2,h3{font-family:var(--font-head);color:var(--outline);letter-spacing:.04em;margin:0 0 12px;line-height:1.35}h1{font-size:clamp(2rem,6vw,3.25rem);font-weight:900}h2{font-size:clamp(1.5rem,3.6vw,2.125rem);font-weight:700}h3{font-size:1.25rem;font-weight:700}p{margin:0 0 16px}.skip-link{background:var(--gold);color:var(--ink);z-index:100;border-radius:var(--radius);padding:8px 16px;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}.wrap{width:100%;max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.site-header{z-index:50;background:repeating-linear-gradient(90deg, #ffffff08 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--wood) 0%, var(--wood-dark) 100%);border-bottom:4px solid var(--wood-darker);box-shadow:0 2px 0 var(--gold-deep), 0 6px 16px #28180c59;color:var(--parchment);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{color:var(--parchment);font-family:var(--font-head);letter-spacing:.08em;text-shadow:0 2px 0 var(--wood-darker);white-space:nowrap;align-items:baseline;gap:8px;font-size:1.375rem;font-weight:900;text-decoration:none;display:flex}.brand small{font-family:var(--font-body);letter-spacing:.2em;color:var(--gold);font-size:.75rem;font-weight:500}.brand:hover{color:#fff6de}.nav-list{gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--parchment);border-radius:var(--radius);padding:8px 12px;font-weight:500;text-decoration:none;display:block}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--gold);background:#00000038}.nav-toggle{display:none}@media (width<=860px){.nav-desktop{display:none}.nav-toggle{display:block;position:relative}.nav-toggle summary{cursor:pointer;border:2px solid var(--gold-deep);border-radius:var(--radius);color:var(--parchment);padding:8px 12px;font-weight:700;list-style:none}.nav-toggle summary::-webkit-details-marker{display:none}.nav-toggle .nav-list{background:var(--wood-dark);border:3px solid var(--wood-darker);flex-direction:column;min-width:180px;padding:8px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 8px 20px #00000059}}.btn{min-height:48px;font-family:var(--font-head);letter-spacing:.12em;border-radius:var(--radius);border:3px solid var(--outline);justify-content:center;align-items:center;gap:8px;padding:8px 24px;font-size:1.125rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:active{transform:translateY(2px)}.btn-primary{background:linear-gradient(180deg, #f0c566, var(--gold) 55%, var(--gold-deep));color:var(--outline);box-shadow:0 4px 0 var(--wood-darker), inset 0 2px 0 #ffffff73}.btn-secondary{background:linear-gradient(180deg, #a26e4c, var(--wood));color:var(--parchment);box-shadow:0 4px 0 var(--wood-darker), inset 0 2px 0 #ffffff2e}.btn:hover{color:inherit;transform:translateY(-1px)}.btn-primary:hover{color:var(--outline)}.btn-secondary:hover{color:#fff6de}.btn-row{flex-wrap:wrap;gap:16px;display:flex}.shot{margin:0}.shot-frame{background:linear-gradient(135deg, #9a6746, var(--wood-dark));border:2px solid var(--wood-darker);border-radius:6px;padding:6px;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffdc9659,0 6px #3f271a40,0 10px 24px #3f271a40}.shot-frame img{border:1px solid var(--gold-deep);background:var(--parchment-deep);border-radius:2px;width:100%}.shot-badge{letter-spacing:.08em;color:var(--parchment);border:1px solid var(--gold);background:#2e211bd1;border-radius:2px;padding:2px 8px;font-size:.75rem;font-weight:700;position:absolute;top:14px;right:14px}.shot figcaption{color:var(--ink-soft);border-left:3px solid var(--gold);margin-top:12px;padding-left:12px;font-size:.9375rem;line-height:1.7}.section{padding:64px 0}.section+.section{padding-top:16px}.eyebrow{letter-spacing:.24em;color:var(--wood);margin-bottom:8px;font-size:.8125rem;font-weight:700;display:inline-block}.lead{color:var(--ink-soft);max-width:44em;font-size:1.125rem}.divider{max-width:320px;color:var(--gold-deep);align-items:center;gap:12px;margin:0 auto;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-deep), transparent);flex:1;height:2px}.split{align-items:center;gap:32px;display:grid}@media (width>=900px){.split{grid-template-columns:1fr 1.25fr;gap:48px}.split.reverse>:first-child{order:2}}.grid-2{gap:32px;display:grid}@media (width>=760px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{gap:24px;display:grid}@media (width>=760px){.grid-3{grid-template-columns:repeat(3,1fr)}}.card{background:linear-gradient(180deg, #fbf2dc, var(--parchment));border:2px solid var(--wood);box-shadow:inset 0 0 0 4px var(--parchment), inset 0 0 0 5px var(--parchment-edge), 0 4px 0 #3f271a33;border-radius:6px;padding:24px;position:relative}.card h3{margin-bottom:8px}.card p:last-child{margin-bottom:0}.table-wrap{-webkit-overflow-scrolling:touch;border:2px solid var(--wood);background:#fbf2dc;border-radius:6px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:36rem;font-size:.9375rem}.table-compact table{min-width:0}caption{text-align:left;color:var(--wood-dark);padding:12px 16px 0;font-weight:700}th,td{text-align:left;border-bottom:1px solid var(--parchment-edge);vertical-align:top;padding:8px 16px}thead th{background:var(--parchment-deep);font-family:var(--font-head);color:var(--outline);white-space:nowrap}tbody tr:last-child>*{border-bottom:0}.elem{color:#fff;text-align:center;border-radius:2px;min-width:1.75em;padding:0 6px;font-size:.875rem;font-weight:700;line-height:1.6;display:inline-block}.elem-earth{background:var(--earth)}.elem-water{background:var(--water)}.elem-fire{background:var(--fire)}.elem-wind{background:var(--wind);color:var(--outline)}.page-head{padding-top:48px;padding-bottom:24px}.page-head p{max-width:42em}.note{border-left:4px solid var(--rift);background:#8e5bd614;border-radius:2px;padding:12px 16px;font-size:.9375rem}.pill{border:1px solid;border-radius:999px;padding:0 10px;font-size:.8125rem;font-weight:700;display:inline-block}.pill-done{color:#3f7a36;background:#6cbf6a24}.pill-doing{color:#9a6410;background:#e3b04b2e}.pill-todo{color:var(--ink-soft);background:#5a453614}.site-footer{color:var(--parchment);background:linear-gradient(180deg, var(--wood-dark), var(--wood-darker));border-top:4px solid var(--gold-deep);margin-top:64px;padding:32px 0 48px;font-size:.9375rem}.site-footer a{color:var(--gold)}.site-footer .wrap{gap:16px;display:grid}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}