@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Share+Tech+Mono&display=swap");@font-face {font-family: "04b";src: url("https://itinerae.shop/fonts/04b03.ttf");}@font-face {font-family: "W95FA";src: url("https://itinerae.shop/fonts/w95f.woff");}@font-face {font-family: "spirit";src: url(https://itinerae.shop/fonts/spirit.ttf);}:root {--surface: rgba(244, 249, 241, 0.64);--surface-light: rgba(255, 255, 255, 0.82);--surface-soft: rgba(239, 246, 236, 0.64);--sage-pale: #f2f7ef;--sage-medium: #cbdcc7;--sage-muted: #aebfa9;--sage-deep: #879b83;--text: #859188;--text-soft: #9aa69d;--heading: #7f9182;--link: #879f8a;--link-hover: #728776;--border: rgba(159, 181, 153, 0.48);--border-soft: rgba(166, 186, 161, 0.38);--shadow: rgba(111, 132, 107, 0.09);--font-pixel: "04b", "Share Tech Mono", "Courier New", monospace;--font-serif: "Crimson Text", Georgia, serif;--font-screen: "W95FA", "Share Tech Mono", monospace;}* {box-sizing: border-box;}@media (min-width: 650px) {.is-firefox .itinerae {zoom: 1.2;}}body {min-height: 100vh;margin: 0;padding: 30px;background:#f7faf5 url("https://itinerae.neocities.org/bgs/300726/2518638m2meuijlr3.jpg") repeat fixed;color: var(--text);font-family: var(--font-pixel);font-size: 9px;line-height: 1.35;letter-spacing: 1px;text-transform: uppercase;}body::before {content: "";position: fixed;inset: 0;z-index: 1000;pointer-events: none;background: repeating-linear-gradient( to bottom, rgba(0, 0, 0, 0.04) 0, rgba(0, 0, 0, 0.04) 1px, transparent 1px, transparent 2px );}body::-webkit-scrollbar {width: 10px;}body::-webkit-scrollbar-track {background: var(--sage-pale);}body::-webkit-scrollbar-thumb {border: 2px solid var(--sage-pale);border-radius: 10px;background: var(--sage-medium);}b, strong {color: #829284;}i {font: 12px var(--font-screen);color: var(--sage-muted);text-transform:none;}a {color: var(--link);font-weight: bold;text-decoration: underline;}a:hover {color: var(--link-hover);background: rgba(227, 238, 223, 0.72);}blockquote {margin: 0;padding: 0 20px;border-left: 4px solid var(--sage-deep);color: var(--sage-deep);letter-spacing: 2px;text-transform: uppercase;}.itinerae {position: relative;width: min(100%, 600px);margin: 0 auto;border: 1px solid var(--border);border-radius: 15px;background: var(--surface);box-shadow: 0 18px 34px rgba(96, 119, 92, 0.14), 0 5px 0 rgba(137, 158, 132, 0.10), 0 0 0 1px rgba(255, 255, 255, 0.72) inset;backdrop-filter: blur(17px);-webkit-backdrop-filter: blur(17px);overflow: hidden;isolation: isolate;}.itinerae::before {content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background: linear-gradient( 120deg, rgba(255, 255, 255, 0.58), transparent 31% );}.itinerae > * {position: relative;z-index: 1;}.osoite {display: flex;align-items: center;font: 10px monospace;gap: 9px;min-height: 47px;padding: 4px 10px 2px 10px;border-bottom: 1px solid rgba(157, 180, 152, 0.42);box-shadow: inset 0 1px 0 rgba(255,255,255,.75);background: linear-gradient( to bottom, rgba(255, 255, 255, 0.88), rgba(229, 239, 226, 0.72) );backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);}.sivun-osoite {display: flex;align-items: center;flex: 1;min-width: 0;height: 22px;padding: 2px 6px 0;border: 1px solid rgba(154, 178, 149, 0.52);border-radius: 15px;background: rgba(255, 255, 255, 0.66);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset, 0 2px 5px rgba(104, 121, 98, 0.08);color: var(--text-soft);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.osoitejuttu {color: #b5c2b2;}.address-domain {color: #879889;}.kello-ja-zoom {display: flex;align-items: center;gap: 4px;flex-shrink: 0;}.kello {display: inline-flex;align-items: center;justify-content: center;min-width: 68px;height: 22px;padding: 1px 7px 0;font: 9px var(--font-pixel);border: 1px solid rgba(154, 178, 149, 0.48);border-radius: 11px;background: linear-gradient( to bottom, rgba(255, 255, 255, 0.88), rgba(221, 234, 217, 0.72) );box-shadow: 0 1px 0 rgba(255, 255, 255, 0.94) inset, 0 2px 4px rgba(104, 121, 98, 0.08);color: #849587;letter-spacing: 1px;white-space: nowrap;}.tsuumi {display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 22px;padding: 0;border: 1px solid rgba(154, 178, 149, 0.48);border-radius: 11px;background: linear-gradient( to bottom, rgba(255, 255, 255, 0.88), rgba(221, 234, 217, 0.72) );box-shadow: 0 1px 0 rgba(255, 255, 255, 0.94) inset, 0 2px 4px rgba(104, 121, 98, 0.08);color: #849587;cursor: pointer;}.tsuumi svg {width: 11px;height: 11px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}.tsuumi:hover, .tsuumi:focus-visible {border-color: rgba(132, 157, 127, 0.62);background: rgba(247, 252, 244, 0.94);color: #6f8373;outline: none;transform: translateY(-1px);}.tsuumi:active {transform: translateY(0);}.pallot {display: flex;align-items: center;gap: 6px;flex-shrink: 0;}.pallo {width: 23px;height: 23px;border: 1px solid rgba(255, 255, 255, 0.55);border-radius: 50%;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76) inset, 0 2px 4px rgba(105, 121, 101, 0.14);}.pallo:nth-child(1) {background: rgba(226, 238, 222, 0.96);}.pallo:nth-child(2) {background: rgba(196, 216, 191, 0.94);}.pallo:nth-child(3) {background: rgba(163, 188, 157, 0.92);}.address-path {color: #aab8aa;}.itinerae-kuva {position: relative;min-height: 108px;padding: 24px 18px 24px;border-bottom: 0 solid rgba(157, 180, 152, 0.46);background: linear-gradient( 90deg, rgba(255, 255, 252, 0.80), rgba(220, 234, 216, 0.42) ), url("https://itinerae.shop/new_landing/banner.jpg") center / cover;overflow: hidden;}.itinerae-kuva::before {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 58px;pointer-events: none;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(242,247,239,.35) 35%, rgba(242,247,239,.98) 100%);z-index: 1;}.itinerae-kuva::after {content: "";position: absolute;inset: 0;background: linear-gradient( to bottom, rgba(255, 255, 255, 0.14), rgba(167, 190, 162, 0.15) );}.ylatunniste-sisalto {position: relative;z-index: 1;display: flex;min-height: 86px;flex-direction: column;justify-content: center;align-items: center;text-align: center;}.itinerae-nimi {display: inline-flex;align-items: center;justify-content: center;margin: 0;padding: 3px 14px 6px;border-bottom: 1px solid rgba(132, 157, 127, 0.42);color: #768d79;font-family: "spirit";font-size: 25px;font-style: italic;font-weight: normal;line-height: 0.9;letter-spacing: 3px;text-transform: lowercase;text-shadow: 2px 1px 0 rgba(255, 255, 255, 0.98), 0 5px 14px rgba(101, 123, 97, 0.15);}.site-status-strip {display: inline-flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 5px 11px;margin-top: 8px;padding: 4px 8px 3px 8px;border: 1px solid rgba(145, 169, 140, 0.42);border-radius: 12px;background: rgba(250, 253, 248, 0.66);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.82) inset, 0 3px 8px rgba(103, 124, 99, 0.07);color: #87968a;font: 9px var(--font-pixel);letter-spacing: 1px;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);}.site-status-item {display: inline-flex;align-items: center;gap: 7px;white-space: nowrap;}.site-status-value {color: #758779;}.iti-klik {display: flex;align-items: stretch;justify-content: center;border-bottom: 1px solid rgba(157, 180, 152, 0.46);background: linear-gradient( to bottom, rgba(255, 255, 255, 0.86), rgba(225, 237, 221, 0.76) );}.iti-klik a {flex: 1;min-width: 0;padding: 4px 5px 3px;border-right: 1px solid rgba(166, 186, 161, 0.34);color: #87978a;font-family: var(--font-pixel);font-size: 10px;font-weight: 600;letter-spacing: 3px;line-height: 1;text-align: center;text-decoration: none;}.iti-klik a:last-child {border-right: 0;}.iti-klik a:hover {color: #708475;background: rgba(241, 247, 238, 0.80);}.iti-klik a img {margin-right: 0;opacity: 0.5;vertical-align: -1px;}.iti-klik a.is-active, .iti-klik a[aria-current="page"] {color: #6f8373;background: rgba(239, 247, 236, 0.94);box-shadow: 0 -2px 0 rgba(135, 159, 138, 0.34) inset;}.sivurakenne {display: grid;grid-template-columns: minmax(0, 1fr) 170px;gap: 9px;padding: 9px;background: rgba(237, 245, 234, 0.46);}.sivupalkki, .paasisalto {display: flex;min-width: 0;flex-direction: column;gap: 9px;}.paasisalto {grid-column: 1;grid-row: 1;}.sivupalkki {grid-column: 2;grid-row: 1;}.box {position: relative;min-width: 0;border: 1px solid var(--border);border-radius: 5px;background: linear-gradient( 135deg, var(--surface-light), var(--surface-soft) );box-shadow: 0 5px 12px var(--shadow), 0 1px 0 rgba(255, 255, 255, 0.94) inset;backdrop-filter: blur(11px);-webkit-backdrop-filter: blur(11px);overflow: hidden;}.box::after {content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient( 115deg, rgba(255, 255, 255, 0.32), transparent 36% );}.box > * {position: relative;z-index: 1;}.box-title {margin: 0;padding: 4px 5px 2px 5px;border-bottom: 1px solid rgba(164, 184, 158, 0.40);background: linear-gradient( to bottom, rgba(255, 255, 255, 0.86), rgba(222, 235, 218, 0.76) );color: var(--heading);font-family: "04b", arial;font-size: 10px;font-weight: normal;letter-spacing: 1px;text-align: left;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.94);}.vihreax {float: right;margin-left: 4px;padding-bottom: 6px;}.perhonen {float: left;margin-right: 7px;opacity: 0.5;}.box-body {position: relative;margin: 5px;padding: 8px;border: 1px dashed rgba(166, 186, 161, 0.46);border-radius: 3px;background: linear-gradient( 135deg, rgba(255, 255, 255, 0.72), rgba(235, 244, 232, 0.56) );box-shadow: 0 1px 0 rgba(255, 255, 255, 0.90), 0 0 0 1px rgba(255, 255, 255, 0.54) inset, 0 6px 14px rgba(111, 132, 107, 0.05) inset;}.box-body::after {content: "";position: absolute;inset: 4px;pointer-events: none;border: 1px dotted rgba(166, 186, 161, 0.20);border-radius: 2px;}.box-body > * {position: relative;z-index: 1;}.box-body--flush {padding: 0;}.updates-list, .todo-list {margin: 0;padding: 0;list-style: none;}.updates-list li:last-child {margin-bottom: 0;}.todo-list li {margin-bottom: 5px;padding-bottom: 4px;border-bottom: 1px dotted var(--border-soft);}.todo-list li:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}.todo-marker {display: inline-block;width: 12px;color: #9aae96;}.sidebar-button-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 5px;}.sidebar-button-grid a {display: block;padding: 5px 3px;border: 1px solid rgba(159, 181, 153, 0.46);border-radius: 3px;background: rgba(253, 255, 251, 0.66);font-size: 9px;text-align: center;text-decoration: none;}.shye-card .box-body {overflow: auto;}.shye-photo {float: left;width: 60px;height: 60px;margin: 0 8px 4px 0;padding: 3px;border: 1px solid rgba(151, 176, 146, 0.52);border-radius: 4px;background: rgba(255, 255, 255, 0.66);box-shadow: 0 2px 6px rgba(104, 123, 100, 0.11);object-fit: cover;opacity: 0.72;filter: saturate(0.62) brightness(1.08) hue-rotate(28deg);}.shye-name {color: #788b7b;font: italic 14px/1.05 var(--font-serif);letter-spacing: 1px;text-transform: lowercase;}.snapshot-list {margin: 0;padding: 0;list-style: none;}.snapshot-list li {display: flex;align-items: baseline;justify-content: space-between;gap: 8px;padding: 3px 0;border-bottom: 1px dotted var(--border-soft);}.snapshot-list li:last-child {border-bottom: 0;}.snapshot-label {color: var(--text-soft);}.snapshot-value {color: #748778;font-weight: bold;text-align: right;}.sidebar-action {display: block;margin-top: 7px;padding: 5px 4px 2px 4px;border: 1px solid rgba(154, 178, 149, 0.46);border-radius: 3px;background: rgba(250, 253, 248, 0.72);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.82) inset;font-size: 10px;letter-spacing: 2px;text-align: center;text-decoration: none;}.shye-state {clear: both;margin-top: 8px;padding-top: 6px;border-top: 1px dotted var(--border-soft);}.state-item {margin-bottom: 7px;}.state-item:last-child {margin-bottom: 0;}.shye-state-label {display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 4px;color: var(--text-soft);font-size: 8px;letter-spacing: 1px;}.shye-state-label strong {color: #748778;font-size: 8px;font-weight: normal;}.state-progress {height: 5px;border: 1px solid rgba(154, 178, 149, 0.42);border-radius: 5px;background: rgba(255, 255, 255, 0.62);overflow: hidden;}.state-progress span {display: block;height: 100%;background: linear-gradient(to right, #d7e6d3, #aec5aa);}#slideshow {width: 100%;overflow: hidden;border-radius: 6px;}#slideshow marquee {display: block;}#slideshow a {display: inline-block;margin-right: 5px;vertical-align: middle;}#slideshow img {display: block;width: 125px;height: 95px;padding: 5px;border: 1px solid rgba(150, 174, 145, 0.55);border-radius: 4px;background: rgba(255, 255, 255, 0.72);box-shadow: 0 2px 5px rgba(100, 120, 96, 0.10), inset 0 0 0 1px rgba(255, 255, 255, 0.8);object-fit: contain;opacity: 0.92;}.introduction-box .box-body {padding: 12px 11px;}.introduction-greeting {display: inline-block;margin-bottom: 8px;padding: 0 0 3px;border-bottom: 1px solid rgba(145, 171, 140, 0.34);color: #91a194;font-family: var(--font-serif);font-size: 16px;font-style: italic;text-transform: lowercase;}.introduction-link {margin-top: 13px;font-size: 14px;letter-spacing: 5px;}.content-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 9px;}.miniblog-list {display: flex;flex-direction: column;}.miniblog-entry {display: grid;grid-template-columns: 54px minmax(0, 1fr);gap: 9px;align-items: start;padding: 10px;border-bottom: 1px dotted var(--border-soft);}.miniblog-entry:last-child {border-bottom: 0;}.miniblog-image {display: block;width: 54px;border: 0px solid var(--border);border-radius: 3px;background: rgba(240, 247, 237, 0.0);object-fit: cover;opacity: 0.76;filter: saturate(0.62) sepia(0.08) hue-rotate(45deg);}.miniblog-content {min-width: 0;}.miniblog-meta {display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 8px;margin-bottom: 4px;padding-bottom: 3px;border-bottom: 1px solid rgba(166, 186, 161, 0.28);}.miniblog-date {color: #a0afa2;font-size: 9px;}.miniblog-title {color: #7f9182;font-family: var(--font-serif);font-size: 13px;font-style: italic;font-weight: 600;letter-spacing: 1px;line-height: 1;text-transform: lowercase;}.introduction-image {float: left;width: 70px;margin-right: 10px;opacity: 0.60;filter: grayscale(50%);}.sivunakyma {display: flex;min-width: 0;flex-direction: column;gap: 9px;}.sivunakyma[hidden] {display: none;}.sivunakyma.is-active {animation: page-view-in 0.22s ease both;}.sivunakyma:focus {outline: none;}@keyframes page-view-in {from {opacity: 0;transform: translateY(4px);}to {opacity: 1;transform: translateY(0);}}.page-list {margin: 0;padding: 0;list-style: none;}.page-list li {position: relative;margin-bottom: 6px;padding: 0 0 5px 14px;border-bottom: 1px dotted var(--border-soft);}.page-list li:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}.commission-status {display: flex;align-items: center;gap: 8px;margin-bottom: 9px;padding: 7px 8px 4px 8px;border: 1px solid rgba(159, 181, 153, 0.42);border-radius: 3px;background: rgba(246, 251, 244, 0.72);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.88) inset;}.commission-status strong {letter-spacing: 2px;}.updates-list {display: grid;gap: 4px;}.updates-list li {display: grid;grid-template-columns: 82px minmax(0, 1fr);align-items: stretch;margin: 0;padding: 0;border: 1px solid rgba(166, 186, 161, 0.30);border-radius: 2px;background: rgba(255, 255, 255, 0.54);overflow: hidden;}.update-date {display: flex;align-items: center;justify-content: center;padding: 6px 5px 4px;border-right: 1px solid rgba(153, 177, 148, 0.38);background: rgba(218, 232, 214, 0.68);color: #7d9080;font-family: var(--font-screen);font-size: 10px;letter-spacing: 1px;white-space: nowrap;}.update-text {min-width: 0;align-self: center;padding: 6px 7px 4px;color: #849287;line-height: 1.35;}.sivunakyma:not(#home) > .introduction-box {border-color: rgba(145, 171, 140, 0.56);background: linear-gradient( 145deg, rgba(251, 253, 249, 0.90), rgba(223, 235, 219, 0.72) );}.sivunakyma:not(#home) > .introduction-box .box-body {margin: 6px;border-style: solid;background: rgba(252, 254, 251, 0.62);}.sivunakyma:not(#home) .content-grid > .box, #terms > .box:last-child, #comms > .box:not(.introduction-box) {border-color: rgba(153, 178, 148, 0.46);}.page-list {display: grid;gap: 4px;}.page-list li {margin: 0;padding: 5px 7px 4px 9px;border: 1px solid rgba(166, 186, 161, 0.26);border-left: 2px solid rgba(135, 159, 138, 0.42);border-radius: 2px;background: rgba(250, 253, 248, 0.48);}.page-list li::before {content: none;}#terms .content-grid .box-body {min-height: 92px;border-style: solid;}.guide-item {padding: 7px 0;border-bottom: 1px dotted var(--border-soft);}.guide-item:last-child {padding-bottom: 0;border-bottom: 0;}.guide-item strong {display: block;margin-bottom: 3px;font-size: 9px;letter-spacing: 1px;}.guide-item p {margin: 0;}#comms .commission-status {border-left: 3px solid rgba(129, 154, 124, 0.52);background: linear-gradient( to right, rgba(228, 239, 224, 0.74), rgba(250, 253, 248, 0.64) );}#comms > .box:last-child .box-body {border-style: solid;background: rgba(232, 241, 229, 0.54);}#info .content-grid > .box:first-child .box-body {border-style: solid;}.alatunniste {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 2px 8px;min-height: 29px;padding: 6px 12px 5px;border-top: 1px solid rgba(157, 180, 152, 0.46);background: linear-gradient( to bottom, rgba(255, 255, 255, 0.84), rgba(218, 232, 214, 0.76) );color: #8c9a8e;font-family: var(--font-serif);font-size: 13px;font-style: italic;line-height: 1.35;text-align: center;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.92);text-transform: lowercase;}.alatunniste span {min-width: 0;}@media (max-width: 600px) {body {padding: 30px;}.itinerae {border-radius: 11px;}.kello-ja-zoom {gap: 3px;}.tsuumi {width: 22px;}.pallot {gap: 4px;}.pallo {width: 18px;height: 18px;}.itinerae-kuva {min-height: 126px;padding: 20px 15px 26px;}.itinerae-nimi {padding: 3px 12px 6px;font-size: 23px;}.site-status-strip {gap: 4px 8px;margin-top: 7px;padding: 4px 8px 3px;font-size: 7px;}.iti-klik {flex-wrap: wrap;}.iti-klik a {flex: 1 0 50%;border-bottom: 1px solid rgba(166, 186, 161, 0.28);}.sivurakenne {display: flex;flex-direction: column;}.paasisalto {order: 1;}.sivupalkki {order: 2;display: grid;grid-template-columns: 1fr 1fr;align-items: start;}}@media (max-width: 430px) {.content-grid, .sivupalkki {grid-template-columns: 1fr;}.miniblog-entry {grid-template-columns: 46px minmax(0, 1fr);gap: 8px;padding: 9px;}.miniblog-image {width: 46px;}.alatunniste {gap: 1px;padding: 7px 10px 6px;font-size: 12px;line-height: 1.35;}.alatunniste span {flex: 1 1 100%;}}@media (max-width: 340px) {.osoitejuttu, .pallot {display: none;}.itinerae-nimi {font-size: 22px;}}