.skill-hub{margin-top:28px;padding:26px}.test-tag{font-size:9px;letter-spacing:1.4px;color:#8b7137;background:#f5eacb;padding:7px 12px;border-radius:20px}.shop-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:22px}.shop-toolbar>div{min-width:190px;flex:1}.wallet-total{font-size:32px;font-weight:650;letter-spacing:-1px;margin:0 10px 4px}.wallet-total small{font-size:12px;letter-spacing:0;color:#8b7b48}.team-wallet{font-size:10px;color:#8d7a47;margin-top:7px}.skill-catalog{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:24px 0}.catalog-card{border:0;padding:0;background:none;min-width:0;color:inherit;border-radius:12px}.catalog-card:hover .digital-card{transform:translateY(-5px);box-shadow:0 10px 20px #253c201c}.digital-card{--skill-color:#658940;background:linear-gradient(160deg,#fffdf5,#f0f3e8);border:1px solid color-mix(in srgb,var(--skill-color) 45%,#fff);border-radius:14px;overflow:hidden;padding:20px;position:relative;text-align:center;box-shadow:0 8px 25px #1b332519;transition:transform .2s,box-shadow .2s}.digital-card:before{content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--skill-color) 20%,transparent);border-radius:9px;pointer-events:none}.skill-card-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:var(--skill-color);position:relative}.skill-art{display:flex;align-items:center;justify-content:center;border-radius:50%;width:125px;height:125px;margin:34px auto 25px;background:radial-gradient(circle,color-mix(in srgb,var(--skill-color) 15%,white),transparent 70%);position:relative}.skill-art:before,.skill-art:after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--skill-color) 25%,transparent);border-radius:50%;transform:rotate(35deg) scaleX(.8)}.skill-art:after{transform:rotate(-35deg) scaleX(.8)}.skill-art svg{width:63px;height:63px;stroke:var(--skill-color);stroke-width:1.15;fill:none;stroke-linejoin:round;stroke-linecap:round;position:relative;z-index:1}.digital-card h3{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:0 0 10px;position:relative}.skill-zh{font-size:14px;letter-spacing:4px;color:var(--skill-color);margin:0 0 28px}.skill-card-type{display:block;font-size:7px;letter-spacing:2px;color:#96a08a}.digital-card.compact{padding:12px 7px;min-height:185px;border-radius:10px}.compact .skill-card-top{font-size:7px;justify-content:center}.compact .skill-card-top span+span{display:none}.compact .skill-art{width:64px;height:64px;margin:17px auto 15px}.compact .skill-art svg{width:35px;height:35px}.compact h3{font-size:12px;letter-spacing:-.2px;min-height:29px;margin-bottom:5px}.compact .skill-zh{font-size:10px;letter-spacing:1px;margin-bottom:12px}.compact .skill-card-type{display:none}.card-odds{display:block;font-size:9px;color:#8a957e;margin-top:10px}.inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e0e6d7;padding-top:20px}.inventory-heading h3{font-size:16px;font-weight:650;margin:5px 0}.inventory-heading h3 span{color:#96a088;font-weight:400}.inventory-heading>div{display:flex;gap:18px}.skill-inventory{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.inventory-card{border:1px solid #dce3d0;border-radius:9px;background:#fafcf4;display:grid;grid-template-columns:32px 1fr;gap:5px 12px;padding:13px 17px;text-align:left;color:#354a33}.inventory-card:hover{background:#eef4e5}.inventory-card svg{grid-row:1/3;width:30px;height:30px;stroke:var(--skill-color);stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round;fill:none}.inventory-card b{font-size:12px}.inventory-card small{font-size:9px;color:#849276}.active-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.active-skill{border:1px solid #c9d8b7;background:#eff5e5;border-radius:10px;padding:17px;font-size:12px}.active-skill .button{margin-right:15px}.active-skill .help-text{color:#6d805c}.skill-display{max-width:700px;width:calc(100% - 32px);background:#f4f4ed;text-align:center;padding:28px;max-height:95dvh}.skill-display::backdrop{background:#152c25ed}.reveal-heading h2{font-size:25px;margin:12px 0 22px;letter-spacing:-.8px;overflow-wrap:anywhere}.reveal-scene{perspective:1400px}.flip-card{width:270px;height:350px;margin:0 auto 22px;position:relative;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.22,.7,.22,1);transform:rotateY(0)}.flip-card.revealed{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:15px;overflow:hidden}.card-front{transform:rotateY(180deg)}.card-front .digital-card{height:100%;box-shadow:none}.card-back{background:repeating-linear-gradient(45deg,#244936 0px,#244936 2px,#284d3a 2px,#284d3a 13px);color:#d9edb6;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid #789b58;outline:1px solid #adc38e;outline-offset:-12px}.back-orbit{font-size:95px;line-height:1.8;font-family:Georgia,serif}.card-back b{font-size:16px;letter-spacing:4px}.card-back small{max-width:180px;font-size:7px;letter-spacing:2px;line-height:2;margin-top:20px}.reveal-result{font-size:17px;font-weight:600;line-height:1.7;max-width:570px;margin:15px auto;overflow-wrap:anywhere}.reveal-effect{font-size:12px;line-height:1.8;color:#7e8d70;max-width:540px;margin:10px auto}.display-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.display-escape{font-size:8px;letter-spacing:2px;color:#8c9b7d;margin:16px 0 0}.skill-action-dialog{max-width:570px;max-height:90dvh}.skill-action-dialog h2{font-size:26px}.action-card-banner{display:flex;gap:15px;align-items:center;background:#f0f4e8;border-radius:9px;padding:15px;color:var(--skill-color);font-weight:600;font-size:14px;margin:15px 0}.action-card-banner svg{width:35px;height:35px;stroke:var(--skill-color);fill:none;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}.skill-description{font-size:12px;line-height:1.8}.skill-description dt{font-size:10px;font-weight:700;color:#829271;margin-top:12px}.skill-description dd{margin:4px 0 0}.skill-terms{background:#eaf1dd;padding:13px 16px;border-radius:8px;font-size:12px;line-height:1.8;color:#526c3a}.skill-challenge{font-size:14px;line-height:1.8}.skill-challenge:empty{display:none}.skill-field{margin:15px 0}.skill-field input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#375e3e}.rules-dialog{max-width:700px;max-height:90dvh}.rules-dialog h2{font-size:28px}.rules-dialog h3{grid-column:1/-1;font-size:14px;border-top:1px solid #dce4d1;padding-top:20px;margin:20px 0 0}#rules-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}body.projection .skill-display{max-width:1000px;width:min(90vw,1000px);border:0;background:#f4f4ed}body.projection .reveal-heading h2{font-size:40px}body.projection .reveal-result{font-size:24px;max-width:850px}body.projection .reveal-effect{font-size:16px;max-width:800px}@media(max-width:1150px){.skill-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.compact h3{font-size:14px;min-height:17px}}@media(max-width:600px){.skill-hub{padding:18px}.skill-catalog{gap:8px}.compact .skill-art{width:45px;height:45px;margin:14px auto}.compact .skill-art svg{width:26px;height:26px}.compact h3{font-size:10px;min-height:26px}.compact .skill-zh{font-size:9px;letter-spacing:0}.digital-card.compact{min-height:155px;padding:10px 5px}.card-odds{font-size:8px}.shop-toolbar>div{flex-basis:60%}.shop-toolbar{gap:9px}.wallet-total{font-size:27px;margin-right:0}.shop-toolbar .button{flex:1}.inventory-heading{align-items:flex-start;flex-direction:column}.active-skills{grid-template-columns:1fr}.skill-display{padding:22px 16px}.flip-card{width:230px;height:310px}.reveal-heading h2{font-size:22px}.card-front .skill-art{margin:22px auto 18px;width:105px;height:105px}.card-front .digital-card h3{font-size:23px}.reveal-result{font-size:14px}.reveal-effect{font-size:11px}.display-actions .button{font-size:11px}.rules-dialog{padding:22px}#rules-fields{grid-template-columns:1fr}body.projection .reveal-heading h2{font-size:26px}body.projection .reveal-result{font-size:17px}}@media(prefers-reduced-motion:reduce){.flip-card{transition:none}.digital-card{transition:none}}
/* Keep the result secret until the card has turned. */
.flip-card:not(.revealed)~.reveal-result,.flip-card:not(.revealed)~.reveal-effect{visibility:hidden}.card-front .skill-art{width:105px;height:105px;margin:22px auto 18px}.card-front .skill-zh{margin-bottom:14px}.skill-card-summary{font-size:11px;line-height:1.7;max-width:210px;margin:0 auto 14px;color:#708064;position:relative}@media(max-width:600px){.card-front .skill-art{width:85px;height:85px;margin:14px auto}.card-front .skill-zh{margin-bottom:10px}.skill-card-summary{font-size:10px;margin-bottom:10px}}
.skill-hub .score-heading h2{font-size:26px;letter-spacing:-.7px;margin-top:8px}