@font-face{font-family:Alex Brush;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/alex-brush-v23.ttf)format("truetype"),url(/MARO3/fonts/alex-brush-v23.ttf)format("truetype")}:root{--color-bg:#fffdf0;--color-bg-dark:#2a1f15;--color-text:#5c4534;--color-text-light:#8b7355;--color-accent:#8b6f4e;--color-overlay:#fffdf0e0;--color-border:#5c45342e;--font-script:"Alex Brush", cursive;--font-serif:"Crimson Text", serif;--font-jp:"Noto Serif JP", serif;--header-height:56px;--footer-height:44px;--transition-slow:.9s cubic-bezier(.25, .46, .45, .94);--transition-medium:.4s ease;--transition-fast:.2s ease;--z-base:1;--z-canvas:2;--z-texture:3;--z-edge:4;--z-ui:10;--z-modal-backdrop:40;--z-modal:50;--z-loading:100}body.dark-bg{--color-bg:#2a1f15;--color-text:#e8d5b7;--color-text-light:#c4a882;--color-accent:#c4a882;--color-overlay:#2a1f15e0;--color-border:#e8d5b726}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:#0f0d0a;font-size:16px}html,body,#root{width:100%;min-height:100svh;overflow-x:hidden}body{color:var(--color-text);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-slow), color var(--transition-slow);background-color:#0f0d0a;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.7}body.is-loading{overscroll-behavior:none;touch-action:none;width:100%;position:fixed;inset:0;overflow:hidden}#root{background:#0f0d0a;min-height:100svh;position:relative}#root:before{content:"";opacity:.055;pointer-events:none;z-index:var(--z-texture);mix-blend-mode:multiply;transition:opacity var(--transition-slow);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:280px 280px;position:fixed;inset:0}#root:after{content:none}h1{font-family:var(--font-script);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;line-height:1.2}h2{font-family:var(--font-script);font-size:clamp(1.2rem,2.7vw,1.8rem);font-weight:400;line-height:1.3}a{color:var(--color-text);text-underline-offset:3px;transition:color var(--transition-fast), opacity var(--transition-fast);text-decoration:underline}a:hover{opacity:.65}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{background:#5c453433}
.filter-wobble{filter:url(#wobble-filter)}.filter-crumple{filter:url(#crumple-filter)}