.treasure-hub{color:#254b40}.th-heading h2{font:700 clamp(30px,4vw,48px)/1.15 Georgia,serif;margin:16px 0 10px}.th-heading p{margin:0 0 20px;font-size:18px}.th-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;background:radial-gradient(ellipse at 50% 48%,#b4bd8555,transparent 72%)}.th-choice{min-width:0;text-align:center}.th-choice h3{font:700 clamp(20px,2.3vw,30px)/1.2 Georgia,serif;margin:10px 0 0}.th-chest{position:relative;display:block;aspect-ratio:1;text-decoration:none;border-radius:24px}.th-art{display:block;width:100%;height:100%;background-image:url('/assets/treasure-hub/chests-v1.png');background-size:300% 200%;background-position:var(--chest-x) var(--chest-y);mask-image:radial-gradient(ellipse 66% 67% at 50% 51%,#000 55%,transparent 77%)}.th-chest:hover .th-art{filter:brightness(1.08)}.th-chest:focus-visible{outline:3px solid #39705d;outline-offset:3px}.th-complete{position:absolute;right:6%;bottom:12%;padding:6px 12px;border-radius:12px;background:#fff4cf;color:#215b45;border:1px solid #c19a4d;box-shadow:0 3px 8px #65451a33;font-weight:700}.th-progress{display:flex;align-items:center;gap:12px;margin:4px 12px 18px;font-size:18px;white-space:nowrap}.th-progress progress{appearance:none;width:100%;height:15px;border:1px solid #b89c64;border-radius:20px;overflow:hidden;background:#e6dabc}.th-progress progress::-webkit-progress-bar{background:#e6dabc}.th-progress progress::-webkit-progress-value{background:linear-gradient(#ffe69c,#e9b63e);border-radius:20px}.th-progress progress::-moz-progress-bar{background:#ebbc53}.th-play{display:block!important;margin:0 10px 12px;padding:16px!important;text-align:center;font-weight:700;text-decoration:none;font-size:19px}.th-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid #c7a36666}.th-actions>[data-learning-next]{margin-left:auto}.th-label{position:relative}.th-tip{display:none;position:absolute;z-index:30;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:max-content;max-width:min(280px,75vw);padding:8px 12px;border:1px solid #c1a36c;border-radius:9px;background:#fff8e8;box-shadow:0 4px 12px #49321422;color:#294f42;font:14px/1.5 system-ui;text-align:center;pointer-events:none}.th-label:hover>.th-tip,.th-label:focus>.th-tip,a:focus-visible>.th-label>.th-tip,button:focus-visible>.th-label>.th-tip{display:block}.book-room main:has(>.treasure-hub){max-width:1200px;padding:26px 36px}.th-actions .answer-translation{position:absolute}.th-actions button{position:relative}.th-actions .th-label{display:inline}.th-actions [data-learning-next]{max-width:100%}@media(max-width:700px){.th-choices{grid-template-columns:1fr;gap:28px}.th-choice{max-width:360px;width:100%;margin:auto}.th-chest{max-width:300px;margin:auto}.th-heading{text-align:center}.book-room main:has(>.treasure-hub){padding:22px 18px}.th-actions{justify-content:center}.th-actions>[data-learning-next]{margin-left:0}.th-heading p{font-size:16px}.th-choice h3{font-size:26px}}
.th-chest::before{content:'';position:absolute;inset:14% 8%;border-radius:50%;background:radial-gradient(ellipse,#ffdf7277,transparent 68%);opacity:0;pointer-events:none;transition:opacity .25s}.th-chest:hover::before,.th-chest:focus-visible::before{opacity:1}.is-complete .th-chest::before{animation:treasure-glow 3s ease-in-out infinite}.is-complete .th-chest::after{content:'✦  ·  ✧';position:absolute;top:28%;left:25%;right:25%;color:#fff3a5;text-shadow:0 0 8px #ffbd24,0 0 18px #ffd551;font-size:26px;pointer-events:none;animation:treasure-sparkle 2.6s ease-in-out infinite}.th-art{position:relative}.is-complete .th-art{animation:treasure-light 3s ease-in-out infinite}@keyframes treasure-glow{0%,100%{opacity:.4}50%{opacity:1}}@keyframes treasure-light{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes treasure-sparkle{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.is-complete .th-chest::before,.is-complete .th-chest::after,.is-complete .th-art{animation:none}.is-complete .th-chest::before{opacity:.7}}
.treasure-hub .th-actions>a,.treasure-hub .th-actions>button{width:auto;flex:none;text-decoration:none}.th-actions>.primary:last-child{margin-left:auto}.th-heading{display:block;color:#254b40;text-shadow:none}.th-art{mask-image:linear-gradient(transparent 0%,#000 5%,#000 88%,transparent 94%)}@media(max-width:700px){.th-actions>.primary:last-child{margin-left:0}}