:root{--wood-dark: #2c1c0c;--cream: #f2ecdc;--sage: #9fb0a4;--amber: #e6a638;--radius: 5px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--wood-dark);background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 2px,transparent 2px 58px),linear-gradient(135deg,#4a3117,#33220f 45%,#4a3117);color:var(--cream);font-family:Oswald,system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}.page{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start;padding:22px 16px calc(22px + env(safe-area-inset-bottom))}.board{position:relative;width:100%;max-width:640px;background:radial-gradient(ellipse 115% 80% at 50% 28%,#2b3b34,#16201c 78%);border-radius:8px;padding:28px 24px 40px;box-shadow:0 0 0 12px #4a3216,0 0 0 15px #2c1c0c,0 0 0 17px #5a3d22,0 26px 55px #000000a6,inset 0 0 130px #0000008c;overflow:hidden}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%3E%3Cfilter%20id=%27n%27%3E%3CfeTurbulence%20type=%27fractalNoise%27%20baseFrequency=%270.9%27%20numOctaves=%272%27/%3E%3C/filter%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20filter=%27url%28%23n%29%27/%3E%3C/svg%3E);opacity:.06;mix-blend-mode:screen;pointer-events:none;border-radius:8px}.board__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px}.screen{display:flex;flex-direction:column;gap:18px}.masthead{text-align:center;padding:6px 0 2px}.masthead__eyebrow{font-family:Caveat,cursive;color:var(--amber);font-size:1.5rem;font-weight:700;letter-spacing:.04em}.masthead__title{font-family:Rye,serif;font-size:2.9rem;color:var(--cream);line-height:1.05;margin-top:2px;text-shadow:0 0 1px rgba(242,236,220,.5),2px 2px 0 rgba(0,0,0,.35)}.masthead__title--sm{font-size:2.4rem}.masthead__subtitle{font-family:Caveat,cursive;color:var(--sage);font-size:1.4rem;margin-top:6px}.menu{display:flex;flex-direction:column;gap:16px}.menu-tile{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:30px 22px;border-radius:6px;border:2px solid rgba(242,236,220,.38);background:#ffffff04;color:var(--cream);cursor:pointer;text-align:center;transition:border-color .12s,background .12s,transform .08s}.menu-tile:hover:not(:disabled){border-color:var(--amber);background:#e6a6381f}.menu-tile:active:not(:disabled){transform:scale(.99)}.menu-tile:disabled{cursor:not-allowed;opacity:.5;border-style:dashed}.menu-tile__icon{font-size:2.2rem;line-height:1}.menu-tile__title{font-family:Rye,serif;font-size:1.9rem;line-height:1.1;text-shadow:0 0 1px rgba(242,236,220,.5),2px 2px 0 rgba(0,0,0,.35)}.menu-tile__sub{font-family:Caveat,cursive;color:var(--sage);font-size:1.3rem}.backlink{align-self:flex-start;background:transparent;border:none;color:var(--sage);font-family:Caveat,cursive;font-size:1.3rem;cursor:pointer;padding:0 4px}.backlink:hover{color:var(--amber)}.panel{border:2px solid rgba(242,236,220,.38);border-radius:var(--radius);padding:20px;background:#ffffff04}.panel--tight{padding:6px 20px}.panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel__title{font-family:Caveat,cursive;font-weight:700;font-size:1.8rem;line-height:1}.ghost-group{display:flex;gap:8px}.ghost{background:transparent;border:2px solid rgba(242,236,220,.35);color:var(--sage);padding:5px 12px;border-radius:4px;font-family:Oswald,sans-serif;font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:border-color .12s,color .12s}.ghost:hover{border-color:var(--amber);color:var(--cream)}.cat-summary{font-family:Caveat,cursive;color:var(--amber);font-size:1.2rem;margin-top:2px}.cat-filter{width:100%;background:#0003;border:2px solid rgba(242,236,220,.3);color:var(--cream);border-radius:5px;padding:10px 12px;font-family:Oswald,sans-serif;font-size:.95rem;margin-bottom:12px;outline:none}.cat-filter::placeholder{color:var(--sage)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;max-height:296px;overflow-y:auto;padding-right:6px}.cat-grid::-webkit-scrollbar{width:9px}.cat-grid::-webkit-scrollbar-track{background:#0003;border-radius:999px}.cat-grid::-webkit-scrollbar-thumb{background:#f2ecdc47;border-radius:999px}.cat-grid::-webkit-scrollbar-thumb:hover{background:#e6a63899}.cat-row{display:flex;align-items:center;gap:11px;width:100%;padding:10px 13px;border-radius:5px;font-family:Oswald,sans-serif;font-size:.92rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:all .12s;border:2px solid rgba(242,236,220,.28);background:transparent;color:var(--cream)}.cat-row:active{transform:scale(.99)}.cat-row--on{border-color:var(--amber);background:#e6a63824}.cat-check{width:22px;height:22px;flex:0 0 auto;border-radius:4px;border:2px solid rgba(242,236,220,.45);background:transparent;color:#231708;display:flex;align-items:center;justify-content:center;font-family:Caveat,cursive;font-weight:700;font-size:1.15rem;line-height:1}.cat-check--on{border-color:var(--amber);background:var(--amber)}.cat-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-badge{flex:0 0 auto;background:#f2ecdc1f;color:var(--sage);padding:1px 9px;border-radius:999px;font-size:.78rem;font-weight:700}.cat-badge--on{background:#e6a63838;color:var(--amber)}.cat-empty{font-family:Caveat,cursive;color:var(--sage);font-size:1.25rem;text-align:center;padding:14px 0 2px}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0}.toggle__label{font-family:Oswald,sans-serif;font-weight:500;font-size:1.05rem}.toggle__divider{border-top:1.5px dashed rgba(242,236,220,.25)}.checkbox{width:30px;height:30px;flex:0 0 auto;border-radius:5px;border:2px solid rgba(242,236,220,.45);background:transparent;color:#231708;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:Caveat,cursive;font-weight:700;font-size:1.5rem;line-height:1;transition:all .12s}.checkbox--on{border-color:var(--amber);background:var(--amber);box-shadow:0 0 12px #e6a63859}.limit{display:flex;align-items:center;gap:16px;padding:6px 0 18px}.limit input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:999px;background:#f2ecdc29;border:1.5px solid rgba(242,236,220,.35);outline:none}.limit input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--amber);border:2px solid var(--cream);cursor:pointer;box-shadow:0 1px 4px #00000080}.limit input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--amber);border:2px solid var(--cream);cursor:pointer}.limit input[type=number]{width:66px;background:transparent;border:2px solid rgba(242,236,220,.4);color:var(--cream);border-radius:5px;padding:9px;font-family:Oswald,sans-serif;font-size:1.05rem;font-weight:600;text-align:center;-moz-appearance:textfield}.limit input[type=number]::-webkit-outer-spin-button,.limit input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn{width:100%;padding:16px;border-radius:6px;font-family:Oswald,sans-serif;font-weight:600;font-size:1.05rem;text-transform:uppercase;letter-spacing:.05em;transition:all .08s}.btn--amber{border:2px solid #b3781e;background:linear-gradient(#eaad42,#d9902b);color:#241708;cursor:pointer;box-shadow:0 4px #a86a18}.btn--amber:active{transform:translateY(3px);box-shadow:0 1px #a86a18}.btn--amber:disabled{border:2px dashed rgba(242,236,220,.4);background:transparent;color:var(--sage);cursor:not-allowed;box-shadow:none;transform:none}.grade{display:flex;gap:12px}.btn3d{flex:1;padding:15px;border-radius:6px;font-family:Oswald,sans-serif;font-weight:600;font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .08s}.btn3d--miss{border:2px solid #c25a44;background:linear-gradient(#dd7d63,#c25a44);color:#2a0e06;box-shadow:0 4px #8a3826}.btn3d--miss:active{transform:translateY(3px);box-shadow:0 1px #8a3826}.btn3d--got{border:2px solid #6f9e52;background:linear-gradient(#8fbf6f,#6f9e52);color:#16240c;box-shadow:0 4px #4d7038}.btn3d--got:active{transform:translateY(3px);box-shadow:0 1px #4d7038}.progress{display:flex;flex-direction:column;gap:10px;padding-top:4px}.progress__row{display:flex;justify-content:space-between;align-items:baseline}.progress__label{font-family:Caveat,cursive;color:var(--sage);font-size:1.45rem;font-weight:600}.progress__score{font-family:Oswald,sans-serif;font-weight:700;font-size:1.15rem;color:var(--amber);text-transform:uppercase;letter-spacing:.03em}.progress__track{height:14px;border:1.5px solid rgba(242,236,220,.3);border-radius:999px;padding:2px;background:#00000040}.progress__fill{height:100%;background:linear-gradient(90deg,#e6a638,#eaad42);border-radius:999px;transition:width .3s;box-shadow:0 0 10px #e6a63873}.qcard{border:2px solid rgba(242,236,220,.38);border-radius:var(--radius);padding:26px 22px;display:flex;flex-direction:column;gap:22px;background:#ffffff04}.qcard__cat{align-self:flex-start;background:transparent;color:var(--amber);border:2px solid rgba(230,166,56,.55);padding:5px 13px;border-radius:4px;font-family:Oswald,sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.qcard__q{font-family:Oswald,sans-serif;font-weight:500;font-size:1.45rem;line-height:1.35;text-wrap:pretty}.reveal{display:flex;flex-direction:column;gap:18px}.answerbox{border:2px dashed rgba(230,166,56,.55);border-radius:6px;padding:18px;background:#e6a63812}.answerbox__label{font-family:Caveat,cursive;color:var(--amber);font-size:1.25rem;font-weight:700;line-height:1}.answerbox__text{font-family:Oswald,sans-serif;font-weight:600;font-size:1.35rem;margin-top:4px}.reveal__prompt{text-align:center;font-family:Caveat,cursive;color:var(--cream);font-size:1.65rem;font-weight:600}.music-round{display:flex;flex-direction:column;gap:14px}.cat-grid--music{max-height:240px}.qcard__audio{width:100%;border-radius:999px}.answerbox__music{display:flex;align-items:center;gap:14px;margin-top:4px}.answerbox__art{flex:0 0 auto;border-radius:6px;border:2px solid rgba(230,166,56,.55);object-fit:cover}.answerbox__music .answerbox__text{margin-top:0}.score{padding:34px 24px;text-align:center}.score__nums{line-height:1}.score__x{font-family:Rye,serif;font-size:4.4rem;color:var(--amber);text-shadow:0 0 2px rgba(230,166,56,.5),2px 2px 0 rgba(0,0,0,.35)}.score__n{font-family:Oswald,sans-serif;font-size:2.2rem;font-weight:600;color:var(--sage)}.score__pct{font-family:Caveat,cursive;color:var(--sage);font-size:1.5rem;margin-top:8px}.score__remark{font-family:Caveat,cursive;color:var(--amber);font-size:1.8rem;font-weight:700;margin-top:4px}.score__stats{font-family:Caveat,cursive;color:var(--sage);font-size:1.2rem;margin-top:12px}.reset-history{align-self:center;background:transparent;border:none;color:var(--sage);font-family:Caveat,cursive;font-size:1.15rem;cursor:pointer;padding:4px 8px;text-decoration:underline;text-underline-offset:3px}.reset-history:hover{color:var(--amber)}.catrow{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1.5px dashed rgba(242,236,220,.25)}.catrow:last-child{border-bottom:none}.catrow__name{font-family:Oswald,sans-serif;font-weight:500;font-size:1.02rem}.catrow__val{font-family:Oswald,sans-serif}.catrow__correct{font-weight:700;color:var(--amber)}.catrow__total{color:var(--sage)}.notice{text-align:center;padding:20px 0}.notice__text{font-family:Caveat,cursive;color:var(--sage);font-size:1.5rem;margin:8px 0 0}.notice__detail{font-family:Oswald,sans-serif;color:var(--sage);font-size:.9rem}.notice code{background:#0000004d;padding:2px 6px;border-radius:4px}