.academy-page{background:var(--bg)}.academy-hero{padding:110px 0 54px;border-bottom:1px solid var(--line-soft);background:radial-gradient(60% 70% at 50% -20%,var(--foil-soft),transparent 65%)}.academy-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:40px}.academy-back{color:var(--muted);display:inline-flex;gap:6px;margin-bottom:18px;text-decoration:none;font-size:14px;font-family:var(--f-head);font-weight:600;min-height:44px;align-items:center}.academy-back:before{content:"←"}.academy-back:hover{color:var(--gold)}.academy-eyebrow{color:var(--gold);font-family:var(--f-head);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.academy-hero h1{font-family:var(--f-display);font-weight:800;font-size:clamp(34px,5.6vw,58px);line-height:1.04;letter-spacing:-.02em;max-width:720px;margin-bottom:18px}.academy-hero-copy>p:not(.academy-eyebrow){color:var(--text-2);max-width:640px;font-size:17px}.academy-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.academy-table-preview{position:relative;min-height:280px;border:0;border-radius:46%/42%;background:var(--felt-glow);box-shadow:0 0 0 7px var(--felt-edge),0 0 0 9px #d4a553b3,0 0 0 15px #0e1118,0 30px 60px #0000008c,inset 0 0 70px #00000080;display:flex;align-items:center;justify-content:center;gap:10px}.academy-table-preview:before{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:inherit;border:1.5px dashed rgba(245,197,66,.28);pointer-events:none}.academy-table-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--noise);background-size:120px 120px;opacity:.08;pointer-events:none}.academy-table-card{width:66px;height:94px;border-radius:9px;background:linear-gradient(157deg,var(--paper-hi),var(--paper) 55%,var(--paper-edge));border:1px solid rgba(0,0,0,.22);color:var(--suit-dark);display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:800;box-shadow:0 10px 24px #00000080,inset 0 1px #fffc;transform:rotate(-6deg);transition:transform .25s var(--ease)}.academy-table-card:nth-child(2){transform:translateY(-12px) rotate(3deg)}.academy-table-card:nth-child(3){transform:translateY(7px) rotate(-1deg)}.academy-table-card:nth-child(4){transform:rotate(8deg)}@media(hover:hover){.academy-table-preview:hover .academy-table-card{transform:translateY(-6px) rotate(-8deg)}.academy-table-preview:hover .academy-table-card:nth-child(2){transform:translateY(-18px) rotate(2deg)}.academy-table-preview:hover .academy-table-card:nth-child(3){transform:translateY(0) rotate(-1deg)}.academy-table-preview:hover .academy-table-card:nth-child(4){transform:translateY(-6px) rotate(10deg)}}.academy-table-card.red{color:var(--suit-red)}.academy-table-card.joker{color:var(--gold);background:linear-gradient(160deg,#1a2233,#10151f);border:1px solid rgba(245,197,66,.6);box-shadow:0 10px 24px #00000080,0 0 18px #f5c54240}.academy-hub{padding:46px 0 90px}.academy-mode-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.academy-mode-head h2{font-family:var(--f-head);font-size:clamp(24px,4vw,32px);letter-spacing:-.02em;margin-bottom:6px}.academy-mode-head p{color:var(--text-2)}.academy-reset{flex:none}.academy-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.academy-mode-card{position:relative;text-align:left;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--surface),var(--bg-2));color:var(--text);padding:18px 16px;cursor:pointer;min-height:148px;transition:border-color .2s,background .2s,transform .2s var(--ease),box-shadow .2s;font-family:inherit}.academy-mode-card:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:calc(var(--r-lg) - 4px);border:1px dashed rgba(245,197,66,0);pointer-events:none;transition:border-color .2s}@media(hover:hover){.academy-mode-card:hover{border-color:#f5c54259;transform:translateY(-3px);box-shadow:var(--sh-2)}}.academy-mode-card.active{border-color:#f5c5428c;background:linear-gradient(180deg,#1a1f2c,var(--bg-2));box-shadow:0 0 0 1px #f5c54240,var(--sh-2)}.academy-mode-card.active:before{border-color:#f5c54259}.academy-page button:focus-visible,.academy-page a:focus-visible{outline:3px solid rgba(245,197,66,.9);outline-offset:3px}.academy-mode-card strong{display:block;font-family:var(--f-head);font-size:17px;margin-bottom:8px}.academy-mode-card span{display:inline-flex;color:var(--gold);font-family:var(--f-head);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.academy-mode-card p{color:var(--muted);font-size:14px}@media(prefers-reduced-motion:no-preference){.academy-mode-card{animation:fadeSlideIn .5s var(--ease) both}.academy-mode-card:nth-child(2){animation-delay:.06s}.academy-mode-card:nth-child(3){animation-delay:.12s}.academy-mode-card:nth-child(4){animation-delay:.18s}}.academy-app{border:1px solid rgba(245,197,66,.28);border-radius:var(--r-xl);background:radial-gradient(110% 120% at 50% -30%,rgba(245,197,66,.08),transparent 55%),linear-gradient(180deg,#10141d,#0b0e15);box-shadow:0 0 0 5px #0e1118,0 0 0 6px #f5c5422e,0 24px 60px #00000073;overflow:hidden}.learn-layout{display:grid;grid-template-columns:260px 1fr;min-height:580px}.learn-rail{border-right:1px solid var(--line-soft);background:#0000002e;padding:20px}.learn-meter{height:9px;background:var(--inset);border:1px solid var(--line-soft);border-radius:999px;overflow:hidden;margin-bottom:12px}.learn-meter span{display:block;height:100%;background:var(--foil)}.learn-stat{color:var(--muted);font-size:13px;font-family:var(--f-mono);margin-bottom:18px}.learn-nav{display:grid;gap:8px}.learn-nav button,.reader-list button{display:flex;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);padding:11px 12px;min-height:44px;text-align:left;cursor:pointer;font:inherit;font-size:14px;transition:color .15s,background .15s,border-color .15s}.learn-nav button:hover,.reader-list button:hover{color:var(--text-2)}.learn-nav button.active,.reader-list button.active{color:var(--text);background:#f5c5421a;border-color:#f5c54259}.learn-nav button.done{color:#d9f8e7}.learn-nav button.done:after{content:"✓";color:var(--green);font-weight:700}.learn-main{padding:26px;min-width:0}.learn-main h3{font-family:var(--f-display);font-size:clamp(24px,3.4vw,30px);margin-bottom:8px}.learn-lede{color:var(--text-2);margin-bottom:18px;max-width:760px}.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.learn-panel,.puzzle-card,.drill-card{position:relative;border:1px solid rgba(0,0,0,.28);border-radius:14px;background:linear-gradient(160deg,var(--paper-hi),var(--paper) 58%,var(--paper-edge));padding:18px;color:#2a2f3c;box-shadow:0 2px 6px #0000004d,0 10px 26px #00000040,inset 0 1px #ffffffd9;overflow:hidden}.learn-panel:after,.puzzle-card:after,.drill-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--noise);background-size:120px 120px;opacity:.05}.learn-panel>*,.puzzle-card>*,.drill-card>*{position:relative;z-index:1}.learn-panel h4,.puzzle-card h4,.drill-card h4{font-family:var(--f-head);font-size:17px;color:#1b1f27;margin-bottom:8px}.learn-panel p,.puzzle-card p,.drill-card p{color:#4c5261;font-size:14px}.reader-layout{display:grid;grid-template-columns:260px 1fr;min-height:580px}.reader-list{border-right:1px solid var(--line-soft);background:#0000002e;padding:20px;display:grid;gap:8px;align-content:start}.reader-card{border:0;background:transparent;border-radius:0;box-shadow:none;color:var(--text);padding:26px;min-width:0;min-height:580px}.reader-card:after{content:none}.reader-card h3{font-family:var(--f-display);font-size:clamp(24px,3.4vw,30px);margin-bottom:12px}.reader-card h4{color:var(--text);font-family:var(--f-head)}.reader-card p{color:var(--text-2)}.reader-card ul{color:var(--text-2);padding-left:18px;display:grid;gap:8px}.learn-card-row,.academy-choice-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.academy-mini-card{border:1px solid rgba(0,0,0,.25);border-radius:8px;background:linear-gradient(157deg,#fffdf7,#f6f1e6 60%,#ece2cc);color:var(--suit-dark);min-width:50px;height:68px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:800;box-shadow:0 3px 8px #00000040,inset 0 1px #ffffffe6}.academy-mini-card.red{color:var(--suit-red)}.academy-chip{position:relative;border:1px solid var(--line);border-radius:999px;background:linear-gradient(180deg,#202839,#161c29);color:var(--text);min-width:44px;min-height:44px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;font-family:var(--f-head);font-weight:700;font-size:14px;transition:border-color .15s,transform .12s,background .15s}.academy-chip:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:inherit;border:1px dashed currentColor;opacity:.3;pointer-events:none}@media(hover:hover){.academy-chip:hover{border-color:#f5c5428c;transform:translateY(-1px)}}.academy-chip.selected{border-color:#f5c5428c}.academy-chip.good{border-color:var(--green);background:linear-gradient(180deg,#17493a,#103528);color:#d9f8e7}.academy-chip.bad{border-color:var(--red);background:linear-gradient(180deg,#4b2026,#351317);color:#ffd3d3}.academy-feedback-line{min-height:36px;margin-top:12px;color:#6b6350;font-size:14px}.reader-card .academy-feedback-line{color:var(--muted)}.puzzle-wrap{padding:26px;display:grid;gap:16px}.puzzle-top{display:flex;justify-content:space-between;gap:18px;align-items:start}.puzzle-top h3{font-family:var(--f-display)}.puzzle-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.puzzle-meta span{border:1px solid var(--line);border-radius:999px;color:var(--muted);padding:6px 11px;font-size:13px}.drill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px}.exam-form{display:grid;gap:14px;padding:26px}.exam-result{color:var(--gold);font-family:var(--f-display);font-size:22px;font-weight:800}@media(max-width:900px){.academy-hero-grid,.learn-layout,.reader-layout{grid-template-columns:1fr}.academy-mode-grid,.learn-grid,.drill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-rail,.reader-list{border-right:none;border-bottom:1px solid var(--line-soft)}}@media(max-width:640px){.academy-hero{padding-top:96px}.academy-mode-head,.puzzle-top{display:grid}.academy-mode-grid,.learn-grid,.drill-grid{grid-template-columns:1fr}.academy-table-preview{min-height:220px}.academy-table-card{width:54px;height:78px}.learn-main,.puzzle-wrap,.drill-grid,.exam-form,.reader-card{padding:18px}.academy-hub{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}
