@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap";:root{--red: #ff3b3b;--black: #222;--light-bg: #f7f6f3;--shadow-offset: 6px;--japanese-accent: #9d2933;--paper-texture: }body,html{margin:0;padding:0;font-family:Inter,Helvetica Neue,sans-serif;background-color:var(--light-bg);color:var(--black)}body body,html body{background:url(/assets/Frame_110-DButSouK.svg) bottom right / 35% no-repeat,url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ccc9c2' fill-opacity='0.2'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") top left / auto repeat;background-color:var(--light-bg);z-index:0}.vertical-text{position:absolute;opacity:100%;left:150px;top:45%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:upright;font-size:40px;letter-spacing:0px;font-weight:700;color:#ff3b3b}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.app-container:before{content:"";position:fixed;bottom:20px;left:20px;width:150px;height:150px;background-image:url(/assets/Frame_110-DButSouK.svg);background-size:contain;background-repeat:no-repeat;opacity:.6;z-index:-2;pointer-events:none}.igris-name{position:absolute;top:-15px;left:15px;font-size:2rem;font-weight:700;color:#222;font-family:Noto Sans JP,sans-serif;text-shadow:4px 4px 8px rgba(0,0,0,.6)}.header{display:flex;justify-content:space-between;align-items:center;padding:40px;border-bottom:1px solid rgba(0,0,0,.1)}.header:before{content:"和";position:absolute;right:10px;top:10px;font-family:Noto Sans JP,sans-serif;font-size:80px;color:#00000008;z-index:-1}.logo,.visit-link{height:24px}.content{display:flex;flex-direction:column;align-items:center;padding:20px 40px;position:relative;z-index:1}.canvas-container{width:100%;max-width:900px;margin:10px 0 20px;position:relative}.canvas-wrapper{position:relative}.canvas-wrapper:before{content:"";position:absolute;top:-8px;left:-8px;right:8px;bottom:8px;background:repeating-linear-gradient(45deg,var(--japanese-accent),var(--japanese-accent) 2px,transparent 2px,transparent 6px);z-index:-1;opacity:.15}canvas{width:100%;height:500px;background-color:var(--paper-texture);border:none;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--black)}.buttons{display:flex;justify-content:flex-end;gap:20px;margin-top:20px}button{padding:12px 24px;background-color:var(--light-bg);border:2px solid var(--black);font-family:inherit;font-weight:600;font-size:16px;text-transform:uppercase;cursor:pointer;position:relative;transition:transform .2s}button:after{content:"";position:absolute;top:50%;left:10px;width:4px;height:4px;background-color:var(--japanese-accent);border-radius:50%;opacity:0;transform:translateY(-50%);transition:opacity .2s}button:hover:after{opacity:1}button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--black)}button:active{transform:translate(0);box-shadow:none}.run-btn{background-color:var(--red);color:#fff}.reset-btn{background-color:var(--light-bg);color:var(--black)}.results-container{width:100%;max-width:900px;margin-top:20px;background-color:var(--light-bg);padding:30px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--black);position:relative;display:none;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.02' fill-rule='evenodd'%3E%3Cpath d='M0 20L20 0v10h10v10h10v20H0V20z'/%3E%3C/g%3E%3C/svg%3E");z-index:20}.results-container.visible{display:block;animation:fadeIn .4s ease-out forwards}.results-container:before{content:"RESULTS";position:absolute;top:-15px;left:20px;background-color:var(--red);color:#fff;font-weight:700;padding:5px 10px;font-size:14px;letter-spacing:1px;z-index:21}.results-content{font-size:16px;line-height:1.6;position:relative;z-index:20}.bg-circle{position:absolute;width:80px;height:80px;background-color:var(--japanese-accent);border-radius:50%;left:10%;bottom:30%;z-index:-1;opacity:.1}.bg-lines{position:absolute;width:600px;height:600px;border-radius:50%;top:10%;left:50%;transform:translate(-50%);z-index:-1;overflow:hidden}.bg-lines:before{content:"";position:absolute;width:800px;height:800px;top:-100px;left:-100px;background:repeating-radial-gradient(circle,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 1px,transparent 30px)}.app-container:after{content:"日本";position:fixed;bottom:20px;right:20px;font-family:Noto Sans JP,sans-serif;font-size:120px;color:#00000005;z-index:-2;transform:rotate(-10deg)}.content:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239d2933' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:-1}.canvas-container:after{content:"芸術";position:absolute;top:-30px;right:20px;font-family:Noto Sans JP,sans-serif;font-size:24px;color:#9d29331a;transform:rotate(5deg)}.footer{display:flex;justify-content:space-between;padding:10px 40px;margin-top:auto;border-top:1px solid rgba(0,0,0,.07)}.page-indicator,.year-label{height:18px;letter-spacing:1px;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header,.footer{padding:10px 20px}.content{padding:15px}canvas{height:450px}.buttons{margin-top:15px}button{padding:10px 20px;font-size:14px}}