/* SIA07 / classic-style 2009-era website frontend. Original implementation and illustration. */
:root{--gold:#d5a65c;--gold-deep:#8e642e;--tan:#cfa261;--black:#0e0c09;--panel:#2d251b;--line:#81633a;--type:#ddc699}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--type);font:13px Arial,Helvetica,sans-serif}a{color:#f2c03d}a:hover{color:#ffe17a}button,a{outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid #ffe17a}img{max-width:100%}.background-stage{width:min(1024px,100%);min-height:100vh;margin:auto;position:relative;background: #161009}.background-stage:before,.background-stage:after{content:"";position:absolute;top:0;bottom:0;width:136px;z-index:0;background-repeat:repeat-y;background-size:136px 901px;filter:brightness(.73)}.background-stage:before{left:0;background-image:url('assets/reference-stone-left.webp');box-shadow:inset -14px 0 12px #0d0b06}.background-stage:after{right:0;background-image:url('assets/reference-stone-right.webp');box-shadow:inset 14px 0 12px #0d0b06}
.site-shell{width:752px;max-width:100%;min-height:100vh;position:relative;z-index:1;margin:0 auto;padding:0 10px 14px;background:linear-gradient(90deg,#7c5c2d 0px,#cba45c 4px,#b08a47 11px,#a78347 50%,#b08a47 calc(100% - 11px),#cba45c calc(100% - 4px),#7c5c2d 100%);border-left:3px solid #281a0c;border-right:3px solid #281a0c;box-shadow:0 0 0 3px #68461c,0 0 20px #0009,inset 3px 0 #e5bc73,inset -3px 0 #e5bc73}.masthead{height:120px;position:relative;overflow:hidden;border-top:2px solid #edd08c;border-bottom:2px solid #2c200a;background:#0b1110 url('assets/banner-night.svg') center/cover no-repeat;box-shadow:inset 0 0 0 2px #7b5b28,inset 0 0 20px #000}.masthead:before,.masthead:after{content:"";position:absolute;top:0;bottom:0;width:4px;background:linear-gradient(#f8db81,#714411,#f5bd61);z-index:2}.masthead:before{left:0}.masthead:after{right:0}.masthead-content{position:relative;z-index:1;padding:30px 45px 0}.wordmark{color:#e8b928;display:inline-block;text-decoration:none;text-shadow:3px 4px 0 #100c07,0 0 9px #111;letter-spacing:-3px;font:bold 60px/58px Georgia,'Times New Roman',serif;font-variant:small-caps}.wordmark:hover{color:#ffd54b}.season-line{color:#ffdb4e;text-shadow:1px 1px 2px #000;font:bold 12px Arial;display:block;position:absolute;top:94px;left:220px}.strapline{height:22px;background:#080a07;color:#f8f1da;line-height:20px;text-align:center;font:bold 12px Arial;border-top:1px solid #3f4d15;border-bottom:3px solid #eab654}.strapline strong{color:#f8dc35}.primary-nav{display:grid;grid-template-columns:repeat(4,1fr);height:27px;gap:2px;padding:3px;border-left:1px solid #ebd49a;border-right:1px solid #ebd49a;background:linear-gradient(#d9b373,#8a662c);border-bottom:2px solid #493516}.nav-link{display:block;text-align:center;text-decoration:none;color:#ebbc24!important;font-weight:700;font-size:13px;line-height:18px;text-shadow:0 1px #000;background:linear-gradient(#595755 0%,#333334 48%,#0e0e0f 52%,#242323 100%);border:1px solid #b6aa8a;box-shadow:inset 0 1px #888077}.nav-link:hover{color:#fff6c5!important;background:linear-gradient(#7d775b,#29251e)}.nav-link.active{background:linear-gradient(#fff8a6 0%,#ffd447 43%,#d99618 100%);color:#2e2010!important;text-shadow:0 1px #ffe8a7;box-shadow:inset 0 1px #fff1ba;border:1px solid #a76d1a}.content{padding:7px 4px 10px}.banners{display:grid;grid-template-columns:260px minmax(0,1fr);gap:6px;margin-bottom:5px}.promo{height:144px;border:3px solid #33373b;padding:4px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #b2aa98,0 1px 1px #261b0c;background:#20180e;isolation:isolate}.promo:before{content:"";position:absolute;inset:-2px;pointer-events:none;z-index:2;background:repeating-linear-gradient(45deg,transparent 0 4px,#a59d86aa 4px 5px,transparent 5px 10px);mask-image:linear-gradient(to right,#000 0 8px,transparent 8px calc(100% - 8px),#000 calc(100% - 8px)),linear-gradient(to bottom,#000 0 8px,transparent 8px calc(100% - 8px),#000 calc(100% - 8px));mask-composite:add}.promo-inner{height:100%;width:100%;border:2px solid #93602b;background:linear-gradient(#0004,#0005),url('assets/banner-vote.svg') center/cover no-repeat;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:1;overflow:hidden;box-shadow:inset 0 0 10px #000}.promo-play .promo-inner{background-image:linear-gradient(90deg,#0007,#0000 30%,#0002 67%,#0005),url('assets/banner-play.svg');padding-left:32px}.promo-eyebrow{font:18px Georgia,serif;color:#f9ebd6;text-shadow:1px 2px 2px #000;line-height:1;margin-bottom:0}.promo-heading{font:small-caps bold 30px/35px Georgia,serif;color:#f4c543;text-shadow:2px 2px 3px #000;white-space:nowrap}.promo-play .promo-heading{font-size:28px}.promo-sub{color:#f7edd9;font:14px Georgia,serif;text-shadow:1px 1px #000;margin:-1px 0 6px}.gold-button{display:inline-flex;justify-content:center;align-items:center;min-height:30px;min-width:180px;padding:3px 12px;text-decoration:none;color:#34200c!important;font:small-caps bold 21px Georgia,serif;text-shadow:0 1px #fff1ac;background:linear-gradient(#fff5a6 0%,#ffdb4d 39%,#eda92c 75%,#cc8a16 100%);border:2px solid #a6630e;box-shadow:inset 0 1px 0 #fffcca,0 2px 3px #090806;border-radius:5px}.promo-play .gold-button{min-width:225px;font-size:22px}.gold-button:hover{filter:brightness(1.16);color:#291808!important}.gold-button[aria-disabled="true"]{opacity:.88;cursor:pointer}.columns{display:grid;grid-template-columns:260px minmax(0,1fr);gap:6px;align-items:start}.column{min-width:0}.section-title{height:27px;padding:3px 24px;display:flex;align-items:center;justify-content:center;margin:0 0 3px;background:linear-gradient(90deg,#343434 0,#45484a 17%,#1d1d1e 35%,#383736 67%,#343434 88%,#1b1b1b 100%);border:2px solid #4f5456;color:#23170d;position:relative;font:bold small-caps 17px Georgia,'Times New Roman',serif;text-align:center;text-shadow:0 1px #eed7a2;white-space:nowrap}.section-title:before,.section-title:after{content:"✥ ❖";font-size:13px;letter-spacing:-4px;line-height:16px;text-shadow:0 1px #0c0c0c;color:#a9adb0;position:absolute;top:3px;bottom:0}.section-title:before{left:3px}.section-title:after{right:8px;transform:scaleX(-1)}.section-title span{position:relative;display:block;z-index:1;line-height:19px;min-width:55%;padding:0 8px;background:linear-gradient(#dec17b,#cba960 46%,#b89148 55%,#dabb75);clip-path:polygon(0 0,100% 0,94% 100%,6% 100%)}.section-block{margin-bottom:6px}.feature-list{padding:1px 4px 3px;background:#6a4e24;border-left:2px solid #33210d;border-right:2px solid #b79655;border-bottom:3px solid #493012}.feature-row{display:grid;grid-template-columns:57px minmax(0,1fr);gap:2px;min-height:60px;padding:2px 0 2px 1px;text-decoration:none;color:#26180e;background:#d7a65b;border-top:1px solid #eaca8a;border-bottom:1px solid #765022}.feature-row:hover{filter:brightness(1.1);color:#211605}.feature-icon{width:57px;height:57px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#977346,#51381d 80%);border:3px ridge #ca9850;box-shadow:inset 0 0 5px #21190c;overflow:hidden}.feature-icon img{width:42px;height:42px}.feature-icon .emoji{font-size:30px;text-shadow:0 1px 3px #25190c}.feature-copy{min-width:0}.feature-copy strong{display:block;color:#fff1cc;background:#5b4124;border:1px solid #d8b06b;padding:2px 3px 1px;font-size:12px;line-height:15px;text-shadow:1px 1px #1c1208;min-height:20px}.feature-copy small{display:block;color:#291b0e;font-size:12px;line-height:14px;padding:3px 4px 2px}.feature-copy u{text-decoration:underline}.guide-box{background:linear-gradient(#5c533b,#3b3527);padding:5px;border:2px solid #786b4a;box-shadow:inset 0 0 0 2px #27231d}.guide-eyebrow{font:small-caps bold 13px Georgia;color:#e4c37c;text-align:center;background:#353225;padding:3px 0;border-top:1px solid #8f8053;border-bottom:1px solid #938054}.discord-graphic{display:block;position:relative;height:91px;margin:4px 0 7px;background:url('assets/discord-panel.svg') center/cover no-repeat;text-decoration:none;color:#f7ce48!important}.discord-graphic b{position:absolute;right:15px;top:19px;font:small-caps bold 27px/30px Georgia;text-align:center;text-shadow:1px 2px #000}.discord-graphic b small{font:18px/20px Georgia;color:#efe1bd;display:block}.guide-copy{padding:2px 5px 8px;font-size:12px;line-height:17px;color:#d7c8aa}.guide-copy b{display:block;margin-bottom:5px}.news-panel{padding:3px 4px 4px;border:2px solid #4a3b26;background:#56442b}.news-article{position:relative;background:#2c241b;border:2px solid #675139;border-bottom:4px solid #59452a;color:#dbc8a8;padding:6px;min-height:107px;margin-bottom:4px}.news-article.lead{min-height:184px}.news-heading{display:flex;justify-content:space-between;gap:8px;margin:0 0 5px;color:#e6ba67;font-size:12px;font-weight:bold;line-height:15px}.news-heading span:last-child{font-weight:normal;white-space:nowrap}.news-description{color:#decaa6;font-size:12px;line-height:14px;margin:3px 0 0}.news-description p{margin:0 0 3px}.news-description a{display:inline-block}.lead-art{float:right;width:216px;height:139px;margin:0 0 5px 7px;background:url('assets/update-art.svg') center/cover;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f2c84d;text-shadow:2px 3px #2a190b;font:small-caps 31px/33px Georgia,serif;text-align:center}.lead-art small{margin-top:6px;color:#fff0d1;font:13px Georgia,serif}.update-emblem{float:right;width:60px;height:60px;border:2px ridge #a38760;border-radius:16px;background:radial-gradient(circle,#95846a 0,#4f4132 69%,#1e1b1b 72%);display:grid;place-items:center;margin:8px 1px 0 15px;box-shadow:inset 0 0 0 2px #282a2b;color:#eee2bb;font-size:33px}.more-updates{padding:4px 7px 7px;background:#2c241b;border:2px solid #695537}.update-link{display:flex;justify-content:space-between;gap:15px;min-height:25px;align-items:center;font-size:12px}.update-link small{color:#d8c4a1;white-space:nowrap}.footer{font-size:11px;line-height:18px;text-align:center;color:#39280f;margin-top:14px;padding:10px 4px;border-top:1px solid #4b3212}.footer a{color:#3d2b12;font-weight:700}.foot-nav{display:flex;gap:12px;justify-content:center;margin-bottom:3px}.footer-note{font-size:10px}
/* Inner pages */.inner-panel{background:#2e261d;padding:12px 14px;min-height:410px;border:2px solid #6b5639;color:#ead4ad;font-size:12px;line-height:1.5}.inner-panel h1{font:small-caps 30px Georgia;color:#e8c27c;margin:0 0 4px;text-shadow:1px 2px #100b05}.inner-panel h2{font:small-caps bold 19px Georgia;color:#e7bb65;margin:0 0 10px}.panel-intro{margin:4px 0 18px}.inner-panel hr{height:3px;background:linear-gradient(90deg,transparent,#a88954,transparent);border:0;margin:16px 0}.entry-card{padding:12px;border:1px solid #886c44;box-shadow:inset 0 1px #796047;background:linear-gradient(#473729,#32271e);margin:8px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.entry-card h3{margin:0;color:#f2ca79;font-size:14px}.entry-card p{margin:4px 0 0;color:#e4d2ae}.entry-card button,.entry-card a.cta-small{appearance:none;white-space:nowrap;cursor:pointer;display:inline-block;background:linear-gradient(#ffe58d,#c58d2e);color:#2c1a05;font:bold 12px Arial;border:2px solid #6d4714;padding:8px 12px;border-radius:2px;text-decoration:none;min-width:104px;text-align:center}.entry-card button:hover,.entry-card a.cta-small:hover{filter:brightness(1.12)}.feature-chip{display:inline-block;color:#ecc272;border:1px solid #8f7149;padding:2px 7px;font:bold small-caps 11px Georgia;margin-bottom:5px}.shop-row{display:flex;gap:12px;align-items:center}.shop-icon{height:46px;width:46px;flex:0 0 46px;background:radial-gradient(circle,#a17d40,#35271a);border:2px solid #9d7a42;display:grid;place-items:center;border-radius:4px;font-size:27px}.shop-copy{flex:1}.shop-price{color:#f6d491;font:bold 12px Georgia}.steps{padding-left:20px}.steps li{margin:9px 0}.sidebar-text{padding:9px 10px;background:#393225;border:2px solid #796645;color:#ebd2a5;line-height:18px;font-size:12px}.sidebar-text p{margin:6px 0 11px}.sidebar-text strong{color:#f6d184}.sidebar-link{display:block;text-align:center;border:2px solid #926839;background:linear-gradient(#6d512c,#36291b);padding:9px 7px;margin-top:9px;font-weight:bold;text-decoration:none}.browser-frame{margin-top:14px;border:4px ridge #9f7c43;background:#1c1b18;padding:25px 14px;text-align:center}.browser-frame .large-symbol{font-size:55px}.browser-frame h2{margin:4px 0 9px}.note-message{margin-top:12px;font-size:11px;color:#c7aa7c}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:#000c;padding:12px}.modal-backdrop[hidden]{display:none}.modal-box{position:relative;max-width:390px;width:100%;border:4px ridge #ae8a52;background:#312419;padding:24px;color:#e7cf9d;box-shadow:0 15px 60px #000;text-align:center}.modal-box h2{color:#efc46f;font:23px Georgia;margin:0 0 10px}.modal-box p{line-height:1.5}.modal-close{position:absolute;right:5px;top:3px;background:transparent;color:#e4bc77;border:none;font-size:24px;cursor:pointer}.modal-box .gold-button{font-size:15px;min-width:110px;cursor:pointer}
@media(max-width:770px){.background-stage{width:100%;background:#000}.background-stage:before,.background-stage:after{display:none}.site-shell{width:100%;padding:0 8px 12px}.masthead{height:118px}.wordmark{font-size:52px;line-height:52px}.banners,.columns{grid-template-columns:minmax(0,36%) minmax(0,64%);gap:5px}.promo-play .promo-heading{font-size:24px}.promo-heading{font-size:24px}.promo-eyebrow{font-size:15px}.promo-sub{font-size:11px}.gold-button{min-width:140px;font-size:17px}.promo-play .gold-button{min-width:174px;font-size:17px}.promo-play .promo-inner{padding-left:20px}.feature-row{grid-template-columns:48px minmax(0,1fr)}.feature-icon{width:48px;height:55px}.feature-copy strong{font-size:11px}.feature-copy small{font-size:11px}.lead-art{width:44%;height:126px;font-size:25px}.section-title{font-size:15px}.section-title:before,.section-title:after{display:none}}
@media(max-width:580px){.site-shell{padding:0 6px 12px}.masthead-content{padding:29px 20px 0}.wordmark{font-size:47px}.season-line{left:130px}.nav-link{font-size:12px}.content{padding:5px 0}.banners{grid-template-columns:1fr 1.6fr;gap:4px}.promo{height:125px;padding:2px}.promo-vote .promo-inner{padding:0 4px}.promo-eyebrow{font-size:11px}.promo-heading{font-size:20px;line-height:23px}.promo-play .promo-heading{font-size:20px}.promo-sub{font-size:10px;margin:0 0 7px}.gold-button,.promo-play .gold-button{min-height:28px;min-width:0;font-size:13px;padding:2px 7px}.promo-play .promo-inner{padding-left:5px}.columns{display:block}.left-column,.right-column{width:100%}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:3px}.feature-row{min-height:65px}.feature-copy strong{min-height:18px}.section-title{height:25px}.news-article.lead{min-height:160px}.lead-art{height:117px}.left-column .section-block:last-child{display:none}.right-column{margin-top:7px}.inner-panel{padding:12px}.entry-card{flex-wrap:wrap}.entry-card button{width:100%}.sidebar-text{margin-bottom:8px}}
@media(max-width:400px){.feature-list{grid-template-columns:1fr}.feature-icon{width:54px}.feature-row{grid-template-columns:54px 1fr}.nav-link{font-size:11px}.wordmark{font-size:43px}.lead-art{width:43%;height:104px;font-size:20px}.lead-art small{font-size:11px}.news-heading{font-size:11px}.promo-heading,.promo-play .promo-heading{font-size:18px}}