html{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#090a0c;color:#f4efe7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-shell{width:min(1180px,calc(100% - 28px));margin:28px auto 48px;display:flex;flex-direction:column;gap:18px}.panel{background:linear-gradient(180deg,#15171b,#0d0f12);border:1px solid #30333a;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.18)}.site-header{background:linear-gradient(90deg,#08090a,#121419 58%,#0a0b0d)}.brand-row{display:flex;align-items:center;gap:18px;padding:15px 20px;border-bottom:1px solid #3a342c}.avatar-frame{position:relative;width:102px;height:98px;flex:0 0 auto;border-radius:12px;border:1px solid #493b2b;background:radial-gradient(circle at 50% 35%,#4f3525,#17110d 66%,#070708);overflow:hidden;box-shadow:0 0 0 3px rgba(216,173,99,.07)}.avatar-frame img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:2}.avatar-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;color:#d6b98d;font-weight:800;font-size:12px;z-index:1}.brand-copy h1,h2,h3{font-family:Georgia,serif}.brand-copy h1{font-size:clamp(28px,5vw,44px);line-height:1;margin:0;color:#f4ead9}.brand-copy p{margin:7px 0 0;color:#aaa398;font-size:13px}.intro-copy{padding:20px 22px;font-size:14px;line-height:1.62;color:#ddd5c8}.intro-copy p{margin:7px 0}.welcome{color:#f1c979;font-weight:800;font-size:15px}.social-links{display:flex;gap:10px;margin-top:15px}.social-links a{width:46px;height:46px;border:1px solid #3b3e46;background:#181a1f;border-radius:11px;color:#e8dece;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.2s}.social-links a:hover,.social-links a:focus-visible{border-color:#d8ad63;color:#d8ad63;transform:translateY(-1px)}.social-links svg{width:24px;height:24px;fill:currentColor}.game-library,.section-card{padding:18px}.section-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#d8ad63;font-weight:800;margin-bottom:4px}.game-library h2,.section-card h2{font-size:22px;margin:0;color:#f1e8d9}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.game-card{min-height:82px;text-align:left;border:1px solid #393c44;background:#17191e;color:#eee3d2;border-radius:13px;padding:15px;cursor:pointer;transition:.2s}.game-card:hover,.game-card:focus-visible{border-color:#77613f;transform:translateY(-1px)}.game-card.active{border-color:#d8ad63;background:#201a11;box-shadow:0 0 0 1px rgba(216,173,99,.14) inset}.game-card strong{display:block;font-family:Georgia,serif;font-size:19px}.game-card span{display:block;margin-top:5px;color:#aaa398;font-size:12px}.game-content{display:none;flex-direction:column;gap:18px}.game-content.active{display:flex}.quick-reference{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.reference-box{border:1px solid #2f3239;background:#131519;border-radius:12px;padding:14px}.reference-box h3{margin:0 0 10px;font-size:17px;color:#efe4d1}.reference-box p{margin:5px 0;font-size:13px;color:#d5cdc0}.reference-box b,.copy-section b{color:#d8ad63}.copy-section{font-size:14px;line-height:1.6;color:#d9d1c4}.copy-section p{margin:7px 0}.copy-section hr{border:0;height:1px;background:#2c2f36;margin:14px 0}.section-subtext{margin:6px 0 0;color:#aaa398;font-size:13px}.coming-soon{text-align:center;padding:36px 18px}.coming-badge{width:70px;height:70px;margin:0 auto 13px;border:1px solid #3a3d44;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:28px;color:#7f786d}.coming-soon p{color:#aaa398}.camp-scene{position:relative;min-height:540px;margin-top:13px;border:1px solid #343740;border-radius:15px;overflow:hidden;background:radial-gradient(circle at 50% 76%,rgba(126,62,24,.16),transparent 18%),linear-gradient(180deg,#171a1f 0,#0e1115 42%,#070809 100%)}.camp-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent 26%,rgba(0,0,0,.28) 100%);pointer-events:none;z-index:1}.castle-silhouette{position:absolute;left:0;right:0;top:0;height:55%;opacity:.78;background:linear-gradient(90deg,#0b0d10 0 4%,transparent 4% 7%,#111317 7% 17%,transparent 17% 22%,#0c0e11 22% 37%,transparent 37% 41%,#101216 41% 58%,transparent 58% 63%,#0c0e12 63% 79%,transparent 79% 83%,#111317 83% 100%);clip-path:polygon(0 28%,6% 28%,6% 10%,16% 10%,16% 44%,23% 44%,23% 18%,37% 18%,37% 46%,43% 46%,43% 31%,58% 31%,58% 47%,64% 47%,64% 8%,80% 8%,80% 37%,87% 37%,87% 22%,100% 22%,100% 100%,0 100%)}.ground{position:absolute;left:-7%;right:-7%;bottom:-18%;height:58%;border-radius:50%;background:radial-gradient(ellipse at 50% 12%,#171513 0,#0d0d0d 42%,#060606 74%);box-shadow:inset 0 18px 40px rgba(255,138,49,.03)}.campfire-gif{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);width:150px;height:175px;object-fit:cover;z-index:4;mix-blend-mode:screen;filter:drop-shadow(0 0 13px rgba(255,135,37,.42));border-radius:38%}.class-choice{position:absolute;width:118px;min-height:160px;border:0;background:transparent;color:#eee2d1;padding:0;cursor:pointer;z-index:5;transition:transform .24s ease,filter .24s ease,opacity .24s ease}.class-choice span{display:block;font-family:Georgia,serif;font-size:13px;font-weight:700;margin-bottom:5px;text-shadow:0 2px 7px #000,0 0 3px #000}.class-choice img{display:block;margin:0 auto;image-rendering:pixelated;image-rendering:crisp-edges;transform:scale(1.85);transform-origin:50% 100%;filter:drop-shadow(0 10px 8px rgba(0,0,0,.68));transition:transform .24s ease,filter .24s ease}.class-choice:hover,.class-choice:focus-visible{filter:brightness(1.13)}.class-choice:focus-visible{outline:2px solid #d8ad63;outline-offset:3px;border-radius:12px}.class-choice.selected{transform:translateY(18px) scale(1.06);filter:brightness(1.22)}.class-choice.selected img{transform:scale(2.05);filter:drop-shadow(0 0 10px rgba(225,164,87,.26)) drop-shadow(0 12px 8px rgba(0,0,0,.75))}.amazon{left:4%;bottom:95px}.assassin{left:17%;bottom:83px}.necromancer{left:30%;bottom:105px}.barbarian{left:43%;bottom:134px}.paladin{right:30%;bottom:108px}.sorceress{right:17%;bottom:88px}.druid{right:4%;bottom:96px}.selection-bar{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:8;width:min(92%,520px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #393b42;background:rgba(8,9,11,.92);border-radius:11px}.selection-bar div{display:flex;flex-direction:column}.selection-bar small{font-size:12px;color:#aaa398}.selection-bar strong{color:#d8ad63}.selection-bar button{min-height:42px;border:1px solid #78603e;background:linear-gradient(#342a1c,#21190f);color:#f3e2c2;border-radius:8px;padding:0 14px;font-weight:800;cursor:pointer}.selection-bar button:disabled{opacity:.4;cursor:not-allowed}.feedback{font-size:13px;color:#aaa398;margin-top:9px;min-height:18px}@media(max-width:760px){.site-shell{width:min(100% - 18px,1180px);margin-top:10px}.brand-row{align-items:flex-start;padding:12px;gap:12px}.avatar-frame{width:78px;height:76px}.brand-copy h1{font-size:27px}.brand-copy p{display:none}.game-grid,.quick-reference{grid-template-columns:1fr}.camp-scene{min-height:auto;padding:210px 10px 82px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.castle-silhouette{height:190px}.ground{bottom:auto;top:122px;height:210px}.campfire-gif{top:40px;bottom:auto;width:126px;height:147px}.class-choice{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.class-choice img{transform:scale(1.35)}.class-choice.selected{transform:scale(1.03)}.class-choice.selected img{transform:scale(1.48)}.selection-bar{position:relative;left:auto;bottom:auto;transform:none;grid-column:1/-1;width:100%}.barbarian{grid-column:1/-1;max-width:50%;justify-self:center}}@media(prefers-reduced-motion:reduce){.class-choice,.class-choice img{transition:none!important}}