@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&family=Sawarabi+Mincho&display=swap");:root{--color-primary:#f0f;--color-primary-light:#f6f;--color-primary-dark:#c0c;--color-secondary:#0ff;--color-secondary-light:#6ff;--color-accent:#ff0;--color-accent-light:#ff6;--gradient-primary:linear-gradient(135deg,#f0f,#0ff);--gradient-secondary:linear-gradient(135deg,#ff0,#f0f);--gradient-rainbow:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);--color-bg-primary:navy;--color-bg-secondary:#006;--color-bg-tertiary:#00a;--color-text-primary:#fff;--color-text-secondary:#ff0;--color-text-muted:#0ff;--glass-bg:rgba(0,0,128,.8);--glass-border:#fff;--glass-blur:none;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-2xl:0;--radius-full:0;--shadow-sm:2px 2px 0 #000;--shadow-md:3px 3px 0 #000;--shadow-lg:4px 4px 0 #000;--shadow-xl:5px 5px 0 #000;--shadow-glow:0 0 10px #f0f;--transition-fast:0ms;--transition-base:0ms;--transition-slow:0ms;--z-dropdown:1000;--z-modal:2000;--z-toast:3000}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Sawarabi Mincho,"Noto Serif JP",MS 明朝,游明朝,serif;background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.8;overflow-x:hidden}body:before{top:0}body:after,body:before{content:"";position:fixed;left:0;width:100%;height:8px;background:var(--gradient-rainbow);z-index:9999}body:after{bottom:0}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background:silver;border-color:#fff grey grey #fff;border-style:solid;border-width:2px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.4;margin-bottom:var(--space-md);text-shadow:2px 2px 0 navy}h1{font-size:2.5rem;color:#ff0;text-align:center;animation:blink 1s infinite}h2{font-size:2rem;color:#0ff}h3{font-size:1.5rem;color:#f0f}p{margin-bottom:var(--space-md)}a{color:#0ff;text-decoration:underline}a:hover{color:#ff0;background:#f0f}a:visited{color:#f0f}.container{max-width:800px;margin:0 auto;padding:0 var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.glass-card{background:silver;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;padding:var(--space-lg);color:#000}.glass-card:hover{background:#d0d0d0}.btn-gradient{background:silver;color:#000;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;padding:var(--space-sm) var(--space-lg);font-weight:700;cursor:pointer;font-family:MS ゴシック,sans-serif;font-size:1rem}.btn-gradient:hover{background:#a0a0a0}.btn-gradient:active{border-color:grey #fff #fff grey}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes rainbow{0%{color:red}16%{color:#ff7f00}33%{color:#ff0}50%{color:#0f0}66%{color:#00f}83%{color:#9400d3}to{color:red}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.animate-fade-in{animation:fadeIn .5s ease}.animate-slide-in{animation:slideIn .5s ease}.animate-pulse{animation:blink 1s infinite}.animate-rainbow{animation:rainbow 2s linear infinite}.marquee{width:100%;overflow:hidden;background:navy;border:2px solid #fff;padding:var(--space-sm) 0}.marquee-content{display:inline-block;white-space:nowrap;animation:marquee 10s linear infinite;color:#ff0;font-weight:700}input,textarea{width:100%;background:#fff;border-color:grey #fff #fff grey;border-style:solid;border-width:2px;padding:var(--space-sm) var(--space-md);color:#000;font-family:MS ゴシック,monospace;font-size:1rem}input:focus,textarea:focus{outline:none;border-color:navy}input::placeholder,textarea::placeholder{color:grey}.badge{display:inline-block;padding:2px 8px;background:red;color:#fff;font-size:.75rem;font-weight:700;border:1px solid #fff;animation:blink .5s infinite}.under-construction{text-align:center;padding:var(--space-md);color:#ff0;font-weight:700;animation:blink 1s infinite}.under-construction:before{content:"🚧 "}.under-construction:after{content:" 🚧"}.counter{font-family:Courier New,monospace;background:#000;color:#0f0;padding:5px 10px;border:2px solid #fff;display:inline-block}.sparkle{color:#ff0;animation:sparkle .5s infinite;text-shadow:0 0 10px #ff0}hr{height:3px;border:none;background:var(--gradient-rainbow);margin:var(--space-lg) 0}@media (max-width:768px){html{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.5rem}.container{padding:0 var(--space-md)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}