:root{--bg-color: #fdfbf7;--surface-color: #fffefc;--border-color: #e8ded3;--text-primary: #4e342e;--text-secondary: #795548;--header-bg: #f5efe8;--primary-green: #5d4037;--primary-dim: rgba(93, 64, 55, .08);--accent-gold: #8a6633;--hud-bg: rgba(255, 253, 250, .95);--chip-bg-aux: rgba(121, 85, 72, .08);--maple-bg: #fbf8f3}.dark-mode{--bg-color: #0c0e10;--surface-color: #161b1d;--border-color: #2a3532;--text-primary: #e0e0e0;--text-secondary: #8b9996;--header-bg: #111413;--primary-green: #d2a679;--primary-dim: rgba(210, 166, 121, .15);--accent-gold: #d4b483;--hud-bg: rgba(22, 27, 29, .92);--chip-bg-aux: rgba(72, 199, 142, .1);--maple-bg: #1a1f1e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;font-size:16px;transition:background-color .3s,color .3s}h1{margin:0 0 10px;font-size:1.8rem;color:var(--text-primary);font-weight:700}.input-row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:center}.input-group{display:flex;flex-direction:row;gap:6px;min-width:120px}input[type=date],.default-select,#onesKin{flex:2;background:var(--bg-color);border:2px solid var(--border-color);color:var(--text-primary);padding:12px 16px;border-radius:10px;font-size:1rem;font-weight:500;outline:none;transition:all .3s ease;cursor:pointer;font-family:inherit;min-height:48px}input[type=date]:focus{border-color:var(--primary-green);background-color:var(--surface-color);box-shadow:0 0 0 4px var(--primary-dim)}.dark-mode input[type=date]{color-scheme:dark}table{border-collapse:separate;border-spacing:0;min-width:100%}th,td{padding:1px;text-align:left;vertical-align:top}th{vertical-align:middle}thead th,tfoot th{background-color:var(--header-bg);color:var(--text-secondary);font-weight:400;font-size:.95rem;position:sticky;top:0;z-index:20;border-bottom:2px solid var(--border-color)}label{color:var(--accent-gold);font-size:.95rem;font-weight:600;letter-spacing:.5px}input[type=date]:focus{border-color:var(--primary-green)}input[type=date]{width:100%;padding:14px;font-size:1.1rem;background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;-webkit-appearance:none;transition:border-color .3s;color-scheme:white;min-height:48px}.control-container{display:none;animation:slideDown .3s ease-out;padding:20px;background-color:var(--surface-color);margin:20px 15px;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 20px #0000000d}.control-container.active{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chart-scroll-wrapper{margin:0 15px 30px;overflow-x:auto;border:1px solid var(--border-color);border-radius:8px;background-color:var(--surface-color);-webkit-overflow-scrolling:touch}.main-wrapper{display:flex;justify-content:space-between;padding:20px;margin-bottom:10px}.card-container{width:100%;max-width:480px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:40px 30px;text-align:center;box-shadow:0 10px 30px #0000001a}.dark-mode .card-container{box-shadow:0 10px 30px #0000004d}.th-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}@media(max-width:480px){.input-row{flex-direction:row;justify-content:left}}.icon{width:70px;height:70px;display:inline-block;background-color:var(--primary-green);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.star{-webkit-mask-image:url(/images/star-02ec0270be981c1877679adfde7002de.svg);mask-image:url(/images/star-02ec0270be981c1877679adfde7002de.svg)}.mouse{-webkit-mask-image:url(/images/mouse-72082555a7da4e452feb397a4aed772d.svg);mask-image:url(/images/mouse-72082555a7da4e452feb397a4aed772d.svg)}.cow{-webkit-mask-image:url(/images/cow-955ad68148198526e9540d57309c5a58.svg);mask-image:url(/images/cow-955ad68148198526e9540d57309c5a58.svg)}.tiger{-webkit-mask-image:url(/images/tiger-8447322d4348bf729f8cf06aa45da55a.svg);mask-image:url(/images/tiger-8447322d4348bf729f8cf06aa45da55a.svg)}.rabbit{-webkit-mask-image:url(/images/rabbit-9e88c16698b06454254af6c3b0172848.svg);mask-image:url(/images/rabbit-9e88c16698b06454254af6c3b0172848.svg)}.dragon{-webkit-mask-image:url(/images/dragon-333e1f16381bf69b5f94eed98048f18e.svg);mask-image:url(/images/dragon-333e1f16381bf69b5f94eed98048f18e.svg)}.snake{-webkit-mask-image:url(/images/snake-e06d15151fe9421b8a6279ca99f24187.svg);mask-image:url(/images/snake-e06d15151fe9421b8a6279ca99f24187.svg)}.horse{-webkit-mask-image:url(/images/horse-a11f3aee2c000a0e6649105cda6886fc.svg);mask-image:url(/images/horse-a11f3aee2c000a0e6649105cda6886fc.svg)}.sheep{-webkit-mask-image:url(/images/sheep-ed7f35bed96ed9c22b187d0bf59b7b61.svg);mask-image:url(/images/sheep-ed7f35bed96ed9c22b187d0bf59b7b61.svg)}.monkey{-webkit-mask-image:url(/images/monkey-372decb5af2324650fd3f427c50ffc15.svg);mask-image:url(/images/monkey-372decb5af2324650fd3f427c50ffc15.svg)}.chicken{-webkit-mask-image:url(/images/chicken-20c80d00c74599b1b8d221f3f12473f2.svg);mask-image:url(/images/chicken-20c80d00c74599b1b8d221f3f12473f2.svg)}.poodle{-webkit-mask-image:url(/images/poodle-0a26a88280ba4985f511414faf6aad3c.svg);mask-image:url(/images/poodle-0a26a88280ba4985f511414faf6aad3c.svg)}.pig{-webkit-mask-image:url(/images/pig-d2e27eadfd58afca9289604e066c5ae9.svg);mask-image:url(/images/pig-d2e27eadfd58afca9289604e066c5ae9.svg)}.m-STR{-webkit-mask-image:url(/images/STR-7c1812fa2b4b18a544decd4141590587.svg);mask-image:url(/images/STR-7c1812fa2b4b18a544decd4141590587.svg)}.m-DEX{-webkit-mask-image:url(/images/DEX-b909c42ca9c664257834fde4bb72ae67.svg);mask-image:url(/images/DEX-b909c42ca9c664257834fde4bb72ae67.svg)}.m-INT{-webkit-mask-image:url(/images/INT-0f901be1f1e2a002dc6589beeb137edd.svg);mask-image:url(/images/INT-0f901be1f1e2a002dc6589beeb137edd.svg)}.m-LUK{-webkit-mask-image:url(/images/LUK-7dca2b19d4ba2a32e2b234433d9b93fa.svg);mask-image:url(/images/LUK-7dca2b19d4ba2a32e2b234433d9b93fa.svg)}.mode-dark{-webkit-mask-image:url(/images/mode-dark-68ed956bf81c8bdb198da66fa5708089.svg);mask-image:url(/images/mode-dark-68ed956bf81c8bdb198da66fa5708089.svg)}.mode-light{-webkit-mask-image:url(/images/mode-light-6c7eaacbc1c793f013f573e0b354074b.svg);mask-image:url(/images/mode-light-6c7eaacbc1c793f013f573e0b354074b.svg)}.theme-btn .icon{width:24px;height:24px;transition:transform .3s ease}.search-icon{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-radius:50%;position:relative;margin-right:5px;vertical-align:middle}.search-icon:after{content:"";position:absolute;width:2px;height:6px;background:currentColor;bottom:-4px;right:-2px;transform:rotate(-45deg)}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:var(--surface-color);border-bottom:1px solid var(--primary-dim);position:sticky;top:0;z-index:100}.brand-title{font-size:1.1rem;font-weight:600;color:var(--primary-green);letter-spacing:1px;display:flex;align-items:center;gap:6px}.nav-actions{display:flex;flex-direction:row;align-items:flex-start;gap:10px}.nav-actions button,.nav-actions a{background:transparent;border:1px var(--bg-color);color:var(--text-secondary);height:48px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.mode-dark{display:block}.mode-light,.dark-mode .mode-dark{display:none}.dark-mode .mode-light{display:block}.theme-btn{background:transparent;border:1px var(--bg-color);color:var(--text-secondary);width:48px;height:48px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-btn:hover{border-color:var(--primary-green);color:var(--primary-green)}.theme-btn:hover .icon{transform:rotate(15deg) scale(1.1)}.footer-link{height:10rem;padding:16px;text-align:center;font-size:.9rem}.footer-link a{color:var(--text-secondary);text-decoration:none;padding:12px;display:inline-block;transition:color .3s}.footer-link a:hover{color:var(--accent-gold);border-color:var(--accent-gold)}.modal-overlay{display:none;position:fixed;z-index:2000;left:0;top:0;width:100vw;height:100vh;background-color:#0009;align-items:center;justify-content:center;overflow:hidden}.modal-content{background-color:var(--surface-color);color:var(--text-primary);padding:30px;border:1px solid var(--border-color);width:90%;max-width:500px;border-radius:16px;box-shadow:0 10px 40px #0000004d;margin:0;max-height:85vh;overflow-y:auto;position:relative}.dark-mode .modal-overlay{background-color:#000000b3}.dark-mode .modal-content{box-shadow:0 4px 12px #0000004d}.modal-title{font-size:1.5rem;font-weight:700;color:var(--primary-green);border-bottom:2px solid var(--border-color);padding-bottom:10px;margin-top:0;margin-bottom:15px}.modal-description{font-size:1rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.modal-close-btn{color:var(--text-secondary);float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:1;transition:color .2s}.modal-close-btn:hover,.modal-close-btn:focus{color:var(--accent-gold);text-decoration:none;cursor:pointer}.modal-open-no-scroll{overflow:hidden!important;height:100%}.disclaimer-link{color:var(--text-secondary);font-size:.9rem;text-decoration:none;padding-bottom:2px;transition:color .2s}.disclaimer-link:hover{color:var(--accent-gold);border-color:var(--accent-gold)}.radio-tile input[type=radio]{display:none}.radio-label{display:block;padding:10px 20px;background:var(--surface-color);border:3px solid var(--border-color);color:var(--text-primary);font-weight:700;text-align:center;cursor:pointer;transition:all .1s ease;min-width:80px;border-radius:8px}.radio-label:hover{background:var(--hover-bg)}.radio-tile input[type=radio]:checked+.radio-label{background:var(--hover-bg);color:var(--accent-gold);box-shadow:inset 3px 3px #0003;border-color:var(--border-color)}.btn-submit{flex:1;border:none;color:var(--surface-color);background:var(--accent-gold);padding:12px 24px;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0478574d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 15px #04785766;filter:brightness(1.1)}.btn-submit:active{transform:translateY(1px) scale(.98)}.dark-mode .btn-submit{color:var(--surface-color);box-shadow:0 4px 12px #48c78e33}.note{font-size:.7rem;font-weight:lighter;color:var(--accent-gold)}.gong-box{display:flex;justify-content:space-between}@media(max-width:480px){.btn-submit{padding:14px}}@media(min-width:768px){.container{grid-template-columns:1fr}}@media(min-width:1024px){.container{display:grid;grid-template-columns:1fr 3fr}}.drawer-toggle{position:fixed;left:20px;top:15px;z-index:1001;background:var(--primary-green);color:#fff;border:none;border-radius:8px;padding:8px 15px;font-size:1.2rem;cursor:pointer;box-shadow:0 2px 10px #0003}.side-drawer{position:fixed;left:0;top:0;width:280px;height:100%;background-color:var(--surface-color);box-shadow:2px 0 15px #0000001a;z-index:1100;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.side-drawer.open{transform:translate(0)}.drawer-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--header-bg)}.drawer-header h3{margin:0;color:var(--primary-green);font-size:1.2rem}.drawer-close{background:none;border:none;font-size:1.8rem;color:var(--text-secondary);cursor:pointer}.drawer-nav{flex-grow:1;overflow-y:auto}.drawer-item{display:flex;align-items:center;padding:15px 25px;color:var(--text-primary);text-decoration:none;transition:background .2s;border-left:4px solid transparent}.drawer-footer{border-top:1px solid var(--border-color);padding:15px 25px;display:flex;flex-direction:column;gap:10px}.drawer-item:hover{background-color:#48c78e1a;border-left-color:var(--accent-gold);color:var(--primary-green)}.item-icon{margin-right:15px;font-size:1.2rem}.drawer-overlay.show{display:block}body.drawer-pinned .side-drawer{transform:translate(0)!important;box-shadow:none;border-right:1px solid var(--border-color)}body.drawer-pinned main{margin-left:280px;transition:padding-left .3s ease}body.drawer-pinned .drawer-overlay{display:none!important}main{transition:padding-left .3s ease}@media(max-width:1024px){body.drawer-pinned main{padding-left:0}body.drawer-pinned .side-drawer{transform:translate(-100%)}}.star-major{font-size:1.2rem;font-weight:600;color:var(--text-primary);display:inline-block;width:1em}.star-minor{font-size:.95rem;color:var(--text-secondary);display:inline-block;width:1em}.star-nano{font-size:.7rem;color:var(--text-secondary);display:inline-block;width:1em;border:1px solid rgba(212,180,131,.5)}.star-power{font-size:1rem;color:var(--accent-gold);font-weight:700;background-color:#d4b48326;border-radius:3px;margin-top:1px;display:inline-block;border:1px solid rgba(212,180,131,.5);padding:1px 2px}.maple-hud-panel{position:fixed;bottom:0;left:0;width:100%;z-index:500;background:var(--hud-bg);backdrop-filter:blur(10px);border-top:2px solid var(--primary-green);box-shadow:0 -4px 20px #0000001a;padding:8px 0;transition:all .4s cubic-bezier(.4,0,.2,1)}.maple-hud-content{margin:0 auto;display:flex;justify-content:space-between;padding:0 15px;gap:15px;overflow-x:auto}.hud-attr-card{flex:1;min-width:55px}.hud-header{font-size:1rem;cursor:pointer;user-select:none;min-height:70px;display:flex;flex-direction:column;align-items:center}.maple-hud-panel:hover{background:var(--surface-color);padding-top:15px}.hud-label{font-size:.85rem;color:var(--primary-green)}.hud-score{font-family:Courier New,monospace;font-weight:700;color:var(--accent-gold)}.hud-star-pool{display:flex;flex-wrap:wrap;gap:4px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,margin-bottom .3s ease;margin-bottom:0}.maple-hud-panel:hover .hud-star-pool,.maple-hud-panel.is-open .hud-star-pool{min-height:100px;max-height:200px;opacity:1;margin-bottom:10px;overflow-y:auto}.hud-spacer{height:50px;transition:height .4s ease}