.tesseract-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#0d0b09;z-index:1}.tesseract-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;z-index:0;background-image:repeating-linear-gradient(36deg,transparent,transparent 20px,rgba(245,166,35,.03) 20px,rgba(245,166,35,.03) 40px),repeating-linear-gradient(108deg,transparent,transparent 20px,rgba(245,166,35,.03) 20px,rgba(245,166,35,.03) 40px),repeating-linear-gradient(72deg,transparent,transparent 30px,rgba(245,166,35,.02) 30px,rgba(245,166,35,.02) 60px),repeating-linear-gradient(144deg,transparent,transparent 30px,rgba(245,166,35,.02) 30px,rgba(245,166,35,.02) 60px);animation:penroseDrift 120s linear infinite;pointer-events:none}[data-theme=light] .tesseract-container:before{background-image:repeating-linear-gradient(36deg,transparent,transparent 20px,rgba(184,105,26,.03) 20px,rgba(184,105,26,.03) 40px),repeating-linear-gradient(108deg,transparent,transparent 20px,rgba(184,105,26,.03) 20px,rgba(184,105,26,.03) 40px),repeating-linear-gradient(72deg,transparent,transparent 30px,rgba(184,105,26,.02) 30px,rgba(184,105,26,.02) 60px),repeating-linear-gradient(144deg,transparent,transparent 30px,rgba(184,105,26,.02) 30px,rgba(184,105,26,.02) 60px)}@keyframes penroseDrift{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.tesseract-canvas{display:block;width:100%;height:100%;cursor:grab}.jigen-canvas canvas{display:block!important;position:relative!important;width:100%!important;height:100%!important}.tesseract-canvas:active{cursor:grabbing}.tesseract-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-lg)}.face-info{margin-top:calc(var(--nav-height) + var(--spacing-xl));text-align:center;color:var(--text-primary);text-shadow:0 2px 8px rgba(0,0,0,.8)}.face-label{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:.1em;color:var(--harvest);margin:0;text-transform:uppercase;animation:fadeSlideIn .6s ease-out}.face-description{font-size:clamp(1rem,2vw,1.5rem);font-weight:400;color:var(--text-primary);margin-top:var(--spacing-md);opacity:.9;animation:fadeSlideIn .8s ease-out}.nav-hints{margin-bottom:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:.875rem;opacity:.6;transition:opacity var(--transition-base)}.nav-hints:hover{opacity:1}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tesseract-container.loading{background:linear-gradient(135deg,#0d0b09,#161412)}.tesseract-container.loading:after{content:"Loading tesseract...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--harvest);font-size:1.5rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}@media (max-width: 768px){.tesseract-overlay{padding:var(--spacing-lg) var(--spacing-md)}.face-info{margin-top:calc(var(--nav-height) + var(--spacing-lg))}.face-label{font-size:clamp(2rem,12vw,4rem)}.face-description{font-size:clamp(.875rem,3vw,1.125rem)}.nav-hints{font-size:.75rem;margin-bottom:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.face-label,.face-description{animation:none}}.jigen-help-icon{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;border-radius:50%;background:var(--harvest);color:#0d0b09;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:1000;box-shadow:0 4px 12px #f5a6234d;transition:all .3s ease;pointer-events:auto}.jigen-help-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px #f5a62380}[data-theme=light] .jigen-help-icon{background:#b8691a;color:#f5f5f0;box-shadow:0 4px 12px #b8691a4d}[data-theme=light] .jigen-help-icon:hover{box-shadow:0 6px 20px #b8691a80}.jigen-help-popup{position:fixed;bottom:6rem;right:2rem;max-width:400px;background:#0d0b09f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--harvest);border-radius:12px;padding:1.5rem;z-index:999;pointer-events:auto;animation:slideInUp .3s ease-out;box-shadow:0 8px 32px #0009}[data-theme=light] .jigen-help-popup{background:#f5f5f0f2;border-color:#b8691a;box-shadow:0 8px 32px #0003}.jigen-help-popup h3{font-size:1.5rem;font-weight:700;color:var(--harvest);margin:0 0 1rem;letter-spacing:.05em}[data-theme=light] .jigen-help-popup h3{color:#b8691a}.jigen-help-popup p{font-size:.95rem;line-height:1.6;color:var(--text-primary);margin:0 0 1rem}.jigen-help-popup p:last-child{margin-bottom:0}.jigen-help-popup strong{color:var(--harvest);font-weight:600}[data-theme=light] .jigen-help-popup strong{color:#b8691a}.jigen-help-popup em{color:var(--harvest);font-style:italic}[data-theme=light] .jigen-help-popup em{color:#b8691a}.jigen-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:1}.tesseract-container.collapsed .jigen-canvas{top:calc(var(--nav-height) + 1rem)!important;right:calc(2rem + 50px)!important;left:auto!important;width:8rem!important;height:8rem!important;z-index:1001;pointer-events:auto;filter:drop-shadow(0 8px 24px rgba(245,166,35,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.4))}.tesseract-container.collapsed.content-visible .jigen-canvas{z-index:3000;top:calc(var(--nav-height) + 1rem)!important;right:calc(2rem + 50px)!important;left:auto!important}.tesseract-container.collapsed .jigen-canvas:hover{filter:drop-shadow(0 12px 32px rgba(245,166,35,.8)) drop-shadow(0 6px 12px rgba(0,0,0,.5))}[data-theme=light] .tesseract-container.collapsed .jigen-canvas{filter:drop-shadow(0 8px 24px rgba(184,105,26,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.3))}[data-theme=light] .tesseract-container.collapsed .jigen-canvas:hover{filter:drop-shadow(0 12px 32px rgba(184,105,26,.8)) drop-shadow(0 6px 12px rgba(0,0,0,.4))}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.jigen-mobile-scroll-content{position:absolute;left:-9999px;top:-9999px;visibility:hidden;opacity:0;pointer-events:none}@media (max-width: 768px){.tesseract-container{position:fixed;overflow:hidden;height:100vh;width:100vw}.jigen-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;pointer-events:auto;touch-action:none;background:var(--bg-primary)}.tesseract-container.collapsed .jigen-canvas{position:fixed!important;top:2.25rem!important;right:1rem!important;bottom:auto!important;left:auto!important;width:5rem!important;height:5rem!important;z-index:9999!important;transform:translateZ(0)!important;will-change:transform}.tesseract-container.collapsed.content-visible .jigen-canvas{top:2.25rem!important;right:1rem!important;bottom:auto!important;left:auto!important}.jigen-help-icon{width:2.5rem;height:2.5rem;font-size:1.25rem;bottom:1.5rem;right:1.5rem}.jigen-help-popup{right:1rem;left:1rem;bottom:5rem;max-width:none;padding:1rem}.jigen-help-popup h3{font-size:1.25rem}.jigen-help-popup p{font-size:.875rem}}.jigen-content-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);z-index:2000;overflow:auto;animation:fadeIn .4s ease-out}.jigen-content-wrapper{width:100%;min-height:100vh;padding-top:var(--nav-height)}.jigen-content-body{width:100%;height:100%}.jigen-content-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--harvest);font-size:1.5rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tesseract-app{width:100vw;height:100vh;overflow:hidden;position:relative}@media (max-width: 768px){.tesseract-app{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}.jigen-topnav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background:#0d0b09f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--harvest);z-index:1000;gap:var(--spacing-lg)}[data-theme=light] .jigen-topnav{background:#f5f5f0f2;border-bottom:2px solid #B8691A}.jigen-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.jigen-logo{font-size:1.5rem}.jigen-logo.crab-logo-svg{width:2rem;height:1.15rem;display:inline-block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='532' height='307' viewBox='0 0 532 307'%3E%3Cstyle%3E.crab-body %7B fill: %23F5A623; %7D .crab-detail %7B fill: %23ff9900; %7D%3C/style%3E%3Cpath class='crab-body' d='M341.8,144.5 L385.2,130.7 L385.1,174.9 L341.8,188.7 Z'/%3E%3Cpath class='crab-body' d='M417.6,90.6 L460.9,76.8 L460.9,121.0 L417.6,134.8 Z'/%3E%3Cpath class='crab-body' d='M433.6,36.8 L460.2,73.8 L418.1,87.4 L391.5,50.5 Z'/%3E%3Cpath class='crab-body' d='M311.6,230.3 L338.1,267.2 L296.1,280.9 L269.5,243.9 Z'/%3E%3Cpath class='crab-body' d='M356.5,90.4 L383.1,127.3 L341.0,141.0 L314.5,104.0 Z'/%3E%3Cpath class='crab-body' d='M367.0,229.8 L340.4,192.8 L314.1,228.4 L340.6,265.3 Z'/%3E%3Cpath class='crab-body' d='M308.4,180.3 L267.4,166.7 L267.0,208.6 L307.9,222.2 Z'/%3E%3Cpath class='crab-body' d='M293.7,130.2 L334.6,143.8 L309.9,177.6 L268.9,164.0 Z'/%3E%3Cpath class='crab-body' d='M291.5,129.4 L266.3,94.4 L241.4,128.1 L266.6,163.0 Z'/%3E%3Cpath class='crab-body' d='M223.2,180.8 L264.1,167.3 L264.5,209.2 L223.6,222.7 Z'/%3E%3Cpath class='crab-body' d='M239.2,131.1 L198.3,144.6 L222.9,178.5 L263.9,165.0 Z'/%3E%3Cpath class='crab-body' d='M384.8,254.7 L428.0,268.9 L402.0,304.7 L358.8,290.4 Z'/%3E%3Cpath class='crab-body' d='M413.2,216.7 L456.4,230.9 L430.4,266.7 L387.2,252.4 Z'/%3E%3Cpath class='crab-body' d='M504.2,215.7 L530.8,252.7 L488.7,266.3 L462.1,229.4 Z'/%3E%3Cpath class='crab-body' d='M476.0,176.9 L502.5,213.8 L460.5,227.5 L433.9,190.5 Z'/%3E%3Cpath class='crab-body' d='M384.8,177.6 L411.4,214.6 L369.3,228.2 L342.8,191.3 Z'/%3E%3Cpath class='crab-body' d='M190.8,145.0 L147.5,131.0 L147.5,175.3 L190.8,189.2 Z'/%3E%3Cpath class='crab-body' d='M115.2,90.9 L71.9,76.9 L71.8,121.2 L115.1,135.1 Z'/%3E%3Cpath class='crab-body' d='M99.4,37.0 L72.8,73.8 L114.8,87.5 L141.4,50.7 Z'/%3E%3Cpath class='crab-body' d='M221.9,229.8 L195.4,266.6 L237.3,280.3 L263.9,243.4 Z'/%3E%3Cpath class='crab-body' d='M176.3,90.7 L149.8,127.6 L191.7,141.3 L218.3,104.4 Z'/%3E%3Cpath class='crab-body' d='M165.5,230.1 L192.1,193.3 L218.3,228.8 L191.7,265.6 Z'/%3E%3Cpath class='crab-body' d='M147.6,255.0 L104.4,269.1 L130.3,304.9 L173.5,290.8 Z'/%3E%3Cpath class='crab-body' d='M119.3,216.9 L76.1,231.1 L102.0,266.9 L145.2,252.7 Z'/%3E%3Cpath class='crab-body' d='M28.4,215.7 L1.8,252.6 L43.8,266.3 L70.3,229.4 Z'/%3E%3Cpath class='crab-body' d='M56.7,177.0 L30.1,213.8 L72.1,227.5 L98.7,190.7 Z'/%3E%3Cpath class='crab-body' d='M147.8,177.9 L121.2,214.8 L163.2,228.5 L189.8,191.6 Z'/%3E%3Cpath class='crab-detail' d='M414.8,91.4 L388.0,128.7 L388.2,174.7 L415.1,137.4 Z'/%3E%3Cpath class='crab-detail' d='M344.7,37.1 L388.2,51.8 L415.0,89.2 L371.3,74.7 Z'/%3E%3Cpath class='crab-detail' d='M434.1,35.3 L392.4,15.8 L347.3,24.5 L388.9,44.2 Z'/%3E%3Cpath class='crab-detail' d='M355.0,86.9 L311.4,72.5 L267.7,86.5 L311.3,101.0 Z'/%3E%3Cpath class='crab-detail' d='M311.1,226.5 L267.5,212.1 L223.7,226.1 L267.4,240.6 Z'/%3E%3Cpath class='crab-detail' d='M338.7,143.1 L311.9,180.4 L312.1,226.4 L339.0,189.1 Z'/%3E%3Cpath class='crab-detail' d='M267.3,89.5 L310.9,104.1 L337.6,141.5 L293.9,127.0 Z'/%3E%3Cpath class='crab-detail' d='M387.0,176.5 L430.6,191.1 L457.3,228.5 L413.6,214.0 Z'/%3E%3Cpath class='crab-detail' d='M461.4,307.3 L505.0,292.7 L531.7,255.3 L488.0,269.8 Z'/%3E%3Cpath class='crab-detail' d='M387.0,174.3 L430.6,160.0 L474.3,173.9 L430.7,188.5 Z'/%3E%3Cpath class='crab-detail' d='M118.0,91.6 L144.7,129.0 L144.4,174.9 L117.6,137.6 Z'/%3E%3Cpath class='crab-detail' d='M188.3,37.5 L144.7,52.0 L117.8,89.4 L161.5,75.0 Z'/%3E%3Cpath class='crab-detail' d='M101.9,35.3 L143.6,16.2 L188.6,25.1 L146.9,44.5 Z'/%3E%3Cpath class='crab-detail' d='M177.8,87.3 L221.5,73.1 L265.2,87.3 L221.5,101.6 Z'/%3E%3Cpath class='crab-detail' d='M194.0,143.5 L220.7,180.9 L220.4,226.8 L193.6,189.5 Z'/%3E%3Cpath class='crab-detail' d='M265.5,90.1 L221.9,104.6 L195.0,141.9 L238.8,127.5 Z'/%3E%3Cpath class='crab-detail' d='M218.2,1.6 L209.1,37.6 L222.9,72.1 L232.1,36.0 Z'/%3E%3Cpath class='crab-detail' d='M315.1,1.6 L324.2,37.6 L310.4,72.1 L301.2,36.0 Z'/%3E%3Cpath class='crab-detail' d='M145.6,176.8 L102.0,191.3 L75.1,228.6 L118.9,214.3 Z'/%3E%3Cpath class='crab-detail' d='M70.9,307.5 L27.4,292.8 L0.8,255.3 L44.4,269.9 Z'/%3E%3Cpath class='crab-detail' d='M145.7,174.6 L102.1,160.2 L58.3,174.0 L101.9,188.7 Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.jigen-title{font-size:1.25rem;font-weight:700;letter-spacing:.15em;color:var(--harvest);text-transform:uppercase}.jigen-nav{display:flex;gap:var(--spacing-sm);flex:1;justify-content:center}.jigen-nav-item{background:transparent;border:2px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.05em;transition:all var(--transition-base);text-transform:uppercase}.jigen-nav-item:hover{border-color:var(--harvest);color:var(--harvest);transform:translateY(-2px)}.jigen-nav-item.active{background:var(--harvest);border-color:var(--harvest);color:#0d0b09}[data-theme=light] .jigen-nav-item{border-color:#8b7640;color:#2c2a28}[data-theme=light] .jigen-nav-item:hover{border-color:#b8691a;color:#b8691a}[data-theme=light] .jigen-nav-item.active{background:#b8691a;border-color:#b8691a;color:#f5f5f0}.jigen-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.jigen-hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:transparent;border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.jigen-hamburger:hover{border-color:var(--harvest);color:var(--harvest)}.jigen-mobile-menu{position:fixed;top:var(--nav-height);left:0;right:0;background:#0d0b09fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--harvest);z-index:999;animation:slideDown .3s ease-out;max-height:calc(100vh - var(--nav-height));overflow-y:auto}[data-theme=light] .jigen-mobile-menu{background:#f5f5f0fa;border-bottom-color:#b8691a}.jigen-nav-mobile{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.jigen-nav-mobile .jigen-nav-item{width:100%;text-align:center;padding:var(--spacing-md);font-size:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.jigen-topnav{padding:var(--spacing-md);height:var(--nav-height);flex-wrap:nowrap}.jigen-nav-desktop{display:none}.jigen-hamburger{display:flex}.theme-toggle-simple{width:40px;height:40px;padding:.375rem}}.tesseract-header{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background:#0d0b09cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000}.back-link{color:var(--harvest);text-decoration:none;font-weight:600;font-size:1rem;transition:opacity var(--transition-base)}.back-link:hover{opacity:.8}.theme-toggle-simple{background:transparent;border:2px solid var(--border-color);padding:.5rem;border-radius:8px;cursor:pointer;font-size:1.25rem;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.theme-toggle-simple:hover{border-color:var(--harvest);transform:scale(1.1)}[data-theme=light] .theme-toggle-simple{border-color:#8b7640;color:#2c2a28}[data-theme=light] .theme-toggle-simple:hover{border-color:#b8691a}.info-panel{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);background:#0d0b09e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);border-radius:12px;padding:var(--spacing-lg);text-align:center;z-index:100;max-width:500px;pointer-events:none}.info-panel h1{font-size:1.5rem;font-weight:700;letter-spacing:.1em;color:var(--harvest);margin:0 0 .5rem;text-transform:uppercase}.info-panel p{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem}.controls-info{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--border-color);padding-top:1rem;margin-top:1rem}.controls-info p{font-size:.75rem;margin:0;color:var(--text-primary)}.controls-info strong{color:var(--harvest);font-weight:600}@media (max-width: 768px){.tesseract-header{padding:0 var(--spacing-md)}.info-panel{bottom:var(--spacing-lg);left:var(--spacing-md);right:var(--spacing-md);transform:none;padding:var(--spacing-md)}.info-panel h1{font-size:1.25rem}.info-panel p{font-size:.75rem}.controls-info p{font-size:.625rem}}