:root{color-scheme:light;--ink:#251d3d;--muted:#605770;--paper:#f8f5fb;--surface:#fffdff;--line:#e6deed;--purple:#5b398d;--purple-soft:#f0e8fa;--coral:#a84155;--panel-shadow:0 6px 24px #35204f09;color:var(--ink);background:var(--paper);font:16px/1.55 Inter,system-ui,Microsoft YaHei,sans-serif}*,:before,:after{box-sizing:border-box}body{background:linear-gradient(158deg,#f0e9fa 0,#fbf3fa 200px,#0000 480px) no-repeat;flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1;padding-block:26px 52px}h1,h2,h3,p,figure{margin:0}a{color:inherit}button,input{font:inherit}[hidden]{display:none!important}:focus-visible{outline-offset:3px;outline:2px solid #8665b1}.shell{width:min(1280px,100% - 64px);margin-inline:auto}.site-header{z-index:5;border-bottom:1px solid var(--line);background:#fcf9ff;position:sticky;top:0;box-shadow:0 4px 20px #33264e08}.topbar{justify-content:space-between;align-items:center;gap:14px;min-height:68px;display:flex}.brand,.nav-search,.nav-account,.topbar nav a,.category,.resource-card{text-decoration:none}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:800;line-height:1.15;display:inline-flex}.brand-mark{color:#fff2b9;background:#3f305f;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:2px 2px #e7c7fa}.brand small{letter-spacing:.12em;color:var(--muted);margin-top:4px;font-size:9px;display:block}.topbar nav{background:#f2edf7;border-radius:12px;gap:4px;padding:4px;display:flex}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar nav a,.nav-search,.nav-account{white-space:nowrap;border-radius:9px;padding:7px 13px;font-size:14px;font-weight:700}.topbar nav a{color:var(--muted)}.topbar nav a:hover{color:var(--purple);background:var(--purple-soft)}.topbar nav a[aria-current]{color:var(--purple);background:var(--surface);box-shadow:0 1px 4px #351c5117}.nav-search{border:1px solid var(--line);align-items:center;gap:5px;display:flex}.nav-search:hover{background:#f4edf9}.nav-account{background:var(--purple);color:#fff}.nav-account:hover,.nav-account[aria-current=page]{background:#47276f}.hero{background:radial-gradient(at 15% 95%,#ffeff0,#0000 70%),#eee4fa;border:1px solid #dcd0e8;border-radius:28px;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);display:grid;overflow:hidden;box-shadow:0 12px 34px #62448b1b}.hero-copy{align-self:center;min-width:0;padding:clamp(26px,4.2vw,58px)}.hero-label{color:var(--purple);align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.hero-label b{color:var(--coral)}.hero-quote{color:var(--ink);text-wrap:balance;overflow-wrap:anywhere;margin:13px 0 8px;font-size:clamp(23px,2.85vw,39px);font-weight:800;line-height:1.35}.hero-copy>p{color:var(--muted);margin-bottom:20px;font-size:clamp(14px,1.4vw,17px)}.hero-copy>.hero-quote-source{color:var(--purple);margin-bottom:15px;font-size:13px;font-weight:700}.hero-art{background:#e4b5d4;min-height:360px;position:relative}.hero-art img{object-fit:cover;object-position:54% 28%;width:100%;height:100%;position:absolute;inset:0}.search-form{background:var(--surface);border:1px solid #d9c8e4;border-radius:13px;align-items:center;gap:9px;max-width:420px;padding:5px 5px 5px 14px;display:flex;box-shadow:0 3px 10px #46246312}.search-icon{color:var(--purple);display:grid}.search-form input{width:0;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;padding:6px 2px;font-size:14px}.search-form input:focus{outline:none}.search-form:focus-within{outline-offset:2px;outline:2px solid #8665b1}.search-form button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:750}.search-form button:hover{background:#913447}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.category{--accent:var(--purple);--accent-bg:#ede1fa;border:1px solid var(--line);background:linear-gradient(108deg, var(--accent-bg), var(--surface) 75%);min-width:0;box-shadow:var(--panel-shadow);border-radius:17px;align-items:center;gap:16px;padding:14px 17px;transition:transform .18s,border-color .18s;display:flex}.category-tools{--accent:#96384c;--accent-bg:#fbe6ed}.category:hover{border-color:#c6a9de;transform:translateY(-2px)}.category-icon,.small-icon{color:var(--accent,var(--purple));background:var(--accent-bg,#eee4f8);border-radius:12px;flex:none;place-items:center;display:grid}.category-icon{background:var(--surface);width:48px;height:48px;font-size:23px}.category-copy{gap:2px;min-width:0;display:grid}.category-copy strong{font-size:19px}.category-copy>span{color:var(--muted);font-size:13px}.category-arrow{color:var(--accent,var(--purple));margin-left:auto;display:grid}.home-content{margin-top:clamp(24px,4vw,40px)}.home-bottom{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:16px;margin-top:clamp(24px,4vw,40px);display:grid}.home-bottom .guide{align-items:center;gap:12px;display:flex}.panel,.guide{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--panel-shadow);border-radius:18px;padding:clamp(14px,2vw,23px)}.panel h2{margin-bottom:10px;font-size:22px}.guide{--accent:#96384c;--accent-bg:#f8dfe8;background:#fff4f6;border-color:#f0dde5}.small-icon{width:36px;height:36px;font-size:18px}.guide h2{margin:0 0 4px;font-size:17px}.guide p,.empty p{color:var(--muted);font-size:13px}.library-stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.library-stats h2{margin-bottom:0}.library-stats dl{flex-wrap:wrap;gap:8px 16px;margin:0;display:flex}.library-stats dl>div{border-inline-start:2px solid #e7d9f6;padding-inline:12px}.library-stats dt,.stats-status{color:var(--muted);font-size:13px}.library-stats dd{color:var(--purple);font-variant-numeric:tabular-nums;margin:0;font-size:23px;font-weight:800}.member-login{margin-top:13px}.empty{text-align:center;background:#faf6fd;border:1px dashed #dcd0e8;border-radius:13px;justify-items:center;gap:7px;padding:25px 14px;display:grid}.resource-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.25vw,16px);margin:0;padding:0;list-style:none;display:grid}.resource-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:block;overflow:hidden;box-shadow:0 3px 12px #35204f0b}.resource-card:hover{border-color:#bf9eda;transform:translateY(-2px);box-shadow:0 7px 20px #4c2c7521}.resource-card:hover h3{color:var(--purple)}.resource-login-card{color:var(--purple);background:#faf6fd;border-color:#dfd1ec}.resource-cover{aspect-ratio:3/2;color:var(--purple);background:linear-gradient(145deg,#f6edf9,#eaddf5);place-items:center;font-size:clamp(22px,4vw,40px);display:grid;position:relative;overflow:hidden}.resource-cover img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.resource-card-label{--label-padding:9px;min-block-size:calc(2.84em + 2 * var(--label-padding) + 1px);padding:var(--label-padding) clamp(8px, 1vw, 13px);border-top:1px solid var(--line);align-items:center;font-size:clamp(13px,1.2vw,16px);line-height:1.42;display:flex}.resource-card-label>:is(h3,strong){min-width:0;-webkit-line-clamp:2;overflow-wrap:anywhere;max-block-size:2.84em;font-size:inherit;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.resource-list:has([data-resource-login]:not([hidden]))+.empty{margin-top:9px}.resource-meta{color:var(--muted);font-size:13px}.resource-meta time{white-space:nowrap}.catalog-banner{box-shadow:var(--panel-shadow);background:radial-gradient(at 94% 0,#fbddeb,#0000 65%),linear-gradient(115deg,#eee4fa,#faf0f7);border:1px solid #dfd2eb;border-radius:22px;padding:clamp(19px,3.5vw,42px)}.catalog-banner.tools-banner{background:linear-gradient(115deg,#f9e5ee,#fdf1e8)}.catalog-banner>a,.catalog-banner>span{color:var(--purple);font-size:13px}.catalog-banner>a{text-decoration:none}.catalog-banner>a:hover{text-decoration:underline}.catalog-banner h1,.article h1{overflow-wrap:anywhere;margin-block:8px;font-size:clamp(27px,4vw,44px);line-height:1.2}.catalog-banner p{color:var(--muted)}.catalog-banner form{margin-top:13px}.game-categories{margin-top:16px;padding:clamp(12px,2vw,20px)}.game-category-links{flex-wrap:wrap;gap:7px;display:flex}.game-category-links a{color:#513778;background:#f9f4fc;border:1px solid #e7dbef;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:4px 10px;font-size:13px;font-weight:650;line-height:1.4;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.game-category-links a:hover{background:#eee3f8;border-color:#cdb5e5}.game-category-links a[aria-current=page]{background:var(--purple);border-color:var(--purple);color:#fff}.game-category-links a span{color:#513778;font-variant-numeric:tabular-nums;background:#eee4f6;border-radius:999px;padding:1px 6px;font-size:11px}.game-category-links a[aria-current=page] span{color:#fff;background:#fff3}.page-panel{max-width:960px;margin:20px auto 0}.list-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;margin-bottom:13px;display:flex}.list-heading h2{font-size:clamp(21px,2.5vw,27px)}.list-heading>span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.catalog-results{max-width:none}.paginated-catalog h2{scroll-margin-top:115px}.paginated-catalog .resource-list{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-login{color:var(--purple);text-underline-offset:3px;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.list-heading .catalog-login{margin-bottom:0}.catalog-pagination{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.catalog-pagination button{border:1px solid var(--line);min-height:40px;color:var(--purple);background:var(--surface);cursor:pointer;border-radius:10px;padding:7px 14px}.catalog-pagination button:enabled:hover{background:#efe7f9}.catalog-pagination button:disabled{opacity:.55;cursor:default}.catalog-pagination span{color:var(--muted);white-space:nowrap;font-size:14px}@media (width>=768px){.paginated-catalog .resource-list{grid-template-columns:repeat(5,minmax(0,1fr))}}.article{padding:clamp(16px,4vw,36px)}.article-heading{align-items:center;gap:clamp(15px,3vw,36px);margin-top:16px;display:flex}.article-heading-copy{flex:1;min-width:0}.article-cover,.article-content img,.article-content video{border-radius:12px;max-width:100%;height:auto}.article-cover{margin-top:14px;display:block}.article-heading .article-cover{aspect-ratio:3/2;object-fit:cover;width:34%;margin:0}.article-content{border-top:1px solid var(--line);overflow-wrap:anywhere;margin-top:24px;padding-top:20px;line-height:1.85}.article-content>*+*{margin-top:1em}.article-content a,.empty a{color:var(--purple);text-underline-offset:3px}.resource-download{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.resource-download h2{margin-bottom:4px}.breadcrumbs{flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.breadcrumbs a{background:var(--purple-soft);color:var(--purple);border-radius:999px;padding:3px 9px;text-decoration:none}.breadcrumbs a:hover{background:#e8dbf5}.account-panel{border-top:3px solid #a68bc2;max-width:480px;padding:clamp(16px,5vw,34px)}.account-panel h1{margin-block:5px;font-size:clamp(26px,6vw,36px);line-height:1.3}.account-intro,.comment-form>p,.interaction-message,.comment-login{color:var(--muted);font-size:14px}.interaction-message{overflow-wrap:anywhere;margin-block:12px}.interaction-message[data-error=true]{color:#a44336}.account-form,.comment-form{gap:13px;margin-top:16px;display:grid}.account-form label,.comment-form label{gap:5px;font-size:14px;font-weight:700;display:grid}.account-form input,.comment-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fdfaff;border-radius:9px;padding:9px 11px;font-weight:400}.comment-form textarea{resize:vertical}.account-form input:focus,.comment-form textarea:focus{border-color:#a487c1}.account-switch,.account-buttons{flex-wrap:wrap;gap:8px;display:flex}.account-buttons{margin-top:14px}.account-help{flex-wrap:wrap;gap:8px 16px;display:flex}.account-help button{color:var(--purple);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.account-help button:disabled{cursor:wait;opacity:.65}.account-switch button{border:1px solid var(--line);color:var(--purple);background:var(--surface);cursor:pointer;border-radius:8px;padding:6px 15px}.account-switch button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:#fff}.interaction-button{background:var(--purple);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-self:start;padding:9px 15px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.interaction-button.secondary{color:var(--purple);background:#efe7f9}.interaction-button:enabled:hover,a.interaction-button:hover{color:#fff;background:#47276f}.interaction-button:disabled,.account-switch button:disabled{cursor:wait;opacity:.65}.comment-login a{background:var(--purple-soft);color:var(--purple);border-radius:9px;padding:7px 12px;font-weight:700;text-decoration:none;display:inline-block}.comment-login a:hover{background:#e8dbf5}.comment-list{gap:10px;margin:15px 0 0;padding:0;list-style:none;display:grid}.comment-list:empty{margin:0}.comment-list li{border:1px solid var(--line);background:#faf6fd;border-radius:11px;padding:11px 13px}.comment-list li>p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}.comment-meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:13px;display:flex}.comment-meta strong{color:var(--ink);overflow-wrap:anywhere}.comment-state{color:#8d392d;background:#ffebe1;border-radius:5px;padding-inline:6px}.site-footer{color:#eee4f5;background:#2e2242}.site-footer .shell{justify-content:space-between;gap:12px;padding-block:22px;font-size:13px;display:flex}.site-footer a{text-underline-offset:3px}@media (width>=768px){.resource-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1160px){.resource-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=782px){.shell{width:calc(100% - 32px)}.hero-copy{padding:24px}.hero-art{min-height:310px}}@media (width<=600px){main{padding-block:16px 28px}.topbar{flex-wrap:wrap;gap:5px;width:calc(100% - 24px);min-height:60px;padding-block:7px}.topbar nav{flex-basis:100%;order:3;justify-content:space-between;gap:2px}.topbar nav a{text-align:center;flex:1;padding:6px 3px;font-size:12px}.brand{gap:6px;font-size:15px}.brand small,.nav-search span{display:none}.brand-mark{border-radius:8px;width:29px;height:29px}.nav-search{padding:7px}.topbar-actions{gap:4px}.nav-account{padding:6px;font-size:12px}.hero{border-radius:18px;grid-template-columns:minmax(0,1fr)}.hero-copy{padding:17px 16px}.hero-quote{margin-top:8px;font-size:clamp(22px,6vw,30px)}.hero-copy>p{margin-bottom:14px}.hero-art{aspect-ratio:2.15;min-height:0}.hero-art img{object-position:54% 23%}.categories{gap:8px;margin-top:12px}.category{gap:8px;padding:11px 9px}.category-icon{border-radius:8px;width:33px;height:33px;font-size:17px}.category-copy strong{font-size:14px}.category-copy>span{display:none}.category-arrow{font-size:12px}.home-bottom{grid-template-columns:minmax(0,1fr);gap:10px}.resource-card{border-radius:11px}.resource-card-label{--label-padding:7px}.game-category-links{gap:5px}.game-category-links a{min-height:30px;padding-inline:8px;font-size:12px}.article-heading{flex-direction:column;align-items:stretch}.article-heading .article-cover{width:100%}}@media (prefers-reduced-motion:reduce){.category,.resource-card{transition:none}.category:hover,.resource-card:hover{transform:none}}