:root{font-family:Inter,Segoe UI,sans-serif;color:#213c35;background:#f6f3ec;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button,.button{font:inherit;background:#234f42;color:#fff;border:0;border-radius:14px;padding:14px 20px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #c78b37;outline-offset:4px}.app{width:min(100%,640px);margin:0 auto;padding:0 24px;padding-top:max(env(safe-area-inset-top),12px)}header{display:flex;justify-content:space-between;align-items:center;padding:18px 0 26px}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:30px;font-weight:800;letter-spacing:-3px}.wordmark span{font-size:13px;letter-spacing:.02em;font-weight:650}.avatar,.profile-avatar{background:#e3b66d;border:1px solid #bd965b;border-radius:50%;display:grid;place-items:center;font-weight:650;text-decoration:none;width:42px;height:42px}.profile-avatar{width:72px;height:72px;font-size:30px;margin:0 0 18px}main{padding-bottom:28px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,10vw,64px);line-height:1.06;letter-spacing:-.04em;margin:10px 0 24px}h2{font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0 0 14px}p{line-height:1.5;margin:0 0 15px}.eyebrow{font-size:13px;color:#587067;letter-spacing:.015em}.back{display:inline-block;margin:0 0 20px;text-decoration:none;font-size:14px}.lead{font-size:17px;margin-top:-10px}.muted,.reference{color:#6f7871}.reference{font-size:12px;overflow-wrap:anywhere}.home-art{height:240px;border-radius:32px;background:radial-gradient(ellipse at 50% 12%,#f1c97e,transparent 55%),#e6e6d7;position:relative;overflow:hidden;margin:25px 0}.sun{position:absolute;width:115px;height:115px;border-radius:50%;background:#f7e7be;left:calc(50% - 57px);top:24px}.ridge{position:absolute;left:-12%;bottom:-25%;width:125%;height:78%;border-radius:50% 60% 0 0;background:#a3b4a0;transform:rotate(-8deg)}.ridge-back{left:-25%;bottom:3%;background:#c0cbb0;transform:rotate(16deg)}.crystal{position:absolute;left:45%;bottom:32px;width:57px;height:126px;clip-path:polygon(45% 0,95% 20%,100% 75%,45% 100%,0 75%,8% 20%);background:linear-gradient(100deg,#1d554d 0 45%,#4a9180 45% 70%,#82bca6 70%);transform:rotate(8deg);filter:drop-shadow(0 12px 3px #24473955)}.crystal.small{left:32%;bottom:24px;transform:rotate(-22deg);width:38px;height:84px}.crystal.tiny{left:60%;bottom:27px;transform:rotate(28deg);width:30px;height:65px;background:linear-gradient(100deg,#ae7c34 0 45%,#e9c07a 45% 70%,#f4d99c 70%)}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.entry{position:relative;border-radius:22px;padding:22px 18px;text-decoration:none;min-height:194px}.gift-entry{background:#244f42;color:#fff4dc}.empire-entry{background:#eadbbd;color:#493d26}.entry-mark{display:block;font-size:31px;margin-bottom:20px}.entry h2{margin-bottom:8px}.entry p{font-size:12px;max-width:125px;opacity:.8}.arrow{position:absolute;right:18px;top:20px;font-size:23px}footer{display:flex;justify-content:space-between;align-items:center;padding:22px 0 max(26px,env(safe-area-inset-bottom));border-top:1px solid #dddcd1;font-size:11px;color:#6e7a72}.text-button{font-size:12px;color:inherit;background:transparent;padding:8px}.panel,.state,.note{border-radius:22px;background:#eaece2;padding:24px;margin:20px 0}.state p,.note p{font-size:14px}.note{background:#eee7d7}.note h2{font-size:16px}.snapshot{border-left:3px solid #c3974b;padding:10px 14px;background:#eee7d7;font-size:13px}section{margin:26px 0}dl{margin:20px 0 0}dl>div{border-top:1px solid #cdd3c7;padding:14px 0}dt{font-size:12px;color:#69766b;margin-bottom:5px}dd{margin:0;font-size:15px;overflow-wrap:anywhere}.resource-list{border:1px solid #dddcd1;border-radius:20px;overflow:hidden}.resource{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #dddcd1}.resource:last-child{border:0}.resource span{font-size:13px}.resource strong{font-size:15px;max-width:55%;overflow-wrap:anywhere;text-align:right}.resource small{display:block;color:#8b6840}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.asset{background:#ebe7dd;border-radius:17px;padding:18px}.asset strong{font-size:26px;display:block;overflow-wrap:anywhere}.asset span{display:block;font-size:12px;margin-top:8px}.gift-summary{display:flex;gap:40px;margin:26px 0}.gift-summary strong{font-size:36px;font-weight:500}.gift-summary small{display:block;font-size:12px;color:#66796e}.gift-card{display:flex;gap:18px;padding:20px 0;border-top:1px solid #d8ddcf;min-width:0}.gift-card>div:last-child{min-width:0}.gift-card h2{font-size:18px;overflow-wrap:anywhere}.gift-card h2 small{display:block;font-size:12px;color:#7d8275;margin-top:6px}.trait{font-size:12px;color:#67776d;margin:4px 0;overflow-wrap:anywhere}.gift-symbol{flex:0 0 48px;height:56px;border-radius:14px;background:#e6dac1;display:grid;place-items:center;font-size:29px;color:#956c2f}.gift-symbol.collectible{background:#d5e2d5;color:#30614e}.welcome{padding:calc(15vh + 20px) 26px 40px;max-width:560px;margin:auto}.welcome .button{margin:12px 0}.secondary{display:block;background:transparent;color:#234f42;border:1px solid #97aa9b;margin-top:12px}@media(min-width:540px){.home-art{height:300px}.entry{min-height:220px}.entry p{font-size:14px;max-width:180px}}@media(prefers-reduced-motion:no-preference){.crystal{animation:float 7s ease-in-out infinite}.crystal.small,.crystal.tiny{animation:none}@keyframes float{50%{translate:0 -8px}}}
