:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#283634;background:#f5f5f0;font-synthesis:none;font-weight:400;--ink:#253631;--muted:#88908a;--green:#3b7561;--green-dark:#265345;--gold:#d0ac65;--border:#e2e5dc;--paper:#fffef9;--sidebar:232px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.learn-word:focus-visible{outline:2px solid #a78d4f;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.45;letter-spacing:-.6px;font-weight:650}h2{font-size:22px;line-height:1.45;font-weight:620}h3{font-size:17px;font-weight:620}p{line-height:1.8}svg{flex-shrink:0}button{border:0;background:none}input,select,textarea{border:1px solid var(--border);border-radius:8px;background:#fffefb;color:var(--ink);min-width:0;padding:10px 12px}input::placeholder,textarea::placeholder{color:#9b9e96}select{max-width:100%}input[type=range]{accent-color:var(--green);padding:0}details summary{cursor:pointer;color:#7b837a;font-size:12px;margin:12px 0}.muted{color:var(--muted)}.small{font-size:12px}.centered{text-align:center}.gold{color:var(--gold)}.green-text{color:var(--green)}.eyebrow{font-size:10px;letter-spacing:1.7px;line-height:1.5;color:#8c978d;font-weight:600;text-transform:uppercase}.learn-text{text-transform:none}.eyebrow .learn-text{text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 19px;border:1px solid #d8dfd5;border-radius:7px;background:#fffdf6;font-size:13px;font-weight:550;line-height:1.4;transition:background .18s,transform .18s}.button:hover:not(:disabled){background:#eceee4;transform:translateY(-1px)}.button.primary{color:#f8fcf7;background:var(--green);border-color:var(--green)}.button.primary:hover:not(:disabled){background:var(--green-dark)}.button.gold-button{background:#d4b36c;color:#253229;border-color:#d4b36c;box-shadow:0 3px 10px #0001}.button.gold-button:hover:not(:disabled){background:#e2c486}.button.small{padding:7px 12px;font-size:12px}.text-button{display:inline-flex;align-items:center;gap:7px;padding:4px 0;font-size:12px;line-height:1.4;cursor:pointer}.text-button:hover{color:#31745a}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:6px;color:inherit;flex-shrink:0}.icon-button:hover{background:#87988816}.count-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;color:#687970;padding:7px 11px;border:1px solid #dce1d6;border-radius:20px;background:#f8f9f2}.progress-track{height:6px;background:#e3e9df;overflow:hidden;border-radius:8px}.progress-track>span{display:block;height:100%;background:#64987a;transition:width .3s;border-radius:8px}.panel{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:27px}.error-banner{padding:13px 18px;border:1px solid #ecccb5;background:#fff2e5;color:#89502e;border-radius:7px;margin:15px 0}.inline-notice{font-size:11px;color:#8c764d;background:#f6f0dd;padding:10px;border-radius:6px}.back-link{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:#879083;margin-bottom:24px}.back-link:hover{color:var(--green)}.empty-state{text-align:center;padding:65px 20px;color:#869183;display:flex;flex-direction:column;align-items:center;gap:18px}.empty-state h2,.empty-state h3{color:var(--ink)}.empty-state p{font-size:13px;line-height:2}.big-empty{border:1px dashed #d5ded2;border-radius:14px;background:#fafbf6;min-height:410px}.empty-orb{display:grid;place-items:center;width:76px;height:76px;background:#ebf0e5;border-radius:50%;color:#6f9179}.status-pill{display:inline-flex;white-space:nowrap;padding:5px 9px;background:#eff1e9;border-radius:20px;font-size:10px;color:#7f8a79}.status-pill.mastered{color:#427457;background:#e6efe1}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#192822;color:#b6c3b8;z-index:40;display:flex;flex-direction:column;padding:34px 19px 20px;border-right:1px solid #24362d}.brand{display:flex;align-items:center;gap:10px;padding:0 8px}.brand-mark{background:linear-gradient(135deg,#779076,#345641);height:42px;width:42px;border:1px solid #81906a7a;border-radius:12px;display:grid;place-items:center;color:#e5d4a5;box-shadow:inset 0 0 15px #b9c28418}.brand strong{display:block;color:#f2f1e5;font-family:Georgia,Microsoft YaHei,serif;font-weight:600;font-size:20px;letter-spacing:2px}.brand small{font-size:8px;color:#92a08e;letter-spacing:1.5px;display:block;margin-top:5px}.sidebar-rule{height:1px;background:#344139;margin:30px 10px 24px}.nav-caption{font-size:10px;padding-left:15px;color:#758778;letter-spacing:2px;margin-bottom:16px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-link{display:flex;align-items:center;gap:12px;border-radius:7px;padding:14px 15px;color:#a6b5aa;font-size:13px;border:1px solid transparent}.nav-link:hover{background:#273b30;color:#e5e9dd}.nav-link.selected{background:#31483b;border-color:#52644a55;color:#f0e8ce;box-shadow:inset 3px 0 #c0a768}.nav-link.selected>svg:first-child{color:#c6b177}.nav-chevron{margin-left:auto;opacity:.5}.nav-count{margin-left:auto;background:#54684b;border-radius:5px;color:#dedfce;padding:1px 5px;font-size:10px}.sidebar-bottom{margin-top:auto}.sidebar-quest{margin:35px 8px 28px;padding:20px 15px;border-radius:9px;background:radial-gradient(ellipse at top left,#75865a22,transparent),#213329;border:1px solid #45513c}.quest-symbol{color:#afba83;font-size:25px}.sidebar-quest p{color:#c2cbb3;font-size:14px;line-height:1.9;margin:7px 0}.sidebar-quest .muted{color:#7e927e;font-size:10px}.sidebar-help{display:flex;align-items:center;gap:7px;font-size:10px;color:#829582;padding:8px 14px;width:100%;text-align:left}.profile-chip{display:flex;align-items:center;gap:9px;padding:18px 7px 0;margin-top:15px;border-top:1px solid #344239}.avatar{width:33px;height:33px;border-radius:50%;background:#6b7153;display:grid;place-items:center;font-size:12px;color:#f1e4bd}.profile-chip strong{font-size:11px;font-weight:500;color:#bbc5b3;display:block}.profile-chip small{display:block;color:#72816f;font-size:9px;margin-top:3px}.profile-chip>svg{margin-left:auto;color:#82917b}.main-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:68px;border-bottom:1px solid #e3e6dc;background:#fbfcf6;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{display:flex;gap:12px;align-items:center;color:#97a08f;font-size:11px}.breadcrumb strong{color:#485649;font-weight:500}.topbar-right{display:flex;gap:8px;align-items:center;color:#899381;font-size:10px}.status-dot{width:5px;height:5px;background:#84a676;border-radius:50%}.topbar-separator{width:1px;background:#dce1d5;height:16px;margin:0 11px}.day-count{display:flex;gap:5px;align-items:center;color:#9b8b5a}.page-container{padding:35px 40px 38px;max-width:1460px;margin:auto;min-height:calc(100vh - 140px)}.site-footer{font-size:9px;color:#9fa597;border-top:1px solid #e2e6da;margin:0 40px;display:flex;justify-content:space-between;padding:20px 0;gap:15px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading .eyebrow{margin-bottom:9px}.page-subtitle{font-size:12px;color:#8b9385;margin-top:9px}.header-note{font-size:10px;color:#8b9684;display:flex;align-items:center;gap:7px}.tiny-diamond{width:5px;height:5px;transform:rotate(45deg);background:#9cab7e}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{font-size:19px}.icon-tile{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.icon-tile.green{background:#e9eee1;color:#689172}.gold-tile{background:#f2ead9;color:#ae9457}.violet{background:#ece6ed;color:#9981a0}.blue{background:#e4ebeb;color:#6e9b9c}.toast{position:fixed;left:calc(50% + 80px);bottom:30px;transform:translate(-50%);background:#243c31;color:#f2f3de;padding:14px 22px;box-shadow:0 6px 24px #13201925;border:1px solid #556749;border-radius:9px;z-index:150;font-size:12px;max-width:min(90vw,520px);line-height:1.6}.speech-bar{position:fixed;bottom:22px;right:24px;background:#233b31;color:#d5e3cc;display:flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid #506844;border-radius:10px;box-shadow:0 8px 25px #122a1820;z-index:80;font-size:11px}.mobile-menu,.sidebar-shade{display:none}.tavern-hero{min-height:408px;border:1px solid #394436;border-radius:14px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 40%,#71745244 0,transparent 52%),radial-gradient(ellipse at 20% 90%,#283f3544,transparent 65%),#1c2c27;box-shadow:0 8px 25px #1a2d2410;margin-bottom:22px;color:#d9decd}.hero-grain{position:absolute;inset:0;opacity:.24;background-image:repeating-linear-gradient(8deg,transparent 0,transparent 2px,#95a16c12 3px,transparent 4px);pointer-events:none}.hero-orbit{position:absolute;right:-140px;top:-180px;width:700px;height:700px;border:1px solid #c4c88f0f;border-radius:50%;box-shadow:0 0 0 70px #c4c88f04,0 0 0 140px #c4c88f03;pointer-events:none}.tavern-copy{position:relative;padding:34px 36px 55px;z-index:3;width:58%}.hero-badge{display:inline-flex;gap:6px;align-items:center;border:1px solid #97a07b33;border-radius:20px;background:#9aa4770d;padding:5px 10px;color:#b6c294;font-size:9px;letter-spacing:1px}.tavern-copy h2{font-family:Georgia,Times New Roman,serif;font-size:51px;line-height:1.07;letter-spacing:-1px;color:#f0ebd9;margin:18px 0 17px;font-weight:400}.tavern-copy h2 em{font-style:normal;color:#d4b97b}.title-dot{color:#74866b}.hero-cn{font-size:16px;letter-spacing:.6px;color:#d2d8c3}.hero-desc{font-size:11px;color:#9ba991;line-height:1.9;margin:10px 0 18px}.hero-tip{display:flex;gap:6px;align-items:center;color:#8c9c84;font-size:9px;margin-top:14px}.hero-cards{position:absolute;right:16px;top:32px;width:41%;height:335px;z-index:2;perspective:1000px}.floating-card{position:absolute;left:50%;top:28px;transform-origin:50% 80%;filter:drop-shadow(0 12px 13px #0008)}.floating-card.front{transform:translate(-52%) rotate(2deg) scale(.97);z-index:3;top:28px}.floating-card.left{transform:translate(-81%) rotate(-18deg) scale(.82);z-index:1;top:13px}.floating-card.right{transform:translate(-15%) rotate(18deg) scale(.82);z-index:2;top:2px}.hero-cards .game-card{pointer-events:auto}.spark{position:absolute;color:#d8ca8b;z-index:4;filter:drop-shadow(0 0 10px #e5d479)}.spark-one{right:7%;top:18px;font-size:23px}.spark-two{left:4%;bottom:23px;font-size:17px}.hero-bottom-label{position:absolute;left:36px;right:30px;bottom:18px;display:flex;justify-content:space-between;color:#778873;font-size:8px;letter-spacing:2px}.hero-dots{display:flex;gap:5px;align-items:center}.hero-dots i{width:4px;height:4px;background:#56614b;border-radius:50%}.hero-dots i.active{width:15px;background:#a9aa78;border-radius:3px}.home-second-row{display:grid;grid-template-columns:1.1fr 1fr;gap:21px;margin-bottom:31px}.quest-panel,.discovery-note{border:1px solid var(--border);border-radius:11px;background:var(--paper);padding:22px 24px}.section-kicker{display:flex;align-items:center;gap:11px}.section-kicker .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:4px}.section-kicker h3{font-size:14px}.quest-tag{margin-left:auto;background:#f1f3e9;padding:4px 8px;border-radius:5px;font-size:9px;color:#85906f}.quest-progress-row{display:flex;align-items:center;justify-content:space-between;margin-top:17px;margin-bottom:9px}.big-number{font-size:30px;color:#416b54;font-weight:500;font-family:Georgia,serif}.quest-progress-row .muted{font-size:10px}.quest-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#89927d;margin-top:11px;gap:10px}.quest-footer strong{font-weight:500;color:#61795d}.quest-footer .text-button{font-size:11px}.discovery-note{background:linear-gradient(120deg,#fbfaf1,#f5f6eb);padding:21px 24px}.note-top{display:flex;gap:11px;align-items:center;margin-bottom:11px}.note-top .icon-tile{width:32px;height:32px;border-radius:8px}.note-top .eyebrow{font-size:9px;color:#a39876}.discovery-note h3{font-size:15px;margin-bottom:7px}.discovery-note>p{font-size:11px;color:#869079;line-height:1.9;margin-bottom:8px}.hero-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.hero-story-tile{position:relative;height:212px;border-radius:10px;overflow:hidden;background:#203a3b;border:1px solid #344942;transition:transform .25s}.hero-story-tile:hover{transform:translateY(-3px)}.hero-story-tile>img{width:100%;height:100%;object-fit:cover;object-position:center 29%;filter:saturate(.8);transition:transform .5s}.hero-story-tile:hover>img{transform:scale(1.045)}.hero-story-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0d1d1cee 0,#17272950 60%,#172b2940)}.story-level-badge{position:absolute;left:14px;top:14px;font-size:8px;color:#eeeada;border:1px solid #dde6d326;background:#192b2988;padding:5px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-tile-text{position:absolute;bottom:18px;left:19px;right:19px;color:#ecedde}.story-tile-text>p{font-family:Georgia,serif;letter-spacing:.2px;font-size:11px;color:#d8dfceaf}.story-tile-text h3{font-size:18px;margin:3px 0 10px;letter-spacing:.5px}.story-tile-text>span{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#bfccb8}.compact-heading{margin-bottom:15px}.compact-heading h2{font-size:16px}.scene-links{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.scene-links>a{display:flex;align-items:center;gap:12px;background:#fffdf6;border:1px solid var(--border);padding:18px 15px;border-radius:9px;transition:background .2s}.scene-links>a:hover{background:#edf1e6}.scene-links strong{display:block;font-family:Georgia,serif;font-size:14px;font-weight:500;color:#4f614f}.scene-links small{display:block;font-size:9px;color:#969f8a;margin-top:5px;line-height:1.5}.scene-links>a>svg:last-child{color:#a3ad95;margin-left:auto}.scene-links .icon-tile{width:35px;height:35px;border-radius:8px}.learn-word{cursor:help;border-radius:2px;transition:background .1s,color .1s;border-bottom:1px solid transparent}.learn-word:hover,.learn-word:focus-visible{background:#d2b96938;border-bottom-color:#af9959;color:inherit}.lookup-panel{position:fixed;z-index:220;width:370px;max-height:calc(100dvh - 24px);overflow-y:auto;background:#fffdf6;color:#2b3b32;border:1px solid #d5d9c8;border-radius:13px;box-shadow:0 15px 60px #14291e30,0 2px 10px #14291e15;padding:17px 21px;animation:pop-in .14s ease-out}.lookup-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.lookup-head .eyebrow{display:flex;gap:7px;font-size:9px;align-items:center}.word-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.word-heading h2{font-family:Georgia,serif;font-size:28px;color:#283c32;overflow-wrap:anywhere}.word-heading button{color:#64866a}.phonetic{font-size:13px;color:#929881;font-family:Segoe UI,sans-serif;margin:7px 0}.phonetic span{font-size:10px;color:#a7ad9a;margin-left:8px}.context-meaning{font-size:14px;font-weight:550;margin:14px 0;line-height:1.7}.source-quote{background:#f1f3e8;border-left:2px solid #b0bb8e;padding:11px 13px;border-radius:0 5px 5px 0}.source-quote p{font-family:Georgia,serif;font-size:14px;line-height:1.65;color:#485d44}.source-quote span{display:block;font-size:11px;line-height:1.7;color:#8b937b;margin-top:6px}.dictionary-definition{white-space:pre-line;font-size:12px;color:#76816c}.example{border-top:1px solid #e7eadd;padding:10px 0}.example p{font-size:12px}.example span{font-size:11px;color:#8e987f}.lookup-actions{display:flex;justify-content:space-between;align-items:center;padding:14px 0 10px}.lookup-actions .button{font-size:12px;padding:9px 13px}.lookup-panel>.text-button{font-size:10px}.correction-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.correction-form textarea{width:100%;min-height:85px;font-size:12px}.skeleton-text{font-size:13px;color:#819074;padding:24px 0}.loading-scene{position:fixed;inset:0;z-index:180;background:radial-gradient(ellipse at center,#344431 0,#1a2822 40%,#101c18 85%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#e9e5cd;padding:24px}.loading-scene:before,.loading-scene:after{content:"";position:absolute;border:1px solid #9eaa6830;width:480px;height:480px;border-radius:50%;pointer-events:none}.loading-scene:after{width:540px;height:540px;border-color:#9eaa6815}.loading-skip{position:absolute;top:26px;right:32px;color:#81957b;z-index:3}.hearth-emblem{width:108px;height:108px;border:1px solid #b4a674;border-radius:28px;background:radial-gradient(ellipse at top,#8c9b5b33,#41523a33);display:grid;place-items:center;color:#d1b16a;box-shadow:0 0 70px #a3b65a15,inset 0 0 25px #93995220;transform:rotate(-4deg);margin-bottom:23px}.loading-scene h1{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:14px 0}.loading-message{font-family:Georgia,serif;color:#b7c1a4;font-size:16px}.loading-track{width:min(280px,70vw);height:3px;background:#3b4c34;margin:27px 0 12px;border-radius:5px;overflow:hidden}.loading-track>span{display:block;height:100%;background:linear-gradient(90deg,#7c986a,#dbbe6d);transition:width .2s}.loading-scene .button{margin-top:24px;z-index:2}.loading-scene .eyebrow,.loading-scene h1,.loading-scene p{z-index:2}.loading-scene .muted{color:#829477;font-size:10px}.game-card{--frame:#907342;position:relative;width:208px;height:296px;border:5px solid #79664a;border-radius:74px 74px 20px 20px;background:linear-gradient(100deg,#6e583f 0,#c6b08a 14%,#9c825c 40%,#dac59c 68%,#6c5237);box-shadow:inset 0 0 0 2px #e5d6a288,inset 0 0 18px #1c160ba0,2px 7px 11px #24240b30;color:#362b1d;isolation:isolate}.game-card:after{content:"";position:absolute;inset:5px;border:1px solid #e9dcb756;border-radius:65px 65px 13px 13px;pointer-events:none;z-index:1}.card-art{position:absolute;inset:10px 18px auto;height:141px;border:5px ridge #b59966;border-radius:80px 80px 35px 35px;overflow:hidden;background:#183439;box-shadow:0 2px 6px #0008}.card-art img{width:100%;height:100%;object-fit:cover;object-position:center 32%;display:block}.card-mana{position:absolute;left:-12px;top:14px;width:47px;height:49px;border:3px solid #a5bacc;background:radial-gradient(circle at 35% 25%,#78c7e7,#17538c 60%,#102f5a);border-radius:45% 55% 48% 52%;box-shadow:0 1px 5px #1119,inset 0 0 8px #b2e5ff75;color:#fffef0;z-index:5;text-align:center;line-height:41px;font-family:Georgia,serif;font-size:32px;font-weight:700;text-shadow:1px 2px 2px #071d3c}.card-name{position:absolute;left:-7px;right:-7px;top:139px;min-height:34px;background:linear-gradient(#b7a377,#dbc79b 44%,#ad9060);border:2px solid #796039;box-shadow:0 2px 3px #0007;z-index:3;text-align:center;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:13px;font-weight:700;line-height:1.1;padding:6px 8px;border-radius:5px 13px 4px 10px;transform:rotate(-3deg);color:#f8f0d5;text-shadow:1px 1px #2e2917,-1px -1px #2e2917,0 2px 2px #3c3124}.card-name .learn-text{transform:rotate(3deg)}.card-gem{position:absolute;left:calc(50% - 6px);top:175px;width:12px;height:12px;transform:rotate(45deg);background:#929885;border:2px ridge #d7c18f;box-shadow:0 0 3px #362812;z-index:3}.card-gem.rare{background:#388ccd}.card-gem.epic{background:#a155b8}.card-gem.legendary{background:#e78b24}.card-gem.free{display:none}.card-description{position:absolute;inset:180px 12px 29px;background:radial-gradient(ellipse at center,#eee0b9,#d1b789);border-radius:5px 5px 22px 22px;border:1px solid #8b6c42;box-shadow:inset 0 0 13px #8b6c4255;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 9px 6px;font-family:Georgia,serif;font-size:12px;line-height:1.24;color:#352c1d}.card-no-effect{font-size:10px;opacity:.45}.card-footer{position:absolute;left:1px;right:1px;bottom:1px;height:31px;display:flex;align-items:center;justify-content:center;z-index:3}.card-type{font-size:9px;font-family:Georgia,serif;color:#e2d3a5;text-shadow:1px 1px #382f1c;letter-spacing:.4px}.card-attack,.card-health{position:absolute;bottom:-7px;width:34px;height:37px;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px;font-weight:700;color:#fff9cf;text-shadow:2px 2px 2px #211909;border:2px solid #846c46;box-shadow:0 2px 4px #0006}.card-attack{left:-7px;background:radial-gradient(ellipse at 35% 30%,#f9e072,#b5892e);clip-path:polygon(25% 0,74% 0,100% 50%,80% 100%,20% 100%,0 50%)}.card-health{right:-7px;background:radial-gradient(ellipse at 30% 25%,#f48266,#982825);border-radius:50% 50% 48% 48%}.game-card.mage{border-color:#587797;background:linear-gradient(100deg,#5c7189,#b1c1ca,#7a95ad,#566b83)}.game-card.mage .card-art{border-color:#a6afae}.game-card.warrior{border-color:#7d635b}.game-card.priest{border-color:#b5aa95}.game-card.druid{border-color:#847047}.game-card.shaman{border-color:#536b84}.game-card.rogue{border-color:#60575d}.game-card.paladin{border-color:#b49a56}.game-card.warlock{border-color:#715d87}.game-card.hunter{border-color:#667e52}.game-card.large{width:294px;height:417px;border-width:7px;border-radius:108px 108px 24px 24px}.large .card-art{inset:13px 25px auto;height:201px;border-width:7px;border-radius:105px 105px 46px 46px}.large .card-name{top:199px;min-height:43px;font-size:18px;padding:8px 10px;left:-9px;right:-9px}.large .card-gem{top:247px;width:15px;height:15px;left:calc(50% - 7px)}.large .card-description{font-size:16px;padding:15px 15px 8px;inset:254px 16px 41px}.large .card-mana{width:63px;height:66px;line-height:56px;font-size:43px;left:-17px;top:19px}.large .card-footer{height:41px}.large .card-attack,.large .card-health{width:47px;height:49px;font-size:33px;bottom:-8px}.large .card-type{font-size:12px}.game-card.compact{box-shadow:inset 0 0 0 2px #e5d6a288,0 0 20px #ada16b18}.filter-panel{padding:20px 24px;background:#fffef8;border:1px solid var(--border);border-radius:11px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #dfe4d6;background:#fbfcf6;border-radius:7px;padding:0 12px;color:#9aa48e;max-width:500px}.search-box input{background:none;border:0;width:100%;font-size:12px;padding:11px 0}.search-box input:focus{outline:none}.search-box:focus-within{outline:2px solid #a8b591}.filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:15px}.filter-row select{font-size:11px;padding:8px 11px;min-width:116px}.filter-label{color:#8c957f;font-size:11px;margin-left:8px}.mana-filter{display:flex;gap:6px;flex-wrap:wrap}.mana-filter button{height:30px;min-width:30px;background:#f2f4e9;border:1px solid #e0e5d7;font-size:10px;border-radius:5px;color:#89927b;padding:0 8px}.mana-filter button.selected{background:#526f50;color:#fff9df;border-color:#526f50}.collection-toolbar{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#939d85;margin:20px 2px 24px}.collection-toolbar strong{color:#5c7256}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px}.collection-cell{display:flex;flex-direction:column;align-items:center;padding:15px 0 0;background:radial-gradient(ellipse at center,#dedfc950,transparent 75%);min-width:0}.collection-caption{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:18px}.collection-caption>strong{font-size:12px;color:#56644c;font-weight:500}.collection-caption .text-button{font-size:10px;color:#929d83}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:34px;font-size:12px;color:#8b957e}.pagination .button{padding:8px 14px;font-size:11px}.card-detail-layout{display:grid;grid-template-columns:43% 1fr;gap:45px;align-items:start}.detail-stage{min-height:550px;border:1px solid #455339;background:radial-gradient(ellipse at center,#64704b55,#24372c 70%);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:40px}.stage-orbit{position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #c1cc8633;box-shadow:0 0 0 35px #c1cc8608;pointer-events:none}.detail-stage .game-card{filter:drop-shadow(0 17px 20px #1119)}.detail-stage-label{position:relative;color:#9eac88;font-size:9px;letter-spacing:2px;margin-top:30px}.detail-content{padding:12px 0}.detail-content h1{font-family:Georgia,serif;font-weight:500;font-size:37px;margin:12px 0 6px;line-height:1.3}.detail-chinese{font-size:16px;color:#8c997f}.detail-tags{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0 26px}.detail-tags>span{font-size:9px;color:#859275;border:1px solid #dce3d1;background:#f6f8ee;border-radius:4px;padding:4px 9px}.detail-section{padding:22px 0;border-top:1px solid #dce3d1}.detail-section .section-heading{margin-bottom:14px}.detail-section h3{font-size:13px}.readable-en{font-family:Georgia,serif;font-size:21px;color:#4d5e45;line-height:1.7;margin-bottom:9px}.translation{font-size:13px;color:#8c967f;line-height:1.9;margin-bottom:14px}.flavor-section .readable-en{font-size:17px;font-style:italic;margin-top:12px}.learning-hint{display:flex;gap:11px;background:#eef2e4;border:1px solid #e0e7d1;border-radius:8px;padding:14px;color:#8d9c73;margin:5px 0 22px}.learning-hint p{font-size:10px;line-height:1.8}.learning-hint svg{margin-top:3px}.reading-banner{display:flex;align-items:center;gap:15px;padding:20px 23px;background:#ebf0e5;border:1px solid #dbe3d0;border-radius:10px;color:#78916b;margin-bottom:28px}.reading-banner strong{font-size:13px;color:#586f4e;font-weight:550}.reading-banner p{font-size:11px;margin-top:4px;color:#91a17e}.reading-banner>span{margin-left:auto;font-size:10px;color:#8c9d78}.heroes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.hero-profile{border:1px solid var(--border);border-radius:11px;overflow:hidden;background:#fffef7;transition:transform .2s}.hero-profile:hover{transform:translateY(-3px)}.hero-profile-image{height:205px;position:relative;background:#294033}.hero-profile-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0e221c88,transparent 50%);pointer-events:none}.hero-profile-image img{width:100%;height:100%;object-fit:cover;object-position:center 27%}.hero-profile-body{padding:22px}.hero-profile-body .eyebrow{color:#9a9f83;font-size:9px}.hero-profile-body h2{font-size:17px;margin:7px 0 10px}.hero-profile-body>p:not(.eyebrow){font-size:11px;color:#8c967c;line-height:1.85;min-height:42px}.hero-profile-body>a{color:#627e58;margin-top:16px}.story-banner{position:relative;min-height:245px;background:#23382e;border:1px solid #42553d;border-radius:13px;overflow:hidden;margin-bottom:24px}.story-banner>img{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover;object-position:center 23%;-webkit-mask-image:linear-gradient(90deg,transparent,black 40%);mask-image:linear-gradient(90deg,transparent,black 40%);filter:saturate(.8)}.story-banner-content{position:relative;padding:32px;width:65%;z-index:2}.story-banner-content h1{font-size:29px;color:#efeddb;margin:9px 0}.story-banner-content h2{font-family:Georgia,serif;font-weight:400;font-size:22px;color:#c6d2ad;margin-bottom:12px}.story-banner-content>p:not(.eyebrow){font-size:11px;color:#a2b190}.story-banner .detail-tags{margin:17px 0 0}.story-banner .detail-tags>span{color:#b3bf9b;background:#c6d2900c;border-color:#adbd7f29;font-size:9px}.reader-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:28px;align-items:center}.segmented{display:inline-flex;background:#e9eee2;border:1px solid #dde4d4;border-radius:7px;padding:4px;gap:4px}.segmented>button{padding:8px 15px;border-radius:5px;font-size:12px;color:#929d81}.segmented>button.active{background:#fffef8;color:#506b49;box-shadow:0 1px 4px #1b30151a}.reader-controls{display:flex;gap:16px;align-items:center}.reader-controls>.button{font-size:11px;padding:8px 12px}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:33px}.story-article{min-width:0;background:#fffef8;border:1px solid var(--border);border-radius:12px;padding:34px}.story-chapter{scroll-margin-top:25px;margin-bottom:40px}.chapter-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}.chapter-number{font-family:Georgia,serif;font-size:33px;color:#ccd4bd}.chapter-heading h2{font-family:Georgia,serif;font-size:24px;color:#516a48;font-weight:500}.chapter-heading p{font-size:11px;color:#a3ac91;margin-top:3px}.chapter-heading>.icon-button{margin-left:auto;color:#8fa17b}.sentence-block{position:relative;border-radius:6px;padding:8px 28px 8px 9px;margin-left:-9px;margin-bottom:5px;transition:background .2s}.sentence-block.speaking{background:#edf2df;box-shadow:inset 2px 0 #9cb37b}.sentence-en{font-family:Georgia,Times New Roman,serif;font-size:18px;color:#43543b;line-height:1.95}.sentence-zh{font-size:12px;line-height:1.95;color:#9aa486;margin-top:8px;padding-top:7px;border-top:1px solid #e6ebdc}.sentence-tools{position:absolute;right:-5px;top:9px;display:flex;flex-direction:column;opacity:0;transition:opacity .2s;color:#a4ad92}.sentence-tools .icon-button{height:24px;width:24px}.sentence-block:hover .sentence-tools,.sentence-block:focus-within .sentence-tools{opacity:1}.reader-toc{position:sticky;top:25px;align-self:start;padding:15px 0}.reader-toc>.eyebrow{margin-bottom:19px;font-size:10px}.reader-toc>button{display:flex;gap:12px;width:100%;padding:12px 11px;border-radius:6px;color:#919d7e;font-size:11px;text-align:left;margin-bottom:4px}.reader-toc>button>span{font-family:Georgia,serif;color:#abb494}.reader-toc>button.active{background:#e7eedb;color:#5e794d}.toc-tip{border-top:1px solid #dfe5d4;margin-top:23px;padding-top:17px;font-size:10px;color:#a2ac91;line-height:2}.story-end{text-align:center;border-top:1px solid #e0e7d5;padding:30px 5px;color:#829870}.story-end h3{color:#526e44;font-size:17px;margin:14px 0 8px}.story-end p{font-size:11px;margin-bottom:18px;color:#94a082}.story-sources{border-top:1px solid #e2e7d7;padding-top:10px}.story-sources p{font-size:11px;color:#9aa68b;line-height:1.8;margin:7px 0}.story-sources a{font-size:11px;color:#6c8956;display:inline-block;margin-right:16px}.study-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 0 24px}.goal-form{display:flex;align-items:center;gap:9px;color:#8a997a;font-size:11px}.goal-form input{width:67px;padding:7px 8px;font-size:12px}.goal-form .text-button{margin-left:7px}.study-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fffef8;border:1px solid var(--border);border-radius:11px;margin-bottom:27px;padding:24px 0}.study-summary>div{text-align:center;border-right:1px solid #e3e8d9}.study-summary>div:last-child{border-right:0}.study-summary span{display:block;font-size:11px;color:#8b9a7a;margin-bottom:9px}.study-summary strong{font-family:Georgia,serif;font-size:30px;color:#527047;font-weight:500}.study-summary small{font-family:Segoe UI,sans-serif;font-size:13px;color:#a7b494}.review-area{max-width:650px;margin:0 auto;text-align:center}.review-position{font-size:11px;color:#a0ac8d;margin:15px 0}.flashcard{background:linear-gradient(160deg,#fffef7,#f8f9ee);border:1px solid #dce4cf;border-radius:15px;box-shadow:0 8px 25px #38442308;min-height:345px;padding:32px 36px;position:relative;display:flex;align-items:center;flex-direction:column}.flashcard .eyebrow{font-size:9px;letter-spacing:1px}.flashcard h2{font-family:Georgia,serif;font-size:47px;font-weight:500;line-height:1.2;color:#45613a;margin:39px 0 14px;overflow-wrap:anywhere;max-width:100%}.word-audio{color:#8ca774}.reveal-button{margin-top:24px;min-width:210px}.flashcard.flipped h2{margin-top:20px;font-size:39px}.flashcard.flipped .word-audio{position:absolute;top:35px;right:25px}.flash-meaning{font-size:14px;color:#667b55;line-height:1.8;white-space:pre-line;margin:8px 0 18px}.flash-example{background:#f0f3e4;border-left:2px solid #a3b781;padding:13px 17px;text-align:left;width:100%;border-radius:0 7px 7px 0}.flash-example p{font-family:Georgia,serif;font-size:16px;color:#64794f;line-height:1.6}.flash-example>span{display:block;font-size:11px;color:#97a47f;line-height:1.8;margin-top:7px}.flash-example>.text-button{margin-top:8px;color:#7f9765}.review-buttons{display:flex;gap:15px;justify-content:center;margin-top:22px}.review-buttons .button{min-width:175px;padding:13px 20px}.review-again{color:#8b8560;border-color:#d9d8bc;background:#f6f4e6}.review-note{margin-top:20px;line-height:1.9;color:#a3ad91}.vocabulary-toolbar{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:20px}.vocabulary-toolbar .search-box{width:100%;max-width:420px}.vocabulary-toolbar select{font-size:12px}.vocabulary-list{background:#fffef8;border:1px solid var(--border);border-radius:11px;overflow:hidden}.vocabulary-row{display:flex;gap:15px;align-items:center;padding:20px 22px;border-bottom:1px solid #e7ebdd}.vocabulary-row:last-child{border-bottom:0}.vocabulary-row>.icon-button{color:#8fa274}.vocabulary-body{flex:1;min-width:0}.vocabulary-body h3{font-family:Georgia,serif;font-size:20px;font-weight:500;overflow-wrap:anywhere}.vocabulary-body .phonetic{margin-left:12px;font-size:11px}.vocabulary-body p{font-size:11px;line-height:1.8;color:#879878;margin:7px 0 3px}.vocabulary-body>a{font-size:10px;color:#a2ae91}.vocabulary-row>.text-button{color:#8e9e7d;font-size:10px}.profile-banner{display:flex;align-items:center;gap:20px;padding:25px 28px;border-radius:12px;background:linear-gradient(110deg,#e7eedc,#f0f3e6);border:1px solid #d8e3ca;margin-bottom:24px}.profile-avatar{width:60px;height:60px;background:#c7d0ab;border:3px solid #e8edda;border-radius:50%;display:grid;place-items:center;font-size:21px;color:#6c8051;box-shadow:0 2px 7px #2e421b10}.profile-banner h2{font-size:19px;color:#506844}.profile-banner p{font-size:10px;color:#92a17c;margin-top:7px}.streak-highlight{margin-left:auto;display:flex;align-items:center;gap:12px;color:#a3975d}.streak-highlight strong{font-family:Georgia,serif;font-size:30px;font-weight:500}.streak-highlight span{font-size:10px;color:#9ba480;max-width:50px;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat-tile{padding:22px;background:#fffef6;border:1px solid var(--border);border-radius:10px}.stat-tile>span{display:flex;align-items:center;gap:8px;color:#98a180;font-size:11px}.stat-tile strong{display:block;font-size:33px;font-family:Georgia,serif;color:#59754b;font-weight:500;margin:17px 0 10px}.stat-tile em{font-style:normal;font-size:12px;font-family:Segoe UI,sans-serif;margin-left:8px;color:#b0b69b}.stat-tile small{font-size:9px;color:#a4ad91}.profile-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:23px;margin-bottom:24px}.profile-columns h2{font-size:16px}.chart-legend{display:flex;align-items:center;gap:5px;font-size:9px;color:#a0ac8d}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#83a56a}.bar-chart{height:210px;display:flex;align-items:flex-end;gap:18px;padding:15px 4px 20px;margin-bottom:20px;border-bottom:1px solid #e6ebd9}.bar-column{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;gap:8px;color:#a0ae88;font-size:10px}.bar-track{height:135px;width:min(100%,28px);background:#f0f4e6;border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.bar-track i{width:100%;background:linear-gradient(0deg,#92af76,#b2c58d);border-radius:4px}.bar-column small{font-size:9px}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-form>label{display:block;font-size:11px;color:#8c9c78}.settings-form select,.settings-form input[type=range]{width:100%;margin-top:8px;font-size:11px}.number-field{display:flex;align-items:center;gap:9px;margin-top:8px;color:#a2ae8c}.number-field input{width:85px;font-size:12px;padding:8px 10px}.range-value{float:right;color:#70895b}.settings-actions{display:flex;gap:18px;align-items:center;margin-top:4px}.settings-actions .button{font-size:11px}.settings-actions .text-button{font-size:10px;color:#91a179}.corrections-panel h2{font-size:16px}.corrections-panel>p{font-size:12px}.correction-record{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #e5ebd8;padding:17px 0;color:#9aad82}.correction-record>div{flex:1}.correction-record strong{color:#6d8558;font-size:13px}.correction-record p{font-size:12px;color:#96a581;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}.data-note{font-size:10px;line-height:1.9;color:#a0ad8b;margin:18px 0}.pack-stage{background:radial-gradient(ellipse at center,#5b634744,#1c2f25 70%);border:1px solid #415238;border-radius:15px;min-height:480px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;padding:35px;margin:20px 0}.pack-stage:before{content:"";position:absolute;width:450px;height:450px;border:1px solid #b6bb7830;border-radius:50%;box-shadow:0 0 0 45px #b6bb7807;pointer-events:none}.card-pack{position:relative;width:191px;height:257px;background:repeating-linear-gradient(115deg,#60412810 0,#241a1110 3px,transparent 5px),linear-gradient(110deg,#472c1e,#947348,#6e4a2d 70%,#35271b);border:6px ridge #c3a576;border-radius:21px;box-shadow:0 20px 25px #0005,inset 0 0 18px #17110b;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:25px 15px;color:#d9be86;transform:rotate(-5deg);transition:transform .3s,box-shadow .3s}.card-pack:hover{transform:rotate(0) translateY(-8px);box-shadow:0 10px 40px #bda86533}.pack-border{position:absolute;inset:8px;border:1px solid #c0a16c70;border-radius:13px}.pack-seal{position:absolute;left:calc(50% - 47px);top:53px;width:94px;height:94px;display:grid;place-items:center;border:7px ridge #ae8e52;border-radius:50%;background:radial-gradient(circle,#5581a2,#2b4262 60%,#131e39);color:#a1d5df;box-shadow:0 0 0 6px #382818,0 0 0 9px #a38447;transform:rotate(15deg)}.pack-swirl{position:absolute;top:9px;font-size:25px;color:#c4a466}.card-pack strong{font-size:17px;letter-spacing:3px;margin-bottom:8px;color:#dbc79d;text-shadow:1px 2px #261c13}.card-pack small{font-size:8px;color:#ae946f}.card-pack.opening{animation:pack-shake .8s forwards}.pack-instruction{position:relative;color:#9eae8b;font-size:11px;margin:27px 0 18px}.pack-stage>.button{position:relative}.pack-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;width:100%;z-index:1}.pack-slot{display:flex;flex-direction:column;align-items:center;gap:19px;min-width:0}.pack-slot .game-card{zoom:.82}.pack-slot>.text-button{font-size:10px;color:#aeba98}.card-back{width:171px;height:246px;border:5px ridge #987b4c;border-radius:17px;background:repeating-linear-gradient(45deg,#b9ae6c0c 0,#b9ae6c0c 1px,transparent 1px,transparent 9px),radial-gradient(ellipse,#32517c,#102f49);box-shadow:0 7px 15px #0005,inset 0 0 0 5px #293c45;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;transition:transform .2s}.card-back:hover{transform:translateY(-5px)}.card-back>span{font-size:80px;color:#bfad73;line-height:1;text-shadow:0 0 12px #badaff40}.card-back>small{font-size:10px;color:#afb990}.pack-actions{position:relative;display:flex;align-items:center;gap:22px;color:#a0ae86;font-size:11px;margin-top:38px}.pack-actions .button:not(.gold-button){background:#d3d9bd}.board-scroll{overflow-x:auto;border-radius:15px}.game-board{height:435px;min-width:670px;position:relative;border:18px ridge #98734d;border-radius:30px;background:radial-gradient(ellipse at center,#c8bd92,#b2a478 70%,#938360);box-shadow:inset 0 0 30px #604522;overflow:hidden}.game-board:before{content:"";position:absolute;inset:16px;border:2px solid #a0956d;border-radius:110px;background:repeating-linear-gradient(35deg,#6b663805 0,#6b663805 3px,transparent 4px,transparent 12px);pointer-events:none}.board-corner{position:absolute;font-size:70px;color:#aeb881;text-shadow:0 0 20px #3e5829;line-height:1;transform:rotate(20deg)}.board-corner.tl{left:18px;top:18px}.board-corner.br{right:18px;bottom:18px}.enemy-hand{position:absolute;top:-21px;left:50%;transform:translate(-50%);display:flex;gap:2px;z-index:4}.enemy-hand i{display:block;width:40px;height:60px;border:3px ridge #ad985f;background:radial-gradient(ellipse,#5a9ab1,#1b4162);border-radius:5px;transform:rotate(-3deg)}.board-hero{position:absolute;left:calc(50% - 43px);width:86px;height:92px;border:5px ridge #ac935d;border-radius:45% 45% 25% 25%;padding:0;background:#283c42;box-shadow:0 2px 6px #352817;z-index:2}.board-hero img{width:100%;height:100%;object-fit:cover;border-radius:40% 40% 21% 21%}.board-hero.enemy{top:31px}.board-hero.player{bottom:20px}.board-hero>span{position:absolute;bottom:-6px;right:-10px;width:28px;height:30px;background:#b44837;border:2px solid #b8925d;color:#ffe8bf;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-size:19px;font-weight:700;text-shadow:1px 1px #000}.board-center{position:absolute;top:125px;left:15%;right:15%;height:145px}.board-creatures{display:flex;justify-content:center;gap:22px;height:75px}.board-minion{width:61px;height:73px;border:4px ridge #bca173;border-radius:50%;padding:0;position:relative}.board-minion img{width:100%;height:100%;object-fit:cover;border-radius:50%}.board-minion span{position:absolute;bottom:-4px;left:0;right:0;background:#5a4932;color:#e9d5a7;font-size:10px;border-radius:9px}.board-line{height:2px;background:linear-gradient(90deg,transparent,#8f865b88,transparent);margin-top:18px}.board-empty-side{text-align:center;color:#a59969;font-size:30px;line-height:1.6}.turn-control{position:absolute;right:1%;top:45%;width:115px;text-align:center}.board-label{font-family:Georgia,serif;font-weight:700;color:#735c35;font-size:18px;margin-bottom:10px}.turn-button{background:linear-gradient(#e6d396,#c3a45d);border:3px ridge #a38348;border-radius:7px;padding:10px 6px;font-size:10px;color:#654d2c}.board-deck{position:absolute;right:3%;top:17%;height:89px;width:63px;border:4px ridge #886d46;border-radius:8px;background:#315667;color:#bfa676;box-shadow:3px 1px #705d45,6px 2px #a0855a,9px 3px #705d45;display:flex;flex-direction:column;align-items:center;justify-content:center}.board-deck>span{font-size:33px}.board-deck small{font-size:9px;color:#c0b283}.board-power{position:absolute;left:calc(50% + 58px);bottom:40px;color:#716448;font-family:Georgia,serif;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:6px}.board-power>button{font-size:26px;border:4px ridge #baa479;background:#625a47;border-radius:50%;width:53px;height:53px;display:grid;place-items:center}.mana-row{position:absolute;right:20px;bottom:15px;display:flex;align-items:center;gap:9px;font-family:Georgia,serif;color:#52667b;font-size:11px}.mana-row>.learn-text{position:absolute;right:0;top:-20px;white-space:nowrap;color:#7a744e}.mana-row>button{display:flex;gap:5px;padding:0}.mana-row i{display:block;background:linear-gradient(135deg,#a4e1e0,#396d9e);width:12px;height:18px;clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%)}.mana-row i.spent{background:#6d6f6444}.board-info{display:flex;align-items:flex-start;gap:10px;padding:17px 20px;background:#eaf0df;border:1px solid #d7e2c9;border-radius:8px;margin:18px 0 32px;color:#829570;font-size:12px;line-height:1.8;min-height:58px}.board-info>svg{margin-top:2px}.board-hand{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.board-hand>div{display:flex;flex-direction:column;align-items:center;gap:17px}@keyframes pop-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pack-shake{0%,to{transform:rotate(-5deg)}25%{transform:rotate(7deg) scale(1.07)}50%{transform:rotate(-7deg) scale(1.1);box-shadow:0 0 60px #e4d77a77}75%{transform:rotate(4deg) scale(1.08)}}@media(min-width:1600px){.tavern-hero{min-height:440px}.tavern-copy{padding:40px 45px 55px}.tavern-copy h2{font-size:60px}.hero-cards{right:40px;top:48px}.hero-story-tile{height:235px}.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pack-slot .game-card{zoom:1}.card-back{width:208px;height:296px}}@media(max-width:1270px){:root{--sidebar:207px}.sidebar{padding-left:13px;padding-right:13px}.brand{gap:8px}.brand strong{font-size:18px}.brand small{font-size:7px}.page-container{padding:30px}.topbar{padding:0 30px}.site-footer{margin:0 30px}.tavern-copy{padding-left:28px}.tavern-copy h2{font-size:46px}.hero-cards{right:-10px;width:44%}.floating-card.front{transform:translate(-52%) rotate(2deg) scale(.88)}.floating-card.left{transform:translate(-77%) rotate(-18deg) scale(.73)}.floating-card.right{transform:translate(-23%) rotate(18deg) scale(.73)}.header-note{display:none}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-links{gap:10px}.scene-links>a{padding:15px 10px;gap:8px}.scene-links>a>svg:last-child{display:none}.scene-links small{font-size:8px}.scene-links strong{font-size:13px}.quest-panel,.discovery-note{padding:19px}.quest-footer{flex-wrap:wrap}.pack-cards{grid-template-columns:repeat(3,1fr);justify-content:center}.pack-stage.opened{padding:30px 22px}.pack-slot .game-card{zoom:.87}.pack-cards .pack-slot:nth-child(4){grid-column:1 / 2}.pack-cards .pack-slot:nth-child(5){grid-column:2 / 3}.card-back{width:181px;height:257px}.detail-stage{padding:35px 15px}.card-detail-layout{grid-template-columns:43% 1fr;gap:27px}.detail-stage .game-card{zoom:.88}.detail-stage{min-height:510px}.reader-layout{grid-template-columns:minmax(0,1fr) 160px;gap:20px}.story-article{padding:28px}.board-hand .game-card{zoom:.86}.profile-columns{grid-template-columns:1fr 1fr}.stat-tile{padding:18px}}@media(max-width:1050px){.hero-cards{right:-25px;top:55px}.floating-card.front{transform:translate(-52%) rotate(2deg) scale(.77)}.floating-card.left{transform:translate(-73%) rotate(-18deg) scale(.64)}.floating-card.right{transform:translate(-29%) rotate(18deg) scale(.64)}.tavern-copy h2{font-size:41px}.tavern-copy{width:65%;padding-right:0}.hero-desc{font-size:10px}.hero-cn{font-size:14px}.hero-tip{font-size:8px}.tavern-hero{min-height:390px}.home-second-row{grid-template-columns:1fr 1fr;gap:15px}.quest-tag{display:none}.hero-story-grid{gap:13px}.hero-story-tile{height:195px}.story-tile-text h3{font-size:15px}.story-tile-text{left:13px;right:13px;bottom:15px}.story-tile-text>p{font-size:10px}.story-tile-text>span{font-size:9px}.story-level-badge{font-size:7px;left:10px;top:10px}.scene-links{grid-template-columns:1fr}.scene-links>a>svg:last-child{display:block}.scene-links>a{padding:16px 20px;gap:13px}.scene-links small{font-size:10px}.scene-links strong{font-size:15px}.heroes-grid{grid-template-columns:repeat(2,1fr)}.reading-banner>span{display:none}.collection-grid{column-gap:12px}.collection-cell .game-card{zoom:.89}.page-heading h1{font-size:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.profile-columns{grid-template-columns:1fr}.reader-layout{display:block}.reader-toc{display:none}.story-banner-content{width:76%}.board-hand{grid-template-columns:repeat(2,1fr);row-gap:25px}.board-hand .game-card{zoom:1}.card-detail-layout{display:block}.detail-stage{max-width:420px;margin:0 auto 25px;min-height:510px}.detail-stage .game-card{zoom:1}.detail-content{max-width:640px;margin:auto}}@media(max-width:760px){:root{--sidebar:0px}.sidebar{width:235px;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.sidebar-shade{display:block;position:fixed;inset:0;background:#0e231a80;z-index:39}.main-shell{margin-left:0}.mobile-menu{display:inline-flex;margin-left:-7px}.topbar{height:57px;padding:0 20px}.breadcrumb{gap:7px}.topbar-right{font-size:9px}.topbar-separator{margin:0 4px}.page-container{padding:25px 20px 30px}.site-footer{margin:0 20px;flex-direction:column;font-size:8px;gap:7px}.page-heading{margin-bottom:21px;gap:12px}.page-heading h1{font-size:24px}.page-heading>.count-pill{display:none}.page-subtitle{font-size:11px;line-height:1.9}.tavern-hero{min-height:378px}.tavern-copy{padding:27px 24px 55px;width:64%}.tavern-copy h2{font-size:43px}.hero-cn{font-size:13px}.hero-desc{font-size:10px}.hero-cards{right:-5px;top:50px;width:40%}.hero-tip{font-size:8px;max-width:215px;line-height:1.8}.floating-card.front{transform:translate(-52%) rotate(2deg) scale(.83)}.floating-card.left{transform:translate(-72%) rotate(-18deg) scale(.69)}.floating-card.right{transform:translate(-24%) rotate(18deg) scale(.69)}.hero-bottom-label{left:24px}.home-second-row{grid-template-columns:1fr 1fr}.quest-panel,.discovery-note{padding:18px}.section-kicker{gap:9px}.section-kicker h3{font-size:13px}.section-kicker .icon-tile{width:35px;height:35px}.quest-footer{font-size:9px}.discovery-note h3{font-size:14px}.discovery-note>p{font-size:10px}.hero-story-grid{gap:12px}.hero-story-tile{height:188px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 12px}.collection-cell .game-card{zoom:.82}.collection-toolbar{font-size:9px}.collection-toolbar>span:last-child{max-width:150px;text-align:right}.filter-panel{padding:17px}.filter-row{gap:9px}.filter-label{display:none}.mana-filter{gap:5px}.mana-filter button{height:28px;min-width:26px;font-size:9px}.filter-row select{min-width:100px;font-size:10px}.lookup-panel{left:10px!important;right:10px!important;top:auto!important;bottom:10px;width:auto!important;max-height:74dvh;border-radius:15px;padding:18px 22px;box-shadow:0 -10px 60px #13281833}.loading-scene h1{font-size:30px}.loading-scene:before{width:330px;height:330px}.loading-scene:after{width:380px;height:380px}.loading-skip{right:20px;top:20px;font-size:11px}.toast{left:50%;bottom:19px;width:max-content;max-width:90vw;font-size:11px}.speech-bar{bottom:17px;right:15px}.story-article{padding:24px}.sentence-tools{opacity:.75}.sentence-en{font-size:18px}.chapter-heading h2{font-size:23px}.story-banner-content{padding:26px;width:80%}.story-banner-content h1{font-size:25px}.story-banner-content h2{font-size:20px}.reader-controls{gap:10px}.reader-controls .text-button{font-size:10px}.study-header{flex-wrap:wrap}.study-summary{padding:19px 0}.goal-form input{padding:6px 8px;width:60px}.study-summary strong{font-size:26px}.flashcard{padding:28px 26px;min-height:330px}.profile-banner{padding:21px 20px;gap:13px}.profile-banner p{font-size:9px}.profile-banner h2{font-size:17px}.profile-avatar{width:50px;height:50px;flex-shrink:0}.streak-highlight{gap:6px}.streak-highlight span{display:none}.stats-grid{gap:13px}.stat-tile{padding:18px}.stat-tile small{font-size:9px}.profile-columns .panel{padding:22px}.profile-banner+.stats-grid{margin-top:0}.vocabulary-row{padding:17px 13px;gap:9px;flex-wrap:wrap}.vocabulary-body{flex-basis:calc(100% - 55px)}.vocabulary-row .status-pill{margin-left:39px}.vocabulary-row>.icon-button:last-child{margin-left:auto}.vocabulary-body .phonetic{display:block;margin:6px 0}.vocabulary-toolbar{gap:10px}.vocabulary-toolbar select{max-width:100px;font-size:10px}.pack-cards{gap:24px 15px}.pack-slot .game-card{zoom:.76}.card-back{width:158px;height:225px}.pack-stage{padding:30px 15px}.pack-stage.opened{padding:30px 13px}.pack-stage:before{width:300px;height:300px}.back-link{margin-bottom:20px}}@media(max-width:520px){.page-container{padding:23px 17px}.topbar{padding:0 17px}.page-heading h1{font-size:22px}.page-heading>.button{font-size:10px;padding:8px 11px}.eyebrow{font-size:9px}.topbar-right>.status-dot,.topbar-right>.topbar-separator{display:none}.topbar-right{font-size:0;gap:4px}.day-count{font-size:10px}.tavern-hero{min-height:462px}.tavern-copy{padding:26px 22px 180px;width:100%;pointer-events:none}.tavern-copy>*{pointer-events:auto}.tavern-copy h2{font-size:39px;margin:15px 0 13px}.hero-desc{font-size:10px;margin:8px 0 15px}.hero-cn{font-size:13px}.tavern-copy>.button{font-size:12px;padding:10px 15px}.hero-tip{max-width:168px;font-size:8px}.hero-cards{top:201px;right:-10px;width:48%;height:245px}.floating-card.front{transform:translate(-57%) rotate(4deg) scale(.6)}.floating-card.left{transform:translate(-72%) rotate(-15deg) scale(.47)}.floating-card.right{transform:translate(-35%) rotate(18deg) scale(.47)}.floating-card{transform-origin:50% 30%}.spark-one{right:9%;top:12px;font-size:17px}.spark-two{display:none}.hero-bottom-label{font-size:7px;bottom:15px;left:22px;right:22px}.home-second-row{grid-template-columns:1fr;gap:15px;margin-bottom:26px}.quest-panel,.discovery-note{padding:20px}.quest-tag{display:inline-flex}.section-kicker h3{font-size:15px}.quest-footer{font-size:10px}.quest-footer .text-button{font-size:11px}.discovery-note .note-top{margin-bottom:8px}.discovery-note h3{font-size:15px}.discovery-note>p{font-size:11px}.hero-story-grid{display:flex;overflow-x:auto;gap:13px;padding-bottom:7px;scroll-snap-type:x mandatory}.hero-story-tile{width:220px;min-width:220px;height:208px;scroll-snap-align:start}.story-tile-text h3,.section-heading h2{font-size:17px}.section-heading>.text-button{font-size:10px;white-space:nowrap}.section-heading .eyebrow{font-size:8px}.compact-heading h2{font-size:16px}.compact-heading>.small{font-size:9px}.scene-links>a{padding:16px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 9px}.collection-cell .game-card{zoom:.74}.collection-caption{margin-top:15px;gap:6px}.collection-caption>strong{font-size:10px}.collection-caption .text-button{font-size:9px}.filter-panel{padding:14px}.filter-row{gap:8px}.mana-filter{width:100%;margin-top:3px;gap:5px}.mana-filter button{flex:1;min-width:0;padding:0 5px}.collection-toolbar{margin:17px 0 16px}.collection-toolbar>span:last-child{max-width:138px;font-size:8px}.detail-stage{min-height:460px;padding:28px 15px}.detail-stage .game-card{zoom:.92}.detail-content h1{font-size:32px}.detail-section .readable-en{font-size:20px}.reading-banner{padding:17px 15px;gap:12px}.reading-banner strong{font-size:12px}.reading-banner p{font-size:10px}.heroes-grid{grid-template-columns:1fr;gap:20px}.hero-profile-image{height:210px}.hero-profile-body{padding:20px}.hero-profile-body h2{font-size:19px}.hero-profile-body>p:not(.eyebrow){font-size:12px;min-height:0}.story-banner{min-height:225px}.story-banner-content{padding:23px 21px;width:100%}.story-banner>img{opacity:.32;width:70%;-webkit-mask-image:linear-gradient(90deg,transparent,black 60%);mask-image:linear-gradient(90deg,transparent,black 60%)}.story-banner-content>p:not(.eyebrow){max-width:90%;font-size:10px}.story-banner-content h1{font-size:25px}.story-banner-content h2{font-size:20px}.reader-toolbar{flex-wrap:wrap;gap:13px;margin-bottom:20px}.reader-controls{width:100%;justify-content:space-between}.reader-controls>.text-button{font-size:11px}.segmented{padding:3px}.segmented>button{padding:8px 13px;font-size:11px}.story-article{padding:23px 18px}.chapter-heading{gap:11px;align-items:flex-start}.chapter-number{font-size:28px}.chapter-heading h2{font-size:22px;line-height:1.3}.chapter-heading p{font-size:10px;margin-top:7px}.sentence-en{font-size:17px;line-height:1.95}.sentence-block{padding-right:24px}.sentence-zh{font-size:12px}.story-end p{font-size:10px}.goal-form{font-size:10px;gap:7px}.study-header{gap:17px}.goal-form input{width:57px}.study-summary span{font-size:9px}.study-summary strong{font-size:24px}.study-summary small{font-size:11px}.flashcard{padding:26px 22px}.flashcard h2{font-size:39px}.flashcard.flipped h2{font-size:32px}.flash-meaning{font-size:13px}.flash-example p{font-size:15px}.review-buttons{gap:12px}.review-buttons .button{min-width:0;flex:1;padding:12px 9px;font-size:12px}.review-note{font-size:10px}.profile-banner{padding:20px 15px}.profile-banner p{font-size:9px;line-height:1.8;max-width:200px}.streak-highlight{display:none}.profile-avatar{height:45px;width:45px;font-size:17px}.stats-grid{gap:11px}.stat-tile{padding:16px}.stat-tile>span{font-size:10px}.stat-tile>span>svg{width:16px;height:16px}.stat-tile strong{font-size:31px;margin:14px 0 8px}.stat-tile small{font-size:8px}.bar-chart{gap:12px}.panel{padding:21px 18px}.pack-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.pack-cards .pack-slot:nth-child(4),.pack-cards .pack-slot:nth-child(5){grid-column:auto}.pack-slot:last-child{grid-column:1 / -1!important}.pack-slot .game-card{zoom:.69}.card-back{width:146px;height:207px}.pack-slot{gap:14px}.pack-slot>.text-button{font-size:9px}.pack-stage.opened{padding:25px 12px}.pack-actions{gap:15px;flex-wrap:wrap;justify-content:center}.board-hand{gap:25px 12px}.board-hand .game-card{zoom:.73}.board-info{padding:14px;font-size:11px}.loading-scene h1{font-size:26px}.loading-message{font-size:14px}.loading-scene .muted{font-size:9px;max-width:270px;line-height:1.9}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.flash-dictionary{color:var(--muted);font-size:13px;text-align:left;max-width:540px;margin:12px auto}.flash-dictionary summary{cursor:pointer}.flash-dictionary p{white-space:pre-line;line-height:1.8}.reading-panel{margin-top:24px}.reading-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reading-row{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:12px}.reading-row>div{flex:1}.reading-row p{font-size:12px;color:var(--muted);margin:5px 0 0}.reading-row:hover{background:#f4f7f1}.mobile-tip{display:none}@media(max-width:760px){.reading-list{grid-template-columns:1fr}.tavern-hero .hero-tip{display:none}.mobile-tip{display:inline}.desktop-tip{display:none}}.card-description{overflow-y:auto;overflow-wrap:anywhere;display:block;align-content:center}.card-name{overflow-wrap:anywhere}.filter-row select{max-width:100%}.collection-caption small{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.collection-caption{flex-wrap:nowrap;min-width:0}.collection-caption>*{max-width:100%;text-align:center;overflow-wrap:anywhere}