@font-face{font-family:Aurebesh AF;src:url(/fonts/aurebeshaf-canon-webfont.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--red:#7e000599;--tan:#e1d8b1;--blue-1:#2c9bffb3;--blue-2:#0180c9b3;--blue-3:#5dbee8;--black:#242223;--white:#d7f6f9;--line-width:3px;--base-corner-size:50px;--diagonal-adjustment:.707;--diagonal-offset:calc(var(--line-width)*var(--diagonal-adjustment));--grid-size:40px;--grid-color:var(--red);--grid-bg:linear-gradient(var(--grid-color)1px,transparent 1px),linear-gradient(90deg,var(--grid-color)1px,transparent 1px);--glow-filter:drop-shadow(0 0 2px var(--tan));--golden-ratio:1.618;--app-max-width:600px;--reader-max-height:600px}html,body{height:100dvh;margin:0;padding:0;font-weight:700;line-height:1.2}body{background-color:var(--black);background-image:var(--grid-bg);background-size:var(--grid-size)var(--grid-size);background-position:0 0;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.main-row{margin:0;width:100%;height:100%;max-width:var(--app-max-width);gap:calc(var(--line-width)*pow(var(--golden-ratio),2));height:auto;justify-content:center;justify-items:center;margin-block-start:16px;margin-block-end:calc(var(--line-width)*6);margin-inline:auto;padding:0;display:flex}.outer-wrapper{width:80%;max-width:calc(var(--app-max-width) - 200px);min-width:300px;aspect-ratio:1/var(--golden-ratio);position:relative}.wrapper{box-sizing:border-box;width:100%;height:100%;position:relative;overflow:hidden}.inner-outline{margin:calc(var(--line-width)*3);height:calc(100% - calc(var(--line-width)*6));box-sizing:border-box;z-index:-1;width:calc(100% - calc(var(--line-width)*6));filter:var(--glow-filter);padding:0;position:absolute;top:0;left:0}.text-viewport,.text-viewport-bg{box-sizing:border-box;height:100%;width:calc(100% - calc(var(--line-width)*6));height:calc(100% - calc(var(--line-width)*9));--bottom-corner-size:calc(var(--base-corner-size) - calc(var(--line-width)*1.5));--top-corner-size:calc(var(--base-corner-size) - calc(var(--line-width)/2));--corner:polygon(var(--top-corner-size)0%,calc(100% - var(--top-corner-size))0%,100% var(--top-corner-size),100% calc(100% - var(--bottom-corner-size)),calc(100% - var(--bottom-corner-size))100%,var(--bottom-corner-size)100%,0% calc(100% - var(--bottom-corner-size)),0% var(--top-corner-size));clip-path:var(--corner);margin-block-start:calc(var(--line-width)*6);margin-inline:auto;padding:30px;overflow:hidden}.text-viewport-bg{z-index:-10;background-color:var(--blue-2);background:radial-gradient(ellipse farthest-corner at center,var(--blue-2)65%,var(--blue-1)98%);position:absolute;left:0;right:0}.text-content{--block-padding:30px;height:calc(100% - var(--block-padding)*2);padding-block:var(--block-padding);scrollbar-width:none;position:relative;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(#0000,#000 40px calc(100% - 40px),#0000)}p{color:var(--white)}.main-outline{width:100%;height:100%;filter:var(--glow-filter);position:absolute;top:0;left:0}.main-outline:before{content:"";z-index:-1;width:100%;height:100%;clip-path:polygon(  var(--base-corner-size)0%,calc(100% - var(--base-corner-size))0%,100% var(--base-corner-size),100% calc(100% - var(--base-corner-size)),calc(100% - var(--base-corner-size))100%,45% 100%,45% calc(100% - var(--line-width)),calc(100% - var(--base-corner-size) - var(--diagonal-offset))calc(100% - var(--line-width)),calc(100% - var(--line-width))calc(100% - var(--base-corner-size) - var(--diagonal-offset)),calc(100% - var(--line-width))calc(var(--base-corner-size) + var(--diagonal-offset)),calc(100% - var(--base-corner-size) - var(--diagonal-offset))var(--line-width),calc(var(--base-corner-size) + var(--diagonal-offset))var(--line-width),var(--line-width)calc(var(--base-corner-size) + var(--diagonal-offset)),var(--line-width)calc(100% - var(--base-corner-size) - var(--diagonal-offset)),calc(var(--base-corner-size) + var(--diagonal-offset))calc(100% - var(--line-width)),45% calc(100% - var(--line-width)),45% 100%,var(--base-corner-size)100%,0% calc(100% - var(--base-corner-size)),0% var(--base-corner-size));background-color:var(--tan);position:absolute;top:0;left:0}.inner-outline:before{content:"";z-index:-1;width:100%;height:100%;filter:var(--glow-filter);--corner-size:calc(var(--base-corner-size) - 5px);clip-path:polygon(  var(--corner-size)0%,calc(100% - var(--corner-size))0%,100% var(--corner-size),calc(100% - var(--line-width))calc(var(--corner-size) + var(--diagonal-offset)),calc(100% - var(--corner-size) - var(--diagonal-offset))var(--line-width),calc(var(--corner-size) + var(--diagonal-offset))var(--line-width),var(--line-width)calc(var(--corner-size) + var(--diagonal-offset)),0% var(--corner-size));background-color:var(--tan);position:absolute;top:0;left:0}.outer-outline{z-index:-2;bottom:calc(var(--line-width)*-3);width:100%;height:calc(var(--base-corner-size) + calc(var(--line-width)*3));box-sizing:border-box;filter:var(--glow-filter);position:absolute;left:0}.outer-outline:before{content:"";z-index:-2;--corner-size:calc(var(--base-corner-size) - calc(var(--line-width)*1.5));width:100%;height:100%;clip-path:polygon(  var(--corner-size)100%,calc(100% - var(--corner-size))100%,100% calc(100% - var(--corner-size)),calc(100% - var(--line-width))calc(100% - var(--corner-size) - var(--diagonal-offset)),calc(100% - var(--corner-size) - var(--diagonal-offset))calc(100% - var(--line-width)),calc(var(--corner-size) + var(--diagonal-offset))calc(100% - var(--line-width)),var(--line-width)calc(100% - var(--corner-size) - var(--diagonal-offset)),0% calc(100% - var(--corner-size)));background-color:var(--tan);position:absolute;top:0;left:0}.left,.right{width:16px;padding-block:calc(var(--base-corner-size)*var(--golden-ratio));justify-content:flex-end;align-items:center;gap:24px;display:flex;position:relative}:is(.left:has(.vertical-text),.right:has(.vertical-text)){justify-content:space-between}.vertical-text{writing-mode:vertical-lr;text-orientation:upright;text-transform:uppercase;color:var(--tan);letter-spacing:var(--line-width);white-space:nowrap;font-size:.65rem}.chapter-nav-link{--base-bar-height:6px;gap:4px;width:8px;display:flex}.chapter-nav-link .bar{background-color:var(--tan);height:calc(var(--base-bar-height)*pow(var(--golden-ratio),var(--n)))}.chapter-nav-link .bar:first-child{--n:0}.chapter-nav-link .bar:nth-child(2){--n:1}.chapter-nav-link .bar:nth-child(3){--n:2}.chapter-nav-link .bar:nth-child(4){--n:4}.chapter-nav-link .bar:nth-child(5){--n:5}.chapter-nav-link .bar:nth-child(6){--n:6}.chapter-nav-link .bar:nth-child(7){--n:7}.chapter-nav-link .bar:nth-child(8){--n:8}.left{flex-direction:column}.right{flex-direction:column-reverse}.left .chapter-nav-link{flex-direction:column;align-self:flex-end}.right .chapter-nav-link{flex-direction:column-reverse;align-self:flex-start}.bottom-row{width:80%;max-width:calc(var(--app-max-width) - 200px);--base-side:30px;justify-content:flex-end;align-items:center;gap:0;margin:0;margin-inline:auto;padding:0;display:flex}.bottom-row .options-square{width:calc(var(--base-side)*var(--golden-ratio));height:var(--base-side);border:var(--line-width)solid var(--tan);box-sizing:border-box;margin-inline-end:calc(var(--base-corner-size)/pow(var(--golden-ratio),2));display:block}.bottom-row .settings-circle{--circle-radius:14px;--bisector-width:calc(var(--circle-radius)*var(--golden-ratio) + var(--line-width));border:var(--line-width)solid var(--tan);width:calc(var(--circle-radius)*2);height:calc(var(--circle-radius)*2);border-radius:100%;position:relative}.bottom-row .settings-circle:before{content:"";width:var(--bisector-width);height:var(--bisector-width);border-block-start:var(--line-width)solid var(--tan);border-inline-start:var(--line-width)solid var(--tan);display:block;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:rotate(-45deg)}.bottom-row .separator{border-block-start:var(--line-width)solid var(--tan);flex-grow:1;max-width:25%;height:0}@media only screen and (max-width:400px){.main-row .vertical-text{font-size:.5rem}}
.site-copyright{opacity:.3;color:var(--tan);margin:0;font-size:.6rem;display:block;position:fixed;bottom:8px;right:8px}@media only screen and (max-width:500px){.site-copyright{bottom:unset;right:unset;margin-block-start:24px;padding:12px;position:relative}}