Link to article: Sophia and the Crown Promise (SCP Wiki April Fools' 2026).
:root {
--basalt-undertone: 73,154,255;
--basalt-overtone: 18, 20, 22;
--basalt-bright-element-color: var(--basalt-undertone);
--header-subtitle: "";
--title-size: 1.25rem;
--subtitle-size: 0rem;
--header-border-width: 0rem;
--side-bar-button-width: 2rem;
--main-content-width: 120rem;
--main-content-top-margin: .325rem;
--main-content-side-margin: 0rem;
--bottom-area-text-color: var(--basalt-light-text-color);
--bottom-area-background-color: var(--basalt-UI-dark-palette);
--license-area-divider-color: var(--basalt-sub-text-color),.125;
--UI-font: var(--header-font);
--game-title: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 913 310'%3E%3Cpath d='M216.241 365.43q-1.2 0-2.292-.36t-2.016-1.068-1.62-1.74l.864-.888q1.056 1.536 2.352 2.196t2.76.66q1.272 0 2.28-.444t1.596-1.224.588-1.764q0-.672-.228-1.152t-.648-.84-1.008-.636-1.32-.504-1.572-.468q-1.152-.336-2.052-.696t-1.536-.864-.96-1.2-.324-1.704q0-.984.396-1.8t1.116-1.416 1.668-.924 2.052-.324q1.296 0 2.268.372t1.716 1.044 1.344 1.584l-.888.864q-.528-.816-1.176-1.416t-1.452-.924-1.812-.324q-1.152 0-2.052.42t-1.428 1.164-.528 1.704q0 .672.252 1.176t.792.876 1.368.672 1.98.588q1.176.288 2.136.672t1.668.912 1.08 1.272.372 1.8q0 1.344-.744 2.412t-2.04 1.68-2.952.612m38.088-.24v-16.8h6.456q1.272 0 2.268.624t1.572 1.716.576 2.508q0 1.512-.576 2.676t-1.572 1.824-2.268.66h-5.256v6.792zm1.2-7.992h5.472q.84 0 1.5-.516t1.044-1.416.384-2.076q0-1.032-.384-1.848t-1.044-1.284-1.5-.468h-5.472zm29.736 7.992v-16.8h1.2v16.8zm-11.472 0v-16.8h1.2v16.8zm.696-7.776v-1.2h11.208v1.2zm21 7.776v-1.2h2.712v-14.4h-2.712v-1.2h6.624v1.2h-2.712v14.4h2.712v1.2zm13.656 0 6.384-16.8h1.632l6.312 16.8h-1.344l-4.344-11.616q-.288-.744-.492-1.32t-.396-1.104-.384-1.116-.432-1.332h.408q-.24.792-.444 1.392t-.408 1.14-.42 1.128-.504 1.356l-4.32 11.472zm2.616-5.064.456-1.2h8.232l.456 1.2z' style='fill-rule:nonzero' transform='translate(-1696.2997 -2777.405)scale(8.066)'/%3E%3Cpath d='M219.371 31.5967c38.1926 0 69.2006 31.008 69.2006 69.202 0 38.1926-31.008 69.2006-69.2006 69.2006-38.194 0-69.202-31.008-69.202-69.2006 0-38.194 31.008-69.202 69.202-69.202m0 8.2486c-33.6405 0-60.9533 27.3116-60.9533 60.9534 0 33.6405 27.3128 60.952 60.9533 60.952s60.952-27.3115 60.952-60.952c0-33.6418-27.3115-60.9534-60.952-60.9534'/%3E%3Cpath d='m219.3697.0011 7.1726 57.7152-7.1726 24.7523-7.1725-24.7523zm87.291 151.1944-53.5692-22.646-17.8498-18.5877 25.0224 6.1645zm-174.5826-.0002 46.3966-35.0692 25.0224-6.1645-17.8498 18.5877z'/%3E%3Cpath d='M.263.009a.213.213 0 0 1-.119-.035.247.247 0 0 1-.082-.098C.041-.166.031-.214.031-.267q0-.0825.03-.144c.02-.042.048-.074.083-.098a.213.213 0 0 1 .122-.035c.025 0 .047.003.068.01a.18.18 0 0 1 .094.072c.012.016.021.033.028.052L.418-.412v-.121h.183V0H.414v-.13l.041.002a.195.195 0 0 1-.125.126.18.18 0 0 1-.067.011m.053-.153c.021 0 .04-.005.055-.015s.027-.024.035-.042a.165.165 0 0 0 .013-.066c0-.026-.005-.048-.013-.067a.09.09 0 0 0-.035-.042.1.1 0 0 0-.055-.015.095.095 0 0 0-.054.015.09.09 0 0 0-.035.042.17.17 0 0 0-.012.067c0 .025.004.048.012.066s.02.032.035.042q.0225.015.054.015' style='fill-rule:nonzero' transform='translate(356.2229 213.7155)scale(38.705)'/%3E%3Cpath d='M.07 0v-.533h.174l.009.108-.039.012c.007-.025.02-.048.039-.067.019-.02.042-.036.069-.047a.2.2 0 0 1 .084-.017q.06 0 .102.024c.028.017.049.041.063.074.014.032.021.071.021.118V0H.406v-.313c0-.017-.003-.032-.008-.043a.053.053 0 0 0-.024-.027.074.074 0 0 0-.038-.008c-.011 0-.022.002-.032.005a.073.073 0 0 0-.047.068V0z' style='fill-rule:nonzero' transform='translate(389.9351 213.7155)scale(38.705)'/%3E%3Cpath d='M.264.011a.207.207 0 0 1-.12-.036C.109-.048.082-.081.062-.123c-.02-.041-.03-.089-.03-.143q0-.081.03-.144c.02-.042.048-.074.084-.098a.21.21 0 0 1 .121-.036c.023 0 .046.003.067.01.021.006.04.016.058.028.017.012.031.026.043.042.011.016.018.033.022.05l-.043.012V-.74h.188V0h-.17L.419-.119l.037.007a.114.114 0 0 1-.021.048.16.16 0 0 1-.042.039.23.23 0 0 1-.059.026.24.24 0 0 1-.07.01m.053-.153c.021 0 .039-.005.055-.015.015-.01.027-.024.035-.043q.012-.027.012-.066c0-.026-.004-.049-.012-.067a.094.094 0 0 0-.035-.043.1.1 0 0 0-.055-.015c-.022 0-.04.005-.055.015a.094.094 0 0 0-.035.043.17.17 0 0 0-.012.067q0 .039.012.066c.008.019.02.033.035.043s.033.015.055.015' style='fill-rule:nonzero' transform='translate(422.9507 213.7155)scale(38.705)'/%3E%3Cpath d='M.105 0v-.668h.186V0zM.017-.375v-.158h.368v.158z' style='fill-rule:nonzero' transform='translate(477.1769 213.7155)scale(38.705)'/%3E%3Cpath d='M.07 0v-.74h.183v.315l-.039.012c.007-.025.02-.048.039-.067.019-.02.042-.036.069-.047a.2.2 0 0 1 .084-.017q.06 0 .102.024c.028.017.049.041.063.074.014.032.021.071.021.118V0H.406v-.313c0-.017-.003-.032-.008-.043a.053.053 0 0 0-.024-.027.074.074 0 0 0-.038-.008c-.011 0-.022.002-.032.005a.073.073 0 0 0-.047.068V0z' style='fill-rule:nonzero' transform='translate(500.5927 213.7155)scale(38.705)'/%3E%3Cpath d='M.327.01C.266.01.214-.002.17-.026a.254.254 0 0 1-.102-.098C.044-.165.032-.213.032-.266c0-.04.006-.077.02-.112a.27.27 0 0 1 .056-.088.26.26 0 0 1 .086-.058.27.27 0 0 1 .108-.021c.039 0 .074.007.106.021.031.013.059.032.082.057s.041.054.053.087c.012.034.018.07.016.11l-.001.042h-.42L.115-.321h.294l-.018.02V-.32c0-.015-.004-.027-.012-.038a.07.07 0 0 0-.03-.026.1.1 0 0 0-.043-.009c-.023 0-.041.005-.056.014a.08.08 0 0 0-.035.038.14.14 0 0 0-.012.06c0 .026.005.049.017.069a.113.113 0 0 0 .049.045c.021.011.048.016.079.016.021 0 .039-.002.055-.008a.24.24 0 0 0 .05-.028l.086.121a.3.3 0 0 1-.07.044.33.33 0 0 1-.071.024.34.34 0 0 1-.071.008' style='fill-rule:nonzero' transform='translate(533.6096 213.7155)scale(38.705)'/%3E%3Cpath d='M408.211 979.54c-20.161 0-38.686-3.376-55.578-10.128-16.892-6.756-31.531-16.298-43.919-28.626s-21.952-26.954-28.692-43.877c-6.736-16.923-10.104-35.499-10.104-55.727 0-19.791 3.513-38.067 10.539-54.827 7.03-16.761 16.882-31.331 29.556-43.711 12.677-12.383 27.589-22.007 44.735-28.87 17.15-6.863 35.896-10.295 56.239-10.295 12.674 0 25.101 1.678 37.282 5.035 12.182 3.356 23.511 8.237 33.988 14.643q15.7215 9.6105 27.441 23.169l-39.928 45.236c-5.183-5.62-10.795-10.507-16.836-14.662-6.037-4.154-12.568-7.393-19.594-9.717-7.022-2.323-14.618-3.485-22.788-3.485q-15.4005 0-28.977 5.523c-9.052 3.682-16.926 8.914-23.622 15.698-6.692 6.784-11.963 14.973-15.811 24.569-3.845 9.592-5.767 20.377-5.767 32.355 0 11.713 1.896 22.349 5.689 31.909 3.793 9.556 9.173 17.726 16.139 24.509 6.967 6.784 15.339 11.999 25.117 15.645 9.779 3.646 20.655 5.469 32.63 5.469 7.951 0 15.628-1.144 23.032-3.432 7.407-2.287 14.23-5.409 20.47-9.365 6.243-3.96 11.776-8.497 16.597-13.613l31.319 49.752q-9.4245 10.515-25.254 18.903c-10.553 5.592-22.249 9.977-35.09 13.154-12.836 3.177-25.774 4.766-38.813 4.766m143.195-3.813V708.829h120.188c17.15 0 32.616 3.714 46.397 11.141 13.786 7.423 24.637 17.517 32.552 30.282 7.92 12.765 11.88 27.3 11.88 43.603 0 16.825-3.96 31.903-11.88 45.236-7.915 13.329-18.738 23.816-32.468 31.462-13.73 7.641-29.224 11.462-46.481 11.462h-58.432v93.712zm147.885 0-67.869-120.485 66.403-9.532 75.494 130.178zm-86.129-143.434h52.611c6.788 0 12.63-1.477 17.528-4.432 4.897-2.955 8.67-7.054 11.319-12.296 2.649-5.243 3.974-11.294 3.974-18.153 0-6.998-1.514-13.063-4.54-18.194-3.027-5.132-7.413-9.129-13.16-11.993-5.747-2.863-12.595-4.295-20.542-4.295h-47.19z' style='fill-rule:nonzero' transform='translate(-72.3269 46.8816)scale(.268)'/%3E%3Cpath d='M1501.56 975.727V708.829h58l139.99 190.457-12.67-1.608c-1.16-8.544-2.17-16.6-3-24.17-.84-7.57-1.57-15.029-2.21-22.377-.63-7.351-1.14-14.88-1.52-22.585-.38-7.709-.63-15.97-.74-24.783-.1-8.817-.16-18.528-.16-29.133v-65.801h63.07v266.898h-58.76L1537.49 778.83l19.51 2.985c1.28 12.003 2.36 22.311 3.25 30.926.88 8.61 1.61 16.192 2.17 22.746.56 6.549 1.01 12.467 1.33 17.753.33 5.287.56 10.587.69 15.901.13 5.31.19 11.152.19 17.527v89.059z' style='fill-rule:nonzero' transform='translate(-84.1979 46.8816)scale(.268)'/%3E%3Cpath d='M1931.27 975.727V708.829h115.23q25.02 0 44.82 11.415c13.21 7.61 23.66 18.008 31.36 31.194 7.71 13.182 11.56 28.129 11.56 44.842 0 17.146-3.85 32.53-11.56 46.153-7.7 13.623-18.15 24.404-31.36 32.344-13.2 7.935-28.14 11.903-44.82 11.903h-50.41v89.047zm63.94-146.216h42.21c5.7 0 10.83-1.386 15.4-4.158s8.2-6.559 10.9-11.361c2.71-4.806 4.06-10.418 4.06-16.836 0-6.422-1.35-11.935-4.06-16.538-2.7-4.603-6.33-8.19-10.9-10.76-4.57-2.573-9.7-3.86-15.4-3.86h-42.21zm188.47 146.216V708.829h120.19c17.15 0 32.61 3.714 46.39 11.141 13.79 7.423 24.64 17.517 32.56 30.282s11.88 27.3 11.88 43.603c0 16.825-3.96 31.903-11.88 45.236-7.92 13.329-18.74 23.816-32.47 31.462-13.73 7.641-29.23 11.462-46.48 11.462h-58.44v93.712zm147.88 0-67.87-120.485 66.41-9.532 75.49 130.178zm-86.13-143.434h52.62c6.78 0 12.63-1.477 17.52-4.432 4.9-2.955 8.67-7.054 11.32-12.296 2.65-5.243 3.98-11.294 3.98-18.153 0-6.998-1.52-13.063-4.54-18.194-3.03-5.132-7.42-9.129-13.16-11.993-5.75-2.863-12.6-4.295-20.55-4.295h-47.19zm841.14 143.434V921.18h45.28V763.377h-45.28v-54.548h155.38v54.548h-45.28V921.18h45.28v54.547zm305.64 3.813q-26.55 0-47.67-6.267c-14.08-4.178-26.58-10.253-37.49-18.224-10.92-7.971-20.68-17.529-29.29-28.674l39.38-44.449c12.6 16.915 25.31 28.33 38.14 34.244q19.23 8.871 39.81 8.871c6.89 0 13.11-.904 18.65-2.711 5.54-1.811 9.87-4.437 12.99-7.876 3.11-3.443 4.67-7.648 4.67-12.612 0-3.845-.94-7.29-2.83-10.336-1.89-3.047-4.54-5.748-7.93-8.103q-5.1-3.5325-11.88-6.303c-4.52-1.847-9.31-3.449-14.39-4.808-5.07-1.358-10.33-2.581-15.76-3.669-14.6-3.233-27.35-7.283-38.25-12.148-10.9-4.869-20-10.809-27.3-17.819q-10.95-10.515-16.23-23.997c-3.52-8.988-5.29-19.092-5.29-30.312 0-11.99 2.72-22.998 8.15-33.023 5.43-10.028 12.79-18.665 22.07-25.909 9.29-7.248 19.99-12.825 32.12-16.729q18.21-5.856 38.31-5.856 26.055 0 44.97 5.445c12.6 3.63 23.43 8.905 32.47 15.823 9.05 6.919 16.71 15.17 22.99 24.754l-39.92 38.665c-5.38-6.637-11.17-12.158-17.38-16.562-6.2-4.409-12.79-7.709-19.76-9.902q-10.455-3.288-21.45-3.288c-7.58 0-14.11.905-19.58 2.716-5.48 1.807-9.76 4.423-12.87 7.846-3.09 3.42-4.64 7.648-4.64 12.684 0 4.17 1.27 7.824 3.82 10.962 2.54 3.133 5.98 5.87 10.32 8.209 4.34 2.336 9.3 4.327 14.89 5.976 5.59 1.644 11.36 3.046 17.34 4.206 13.98 2.756 26.65 6.414 38.02 10.974 11.37 4.555 21.19 10.119 29.47 16.693 8.29 6.573 14.62 14.421 19 23.544 4.37 9.119 6.56 19.566 6.56 31.342 0 18.493-4.49 34.185-13.46 47.077s-21.29 22.706-36.95 29.442q-23.475 10.104-53.82 10.104m153.03-3.813V708.829h186.1v55.197h-123.25v156.505h127.18v55.196zm30.5-109.392v-52.79h138.56v52.79z' style='fill-rule:nonzero' transform='translate(-88.1979 46.8816)scale(.268)'/%3E%3Cpath d='M2757.13 975.727V708.829h57.92l97.23 158.233-41.33-.382 98.37-157.851h55.64v266.898h-63.07v-83.161c0-22.877.57-43.466 1.72-61.768a601.4 601.4 0 0 1 5.9-54.523l7.53 19.803-74.18 114.831h-25.16l-72.39-114.182 7.26-20.452c2.8 17.03 4.77 34.506 5.91 52.426s1.72 39.209 1.72 63.865v83.161z' style='fill-rule:nonzero' transform='translate(-88.0456 46.9253)scale(.268)'/%3E%3Cpath d='M600.1944 235.2128c20.462 0 37.073 16.611 37.073 37.073s-16.611 37.0732-37.073 37.0732-37.0731-16.611-37.0731-37.0731 16.611-37.0731 37.073-37.0731m0 15.9989c-11.6306 0-21.0742 9.4436-21.0742 21.0742s9.4436 21.0727 21.0742 21.0727 21.0727-9.4421 21.0727-21.0727-9.4421-21.0742-21.0727-21.0742'/%3E%3Cpath d='m600.1928 251.1466 18.163 31.4584h-36.326z'/%3E%3Cpath d='M2757.13 975.727V708.829h57.92l97.23 158.233-41.33-.382 98.37-157.851h55.64v266.898h-63.07v-83.161c0-22.877.57-43.466 1.72-61.768a601.4 601.4 0 0 1 5.9-54.523l7.53 19.803-74.18 114.831h-25.16l-72.39-114.182 7.26-20.452c2.8 17.03 4.77 34.506 5.91 52.426s1.72 39.209 1.72 63.865v83.161z' style='fill-rule:nonzero' transform='translate(1039.8841 498.3169)scale(-.268)'/%3E%3Cpath d='M178.7599 235.2128c20.462 0 37.073 16.611 37.073 37.073s-16.611 37.0732-37.073 37.0732-37.0731-16.611-37.0731-37.0731 16.611-37.0731 37.073-37.0731m0 15.9989c-11.6306 0-21.0742 9.4436-21.0742 21.0742s9.4436 21.0727 21.0742 21.0727 21.0727-9.4421 21.0727-21.0727-9.4421-21.0742-21.0727-21.0742'/%3E%3Cpath d='m178.762 293.0996-18.163-31.4584h36.3259z'/%3E%3C/svg%3E");
--game-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 147 75'%3E%3Cpath d='m108.16 37.25-33.4-20.81V1.53h71.51v16.9H124q-9.2 0-16.55-.46-2.11-.14-4.23-.32l25.7 16.6v6.74L103.46 57.1q1.7-.15 3.4-.26 7.2-.45 17.12-.46h22.28v16.9H74.76V57.77zM37.07 0a37.1 37.1 0 0 1 37.08 37.07 37.1 37.1 0 0 1-37.08 37.08A37.1 37.1 0 0 1 0 37.07 37.1 37.1 0 0 1 37.07 0m0 16a21.08 21.08 0 0 0 0 42.15 21.08 21.08 0 0 0 0-42.15'/%3E%3Cpath d='m16.1 36.9 31.46-18.15v36.32z'/%3E%3C/svg%3E");
}
#header {
background-color: transparent;
box-shadow: 0 0 .25rem rgb(var(--basalt-overtone),.25);
order: -2;
}
#header::before {
content: "";
position: absolute;
inset: 0;
background-color: rgb(var(--header-background-color),.75);
-webkit-backdrop-filter: blur(.25rem);
backdrop-filter: blur(.25rem);
z-index: -1;
}
#extrac-div-1 {
display: grid;
place-items: center;
position: relative;
width: 100%;
height: calc(100svh - var(--header-final-height));
background-image: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/header-img.jpg);
background-size: cover;
background-position-x: center;
background-position-y: 17.5%;
order: -1;
font-family: var(--UI-font);
span {
width: 90%;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
filter: drop-shadow(0 0 .75rem rgb(var(--basalt-background-color),.5));
padding-bottom: calc(3.75rem + 14.25svh);
}
span::before {
content: "OPUSCONFIDANT PRESENTS";
font-weight: bold;
color: rgb(var(--basalt-light-text-color));
text-shadow: 0 0 0.325rem rgb(var(--basalt-main-text-color));
letter-spacing: .25em;
}
span::after {
content: "";
display: block;
width: min(100%, 32.5rem);
aspect-ratio: 3.25;
background-color: currentColor;
-webkit-mask-image: var(--game-title);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: var(--game-title);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
}
}
#extrac-div-1::before {
content: "";
position: absolute;
bottom: 2.125rem;
right: 1.5rem;
width: min(26.75rem, calc(100% - 3rem));
aspect-ratio: 2400 / 316;
background-image: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/buttons.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
filter: drop-shadow(0 0 .25rem rgb(var(--basalt-UI-dark-palette), .5));
z-index: 1;
}
#extrac-div-1::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 8.75rem;
background-image: linear-gradient(to bottom, transparent, rgb(var(--basalt-background-color)));
}
#page-title {
display: none;
}
#page-content {
container: page-content / inline-size;
}
.linkspec a:any-link {
font-weight: 550;
color: inherit;
text-decoration: none;
box-shadow: inset 0 -.325ex 0 rgb(var(--link-color));
transition: all .25s ease-out;
}
.linkspec a:any-link:is(:hover,:focus) {
color: rgb(var(--basalt-light-text-color));
box-shadow: inset 0 -1lh 0 rgb(var(--link-color));
}
/*-------------------------*/
#page-info-break {
display: none;
}
#page-options-container {
background-color: rgb(var(--basalt-secondary-color));
}
page-info {
padding: 0;
}
div[id*=page-options-bottom] {
--_po-padding: 0.875rem;
}
#action-area, #history-subarea {
background-color: rgb(var(--basalt-secondary-color));
margin: 0;
}
#footer {
display: flex!important;
flex-wrap: wrap;
justify-content: center;
padding-block-start: 1.75rem;
row-gap: .75rem;
}
#footer .options {
flex-grow: 1;
flex-basis: 100%;
justify-content: center;
border: none;
margin: 0;
padding: 0;
}
#footer::before,
#footer::after {
content: "";
order: -1;
}
#footer::after {
flex-basis: 12.5rem;
height: 5.5rem;
-webkit-mask-image: var(--game-icon);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: var(--game-icon);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: rgb(var(--basalt-light-text-color));
}
#footer::before {
height: 7.75rem;
aspect-ratio: 1;
background-image: var(--license-area-logo);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
filter: invert(1);
}
#license-area {
padding-block: 3.75rem 1.5rem;
}
#license-area::after { content: unset; }
#license-area::before {
-webkit-mask-image: none;
mask-image: none;
clip-path: unset;
height: .05rem;
margin-block: 1rem;
}
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
.open-letter {
font-family: var(--mono-font);
text-align: center;
position: relative;
width: min(30rem, calc(100% - 2rem));
box-sizing: border-box;
margin: auto; margin-block: 1.25rem;
isolation: isolate;
padding: .75rem 1.5rem;
color: rgb(var(--basalt-light-text-color));
filter: drop-shadow(0 0 0.325rem rgb(var(--basalt-UI-dark-palette), 0.625));
z-index: 1;
--_c: 1.75rem;
}
.open-letter::before {
content:"";
position: absolute;
inset: 0;
background-color: rgb(var(--basalt-UI-dark-palette));
clip-path: polygon(var(--_c) 0, 100% 0, 100% calc(100% - var(--_c)), calc(100% - var(--_c)) 100%, 0 100%, 0 var(--_c));
z-index: -1;
}
/*-------------------------*/
.section-banner {
color: rgb(var(--basalt-light-text-color));
display: grid;
grid-template-areas:
"deco ."
"deco h2";
grid-template-columns: auto minmax(0,1fr);
grid-template-rows: 0.75rem auto;
column-gap: 1rem;
margin-block-start: -0.75rem;
isolation: isolate;
}
.section-banner > h2 {
grid-area: h2;
margin: 0;
display: grid;
padding-block: .75rem;
font-size: min(calc(.5em + 2.25vw), 1.875em);
span {
font-size: 1.875em;
font-weight: 200;
text-transform: uppercase;
line-height: .875;
}
}
.section-banner > h2::before {
content: "Sophia and the Crown Promise";
font-weight: 700;
font-size: .425em;
opacity: .675;
line-height: 1;
}
.section-banner::before {
grid-area: deco;
content: "";
display: block;
height: min(5.675rem, 10vw);
min-height: calc(100% + .25rem);
aspect-ratio: 2;
margin-block: -.1rem;
-webkit-mask-image: var(--game-icon);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: var(--game-icon);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: rgb(var(--basalt-main-text-color));
}
.section-banner::after {
content: "";
display: block;
background-color: rgb(var(--basalt-undertone));
z-index: -1;
grid-row: 2/3;
grid-column: 1/-1;
}
.section-banner.alt1 {
color: rgb(var(--basalt-main-text-color));
}
.section-banner.alt1::before {
background-color: rgb(var(--basalt-undertone));
}
.section-banner.alt1::after {
background-color: transparent;
background-image: linear-gradient(to right, rgb(var(--basalt-undertone), .025), rgb(var(--basalt-undertone), .125));
}
.section-banner.alt2 {
color: rgb(var(--basalt-undertone));
}
.section-banner.alt2::before {
background-color: rgb(var(--basalt-light-text-color));
background-image: linear-gradient(to bottom, rgb(var(--basalt-background-color), .675), rgb(var(--basalt-background-color), .675)), url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png);
}
.section-banner.alt2::after {
background-color: rgb(var(--basalt-UI-dark-palette));
}
/*-------------------------*/
.space-make { height: 1rlh; }
.inf-with-img {
display: flex;
font-size: 1.05em;
> .sidecard {
flex-grow: 1;
padding: .75rem 1.5rem;
padding-inline-start: calc(var(--overlap) * .25);
position: relative;
isolation: isolate;
--overlap: 9.75rem;
--pattern: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png);
}
> .sidecard::before {
content:"";
position: absolute;
inset-block-end: 0; inset-inline-end: 0;
height: 100%;
width: calc(100% + var(--overlap));
background-image: linear-gradient(to bottom, rgb(var(--basalt-background-color), .675), rgb(var(--basalt-background-color), .675)), var(--pattern);
background-size: 120rem;
--fade: to right;
-webkit-mask-image: linear-gradient(var(--fade), transparent, white calc(var(--overlap) * .95));
mask-image: linear-gradient(var(--fade), transparent, white calc(var(--overlap) * .95));
z-index: -1;
}
}
.inf-with-img::before {
content: "";
background-image: var(--img);
display: block;
align-self: stretch;
background-size: cover;
background-position: center;
flex-basis: 50%;
flex-shrink: 0;
min-height: 16rem;
}
@container page-content (max-width: 800px) {
.inf-with-img {
flex-direction: column;
> .sidecard { order: 1; }
> .sidecard::before {
width: 100%;
height: calc(100% + var(--overlap));
--fade: to bottom;
}
}
.section-banner::before { margin-inline-start: -2.125rem; }
}
.inf-with-img h3 {
display: flex;
align-items: center;
isolation: isolate;
}
.inf-with-img h3::before {
content: "";
display: block;
height: 1.25lh;
aspect-ratio: 1.1547;
background-color: rgb(var(--basalt-undertone));
clip-path: polygon(0 0, 100% 0, 50% 100%);
margin-inline: -.5lh;
opacity: .75;
z-index: -1;
}
/*-------------------------*/
.faction-list {
display: grid;
--_gap: 0rem;
grid-template-columns: repeat(auto-fit, minmax(min((100% - var(--_gap) * 2), max(36ch, (100% - var(--_gap) * 2) / 3)), 1fr));
font-size: 1.05em;
}
.goi {
--pattern: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topolight.png);
--shade: var(--basalt-background-color);
--bg: rgb(var(--shade),.675);
--logo-hover-size: 9.25rem;
--transition-timing: .475s ease-in-out;
--aspect-ratio: .875;
aspect-ratio: var(--aspect-ratio);
overflow: hidden;
position: relative;
display: grid;
grid-template-areas: "logo"".";
grid-template-columns: minmax(0,1fr);
grid-template-rows: 100% 0fr;
transition: all var(--transition-timing);
transition-delay: .1s;
background-color: rgb(var(--shade));
background-image: linear-gradient(to bottom, var(--bg),var(--bg)), var(--pattern);
background-size: 95rem;
container-type: inline-size;
}
.goi::before, .goi::after {
content: "";
display: block;
grid-area: logo;
max-height: 100cqw;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: all var(--transition-timing);
transition-delay: .1s;
}
.goi::before { background-image: var(--logo-hover); opacity: 0; }
.goi:where(.hvr-fx)::before { filter: brightness(0); }
.goi::after { background-image: var(--logo-def); opacity: 1; }
.goi:where(.reverse) {
--pattern: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aredtape/topo.png);
--shade: var(--basalt-UI-dark-palette);
color: rgb(var(--basalt-light-text-color));
}
.goi h3 {
margin: 0;
text-align: center;
padding-block: .625rem;
box-sizing: border-box;
flex-basis: calc(100cqw * ((1 / var(--aspect-ratio)) - 1));
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
}
.goi > .sidecard {
position: absolute;
width: 100%;
height: calc(100% - var(--logo-hover-size));
inset-block-start: calc(100% * var(--aspect-ratio));
inset-inline-start: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
transition: all var(--transition-timing);
transition-delay: 0s;
}
.content-scroll {
flex-grow: 1;
overflow-y: auto;
padding-inline: 1.25rem;
contain: strict;
display: flex;
flex-direction: column;
gap: 1em;
opacity: 0;
transition: inherit;
> p { margin: 0; }
}
.content-scroll::after {
content: "";
display: block;
height: 1lh;
}
.goi:is(:hover,:focus-within) {
grid-template-rows: var(--logo-hover-size) 1fr;
> .sidecard {
inset-block-start: var(--logo-hover-size);
transition-delay: .225s;
> .content-scroll { opacity: 1; transition-delay: .325s;}
}
}
.goi:is(:hover,:focus-within)::before { opacity: 1; }
.goi:is(:hover,:focus-within)::after{ opacity: 0; }
/*-------------------------*/
.yui-navset.yui-navset-top {
flex-direction: row;
margin: 0;
padding-block: 1.5rem;
background-image: linear-gradient(105deg, transparent 45%, rgb(var(--basalt-undertone), .5) 70%, rgb(var(--basalt-undertone), .625) 75%, transparent 75.1%), radial-gradient(rgb(var(--basalt-undertone),.5) 0.55px, transparent 0.55px);
background-size: auto, 11px 11px;
}
.yui-navset.yui-navset-top>ul.yui-nav {
flex-direction: column;
--general-border-color: 0, 0, 0, 0;
padding-inline: 1rem;
gap: 1rem;
flex-shrink: 0;
flex-basis: 11.5rem;
font-size: 1.05em;
}
.yui-navset.yui-navset-top>ul.yui-nav li {
flex-grow: 0;
transform: skewX(-15deg) scale(0.9125);
a { padding: .675rem 1.25rem; transform: skewX(15deg); }
}
.yui-navset.yui-navset-top>ul.yui-nav li.selected {
box-shadow: 0 0 0 .425rem rgb(var(--basalt-undertone));
}
.yui-navset.yui-navset-top>ul.yui-nav li.selected::after { content: unset; }
.yui-navset.yui-navset-top .yui-content {
flex-grow: 1;
border: none;
padding: 0.125rem 1rem;
container: chara-content / inline-size;
}
@container page-content (max-width: 800px) {
.yui-navset.yui-navset-top {
flex-direction: column;
}
.yui-navset.yui-navset-top>ul.yui-nav {
flex-direction: row;
flex-wrap: wrap;
flex-basis: unset;
justify-content: center;
}
}
/*-------------------------*/
#page-content .character-pull {
margin: auto;
height: min(95svh, 49.5rem);
position: relative;
isolation: isolate;
display: flex;
flex-direction: column;
}
.character-pull > img {
object-fit: contain;
position: absolute;
height: 100%;
inset-block-start: 0;
inset-inline-end: 0;
opacity: 0;
transform: translateX(-4rem);
filter: drop-shadow(0rem 0rem 0 var(--character-accent));
z-index: -1;
animation: chara-img-in .325s ease-in-out, chara-img-shadow .125s cubic-bezier(.04,.21,.28,.91);
animation-delay: .125s, .375s;
animation-fill-mode: forwards;
}
@keyframes chara-img-in {
0% { transform: translateX(-4rem); opacity: 0; }
100% { transform: translateX(0rem); opacity: 1; }
}
@keyframes chara-img-shadow {
0% { filter: drop-shadow(0rem 0rem 0 var(--character-accent)); }
100% { filter: drop-shadow(.75rem .125rem 0 var(--character-accent)); }
}
.more-splash { justify-content: start!important; }
.character-pull.more-splash > img {
all: unset;
max-height: 65%;
object-fit: cover;
-webkit-mask-image: linear-gradient(to right, transparent 5%, white 25%, white 75%, transparent 95%);
mask-image: linear-gradient(to right, transparent 5%, white 25%, white 75%, transparent 95%);
}
.character-star {
display: flex;
padding-block-start: 7.5rem;
width: min(calc(23.5rem + 15%), 100%);
justify-content: center;
> em {
display: block;
aspect-ratio: 1;
font-size: 0;
flex-basis: min(3.75rem, 20%);
background-image: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/star.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
filter: drop-shadow(0 0 0.625rem rgb(var(--basalt-undertone),.5));
opacity: 0;
animation: chara-star-in .25s cubic-bezier(.65,.09,.71,.97);
animation-fill-mode: forwards;
}
> em:nth-child(2) { animation-delay: .05s; }
> em:nth-child(3) { animation-delay: .09s; }
> em:nth-child(4) { animation-delay: .125s; }
> em:nth-child(5) { animation-delay: .15s; }
}
.character-star.star4 > em:nth-child(5) { display: none; }
.character-star.star1 > em:is(:nth-child(5),:nth-child(4),:nth-child(3),:nth-child(2)) { display: none; }
@keyframes chara-star-in {
0% { transform: scale(1.375); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}
.character-card {
padding-block-start: 2.25rem;
width: min(calc(23.5rem + 15%), 100%);
}
.character-header {
display: grid;
grid-template-areas:
"fac name name name"
"fac sub type .";
grid-template-rows: auto auto;
grid-template-columns: 6.25rem 1fr auto .95rem;
margin-block-end: 1.75rem;
h3 {
grid-area: name;
font-size: min(calc(1em + 1.5vw),2.25em);
overflow-wrap: anywhere;
margin: 0;
display: flex;
width: 100%;
span { position: relative; padding: .75rem; padding-inline-start: 2rem; isolation: isolate; flex-grow: 1;}
span::before { content: ""; position: absolute; inset: 0; background-color: var(--character-accent); transform: skewX(-15deg); z-index: -1; }
}
.character-epithet {
grid-area: sub;
display: grid;
align-items: center;
padding: .5rem;
padding-inline-start: 1rem;
color: rgb(var(--basalt-light-text-color));
background-color: rgb(var(--basalt-UI-dark-palette));
transform: skewX(-15deg);
font-size: min(calc(0.5em + 1cqi), 1em);
line-height: 1.125;
> tt {
transform: skewX(15deg);
display: block;
letter-spacing: .025em;
}
}
.character-faction {
grid-area: fac;
height: 100%;
background-color: rgb(var(--basalt-UI-dark-palette));
box-shadow: 0 0 0 0.5rem var(--character-accent);
z-index: 1;
transform: rotate(15deg) scale(1.05) translate(-.25rem, -.375rem);
}
.character-faction.light { background-color: rgb(var(--basalt-background-color)); }
.character-faction::before {
content: "";
position: absolute;
inset: 0.25rem;
background-image: var(--faction);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: rotate(-15deg);
}
.pk-type {
grid-area: type;
aspect-ratio: 2;
width: 5rem;
display: flex;
z-index: 1;
span { display: block; flex-basis: 50%; font-size: 0; background-image: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/typechart.png); background-size: 300%; position: relative; transform: skewX(-15deg); overflow: hidden;}
span.null { visibility: hidden; }
span.auto { background-position: 0% 0%; }
span.cosmos { background-position: 50% 0%; }
span.divine { background-position: 100% 0%; }
span.dread { background-position: 0% 50%; }
span.humor { background-position: 50% 50%; }
span.meta { background-position: 100% 50%; }
span.mineral { background-position: 0% 100%; }
span.mortal { background-position: 50% 100%; }
span.nature { background-position: 100% 100%; }
span::before { content: ""; position: absolute; inset: 0; background: inherit; transform: skewX(15deg);}
}
}
.character-desc {
padding: .25rem 1.5rem;
background-image: linear-gradient(to right, rgb(var(--basalt-background-color), .5), transparent);
text-shadow: 0 0 0.325rem rgb(var(--basalt-background-color)), 0 0 0.5rem rgb(var(--basalt-background-color));
}
@container chara-content (max-width: 780px) {
.character-pull {
justify-content: end;
> img {
width: 100%;
height: 85%;
}
}
.character-star {
padding-block-start: 0;
width: 100%;
justify-content: end;
}
.character-card {
padding-block-start: 1.25rem;
width: calc(100% - 3rem);
align-self: center;
}
.character-desc {
overflow-y: auto;
height: 10.5rem;
}
}
/*-------------------------*/
.launch-final {
height: calc(100svh - var(--header-final-height));
display: flex;
flex-direction: column;
place-items: center;
justify-content: center;
background: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/final-land.jpg) no-repeat top center;
background-size: cover;
background-color: rgb(var(--basalt-UI-dark-palette));
overflow: hidden;
}
.launch-final::before {
content: "";
display: block;
flex-basis: 30%;
}
.launch-date {
position: relative;
font-size: 4.5em;
font-weight: bold;
isolation: isolate;
padding: .25rem 1.75rem;
color: rgb(var(--basalt-light-text-color));
line-height: 1.25;
text-align: center;
> tt { color: rgb(var(--basalt-undertone)); }
}
.launch-date::before {
content: "SOPHIA AND THE CROWN PROMISE";
position: absolute;
font-size: .2125em;
letter-spacing: .075em;
width: 100%;
max-width: max-content;
box-sizing: border-box;
padding: .25rem .675rem;
color: rgb(var(--basalt-main-text-color));
background-color: rgb(var(--basalt-undertone));
bottom: 100%;
left: 50%;
transform: translate(-50%, 33%);
}
.launch-date::after {
content: "";
position: absolute;
z-index: -1;
inset: 0;
background-color: rgb(var(--basalt-UI-dark-palette));
transform: skewX(-15deg);
}
.launch-maybe {
color: rgb(var(--basalt-light-text-color));
font-family: var(--mono-font);
text-align: center;
text-shadow: 0 0 .325rem rgb(var(--basalt-overtone));
}
.licensebox {
text-align: center;
padding: .375rem;
}
#main-content>.page-tags {
padding: .375rem;
> span { width: 100%; }
}
--img: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/cover-final.jpg)
--logo-def: url(https://scp-wiki.wdfiles.com/local--files/art:yvonne-goi-logos/goc_p2_trans_duo.png); --logo-hover: url(https://scp-wiki.wdfiles.com/local--files/art:yvonne-goi-logos/goc_p2_trans_duo.png)
--logo-def: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/triaegis.png); --logo-hover: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/triaegis_light.png)
--logo-def: url(https://scp-wiki.wdfiles.com/local--files/art:yvonne-goi-logos/newci-color.png); --logo-hover: url(https://scp-wiki.wdfiles.com/local--files/art:yvonne-goi-logos/newci-color.png)
--logo-def: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/bq-white.png); --logo-hover: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/bq_crown.png)
--logo-def: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/daevastan_f.png); --logo-hover: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/daevastan_f.png)
--logo-def: url(https://scp-wiki.wdfiles.com/local--files/art:yvonne-goi-logos/gaw_new_color.png); --logo-hover: url(https://scp-wiki.wdfiles.com/local--files/sophotonics/gaw_white.png)
:scp-wiki:theme:bedrock
[info]
fragment:soph
fragment:soph
fragment:soph
fragment:soph
fragment:soph
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
open-letter
space-make
section-banner
linkspec
inf-with-img
sidecard
space-make
section-banner
alt2
faction-list
linkspec
goi
hvr-fx
sidecard
content-scroll
reverse
goi
sidecard
content-scroll
goi
hvr-fx
sidecard
content-scroll
reverse
goi
sidecard
content-scroll
goi
hvr-fx
sidecard
content-scroll
reverse
goi
sidecard
content-scroll
section-banner
alt1
character-pull
more-splash
launch-final
launch-date
launch-maybe
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote