:root{--bg-color:#f5f0e8;--text-color:#0a0a0a;--accent-color:#d4521a;--rule-color:#0a0a0a;--font-body:"Inter",sans-serif;--font-display:"Bebas Neue",display;--font-mono:"IBM Plex Mono",monospace;--font-jp:"Noto Sans JP",sans-serif;--container-max:1440px;--container-pad:2rem;--section-pad:8rem 0;--border:2px solid var(--rule-color)}[data-theme=dark]{--bg-color:#111;--text-color:#f0ebe0;--rule-color:#f0ebe0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit}ol,ul{list-style:none}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);line-height:1.5;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}.display-text,h1,h2,h3,h4{font-family:var(--font-display);line-height:.9;text-transform:uppercase}.mono-text{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.jp-text{font-weight:900}.jp-sub,.jp-text{font-family:var(--font-jp)}.jp-sub{color:var(--accent-color);font-size:1.2rem;letter-spacing:.1em;margin-bottom:.5rem}.container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-pad);position:relative;width:100%;z-index:2}section{padding:var(--section-pad);position:relative}.inverted-section{background-color:var(--text-color);color:var(--bg-color);--rule-color:var(--bg-color)}.pattern-bg{background-image:radial-gradient(var(--rule-color) 1px,transparent 1px);background-size:24px 24px;inset:0;opacity:.1}.kanji-bg,.pattern-bg{pointer-events:none;position:absolute;z-index:0}.kanji-bg{color:var(--text-color);font-family:var(--font-jp);font-size:25vw;left:50%;line-height:.8;opacity:.03;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.tag-orange{background-color:var(--accent-color);color:#f5f0e8}.tag-orange,.tag-outline{font-family:var(--font-mono);font-size:.75rem;padding:.2rem .5rem;white-space:nowrap}.tag-outline{color:var(--text-color)}.status-badge,.tag-outline{border:1px solid var(--rule-color)}.status-badge{background-color:var(--rule-color);color:var(--bg-color);display:inline-block;font-weight:600;padding:.3rem .6rem}.data-table{border:var(--border)}.data-row{border-bottom:1px solid var(--rule-color);display:grid;grid-template-columns:1fr 1.5fr}.data-row:last-child{border-bottom:none}.data-label{background-color:#00000008;border-right:1px solid var(--rule-color);font-family:var(--font-mono);font-weight:600;padding:1rem}.data-value{padding:1rem;word-break:break-word}.section-header-wrap{display:flex;flex-direction:column;margin-bottom:3rem;position:relative;z-index:10}.section-title{font-size:clamp(3rem,6vw,5rem)}.back-btn{align-items:center;border:1px solid var(--rule-color);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.3rem .8rem;transition:background-color .15s,color .15s}.back-btn:hover{background-color:var(--rule-color);color:var(--bg-color)}.ticket-cta{align-items:center;background-color:var(--bg-color);border:var(--border);color:var(--text-color);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-weight:600;padding:.5rem 1rem;transition:background-color .15s,color .15s}.ticket-cta:hover{background-color:var(--text-color);color:var(--bg-color)}.page-detail{min-height:100vh;padding-bottom:4rem;padding-top:7rem}.detail-header{border-bottom:4px solid var(--rule-color);margin-bottom:3rem;padding-bottom:2rem}.detail-img-placeholder{align-items:center;background-color:var(--rule-color);color:var(--bg-color);display:flex;font-family:var(--font-mono);height:clamp(250px,40vw,500px);justify-content:center;margin-bottom:2rem;padding:1rem;text-align:center;width:100%}.about-grid{display:grid;gap:4rem;grid-template-columns:2fr 1fr}.about-content{font-size:1.1rem;line-height:1.8}.about-content p{margin-bottom:1.5rem}.tech-stack-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.barcode-tick{background-image:repeating-linear-gradient(90deg,var(--rule-color),var(--rule-color) 2px,transparent 2px,transparent 6px);height:15px}.page-wipe-enter-active,.page-wipe-leave-active{transition:opacity .15s ease,transform .15s ease}.page-wipe-enter-from{opacity:0;transform:translateY(6px)}.page-wipe-leave-to{opacity:0;transform:translateY(-6px)}.prose h2,.prose h3{font-family:var(--font-display);font-size:2.5rem;margin:3rem 0 1rem;text-transform:uppercase}.prose p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.prose pre{border:var(--border);margin:2rem 0;overflow-x:auto;padding:1.5rem}.prose code{font-family:var(--font-mono);font-size:.9em}.prose :not(pre)>code{background:#0000000f;font-size:.88em;padding:.1em .4em}@media(max-width:900px){:root{--section-pad:5rem 0;--container-pad:1.5rem}.about-grid{gap:2rem;grid-template-columns:1fr}.kanji-bg{font-size:40vw}}