:root{--f-display:"IM Fell English SC";--f-editorial:"IM Fell English";--f-body:"Cormorant Garamond";--f-script:"Pinyon Script";--f-caps:"Cinzel";--p-lit:#f4e8cc;--p-mid:#e6d4ae;--p-deep:#9e825a;--p-panel-a:#faf2dcbd;--p-panel-b:#e4d2ac9e;--p-card-a:#fdf7e8f7;--p-card-b:#e8d8b2f2;--ink:#241a10;--ink-2:#2c2115;--ink-3:#45300f;--ink-label:#6b5024;--ink-hint:#3a2c18d6;--gold:#a8842a;--gold-lit:#e0bd6b;--gold-deep:#8a6318;--gold-hair:#b8912f80;--gold-edge:#8d6a24cc;--ox:#9c352f;--ox-deep:#491714;--line-1:#8f2f2b;--line-2:#2f4470;--line-3:#4a6b3a;--line-4:#7a3d1f;--shadow-cast:0 8px 24px #2e1a0861;--shadow-deep:0 16px 44px #26140499}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--p-deep);color:var(--ink-2);font-family:var(--f-body), Garamond, "Times New Roman", serif;-webkit-font-smoothing:antialiased}.sheet{isolation:isolate;background:radial-gradient(120% 92% at 50% 12%, var(--p-lit) 0%, var(--p-mid) 42%, var(--p-deep) 100%);min-height:100dvh;position:relative;overflow:hidden}.layer{pointer-events:none;z-index:0;background-repeat:no-repeat;position:absolute}.layer--oak{opacity:.46;background-image:url(/art/oak.jpg);background-position:50% 8%;background-size:cover;width:min(1060px,76vw);height:96%;top:4%;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(50% 60% at 50% 46%,#000 24%,#0000 100%);mask-image:radial-gradient(50% 60% at 50% 46%,#000 24%,#0000 100%)}.layer--village{-webkit-mask-image:linear-gradient(90deg,#000 22%,#0000 96%),linear-gradient(#000 0 100%);background-image:url(/art/village.jpg);background-position:100% 55%;background-size:cover;width:min(660px,42vw);height:107%;top:-7%;left:0;mask-image:linear-gradient(90deg,#000 22%,#0000 96%)}.layer--castle{background-image:url(/art/castle.jpg);background-position:0 45%;background-size:cover;width:min(660px,42vw);height:100%;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 22%,#0000 96%);mask-image:linear-gradient(270deg,#000 22%,#0000 96%)}.layer--light{mix-blend-mode:multiply;background:radial-gradient(62% 54% at 50% 46%,#ffce8038 0%,#ffce8000 70%),radial-gradient(108% 104%,#1e100400 52%,#1e100494 100%);width:100%;height:100%;inset:0}.layer--light:after{content:"";mix-blend-mode:screen;background:radial-gradient(58% 48% at 50% 44%,#ffd6924d 0%,#ffd69200 72%);position:absolute;inset:0}.layer--tooth{opacity:.5;background-image:url(/art/tooth.png);background-repeat:repeat;width:100%;height:100%;inset:0}.border-frame{z-index:3;pointer-events:none;border-style:solid;border-width:42px 51px;border-image:;position:absolute;inset:0}.border-frame>i{display:block;position:absolute}.border-frame>.bd-t,.border-frame>.bd-b{background:url(/art/border-h.png) 50%/auto 42px repeat-x;height:42px;left:0;right:0}.border-frame>.bd-t{top:-42px}.border-frame>.bd-b{bottom:-42px;transform:scaleY(-1)}.border-frame>.bd-l,.border-frame>.bd-r{background:url(/art/border-v.png) 50%/51px repeat-y;width:51px;top:0;bottom:0}.border-frame>.bd-l{left:-51px}.border-frame>.bd-r{right:-51px;transform:scaleX(-1)}.border-frame>.bd-c{background:url(/art/border-corner.png) 50%/51px 42px no-repeat;width:51px;height:42px}.border-frame>.bd-tl{top:-42px;left:-51px}.border-frame>.bd-tr{top:-42px;right:-51px;transform:scaleX(-1)}.border-frame>.bd-bl{bottom:-42px;left:-51px;transform:scaleY(-1)}.border-frame>.bd-bs{bottom:-42px;right:-51px;transform:scale(-1)}.border-frame>.rule{background:0 0;border:2px solid #9e782ae6;inset:-38px -47px}.border-frame>.rule-in{background:0 0;border:2px solid #9e782abf;inset:0}.charter{z-index:2;flex-direction:column;align-items:center;min-height:100dvh;padding:82px;display:flex;position:relative}.masthead{text-align:center}.masthead h1{font-family:var(--f-display), var(--f-body), serif;letter-spacing:.045em;text-indent:.045em;color:var(--ink);text-shadow:0 1px 2px #fff8e4,0 0 18px #fff4d6f2,0 0 46px #ffeec4d9;margin:0;font-size:clamp(38px,4.8vw,74px);font-weight:400;line-height:1.06}.subtitle{justify-content:center;align-items:center;gap:20px;margin-top:6px;display:flex}.subtitle span{font-family:var(--f-editorial), var(--f-body), serif;color:var(--ink-3);white-space:nowrap;text-shadow:0 1px #fffae8,0 2px 3px #fff7e0,0 0 16px #fff6de,0 0 34px #fff2d2f2;font-size:clamp(17px,1.7vw,26px);font-style:italic}.subtitle i{background:linear-gradient(90deg, transparent, var(--gold));width:clamp(40px,13vw,200px);height:1px;display:block}.subtitle i:last-child{background:linear-gradient(270deg, transparent, var(--gold))}.field{grid-template:"c1 hl.hr c2"132px".hl.hr."16px".hl you hr."200px".hl.hr."16px"c3 hl.hr c4"132px/430px 72px 300px 72px 430px;margin-top:18px;display:grid;position:relative}.card{background:repeating-linear-gradient(96deg, #78582a0d 0 2px, #fff8e60d 2px 6px), linear-gradient(158deg, var(--p-panel-a), var(--p-panel-b));border:1px solid var(--gold-edge);box-shadow:0 1px 0 #fffcf0b3 inset, var(--shadow-cast);padding:12px 18px;position:relative}.card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(158deg,#fcf6e7,#ecdfc3);transition:opacity .3s;position:absolute;inset:0}.card--r:before{background:linear-gradient(202deg,#fcf6e7,#ecdfc3)}.card:hover:before,.card:focus-within:before{opacity:1}.card{transition:border-color .3s,box-shadow .3s}.card:hover,.card:focus-within{border-color:#8d6a24;box-shadow:inset 0 1px #fffdf6e6,0 10px 30px #2e1a0875}.card:after{content:"";border:1px solid var(--gold-hair);pointer-events:none;z-index:2;position:absolute;inset:5px}.card .shield,.card__body{z-index:1}.card--r{background:repeating-linear-gradient(84deg, #78582a0d 0 2px, #fff8e60d 2px 6px), linear-gradient(202deg, var(--p-panel-a), var(--p-panel-b))}.card--1{grid-area:c1}.card--2{grid-area:c2}.card--3{grid-area:c3}.card--4{grid-area:c4}.shield{filter:drop-shadow(0 3px 8px #28140499);width:58px;height:auto;position:absolute;top:50%;transform:translateY(-50%)}.card:not(.card--r) .shield{left:20px}.card--r .shield{right:20px}.card__body{text-align:center;padding:0 84px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.lab{font-family:var(--f-caps), serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-label);white-space:nowrap;font-size:11.5px}.lab i{font-style:normal}.lab .n1{color:var(--line-1)}.lab .n2{color:var(--line-2)}.lab .n3{color:var(--line-3)}.lab .n4{color:var(--line-4)}.name-input,.given-input{width:100%;font-family:var(--f-script), "Snell Roundhand", cursive;color:var(--ink-2);text-align:center;background:0 0;border:0;outline:none;padding:0;display:block}.name-input{margin-top:1px;font-size:38px;line-height:1.08}.name-input::placeholder,.given-input::placeholder{color:#2c211557}.name-input:focus-visible,.given-input:focus-visible{outline:none}.rule{background:linear-gradient(90deg,#6e521c26,#6e521cd9,#6e521c26);width:216px;height:1px;margin:0 auto;transition:background .35s}.card:focus-within .rule,.you:focus-within .rule{background:linear-gradient(90deg, #a8842a40, var(--gold-lit), #a8842a40)}.hint{color:var(--ink-hint);margin-top:3px;font-size:13px;font-style:italic}.you{background:linear-gradient(165deg, var(--p-card-a), var(--p-card-b));width:300px;box-shadow:0 0 0 1px #c49e5499 inset, 0 0 54px #ffce8099, var(--shadow-deep);border:2px solid #8d6a24f2;flex-direction:column;grid-area:you;place-self:center;align-items:center;padding:12px 16px 14px;display:flex;position:relative}.you__phrase{font-family:var(--f-editorial), var(--f-body), serif;text-align:center;color:#4a3418;white-space:nowrap;font-size:16.5px;font-style:italic;line-height:1.25}.you__shield{filter:drop-shadow(0 5px 12px #26140499);width:78px;height:auto;margin-top:5px}.given-input{margin-top:1px;font-size:46px;line-height:1.04}.you .rule{width:178px}.you__cap{font-family:var(--f-caps), serif;letter-spacing:.26em;text-indent:.26em;color:var(--ink-label);white-space:nowrap;margin-top:6px;font-size:10px}.fl{pointer-events:none;width:22px;height:22px;position:absolute}.fl-tl{top:7px;left:7px}.fl-tr{top:7px;right:7px;transform:scaleX(-1)}.fl-bl{bottom:7px;left:7px;transform:scaleY(-1)}.fl-br{bottom:7px;right:7px;transform:scale(-1)}.gut{position:relative;overflow:hidden}.gut--l{grid-area:hl}.gut--r{grid-area:hr}.gut img{opacity:.96;filter:drop-shadow(0 2px 4px #28140480);width:42px;height:168px;position:absolute}.gut .h-top{top:138px;left:36px;transform:translate(-50%,-50%)rotate(138deg)}.gut .h-bottom{bottom:138px;left:36px;transform:translate(-50%,50%)rotate(42deg)}.gut--r .h-top{transform:translate(-50%,-50%)rotate(-138deg)}.gut--r .h-bottom{transform:translate(-50%,50%)rotate(-42deg)}.h-mobile{display:none}.seal{cursor:pointer;box-sizing:content-box;background:0 0;border:0;place-items:center;width:470px;height:78px;margin-top:auto;padding-top:26px;display:grid;position:relative}.seal img{filter:drop-shadow(0 8px 22px #220e04b3);width:470px;height:78px;transition:filter .35s,transform .35s;position:absolute;top:26px;left:0}.seal:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(104deg,#0000 32%,#ffecbe73 47%,#fff6da9e 51%,#0000 68%) 150% 0/240% 100%;width:470px;height:78px;transition:opacity .3s;position:absolute;top:26px;left:0;-webkit-mask-image:url(/art/seal.png);mask-image:url(/art/seal.png);-webkit-mask-size:100% 100%;mask-size:100% 100%}@keyframes sealSweep{0%{background-position:160% 0}to{background-position:-70% 0}}.seal span{font-family:var(--f-caps), serif;letter-spacing:.25em;text-indent:.25em;color:#f7e9c6;white-space:nowrap;text-shadow:0 1px 2px #1e0806f2,0 0 14px #140404e6;font-size:20px;position:relative}.seal:hover img,.seal:focus-visible img{filter:drop-shadow(0 12px 28px #220e04d1)drop-shadow(0 0 20px #bc3a26a6)drop-shadow(0 0 44px #9624166b)brightness(1.07);transform:translateY(-2px)}.seal:hover:after,.seal:focus-visible:after{opacity:1;animation:1.5s cubic-bezier(.3,0,.2,1) sealSweep}.seal:hover span,.seal:focus-visible span{color:#fff5dd;text-shadow:0 1px 2px #1e0806f2,0 0 16px #ffc682bf,0 0 30px #140404e6}.seal span{transition:color .35s,text-shadow .35s}.seal:active img{transform:translateY(0)}.seal:focus-visible{outline:2px solid var(--gold-lit);outline-offset:6px}@media (max-width:1560px) and (min-width:1200px){.charter{padding:calc(82px * (100vw / 1560))}.field{transform:scale(calc(100vw / 1560));transform-origin:top;margin-bottom:calc((100vw / 1560 - 1) * 496px)}}@media (max-width:1199px){.charter{padding:clamp(58px,9vw,96px) clamp(52px,11vw,90px) clamp(64px,10vw,96px)}.field{flex-direction:column;align-items:center;gap:0;width:100%;max-width:520px;margin-top:26px;display:flex}.card,.you{width:100%;max-width:460px}.card{height:118px}.card__body{padding:0 76px}.gut{display:none}.h-mobile{opacity:.94;filter:drop-shadow(0 2px 4px #28140480);z-index:1;width:34px;height:62px;margin:-6px 0;display:block}.you{order:0;margin-top:0}.you__phrase{white-space:normal}.layer--oak{opacity:.5;background-position:50% 12%;width:150vw;height:100%;top:0;-webkit-mask-image:radial-gradient(78% 70% at 50% 42%,#000 46%,#0000 100%);mask-image:radial-gradient(78% 70% at 50% 42%,#000 46%,#0000 100%)}.layer--village{width:62vw;height:46%;top:auto;bottom:0;-webkit-mask-image:linear-gradient(75deg,#000 8%,#0000 78%);mask-image:linear-gradient(75deg,#000 8%,#0000 78%)}.layer--castle{width:58vw;height:38%;-webkit-mask-image:linear-gradient(255deg,#000 8%,#0000 78%);mask-image:linear-gradient(255deg,#000 8%,#0000 78%)}.border-frame{border-width:30px 36px}.border-frame>.bd-t,.border-frame>.bd-b{background-size:auto 30px;height:30px}.border-frame>.bd-t{top:-30px}.border-frame>.bd-b{bottom:-30px}.border-frame>.bd-l,.border-frame>.bd-r{background-size:36px;width:36px}.border-frame>.bd-l{left:-36px}.border-frame>.bd-r{right:-36px}.border-frame>.bd-c{background-size:36px 30px;width:36px;height:30px}.border-frame>.bd-tl{top:-30px;left:-36px}.border-frame>.bd-tr{top:-30px;right:-36px}.border-frame>.bd-bl{bottom:-30px;left:-36px}.border-frame>.bd-bs{bottom:-30px;right:-36px}.border-frame>.rule{inset:-32px -38px}.seal{width:min(400px,78vw);height:calc(min(420px,86vw)/5.95238);margin-top:30px}.seal img,.seal:after{width:100%;height:100%;top:0}.seal span{font-size:clamp(14px,3.6vw,20px)}}@media (max-width:560px){.card{height:106px}.card__body{padding:0 64px}.shield{width:46px}.card:not(.card--r) .shield{left:12px}.card--r .shield{right:12px}.name-input{font-size:32px}.given-input{font-size:38px}.rule{width:min(180px,58vw)}.lab{letter-spacing:.14em;font-size:10px}.hint{font-size:12px}.you{width:100%}.you__shield{width:62px}.you__phrase{font-size:15px}.h-mobile{width:28px;height:52px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}