@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap");:root{--font-shinkanki:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;--font-shinkanki-sans:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bottom)}.pt-safe{padding-top:env(safe-area-inset-top,0)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width:639px){.content-with-tab{padding-bottom:calc(56px + env(safe-area-inset-bottom, 0px))}}body,html{font-family:var(--font-shinkanki);scroll-behavior:smooth}body{-moz-osx-font-smoothing:grayscale}a,button,div,h1,h2,h3,h4,h5,h6,input,label,li,p,select,span,td,textarea,th{font-family:var(--font-shinkanki)}.action-ribbon{display:none}.action-ribbon-label{align-items:center;color:var(--color-landing-gold);display:flex;font-size:.85rem;font-weight:600;gap:1.5rem;justify-content:space-between;letter-spacing:.4em;margin-bottom:.25rem;text-transform:uppercase}.action-ribbon-label span{color:#ffffffb3;font-size:.75rem;font-weight:500;letter-spacing:.25em}.action-ribbon-subtext{color:#ffffff8c;font-size:.7rem;letter-spacing:.2em;line-height:1.5;margin-bottom:.25rem}.action-ribbon-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:.25rem}.action-hanko,.hanko-btn{background:#fcfaf20f;border-radius:9999px;border-width:2px;box-shadow:0 15px 30px #0000004d,0 0 20px #d4af371a;height:3.5rem;transition:all .3s ease;width:3.5rem}.action-hanko:hover,.hanko-btn:hover{background:#fcfaf21a;border-color:#d4af3780;box-shadow:0 20px 40px #0006,0 0 30px #d4af3733;transform:translateY(-5px) scale(1.05)}.chat-message,.hud-chat-card,.hud-panel-light,.hud-stat-card,.player-info-card{transition:transform .35s var(--motion-easing-standard),box-shadow .35s var(--motion-easing-standard),border-color .35s var(--motion-easing-standard),background-color .35s var(--motion-easing-standard);will-change:transform,box-shadow}.hud-chat-card:hover,.hud-panel-light:hover,.hud-stat-card:hover,.player-info-card:hover{background-color:#ffffff0f;border-color:#d4af3740;box-shadow:0 22px 40px #0006;transform:translateY(-4px)}.chat-message{background-color:#ffffff0d;border-color:#ffffff14}.chat-message:hover{background-color:#ffffff14;border-color:#d4af3740;box-shadow:0 18px 30px #0000004d;transform:translateX(4px)}@media (max-width:768px){.project-stage{border-radius:1.25rem}.project-metrics{justify-content:space-between;width:100%}.action-hanko,.hanko-btn{height:3rem;width:3rem}.resonance-shell{padding-bottom:2rem}.resonance-board{border-radius:1rem;padding:1rem}}
/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:var(--trds-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:var(--trds-font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root,body{font-family:var(--trds-font-sans)}body{-webkit-font-smoothing:antialiased;background-color:var(--color-midnight);color:var(--color-landing-text-primary);text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--trds-font-serif);letter-spacing:.08em}code,kbd,pre{font-family:var(--trds-font-mono)}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.trds-glass-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--trds-surface-glass);border:1px solid var(--trds-outline-soft);border-radius:var(--shape-corner-large);box-shadow:var(--elevation-4);position:relative}.trds-glass-panel:after{background:linear-gradient(120deg,#ffffff14,#0000 65%);border-radius:inherit;content:"";inset:0;opacity:.6;pointer-events:none;position:absolute}.trds-divider{background:linear-gradient(90deg,#0000,#ffffff59,#d4af3773,#0000);height:1px;opacity:.8;width:100%}.trds-heading{color:var(--color-landing-text-secondary);font-family:var(--trds-font-serif);font-size:.75rem;letter-spacing:.4em;text-transform:uppercase}.trds-label{color:#fff9;font-size:.65rem;letter-spacing:.3em;text-transform:uppercase}.trds-pill{align-items:center;background:var(--trds-pill-bg);border:1px solid var(--trds-pill-border);border-radius:9999px;display:inline-flex;font-size:.7rem;gap:.35rem;letter-spacing:.2em;padding:.35rem .75rem}.trds-pill--gold{border-color:var(--trds-outline-strong);color:var(--color-landing-gold)}.trds-focusable{position:relative;transition:box-shadow var(--motion-duration-short4) var(--motion-easing-standard),transform var(--motion-duration-short4) var(--motion-easing-standard)}.trds-focusable:focus-visible{box-shadow:0 0 0 3px #d4af3759;outline:none;transform:translateY(-1px)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-\[40vh\]{bottom:40vh}.left-0{left:0}.left-1{left:.25rem}.left-full{left:100%}.right-0{right:0}.right-1\/4{right:25%}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-5{top:1.25rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.mx-0{margin-left:0;margin-right:0}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-4{margin-top:-1rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-12{height:3rem;width:3rem}.size-3{height:.75rem;width:.75rem}.size-4{height:1rem;width:1rem}.size-5{height:1.25rem;width:1.25rem}.size-8{height:2rem;width:2rem}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-64{max-height:16rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.min-h-\[44px\]{min-height:44px}.min-h-\[56px\]{min-height:56px}.min-h-\[6rem\]{min-height:6rem}.min-h-\[72px\]{min-height:72px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[16px\]{min-width:16px}.min-w-\[300px\]{min-width:300px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-80{max-width:20rem}.max-w-\[60px\]{max-width:60px}.max-w-\[80px\]{max-width:80px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x:0.25rem}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y:1rem}.rotate-0{--tw-rotate:0deg}.rotate-0,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-105,.scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.text-wrap{text-wrap:wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-trds-lg{border-radius:var(--shape-corner-large)}.rounded-trds-md{border-radius:var(--shape-corner-medium)}.rounded-trds-sm{border-radius:var(--shape-corner-small)}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l-2{border-left-width:2px}.border-l-8{border-left-width:8px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-double{border-style:double}.border-blue-500\/30{border-color:#3b82f64d}.border-gray-500\/30{border-color:#6b72804d}.border-green-500\/30{border-color:#22c55e4d}.border-green-500\/50{border-color:#22c55e80}.border-kin{--tw-border-opacity:1;border-color:rgb(199 179 112/var(--tw-border-opacity))}.border-kin\/30{border-color:#c7b3704d}.border-kin\/40{border-color:#c7b37066}.border-kin\/50{border-color:#c7b37080}.border-kohaku{--tw-border-opacity:1;border-color:rgb(191 120 58/var(--tw-border-opacity))}.border-kohaku\/30{border-color:#bf783a4d}.border-kohaku\/40{border-color:#bf783a66}.border-kohaku\/50{border-color:#bf783a80}.border-matsu{--tw-border-opacity:1;border-color:rgb(74 89 61/var(--tw-border-opacity))}.border-matsu\/30{border-color:#4a593d4d}.border-matsu\/40{border-color:#4a593d66}.border-matsu\/50{border-color:#4a593d80}.border-matsu\/60{border-color:#4a593d99}.border-purple-400{--tw-border-opacity:1;border-color:rgb(192 132 252/var(--tw-border-opacity))}.border-purple-400\/30{border-color:#c084fc4d}.border-purple-400\/40{border-color:#c084fc66}.border-purple-400\/50{border-color:#c084fc80}.border-purple-500\/30{border-color:#a855f74d}.border-purple-500\/50{border-color:#a855f780}.border-red-500\/30{border-color:#ef44444d}.border-sakura{--tw-border-opacity:1;border-color:rgb(238 196 206/var(--tw-border-opacity))}.border-sakura\/30{border-color:#eec4ce4d}.border-sakura\/40{border-color:#eec4ce66}.border-shu{--tw-border-opacity:1;border-color:rgb(211 56 28/var(--tw-border-opacity))}.border-shu\/30{border-color:#d3381c4d}.border-shu\/40{border-color:#d3381c66}.border-shu\/50{border-color:#d3381c80}.border-shu\/60{border-color:#d3381c99}.border-shu\/70{border-color:#d3381cb3}.border-sumi{--tw-border-opacity:1;border-color:rgb(28 28 28/var(--tw-border-opacity))}.border-sumi\/20{border-color:#1c1c1c33}.border-sumi\/30{border-color:#1c1c1c4d}.border-sumi\/50{border-color:#1c1c1c80}.border-trds-outline-soft{border-color:var(--trds-outline-soft)}.border-trds-outline-strong{border-color:var(--trds-outline-strong)}.border-washi\/20{border-color:#fcfaf233}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-b-transparent{border-bottom-color:#0000}.border-l-kin\/50{border-left-color:#c7b37080}.border-t-transparent{border-top-color:#0000}.bg-\[rgba\(15\2c 20\2c 25\2c 0\.9\)\]{background-color:#0f1419e6}.bg-\[rgba\(15\2c 20\2c 25\2c 0\.92\)\]{background-color:#0f1419eb}.bg-\[rgba\(15\2c 20\2c 25\2c 0\.95\)\]{background-color:#0f1419f2}.bg-\[rgba\(15\2c 20\2c 25\2c 0\.98\)\]{background-color:#0f1419fa}.bg-\[rgba\(20\2c 25\2c 35\2c 0\.98\)\]{background-color:#141923fa}.bg-\[var\(--color-landing-gold\)\]{background-color:var(--color-landing-gold)}.bg-\[var\(--color-midnight\)\]{background-color:var(--color-midnight)}.bg-black\/10{background-color:#0000001a}.bg-black\/20{background-color:#0003}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-gray-500\/30{background-color:#6b72804d}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-gray-800\/80{background-color:#1f2937cc}.bg-gray-900\/20{background-color:#11182733}.bg-green-500\/20{background-color:#22c55e33}.bg-green-500\/30{background-color:#22c55e4d}.bg-green-600\/30{background-color:#16a34a4d}.bg-green-900\/20{background-color:#14532d33}.bg-green-900\/30{background-color:#14532d4d}.bg-inherit{background-color:inherit}.bg-kin{--tw-bg-opacity:1;background-color:rgb(199 179 112/var(--tw-bg-opacity))}.bg-kin\/10{background-color:#c7b3701a}.bg-kin\/20{background-color:#c7b37033}.bg-kin\/30{background-color:#c7b3704d}.bg-kin\/5{background-color:#c7b3700d}.bg-kin\/50{background-color:#c7b37080}.bg-kin\/90{background-color:#c7b370e6}.bg-kohaku{--tw-bg-opacity:1;background-color:rgb(191 120 58/var(--tw-bg-opacity))}.bg-kohaku\/10{background-color:#bf783a1a}.bg-kohaku\/20{background-color:#bf783a33}.bg-kohaku\/30{background-color:#bf783a4d}.bg-kohaku\/40{background-color:#bf783a66}.bg-kohaku\/50{background-color:#bf783a80}.bg-matsu{--tw-bg-opacity:1;background-color:rgb(74 89 61/var(--tw-bg-opacity))}.bg-matsu\/10{background-color:#4a593d1a}.bg-matsu\/20{background-color:#4a593d33}.bg-matsu\/30{background-color:#4a593d4d}.bg-matsu\/5{background-color:#4a593d0d}.bg-matsu\/50{background-color:#4a593d80}.bg-pink-500\/20{background-color:#ec489933}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity))}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-500\/30{background-color:#a855f74d}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity))}.bg-purple-900\/10{background-color:#581c871a}.bg-purple-900\/20{background-color:#581c8733}.bg-purple-900\/30{background-color:#581c874d}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/50{background-color:#ef444480}.bg-red-900\/50{background-color:#7f1d1d80}.bg-sakura\/10{background-color:#eec4ce1a}.bg-sakura\/20{background-color:#eec4ce33}.bg-sakura\/30{background-color:#eec4ce4d}.bg-shu{--tw-bg-opacity:1;background-color:rgb(211 56 28/var(--tw-bg-opacity))}.bg-shu\/10{background-color:#d3381c1a}.bg-shu\/20{background-color:#d3381c33}.bg-shu\/30{background-color:#d3381c4d}.bg-shu\/40{background-color:#d3381c66}.bg-shu\/5{background-color:#d3381c0d}.bg-shu\/60{background-color:#d3381c99}.bg-sumi\/10{background-color:#1c1c1c1a}.bg-sumi\/20{background-color:#1c1c1c33}.bg-sumi\/30{background-color:#1c1c1c4d}.bg-sumi\/5{background-color:#1c1c1c0d}.bg-trds-surface{background-color:var(--trds-surface-dark)}.bg-trds-surface-glass{background-color:var(--trds-surface-glass)}.bg-washi{--tw-bg-opacity:1;background-color:rgb(252 250 242/var(--tw-bg-opacity))}.bg-washi\/80{background-color:#fcfaf2cc}.bg-washi\/90{background-color:#fcfaf2e6}.bg-washi\/95{background-color:#fcfaf2f2}.bg-white\/10{background-color:#ffffff1a}.bg-white\/30{background-color:#ffffff4d}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-500\/20{background-color:#eab30833}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-kin\/20{--tw-gradient-from:#c7b37033 var(--tw-gradient-from-position);--tw-gradient-to:#c7b37000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-kohaku\/20{--tw-gradient-from:#bf783a33 var(--tw-gradient-from-position);--tw-gradient-to:#bf783a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-matsu\/20{--tw-gradient-from:#4a593d33 var(--tw-gradient-from-position);--tw-gradient-to:#4a593d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-900\/30{--tw-gradient-from:#7f1d1d4d var(--tw-gradient-from-position);--tw-gradient-to:#7f1d1d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sakura\/20{--tw-gradient-from:#eec4ce33 var(--tw-gradient-from-position);--tw-gradient-to:#eec4ce00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sumi\/90{--tw-gradient-from:#1c1c1ce6 var(--tw-gradient-from-position);--tw-gradient-to:#1c1c1c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-washi{--tw-gradient-from:#fcfaf2 var(--tw-gradient-from-position);--tw-gradient-to:#fcfaf200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-kin\/10{--tw-gradient-to:#c7b37000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#c7b3701a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-kohaku\/10{--tw-gradient-to:#bf783a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#bf783a1a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-matsu\/10{--tw-gradient-to:#4a593d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#4a593d1a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-sakura\/10{--tw-gradient-to:#eec4ce00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#eec4ce1a var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-purple-900\/30{--tw-gradient-to:#581c874d var(--tw-gradient-to-position)}.to-sumi\/70{--tw-gradient-to:#1c1c1cb3 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.to-washi-dark{--tw-gradient-to:#efece4 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pb-48{padding-bottom:12rem}.pr-10{padding-right:2.5rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--trds-font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.font-serif{font-family:var(--trds-font-serif),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-8{line-height:2rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-\[var\(--color-landing-bg\)\]{color:var(--color-landing-bg)}.text-\[var\(--color-landing-gold\)\]{color:var(--color-landing-gold)}.text-\[var\(--color-landing-pale\)\]{color:var(--color-landing-pale)}.text-\[var\(--color-landing-text-primary\)\]{color:var(--color-landing-text-primary)}.text-\[var\(--color-landing-text-secondary\)\]{color:var(--color-landing-text-secondary)}.text-\[var\(--color-midnight\)\]{color:var(--color-midnight)}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-kin{--tw-text-opacity:1;color:rgb(199 179 112/var(--tw-text-opacity))}.text-kin\/60{color:#c7b37099}.text-kin\/70{color:#c7b370b3}.text-kohaku{--tw-text-opacity:1;color:rgb(191 120 58/var(--tw-text-opacity))}.text-kohaku\/70{color:#bf783ab3}.text-matsu{--tw-text-opacity:1;color:rgb(74 89 61/var(--tw-text-opacity))}.text-matsu\/70{color:#4a593db3}.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity))}.text-purple-200{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity))}.text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity))}.text-purple-400\/60{color:#c084fc99}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity))}.text-red-200\/70{color:#fecacab3}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-sakura{--tw-text-opacity:1;color:rgb(238 196 206/var(--tw-text-opacity))}.text-sakura\/70{color:#eec4ceb3}.text-shu{--tw-text-opacity:1;color:rgb(211 56 28/var(--tw-text-opacity))}.text-shu\/60{color:#d3381c99}.text-shu\/70{color:#d3381cb3}.text-sumi{--tw-text-opacity:1;color:rgb(28 28 28/var(--tw-text-opacity))}.text-sumi\/30{color:#1c1c1c4d}.text-sumi\/40{color:#1c1c1c66}.text-sumi\/50{color:#1c1c1c80}.text-sumi\/60{color:#1c1c1c99}.text-sumi\/70{color:#1c1c1cb3}.text-sumi\/80{color:#1c1c1ccc}.text-trds-text-primary{color:var(--color-landing-text-primary)}.text-trds-text-secondary{color:var(--color-landing-text-secondary)}.text-washi{--tw-text-opacity:1;color:rgb(252 250 242/var(--tw-text-opacity))}.text-washi\/50{color:#fcfaf280}.text-washi\/80{color:#fcfaf2cc}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white\/80{color:#fffc}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-white\/50::-moz-placeholder{color:#ffffff80}.placeholder-white\/50::placeholder{color:#ffffff80}.accent-shu{accent-color:#d3381c}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_15px_40px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_15px_40px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{--tw-shadow:0 15px 40px #00000059;--tw-shadow-colored:0 15px 40px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\[var\(--color-landing-gold\)\]{--tw-ring-color:var(--color-landing-gold)}.ring-kin{--tw-ring-opacity:1;--tw-ring-color:rgb(199 179 112/var(--tw-ring-opacity))}.ring-kin\/50{--tw-ring-color:#c7b37080}.ring-shu\/20{--tw-ring-color:#d3381c33}.ring-shu\/50{--tw-ring-color:#d3381c80}.blur{--tw-blur:blur(8px)}.blur,.brightness-200{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-200{--tw-brightness:brightness(2)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.drop-shadow-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[left\]{transition-duration:.15s;transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-trds{transition-duration:var(--motion-duration-short4)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-trds{transition-timing-function:var(--motion-easing-standard)}.text-gradient-gold{background:linear-gradient(90deg,#f8e7ba,#d7b24a,#fce7c5);-webkit-background-clip:text;color:#0000}.trds-shadow-gold{box-shadow:var(--trds-glow-gold)}.trds-shadow-ink{box-shadow:var(--trds-glow-ink)}:root{--color-washi:#fcfaf2;--color-washi-dark:#efece4;--color-sumi:#1c1c1c;--color-sumi-light:#444;--color-shu:#d3381c;--color-matsu:#4a593d;--color-kin:#c7b370;--color-sakura:#eec4ce;--color-kohaku:#bf783a;--color-surface:#fcfaf2;--color-surface-variant:#efece4;--color-surface-container:#f5f3eb;--color-surface-container-high:#ede9df;--color-surface-container-highest:#e5e1d7;--color-on-surface:#1c1c1c;--color-on-surface-variant:#444;--color-outline:#1c1c1c1f;--color-outline-variant:#1c1c1c14;--color-primary:#d3381c;--color-on-primary:#fcfaf2;--color-primary-container:#d3381c1f;--color-on-primary-container:#8b1f0e;--color-secondary:#4a593d;--color-on-secondary:#fcfaf2;--color-secondary-container:#4a593d1f;--color-on-secondary-container:#2d3524;--color-tertiary:#eec4ce;--color-on-tertiary:#1c1c1c;--color-tertiary-container:#eec4ce33;--color-on-tertiary-container:#8b5a6a;--color-error:#ba1a1a;--color-on-error:#fcfaf2;--color-error-container:#ba1a1a1f;--color-on-error-container:#93000a;--elevation-0:none;--elevation-1:0px 1px 2px 0px #1c1c1c14,0px 1px 3px 0px #1c1c1c1f;--elevation-2:0px 2px 4px 0px #1c1c1c14,0px 1px 4px 0px #1c1c1c1f;--elevation-3:0px 4px 8px 0px #1c1c1c14,0px 2px 4px 0px #1c1c1c1f;--elevation-4:0px 8px 16px 0px #1c1c1c14,0px 4px 8px 0px #1c1c1c1f;--elevation-8:0px 16px 24px 0px #1c1c1c14,0px 8px 16px 0px #1c1c1c1f;--elevation-12:0px 24px 32px 0px #1c1c1c14,0px 12px 16px 0px #1c1c1c1f;--elevation-16:0px 32px 48px 0px #1c1c1c14,0px 16px 24px 0px #1c1c1c1f;--elevation-24:0px 48px 64px 0px #1c1c1c14,0px 24px 32px 0px #1c1c1c1f;--font-display-large:3.5625rem;--font-display-medium:2.8125rem;--font-display-small:2.25rem;--font-headline-large:2rem;--font-headline-medium:1.75rem;--font-headline-small:1.5rem;--font-title-large:1.375rem;--font-title-medium:1rem;--font-title-small:0.875rem;--font-body-large:1rem;--font-body-medium:0.875rem;--font-body-small:0.75rem;--font-label-large:0.875rem;--font-label-medium:0.75rem;--font-label-small:0.6875rem;--motion-duration-short1:50ms;--motion-duration-short2:100ms;--motion-duration-short3:150ms;--motion-duration-short4:200ms;--motion-duration-medium1:250ms;--motion-duration-medium2:300ms;--motion-duration-medium3:350ms;--motion-duration-medium4:400ms;--motion-duration-long1:450ms;--motion-duration-long2:500ms;--motion-duration-long3:550ms;--motion-duration-long4:600ms;--motion-easing-emphasized:cubic-bezier(0.2,0,0,1);--motion-easing-standard:cubic-bezier(0.2,0,0,1);--motion-easing-decelerated:cubic-bezier(0,0,0.2,1);--motion-easing-accelerated:cubic-bezier(0.4,0,1,1);--shape-corner-none:0;--shape-corner-extra-small:4px;--shape-corner-small:8px;--shape-corner-medium:12px;--shape-corner-large:16px;--shape-corner-extra-large:28px;--color-midnight:#0f1419;--color-deep-navy:#1a1f2e;--color-landing-gold:#d4af37;--color-landing-pale:#f0e6d2;--color-landing-silver:silver;--color-landing-text-primary:#e8e8e8;--color-landing-text-secondary:#a0a0a0;--trds-font-sans:"Inter","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP","Helvetica Neue",Arial,sans-serif;--trds-font-serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--trds-font-mono:"Fira Code","SFMono-Regular","Roboto Mono",monospace;--trds-surface-dark:#0f1419eb;--trds-surface-ink:#0f1419b3;--trds-surface-glass:#fcfaf20f;--trds-surface-light:#fcfaf21a;--trds-outline-strong:#d4af3759;--trds-outline-soft:#ffffff26;--trds-divider:#ffffff4d;--trds-glow-gold:0 30px 80px #d4af3733;--trds-glow-ink:0 30px 80px #0006;--trds-pill-bg:#ffffff14;--trds-pill-border:#ffffff40}:root[data-theme=dark]{--color-surface:#0f1419;--color-surface-variant:#141a24;--color-on-surface:#f4f4f2;--color-on-surface-variant:#c8c8c8;--color-outline:#f4f4f21f;--color-outline-variant:#f4f4f214;--trds-surface-dark:#090c12f2;--trds-surface-glass:#0f141ec7;--trds-outline-soft:#fff3;--trds-pill-bg:#ffffff1f}[data-phx-session],[data-phx-teleported-src]{display:contents}@keyframes message-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes message-highlight{0%{background-color:var(--color-washi);border-color:#d3381c33}50%{background-color:#d3381c0d;border-color:#d3381c66}to{background-color:var(--color-washi);border-color:#1c1c1c26}}.chat-message{animation:message-slide-in .3s ease-out;transition:all .2s ease-in-out}.chat-message.new-message{animation:message-slide-in .3s ease-out,message-highlight 2s ease-in-out}.chat-message:hover{box-shadow:0 2px 8px #1c1c1c1a;transform:translateX(2px)}#chat-messages{scroll-behavior:smooth}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.loading-rooms{align-items:center;color:var(--color-mist);display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-rooms .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--color-gold);height:40px;margin-bottom:1rem;width:40px}.loading-rooms p{font-size:.9rem}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.animate-slide-in-right{animation:slide-in-right .3s ease-out}.animate-slide-out-right{animation:slide-out-right .3s ease-in}@keyframes count-up{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.life-index-value{animation:count-up .5s ease-out}.life-index-ring{animation:pulse-ring 2s ease-in-out infinite}.circular-progress{transform:rotate(-90deg)}.circular-progress circle{transition:stroke-dashoffset 1s ease-in-out}.input-error,.textarea-error{background-color:#d3381c0d!important;border-color:var(--color-shu)!important}.input-error:focus,.textarea-error:focus{border-color:var(--color-shu)!important;box-shadow:0 0 0 3px #d3381c1a!important}@keyframes error-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.error-shake{animation:error-shake .5s ease-in-out}.writing-mode-vertical{text-orientation:upright;writing-mode:vertical-rl}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thumb-sumi::-webkit-scrollbar-thumb{background-color:#1c1c1c4d;border-radius:4px}.scrollbar-thumb-sumi::-webkit-scrollbar-thumb:hover{background-color:#1c1c1c80}.scrollbar-track-transparent::-webkit-scrollbar-track{background-color:initial}.scrollbar-thin::-webkit-scrollbar{height:6px;width:6px}@keyframes phase-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.phase-indicator [aria-current=step]{animation:phase-pulse 2s ease-in-out infinite}@keyframes phase-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.phase-indicator>div:last-child>div{animation:phase-fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .5s ease-out}html{scroll-behavior:smooth}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:slide-in-up .6s ease-out}@keyframes float{0%,to{opacity:.3;transform:translateY(0) translateX(0)}25%{opacity:.5;transform:translateY(-20px) translateX(10px)}50%{opacity:.7;transform:translateY(-40px) translateX(-10px)}75%{opacity:.5;transform:translateY(-20px) translateX(5px)}}.animate-float{animation:float 8s ease-in-out infinite}#navbar.scrolled{background-color:#fcfaf2f2;box-shadow:0 4px 20px #1c1c1c1a}.elevation-0{box-shadow:var(--elevation-0)}.elevation-1{box-shadow:var(--elevation-1)}.elevation-2{box-shadow:var(--elevation-2)}.elevation-3{box-shadow:var(--elevation-3)}.elevation-4{box-shadow:var(--elevation-4)}.elevation-8{box-shadow:var(--elevation-8)}.elevation-12{box-shadow:var(--elevation-12)}.elevation-16{box-shadow:var(--elevation-16)}.elevation-24{box-shadow:var(--elevation-24)}.surface{background-color:var(--color-surface)}.surface-variant{background-color:var(--color-surface-variant)}.surface-container{background-color:var(--color-surface-container)}.surface-container-high{background-color:var(--color-surface-container-high)}.surface-container-highest{background-color:var(--color-surface-container-highest)}.state-layer{overflow:hidden;position:relative}.state-layer:before{background-color:currentColor;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--motion-duration-short2) var(--motion-easing-standard)}.state-layer:hover:before{opacity:.08}.state-layer:focus:before{opacity:.12}.state-layer:active:before{opacity:.16}@keyframes ripple{0%{opacity:.3;transform:scale(0)}to{opacity:0;transform:scale(4)}}.ripple{overflow:hidden;position:relative}.ripple:after{background:currentColor;border-radius:50%;content:"";height:100px;margin-left:-50px;margin-top:-50px;opacity:0;position:absolute;transform:scale(0);transition:transform .6s,opacity .6s;width:100px}.ripple:active:after{opacity:.3;transform:scale(4);transition:0s}.text-display-large{font-size:var(--font-display-large);font-weight:400;letter-spacing:-.015625rem;line-height:4rem}.text-display-medium{font-size:var(--font-display-medium);font-weight:400;letter-spacing:0;line-height:3.25rem}.text-display-small{font-size:var(--font-display-small);font-weight:400;letter-spacing:0;line-height:2.75rem}.text-headline-large{font-size:var(--font-headline-large);font-weight:400;letter-spacing:0;line-height:2.5rem}.text-headline-medium{font-size:var(--font-headline-medium);font-weight:400;letter-spacing:0;line-height:2.25rem}.text-headline-small{font-size:var(--font-headline-small);font-weight:400;letter-spacing:0;line-height:2rem}.text-title-large{font-size:var(--font-title-large);font-weight:500;letter-spacing:0;line-height:1.75rem}.text-title-medium{font-size:var(--font-title-medium);font-weight:500;letter-spacing:.009375rem;line-height:1.5rem}.text-title-small{font-size:var(--font-title-small);font-weight:500;letter-spacing:.00625rem;line-height:1.25rem}.text-body-large{font-size:var(--font-body-large);font-weight:400;letter-spacing:.03125rem;line-height:1.5rem}.text-body-medium{font-size:var(--font-body-medium);font-weight:400;letter-spacing:.015625rem;line-height:1.25rem}.text-body-small{font-size:var(--font-body-small);font-weight:400;letter-spacing:.025rem;line-height:1rem}.text-label-large{font-size:var(--font-label-large);font-weight:500;letter-spacing:.00625rem;line-height:1.25rem}.text-label-medium{font-size:var(--font-label-medium)}.text-label-medium,.text-label-small{font-weight:500;letter-spacing:.03125rem;line-height:1rem}.text-label-small{font-size:var(--font-label-small)}.btn-material{border-radius:var(--shape-corner-large);font-size:var(--font-label-large);font-weight:500;letter-spacing:.00625rem;overflow:hidden;padding:.625rem 1.5rem;position:relative;text-transform:none;transition:all var(--motion-duration-short4) var(--motion-easing-standard)}.btn-material:before{background-color:currentColor;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--motion-duration-short2) var(--motion-easing-standard)}.btn-material:hover:before{opacity:.08}.btn-material:focus:before{opacity:.12}.btn-material:active:before{opacity:.16}.card-material{background-color:var(--color-surface);border-radius:var(--shape-corner-large);padding:1rem;transition:all var(--motion-duration-short4) var(--motion-easing-standard)}.card-material.elevation-1{box-shadow:var(--elevation-1)}.card-material.elevation-2{box-shadow:var(--elevation-2)}.card-material.elevation-3{box-shadow:var(--elevation-3)}.card-material:hover{box-shadow:var(--elevation-4);transform:translateY(-2px)}.focus-ring{outline:none;position:relative}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.focus-ring:focus-visible:after{border-radius:inherit;box-shadow:0 0 0 2px var(--color-primary);content:"";inset:-4px;opacity:.5;position:absolute}.divider{height:1px;margin:.5rem 0}.divider,.divider-vertical{background-color:var(--color-outline)}.divider-vertical{height:100%;margin:0 .5rem;width:1px}.chip{align-items:center;background-color:var(--color-surface-container-high);border-radius:var(--shape-corner-small);color:var(--color-on-surface);display:inline-flex;font-size:var(--font-label-medium);font-weight:500;padding:.375rem .75rem;transition:all var(--motion-duration-short2) var(--motion-easing-standard)}.chip:hover{background-color:var(--color-surface-container-highest)}.chip.selected{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.badge-material{align-items:center;background-color:var(--color-primary);border-radius:var(--shape-corner-extra-large);color:var(--color-on-primary);display:inline-flex;font-size:var(--font-label-small);font-weight:500;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .375rem}.progress-material{background-color:var(--color-surface-container-high);border-radius:var(--shape-corner-extra-small);height:4px;overflow:hidden;width:100%}.progress-material-bar{background-color:var(--color-primary);border-radius:inherit;height:100%;transition:width var(--motion-duration-medium2) var(--motion-easing-standard)}.snackbar{align-items:center;background-color:var(--color-surface-container-highest);border-radius:var(--shape-corner-small);box-shadow:var(--elevation-3);color:var(--color-on-surface);display:flex;gap:1rem;max-width:33.75rem;min-width:21.25rem;padding:.875rem 1rem}.motion-short1{transition-duration:var(--motion-duration-short1)}.motion-short2{transition-duration:var(--motion-duration-short2)}.motion-short3{transition-duration:var(--motion-duration-short3)}.motion-short4{transition-duration:var(--motion-duration-short4)}.motion-medium1{transition-duration:var(--motion-duration-medium1)}.motion-medium2{transition-duration:var(--motion-duration-medium2)}.motion-medium3{transition-duration:var(--motion-duration-medium3)}.motion-medium4{transition-duration:var(--motion-duration-medium4)}.motion-long1{transition-duration:var(--motion-duration-long1)}.motion-long2{transition-duration:var(--motion-duration-long2)}.motion-long3{transition-duration:var(--motion-duration-long3)}.motion-long4{transition-duration:var(--motion-duration-long4)}.easing-emphasized{transition-timing-function:var(--motion-easing-emphasized)}.easing-standard{transition-timing-function:var(--motion-easing-standard)}.easing-decelerated{transition-timing-function:var(--motion-easing-decelerated)}.easing-accelerated{transition-timing-function:var(--motion-easing-accelerated)}@keyframes turn-progress-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes turn-warning-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes turn-progress-glow{0%,to{box-shadow:0 0 0 0 #d3381c66}50%{box-shadow:0 0 8px 2px #d3381c99}}.turn-progress-bar{overflow:hidden;position:relative}.turn-progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes cardShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.turn-remaining-warning{animation:turn-warning-pulse 2s ease-in-out infinite}.turn-progress-glow{animation:turn-progress-glow 2s ease-in-out infinite}@keyframes role-card-hover{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1.05) rotate(0deg)}}@keyframes role-card-select{0%{box-shadow:0 0 0 0 #d3381c66;transform:scale(1)}50%{box-shadow:0 0 20px 5px #d3381c99;transform:scale(1.05)}to{box-shadow:0 0 15px 3px #d3381c80;transform:scale(1.05)}}@keyframes role-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.role-card-selected{animation:role-card-select .5s ease-out}.role-icon-hover:hover{animation:role-icon-pulse 2s ease-in-out infinite}.landing-body{background:radial-gradient(circle at top,#d4af3714,#0000 55%),var(--color-midnight);color:var(--color-landing-text-primary);font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",serif;min-height:100vh;overflow-x:hidden;position:relative}.landing-body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' type='fractalNoise'/%3E%3C/filter%3E%3Cpath d='M0 0h200v200H0z' filter='url(%23a)' opacity='.4'/%3E%3C/svg%3E");content:"";inset:0;opacity:.04;pointer-events:none;position:fixed;z-index:1}.landing-container{padding-top:7rem;position:relative;width:100%;z-index:2}.landing-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-bottom:1px solid #0000;flex-wrap:nowrap;gap:2rem;overflow:visible;padding:2rem 4rem;position:fixed;top:0;transition:padding .3s ease,background .3s ease,border-color .3s ease,-webkit-backdrop-filter .3s ease;transition:padding .3s ease,background .3s ease,border-color .3s ease,backdrop-filter .3s ease;transition:padding .3s ease,background .3s ease,border-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;width:100%;z-index:500}.landing-header.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1419f2;border-bottom-color:#d4af3759;padding:1rem 3rem}.landing-logo{align-items:center;color:var(--color-landing-gold);display:flex;font-size:1.5rem;gap:.5rem;letter-spacing:.35em;text-decoration:none;text-shadow:0 0 25px #d4af3766;transition:opacity .2s ease;white-space:nowrap}.landing-logo:hover{opacity:.85}.landing-logo-img{height:2rem;-o-object-fit:contain;object-fit:contain;width:2rem}.landing-nav{align-items:center;display:flex;flex-shrink:1;flex:1;flex-wrap:nowrap;font-size:.85rem;gap:2.5rem;justify-content:center;letter-spacing:.15em;min-width:0}.landing-nav a{color:var(--color-landing-text-secondary);position:relative;text-decoration:none;transition:color .3s ease}.landing-nav a:after{background:var(--color-landing-gold);bottom:-6px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.landing-nav a:hover{color:var(--color-landing-pale)}.landing-nav a:hover:after{width:100%}.landing-cta{border:1px solid var(--color-landing-gold);border-radius:999px;color:var(--color-landing-gold);padding:.65rem 1.7rem;transition:background .3s ease,color .3s ease}.landing-cta:hover{background:var(--color-landing-gold);color:var(--color-midnight)}.landing-cta,.landing-header,.landing-nav{transition:all .3s ease}@media (max-width:1100px){.landing-header{gap:1.5rem;padding:1.75rem 2.5rem}.landing-nav{font-size:.8rem;gap:1.5rem}}@media (max-width:920px){.landing-header{gap:1rem;padding:1.25rem 1.5rem}.landing-nav{font-size:.75rem;gap:1rem;letter-spacing:.1em}}@media (max-width:820px){.landing-header{padding:1.25rem 1.5rem}.landing-nav{gap:1.2rem;justify-content:flex-start;width:100%}.landing-cta{margin-left:auto}}.hamburger-btn{align-items:center;background:#0000;border:1px solid #d4af374d;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:8px;transition:border-color .3s;width:40px}.hamburger-btn:hover{border-color:#d4af3799}.hamburger-line{background:var(--color-landing-gold);display:block;height:2px;transition:transform .3s,opacity .3s;width:20px}.hamburger-btn.active .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:920px){.landing-header{align-items:center;flex-wrap:nowrap;gap:.5rem;justify-content:space-between;padding:.75rem 1rem}.landing-container{padding-top:0}.hamburger-btn{display:flex;flex-shrink:0;gap:4px;height:32px;order:0;padding:6px;width:32px}.hamburger-line{height:2px;width:16px}.landing-logo{flex:1;font-size:1.3rem;order:1;text-align:center}.landing-header .auth-buttons{flex-shrink:0;gap:6px;order:2}.landing-header .auth-buttons .user-info{font-size:.7rem;gap:4px}.landing-header .auth-buttons .user-avatar{height:20px;width:20px}.landing-header .auth-buttons .user-name{font-size:.7rem;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-header .auth-buttons .auth-btn{font-size:.65rem;padding:.3rem .5rem}.landing-nav{align-items:flex-start;background:#0f1419fa;border-top:1px solid #d4af3733;flex-direction:column;gap:.5rem;left:0;opacity:0;order:10;padding:1rem 1.5rem;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .3s,visibility .3s,transform .3s;visibility:hidden;width:100%}.landing-nav.open{opacity:1;transform:translateY(0);visibility:visible}.landing-nav .nav-link,.landing-nav a{font-size:.9rem;padding:.75rem 0;width:100%}}.landing-hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:8rem 1.5rem 4rem;position:relative;text-align:center}.landing-hero:before{background-image:url(/images/hero-torii-deer-292f266358d9da4c190c1b9c82332545.webp?vsn=d);background-position:top;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:.25;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.landing-hero>*{position:relative;z-index:1}.torii-lines{height:100%;left:50%;opacity:.12;position:absolute;top:0;transform:translateX(-50%);width:320px}.torii-lines:after,.torii-lines:before{background:linear-gradient(to bottom,#0000,var(--color-landing-gold),#0000);content:"";height:80%;position:absolute;top:10%;width:2px}.torii-lines:before{left:25%}.torii-lines:after{right:25%}.hero-content{animation:fade-in 1s ease forwards;margin:0 auto;max-width:900px}.hero-kicker{color:var(--color-landing-silver);font-size:.85rem;letter-spacing:.35em;margin-bottom:1rem;text-transform:uppercase}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-landing-pale),var(--color-landing-gold),var(--color-landing-silver));-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,6vw,4.5rem);letter-spacing:.45em;margin-bottom:1.5rem;text-shadow:0 0 40px #d4af374d}.hero-subtitle{color:var(--color-landing-text-secondary);font-size:1.05rem;line-height:2;margin-bottom:3rem}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}.ambient-audio-shell{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;position:fixed;right:clamp(1rem,3vw,2.5rem);top:clamp(6rem,12vw,8rem);z-index:51}.ambient-gear-btn{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000059;border:1px solid #fff3;border-radius:12px;display:flex;height:38px;justify-content:center;transition:border-color .3s ease,transform .3s ease;width:38px}.ambient-audio-shell.panel-open .ambient-gear-btn,.ambient-gear-btn:focus-visible,.ambient-gear-btn:hover{border-color:#d4af3799;transform:scale(1.02)}.ambient-gear-icon{border:2px solid #ffffffd9;border-radius:50%;height:16px;position:relative;width:16px}.ambient-gear-icon:after,.ambient-gear-icon:before{border:2px dashed #d4af37cc;border-radius:50%;content:"";inset:-4px;position:absolute}.ambient-gear-icon:after{border-color:#0000 #ffffff59;border-style:solid;inset:-8px}.ambient-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a10d9;border:1px solid #ffffff14;border-radius:1rem;box-shadow:0 20px 40px #00000059;opacity:0;padding:.9rem;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease;width:220px}.ambient-audio-shell.panel-open .ambient-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.ambient-panel-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.6rem}.ambient-panel-title{color:#fffc;font-size:.65rem;letter-spacing:.35em;text-transform:uppercase}.ambient-mute-toggle{align-items:center;background:#0000;border:none;color:#ffffffbf;display:inline-flex;font-size:.65rem;gap:.35rem;letter-spacing:.2em;text-transform:uppercase}.ambient-toggle-track{background:#ffffff1f;border-radius:999px;height:16px;position:relative;transition:background .3s ease;width:32px}.ambient-toggle-thumb{background:var(--color-landing-gold);border-radius:50%;height:12px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:12px}.ambient-mute-toggle[aria-pressed=true] .ambient-toggle-track{background:#ffffff0d}.ambient-mute-toggle[aria-pressed=true] .ambient-toggle-thumb{background:#fff6;transform:translateX(16px)}.ambient-meter-row{align-items:center;display:flex;gap:.4rem}.ambient-mini-indicator{background:#ffffff14;border-radius:999px;flex:0 0 40px;height:3px;overflow:hidden;position:relative}.ambient-mini-indicator:after{background:linear-gradient(90deg,#d4af374d,#d4af37d9);content:"";inset:0;position:absolute;transition:width .3s ease;width:var(--audio-volume,45%)}.ambient-volume-slider{-webkit-appearance:none;background:#0000;flex:1;height:16px}.ambient-volume-slider::-webkit-slider-runnable-track{background:#ffffff1f;border-radius:999px;height:3px}.ambient-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-landing-gold);border:1px solid #fff9;border-radius:50%;box-shadow:0 2px 8px #00000059;height:12px;margin-top:-5px;width:12px}.ambient-volume-slider::-moz-range-track{background:#ffffff1f;border-radius:999px;height:3px}.ambient-volume-slider::-moz-range-thumb{background:var(--color-landing-gold);border:1px solid #fff9;border-radius:50%;box-shadow:0 2px 8px #00000059;height:12px;width:12px}.ambient-volume-value{color:#fff9;font-size:.6rem;letter-spacing:.2em;min-width:40px;text-align:right}.ambient-audio-shell.is-muted .ambient-panel-title{color:#ffffff80}.ambient-audio-shell.requires-interaction .ambient-panel:after{color:#ffffff80;content:"タップで音を再生";display:block;font-size:.55rem;letter-spacing:.2em;margin-top:.4rem;text-align:center}.cta-button{align-items:center;border:1px solid var(--color-landing-gold);border-radius:999px;display:inline-flex;font-size:.9rem;justify-content:center;letter-spacing:.25em;overflow:hidden;padding:1rem 2.8rem;position:relative;text-decoration:none;transition:color .3s ease,background .3s ease}.cta-button.cta-solid{background:#0000;color:var(--color-landing-gold)}.cta-button.cta-solid:before{background:var(--color-landing-gold);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .4s ease;z-index:-1}.cta-button.cta-solid:hover{color:var(--color-midnight)}.cta-button.cta-solid:hover:before{transform:translateX(0)}.cta-button.cta-outline{color:var(--color-landing-text-secondary)}.cta-button.cta-outline:hover{border-color:var(--color-landing-pale);color:var(--color-landing-pale)}.scroll-indicator{animation:scrollPulse 2s ease infinite;background:linear-gradient(to bottom,var(--color-landing-gold),#0000);bottom:2rem;height:70px;left:50%;position:absolute;transform:translateX(-50%);width:1px}.landing-section{margin:0 auto;max-width:1200px;padding:6rem 1.5rem}.section-title{color:var(--color-landing-pale);display:inline-block;font-size:2.2rem;font-weight:300;letter-spacing:.25em;margin-bottom:1.5rem;position:relative}.section-title:after{background:var(--color-landing-gold);bottom:-12px;content:"";height:1px;left:0;position:absolute;width:70px}.section-body{color:var(--color-landing-text-secondary);letter-spacing:.05em;line-height:2.2;margin-top:3rem}.section-body p+p{margin-top:1.5rem}.cards-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:3.5rem}.concept-card{background:#1a1f2e8c;border:1px solid #d4af3726;overflow:hidden;padding:2.5rem;position:relative;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.concept-card:before{background:linear-gradient(120deg,#0000,#d4af3714,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease-in-out}.concept-card:hover{border-color:#d4af3759;box-shadow:0 20px 60px #00000040;transform:translateY(-6px)}.concept-card:hover:before{transform:translateX(100%)}.concept-card h3{color:var(--color-landing-pale);font-size:1.4rem;letter-spacing:.2em;margin-bottom:1rem}.concept-card p{color:var(--color-landing-text-secondary);line-height:1.8}.card-icon{color:var(--color-landing-gold);font-size:2.3rem;margin-bottom:1.3rem}.play-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:3.5rem}.play-card{background:#ffffff05;border:1px solid #fafafa0d;overflow:hidden;padding:2rem;position:relative;transition:border-color .3s ease,transform .3s ease}.play-card:hover{border-color:#d4af3766;transform:translateY(-4px)}.play-step{color:var(--color-landing-silver);display:block;font-family:Inter,sans-serif;font-size:.8rem;letter-spacing:.4em;margin-bottom:1rem}.landing-footer{border-top:1px solid #d4af371a;color:var(--color-landing-text-secondary);contain-intrinsic-size:auto 200px;content-visibility:auto;font-size:.85rem;letter-spacing:.2em;padding:4rem 2rem;text-align:center}.footer-subtext{letter-spacing:.05em;margin-top:.8rem}@keyframes scrollPulse{0%,to{height:60px;opacity:.3}50%{height:85px;opacity:1}}@media (max-width:768px){.hero-title{letter-spacing:.25em}.landing-section{padding:4rem 1.25rem}}.resonance-shell{background:radial-gradient(circle at 20% 20%,#d4af3714,#0000 45%),radial-gradient(circle at 80% 0,#eec4ce14,#0000 40%),var(--color-midnight);padding-bottom:10rem}.resonance-board{background:linear-gradient(135deg,#0f1419e0,#1a1f2ee0);border:1px solid #d4af3740;border-radius:24px;box-shadow:0 20px 60px #0006,0 0 30px #d4af3714;min-height:auto;overflow:visible;position:relative}.resonance-board:after{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at center,#d4af371a,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.hud-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f1419eb;border:1px solid #d4af3733;border-radius:24px;box-shadow:0 25px 70px #00000080;overflow:hidden;padding:1.5rem;position:relative}.hud-panel:after,.hud-panel:before{content:"";inset:0;pointer-events:none;position:absolute}.hud-panel:before{background:linear-gradient(135deg,#d4af371f,#0000 60%);opacity:.5}.hud-panel:after{background-image:radial-gradient(circle at 25% 20%,#ffffff2e,#0000 45%),radial-gradient(circle at 80% 0,#d4af3733,#0000 40%);mix-blend-mode:screen;opacity:.4}.hud-panel-light{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fcfaf20d;border:1px solid #fcfaf233;border-radius:18px;box-shadow:inset 0 0 35px #ffffff0f,0 18px 45px #00000059;overflow:hidden;padding:1rem;position:relative}.hud-panel-light:before{background:linear-gradient(120deg,#0000,#d4af3714,#0000);inset:0;opacity:.4}.hud-panel-light:after,.hud-panel-light:before{content:"";pointer-events:none;position:absolute}.hud-panel-light:after{border:1px solid #ffffff14;border-radius:inherit;inset:10%}.hud-panel-divider{background:linear-gradient(90deg,#0000,#fff6,#d4af3780,#0000);height:1px;margin:.9rem auto 0;opacity:.9;width:65%}.hud-section-title{color:var(--color-landing-text-secondary);font-size:.65rem;letter-spacing:.35em;text-transform:uppercase}.hud-stat-card{background:#1a1f2ebf;border:1px solid #d4af3733;border-radius:14px;box-shadow:inset 0 0 10px #00000040;padding:.85rem}.hud-info-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.hud-info-card{background:linear-gradient(160deg,#ffffff0d,#15182366);border:1px solid #ffffff1f;border-radius:1rem;box-shadow:0 18px 40px #00000059;overflow:hidden;padding:1rem;position:relative}.hud-info-card:before{background:radial-gradient(circle at 15% 15%,#ffffff40,#0000 45%);content:"";inset:0;opacity:.5;pointer-events:none;position:absolute}.hud-info-card-label{color:#ffffff8c;font-size:.65rem;letter-spacing:.35em;text-transform:uppercase}.hud-info-card-value{color:var(--color-landing-pale);font-size:clamp(1.1rem,3vw,1.6rem);font-weight:700;letter-spacing:.12em;margin-top:.35rem}.hud-info-card-subtle{color:#ffffff73;font-size:.7rem;letter-spacing:.2em}.hud-info-card-diff{color:#ffffff8c;font-size:.65rem;letter-spacing:.2em;position:absolute;right:.8rem;top:.8rem}.hud-chat-card{background:#1a1f2ea6;border:1px solid #ffffff14;border-radius:16px}.hud-chat-input{background:#fcfaf214;border:1px solid #d4af3740;border-radius:12px;color:var(--color-landing-text-primary)}.hud-chat-input:focus{border-color:#d4af3799;box-shadow:0 0 0 2px #d4af3733;outline:none}.chat-input-wrapper{position:relative}.chat-input-wrapper:after{border:1px solid #0000;border-radius:14px;content:"";inset:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.chat-input-wrapper:focus-within:after{border-color:#d4af3766;box-shadow:0 0 12px #d4af3740}.chat-submit-loading svg{animation:spin .9s linear infinite}.hand-card-tray{background:#fcfaf20d;border:1px solid #fcfaf226;border-radius:24px;box-shadow:inset 0 0 25px #00000059;padding:1rem}.resonance-card{background:#fcfaf2f2;border:2px solid #1c1c1c26;border-radius:24px;box-shadow:0 20px 50px #00000040;overflow:hidden;position:relative}.resonance-card:after{background:radial-gradient(circle at 20% 20%,#ffffff40,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.resonance-modal-frame{background:#1a1f2eeb;border:1px solid #d4af3740;border-radius:28px;box-shadow:0 30px 80px #0000008c;color:var(--color-landing-text-primary);overflow:hidden;padding:1rem;position:relative}.resonance-modal-frame:before{background:radial-gradient(circle at 30% 0,#d4af3759,#0000 70%);content:"";inset:0;opacity:.6;pointer-events:none;position:absolute}.event-card{position:relative}.event-card:before{background:radial-gradient(circle at 50% 0,#ffffff4d,#0000 70%);content:"";inset:-30% 0 0 0;opacity:.6;pointer-events:none;position:absolute}.event-card--disaster{border-color:#d3381c99;box-shadow:0 20px 50px #d3381c40}.event-card--festival{border-color:#4a593d99;box-shadow:0 20px 50px #4a593d40}.event-card--blessing{border-color:#c7b370b3;box-shadow:0 20px 50px #c7b37040}.event-card--temptation{border-color:#bf783a99;box-shadow:0 20px 50px #bf783a40}.event-card--neutral{border-color:#1c1c1c33;box-shadow:0 20px 50px #0003}.hitoyo-overlay{align-items:center;animation:hitoyo-fade-in .5s ease-out;background:radial-gradient(ellipse at center,#140000f2 0,#000000fa 100%);display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes hitoyo-fade-in{0%{opacity:0}to{opacity:1}}.hitoyo-card-container{animation:hitoyo-emerge .8s cubic-bezier(.23,1,.32,1);max-width:90vw;position:relative;width:500px}@keyframes hitoyo-emerge{0%{filter:blur(20px);opacity:0;transform:scale(.3) rotateX(90deg)}50%{filter:blur(0);transform:scale(1.1) rotateX(-5deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.hitoyo-card{background:linear-gradient(145deg,#1a0a0a,#0d0505 50%,#1a0808);border:3px solid;-o-border-image:linear-gradient(135deg,#8b0000cc,#50000099 25%,#8b0000cc 50%,#50000099 75%,#8b0000cc) 1;border-image:linear-gradient(135deg,#8b0000cc,#50000099 25%,#8b0000cc 50%,#50000099 75%,#8b0000cc) 1;border-radius:12px;box-shadow:0 0 60px #8b000080,0 0 120px #8b00004d,inset 0 0 60px #00000080;overflow:hidden;padding:2rem;position:relative}.hitoyo-card:before{animation:hitoyo-pulse 3s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#8b000026 0,#0000 50%),radial-gradient(circle at 80% 20%,#6400001a 0,#0000 40%);content:"";inset:0;pointer-events:none;position:absolute}@keyframes hitoyo-pulse{0%,to{opacity:.5}50%{opacity:1}}.hitoyo-card:after{animation:hitoyo-rotate 20s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#8b00001a 60deg,#0000 120deg,#8b00000d 180deg,#0000 240deg,#8b00001a 300deg,#0000 1turn);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes hitoyo-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hitoyo-header{border-bottom:1px solid #8b000066;margin-bottom:1.5rem;padding-bottom:1rem;position:relative;text-align:center;z-index:1}.hitoyo-label{color:#8b0000cc;display:inline-block;font-size:.7rem;letter-spacing:.4em;margin-bottom:.5rem;text-shadow:0 0 10px #8b000080;text-transform:uppercase}.hitoyo-title{animation:hitoyo-title-glow 2s ease-in-out infinite alternate;color:#e8d4d4;font-size:1.8rem;font-weight:700;text-shadow:0 0 20px #8b000099,0 2px 4px #000c}@keyframes hitoyo-title-glow{0%{text-shadow:0 0 20px #8b000099,0 2px 4px #000c}to{text-shadow:0 0 30px #b40000cc,0 0 60px #8b000066,0 2px 4px #000c}}.hitoyo-icon{animation:hitoyo-icon-float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(139,0,0,.6));font-size:4rem;margin:1rem 0}@keyframes hitoyo-icon-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.hitoyo-description{background:#0000004d;border-left:3px solid #8b000080;border-radius:8px;color:#c4a8a8;font-size:1rem;font-style:italic;line-height:1.8;margin:1.5rem 0;padding:1rem;position:relative;text-align:center;z-index:1}.hitoyo-effects{border-top:1px solid #8b00004d;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;position:relative;z-index:1}.hitoyo-effect{align-items:center;animation:hitoyo-effect-pulse 2s ease-in-out infinite;background:#0006;border:1px solid #8b00004d;border-radius:8px;display:flex;flex-direction:column;min-width:80px;padding:.75rem 1.25rem}.hitoyo-effect:nth-child(2){animation-delay:.3s}.hitoyo-effect:nth-child(3){animation-delay:.6s}.hitoyo-effect:nth-child(4){animation-delay:.9s}@keyframes hitoyo-effect-pulse{0%,to{box-shadow:0 0 10px #8b000033}50%{box-shadow:0 0 20px #8b000066}}.hitoyo-effect-label{color:#c8a0a0b3;font-size:.7rem;margin-bottom:.25rem}.hitoyo-effect-value{color:#f44;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #ff000080}.hitoyo-effect-value.positive{color:#4f4;text-shadow:0 0 10px #00ff0080}.hitoyo-confirm-btn{background:linear-gradient(135deg,#8b000099,#500000cc);border:2px solid #8b000099;border-radius:8px;color:#e8d4d4;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;margin-top:2rem;padding:1rem 2rem;position:relative;text-shadow:0 1px 2px #00000080;transition:all .3s ease;width:100%;z-index:1}.hitoyo-confirm-btn:hover{background:linear-gradient(135deg,#b40000b3,#640000e6);box-shadow:0 0 30px #8b000080;transform:translateY(-2px)}.hitoyo-confirm-btn:active{transform:translateY(0)}.hitoyo-mist{animation:hitoyo-mist-drift 8s ease-in-out infinite;background:radial-gradient(ellipse at 30% 70%,#8b00001a 0,#0000 50%),radial-gradient(ellipse at 70% 30%,#5000001a 0,#0000 50%);inset:-100px;pointer-events:none;position:absolute}@keyframes hitoyo-mist-drift{0%,to{opacity:.6;transform:translate(0) scale(1)}25%{opacity:.8;transform:translate(20px,-10px) scale(1.05)}50%{opacity:.5;transform:translate(-10px,20px) scale(1)}75%{opacity:.7;transform:translate(-20px,-5px) scale(1.02)}}.hitoyo-shake{animation:hitoyo-screen-shake .5s ease-in-out}@keyframes hitoyo-screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-5px,-3px)}20%{transform:translate(5px,3px)}30%{transform:translate(-3px,5px)}40%{transform:translate(3px,-5px)}50%{transform:translate(-5px,2px)}60%{transform:translate(5px,-2px)}70%{transform:translate(-2px,4px)}80%{transform:translate(2px,-4px)}90%{transform:translate(-3px,-2px)}}.resonance-hand{background:#0f1419f2;border-top:1px solid #d4af374d;bottom:0;box-shadow:0 -10px 40px #00000080;left:0;overflow:hidden;position:fixed;right:0;z-index:40}.resonance-hand:before{background:radial-gradient(ellipse at center top,#d4af3726,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.resonance-hand [role=group]{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;justify-content:center;padding:.5rem 1rem}.project-stage{background:linear-gradient(145deg,#0f1419eb,#1a1f2ed9);border:1px solid #ffffff14;border-radius:1.75rem;box-shadow:0 35px 80px #00000059;margin:0 auto 1.5rem;overflow:hidden;padding:clamp(1rem,4vw,2.5rem);position:relative;width:min(100%,960px)}.project-stage:after,.project-stage:before{content:"";inset:0;pointer-events:none;position:absolute}.project-stage:before{background:radial-gradient(circle at 10% 20%,#ffffff1f,#0000 45%),radial-gradient(circle at 80% 10%,#d4af372e,#0000 45%);opacity:.6}.project-stage:after{background-image:repeating-linear-gradient(120deg,#ffffff0a,#ffffff0a 1px,#0000 0,#0000 24px),repeating-linear-gradient(-120deg,#ffffff05,#ffffff05 1px,#0000 0,#0000 32px);mix-blend-mode:screen;opacity:.35}.project-stage-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;position:relative;z-index:2}.stage-label{color:var(--color-landing-pale);font-size:clamp(1.1rem,2.4vw,1.8rem);font-weight:500;letter-spacing:.35em;text-transform:uppercase}.stage-subtitle{color:#ffffff8c;font-size:.85rem;letter-spacing:.2em;margin-top:.35rem}.project-metrics{background:#ffffff05;border:1px solid #ffffff1f;border-radius:9999px;box-shadow:inset 0 0 20px #00000040;display:flex;gap:1rem;padding:.75rem 1rem}.project-metric{text-align:center}.project-metric .metric-label{color:#ffffff80;display:block;font-size:.65rem;letter-spacing:.3em;text-transform:uppercase}.project-metric .metric-value{color:var(--color-landing-text-primary);display:block;font-size:1.25rem;font-weight:700}.project-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));position:relative;z-index:2}.project-card-shell{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(160deg,#ffffff0d,#15182366);border:1px solid #ffffff14;border-radius:1.25rem;box-shadow:0 25px 60px #00000040;transform-origin:center}.project-card-shell:before{background:radial-gradient(circle at 20% 20%,#d4af3726,#0000 55%);content:"";inset:0;opacity:.5;pointer-events:none;position:absolute}.project-card-shell:hover{border-color:#d4af3759;box-shadow:0 35px 80px #00000059;transform:translateY(-6px) scale(1.01)}.project-card-shell:hover:before{opacity:.8}.project-progress-track{background:#ffffff14;border:1px solid #ffffff2e;border-radius:9999px;height:1rem;overflow:hidden;position:relative;width:100%}.project-progress-fill{background:linear-gradient(90deg,#c7b370,#d4af37,#f0e6d2);border-radius:inherit;box-shadow:0 0 18px #d4af3773;height:100%;position:relative;transition:width .7s var(--motion-easing-emphasized)}.project-progress-fill:after{animation:cardShine 1.8s linear infinite;background:linear-gradient(120deg,#0000,#ffffffa6 45%,#0000 70%);content:"";inset:0;mix-blend-mode:screen;position:absolute}.project-progress-value{align-items:center;color:#151823cc;display:flex;font-size:.65rem;font-weight:700;inset:0;justify-content:center;letter-spacing:.2em;position:absolute}.game-stats-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:900px;padding:1rem;width:100%}.gauges-row{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.gauge-card{background:linear-gradient(145deg,#0f1419e6,#1a1f2ed9);border:1px solid #ffffff1a;border-radius:1rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.gauge-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.gauge-card--forest{border-color:#4a593d66}.gauge-card--culture{border-color:#eec4ce66}.gauge-card--social{border-color:#bf783a66}.gauge-label{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.2em;text-transform:uppercase}.gauge-icon{font-size:1rem}.gauge-track{background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;box-shadow:inset 0 2px 4px #0000004d;height:12px;overflow:hidden;position:relative;width:100%}.gauge-fill{border-radius:inherit;box-shadow:0 0 12px currentColor;height:100%;transition:width .6s ease}.gauge-value{align-items:center;color:var(--color-landing-text-primary);font-size:.7rem;font-weight:700;inset:0;position:absolute;text-shadow:0 1px 3px #0009}.gauge-value,.life-index-compact{display:flex;justify-content:center}.life-index-compact{padding:1rem 0}.life-index-circle{align-items:center;display:flex;height:140px;justify-content:center;position:relative;width:140px}.life-index-svg{height:100%;inset:0;position:absolute;transform:rotate(-90deg);width:100%}.life-index-progress{transition:stroke-dashoffset 1s ease}.life-index-content{text-align:center;z-index:1}.life-index-label{color:var(--color-landing-text-secondary);font-size:.7rem;letter-spacing:.3em;margin-bottom:.25rem;text-transform:uppercase}.life-index-value{color:var(--color-landing-gold);font-family:var(--trds-font-serif);font-size:2.5rem;font-weight:700;line-height:1}.life-index-target{color:var(--color-landing-text-secondary);font-size:.7rem;margin-top:.25rem}.actions-panel{background:linear-gradient(145deg,#0f1419e6,#1a1f2ed9);border:1px solid #d4af3740;border-radius:1rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.actions-header{align-items:center;display:flex;justify-content:space-between}.actions-title{color:var(--color-landing-gold);font-size:.8rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase}.actions-turns{color:var(--color-landing-text-secondary);font-size:.75rem;letter-spacing:.15em}.actions-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media (max-width:640px){.gauges-row{gap:.75rem;grid-template-columns:1fr}.gauge-card{padding:.75rem}.life-index-circle{height:120px;width:120px}.life-index-value{font-size:2rem}.actions-panel{padding:.75rem 1rem}.actions-buttons{gap:.5rem}}.life-index-core,.life-index-orb{display:none}.gauge-stack{display:flex;flex-direction:column;gap:.5rem;text-align:center}.glass-puck{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fcfaf21a;border:1px solid #fcfaf240;border-radius:999px;box-shadow:inset 0 0 12px #00000059;padding:.35rem 1rem}.hand-scroll-shadow{background:linear-gradient(90deg,#0f1419cc,#0000 20%,#0000 80%,#0f1419cc);inset:0;pointer-events:none;position:absolute}@keyframes hand-sweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ofuda-card{transform-origin:center bottom}.ofuda-card:hover{box-shadow:0 20px 35px #00000040;transform:translateY(-6px) scale(1.02)}.ofuda-card.ofuda-card--selected{border-color:#d3381cb3;box-shadow:0 25px 40px #d3381c4d}.talent-stack-wrapper{transition:transform .35s ease,filter .35s ease}.talent-stack-wrapper:hover{filter:drop-shadow(0 12px 18px rgba(0,0,0,.2));transform:translateY(-4px)}.action-hanko,.ambient-gear-btn,.ambient-mute-toggle,a.cta-button,button,input[type=checkbox],input[type=radio],input[type=range]{min-height:44px;min-width:44px;touch-action:manipulation}@media (max-width:480px){.hero-title{font-size:clamp(2rem,8vw,3rem);letter-spacing:.3em}.hero-subtitle{font-size:.95rem;line-height:1.8}.section-title{font-size:1.5rem;letter-spacing:.2em}.landing-hero{padding:3rem 1rem 2rem}.landing-section{padding:3rem 1rem}.cards-grid,.play-grid{gap:1.5rem;grid-template-columns:1fr}.cta-button{font-size:.85rem;max-width:280px;padding:.9rem 2rem;width:100%}.resonance-hand{height:28vh}.ofuda-card,.talent-card{min-height:90px;min-width:60px}.game-sidebar-card{padding:1rem}.ambient-audio-shell{right:.75rem;top:.75rem}.ambient-gear-btn{height:44px;width:44px}.ambient-panel{max-width:280px;width:calc(100vw - 1.5rem)}.lobby-user-status{gap:.5rem;padding:.5rem .75rem}.user-email{max-width:100px}.logout-btn{font-size:.7rem;padding:.2rem .5rem}}@media (min-width:481px) and (max-width:1024px){.hero-title{font-size:clamp(2.5rem,6vw,3.5rem)}.section-title{font-size:1.8rem}.cards-grid{gap:2rem}.cards-grid,.play-grid{grid-template-columns:repeat(2,1fr)}.play-grid{gap:1.75rem}.resonance-hand{height:32vh}.game-sidebar-card{padding:1.25rem}}@media (hover:none) and (pointer:coarse){.resonance-hand,.talent-cards-area{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.concept-card:hover,.ofuda-card:hover,.play-card:hover,.talent-card:hover{transform:none}.action-hanko,.hanko-btn{height:48px;width:48px}.ofuda-card,.talent-card{min-height:105px;min-width:70px}}@media (max-width:896px) and (orientation:landscape){.landing-hero{min-height:auto;padding:4rem 1.5rem 2rem}.hero-title{font-size:clamp(2rem,5vw,2.5rem);margin-bottom:.75rem}.hero-subtitle{font-size:.9rem;margin-bottom:1.5rem}.resonance-hand{height:24vh}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.scroll-indicator,.torii-lines:after,.torii-lines:before{width:1.5px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.auth-container,.shinkanki-main{min-height:100vh}.auth-container{align-items:center;background:radial-gradient(circle at 20% 10%,#d4af3714,#0000 50%),var(--color-midnight);display:flex;justify-content:center;padding:2rem}.auth-card{background:linear-gradient(145deg,#1a1f2ef2,#0f1419f2);border:1px solid #d4af3740;border-radius:1rem;box-shadow:0 20px 60px #0006;max-width:400px;padding:2.5rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-title{color:var(--color-landing-gold);font-family:var(--trds-font-serif);font-size:2rem;letter-spacing:.3em;margin:0 0 .5rem}.auth-subtitle{color:var(--color-landing-text-secondary);font-size:.9rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-actions{margin-top:.5rem}.auth-submit-btn{background:var(--color-landing-gold);border:none;border-radius:.5rem;color:var(--color-midnight);cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.auth-submit-btn:hover{opacity:.9;transform:translateY(-2px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-footer{border-top:1px solid #ffffff1a;color:var(--color-landing-text-secondary);font-size:.9rem;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-link{color:var(--color-landing-gold);text-decoration:none;transition:opacity .3s ease}.auth-link:hover{opacity:.8;text-decoration:underline}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text],.auth-form select,.auth-form textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:var(--color-landing-pale,#f5f5f5);font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease,background .3s ease;width:100%}.auth-form input::-moz-placeholder{color:#fff6}.auth-form input::placeholder{color:#fff6}.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{background:#ffffff26;border-color:var(--color-landing-gold);outline:none}.auth-form .label{color:var(--color-landing-text-secondary,#ffffffb3);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.lobby-container,.waiting-room-container{background:radial-gradient(circle at 20% 10%,#d4af3714,#0000 50%),var(--color-midnight);color:var(--color-landing-text-primary);min-height:100vh;padding:2rem}.lobby-header{align-items:center;border-bottom:1px solid #d4af3733;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.lobby-title{color:var(--color-landing-gold);font-family:var(--trds-font-serif);font-size:2rem;letter-spacing:.3em;margin:0}.lobby-subtitle{color:var(--color-landing-text-secondary);font-size:.9rem;margin-top:.5rem}.lobby-user-status{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;display:flex;gap:.75rem;padding:.75rem 1.25rem}.user-guest,.user-logged-in{align-items:center;display:flex;flex-wrap:nowrap;font-size:.85rem;gap:.75rem}.user-icon{flex-shrink:0;font-size:1.2rem}.user-avatar{flex-shrink:0;font-size:1.5rem}.user-name{color:var(--color-landing-text-primary)}.user-email,.user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-link{flex-shrink:0;font-size:1.2rem;opacity:.7;text-decoration:none;transition:opacity .2s ease}.profile-link:hover{opacity:1}.logout-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:var(--color-landing-text-secondary);flex-shrink:0;font-size:.8rem;padding:.25rem .75rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background:#dc354533;border-color:#dc354580;color:#dc3545}.login-btn-header{background:#d4a84b;border:1px solid #d4a84b;border-radius:.5rem;color:#1a1a2e!important;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem;text-decoration:none;transition:all .3s ease}.login-btn-header:hover{background:#e6bc5f;color:#1a1a2e!important;transform:translateY(-1px)}.lobby-login-prompt{background:#ffffff08;border:1px solid #ffffff1a;border-radius:1rem;margin-bottom:1.5rem;padding:2rem;text-align:center}.lobby-login-prompt p{color:var(--color-landing-text-secondary);margin-bottom:1rem}.login-prompt-actions{display:flex;gap:1rem;justify-content:center}.login-btn-large,.register-btn-large{border-radius:.375rem;font-size:.85rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.login-btn-large{background:#d4a84b;border:1px solid #d4a84b;color:#1a1a2e!important;font-weight:600}.login-btn-large:hover{background:#e6bc5f;color:#1a1a2e!important;transform:translateY(-2px)}.register-btn-large{background:#0000;border:1px solid #ffffff4d;color:var(--color-landing-text)}.register-btn-large:hover{background:#ffffff1a;border-color:#ffffff80}.join-room-disabled{font-size:.85rem;opacity:.7}.login-link{margin-left:.5rem;text-decoration:none}.login-link:hover{text-decoration:underline}.lobby-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.quick-match-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:999px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.quick-match-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#388e3c);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.quick-match-btn:disabled{cursor:not-allowed;opacity:.6}.invite-code-form form{display:flex;gap:.5rem}.invite-code-input{background:#0000004d;border:1px solid #d4af3766;border-radius:8px;color:var(--color-landing-pale);font-size:.95rem;letter-spacing:.1em;padding:.6rem .8rem;text-align:center;text-transform:uppercase;width:100px}.invite-code-input::-moz-placeholder{color:#fff6;letter-spacing:normal;text-transform:none}.invite-code-input::placeholder{color:#fff6;letter-spacing:normal;text-transform:none}.invite-code-input:focus{border-color:var(--color-landing-gold);outline:none}.invite-code-btn{background:#d4af3733;border:1px solid var(--color-landing-gold);border-radius:8px;color:var(--color-landing-gold);cursor:pointer;font-size:.9rem;padding:.6rem 1rem;transition:all .2s}.invite-code-btn:hover{background:var(--color-landing-gold);color:var(--color-midnight)}.create-room-btn{align-items:center;background:#0000;border:1px solid var(--color-landing-gold);border-radius:999px;color:var(--color-landing-gold);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-room-btn:hover{background:var(--color-landing-gold);color:var(--color-midnight)}.btn-icon{font-size:1.2rem}.create-room-form-container{background:#1a1f2ee6;border:1px solid #d4af3740;border-radius:1rem;margin-bottom:2rem;max-width:500px;padding:1.5rem}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.form-header h3{color:var(--color-landing-pale);font-size:1.1rem;margin:0}.close-btn{background:none;border:none;color:var(--color-landing-text-secondary);cursor:pointer;font-size:1.5rem}.form-field{margin-bottom:1rem}.form-field label{color:var(--color-landing-text-secondary);display:block;font-size:.8rem;letter-spacing:.1em;margin-bottom:.5rem}.form-field input[type=text],.form-field select,.form-field textarea{background:#ffffff14;border:1px solid #fff3;border-radius:.5rem;color:#f8f8f2;font-size:.95rem;padding:.75rem;width:100%}.form-field input[type=text]::-moz-placeholder,.form-field textarea::-moz-placeholder{color:#fff6}.form-field input[type=text]::placeholder,.form-field textarea::placeholder{color:#fff6}.form-field input[type=text]:focus,.form-field select:focus,.form-field textarea:focus{background:#ffffff1f;border-color:var(--color-landing-gold);outline:none}.form-field select option{background:#1a1f2e;color:#f8f8f2}.form-actions{margin-top:1.5rem}.submit-btn{background:var(--color-landing-gold);border:none;border-radius:.5rem;color:var(--color-midnight);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem;transition:opacity .3s ease;width:100%}.submit-btn:hover{opacity:.9}.search-filter-section{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.75rem;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;overflow:hidden;padding:1rem}.search-box{flex:1;max-width:100%;min-width:0}.search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;box-sizing:border-box;color:var(--color-landing-pale);font-size:.9rem;max-width:100%;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.search-input::-moz-placeholder{color:#fff6}.search-input::placeholder{color:#fff6}.search-input:focus{border-color:var(--color-landing-gold);outline:none}.filter-options{display:flex;gap:1rem}.filter-checkbox{align-items:center;color:var(--color-landing-text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;transition:color .3s ease}.filter-checkbox:hover{color:var(--color-landing-pale)}.filter-checkbox input[type=checkbox]{accent-color:var(--color-landing-gold);cursor:pointer;height:1.1rem;width:1.1rem}.rooms-section{margin-top:1rem}.section-header{margin-bottom:1.5rem}.section-title{color:var(--color-landing-text-secondary);letter-spacing:.2em;margin:0;text-transform:uppercase}.room-count{background:#d4af371a;border-radius:999px;color:var(--color-landing-gold);font-size:.85rem;padding:.25rem .75rem}.empty-rooms{color:var(--color-landing-text-secondary);padding:3rem;text-align:center}.empty-rooms-hint{font-size:.85rem;margin-top:.5rem;opacity:.7}.rooms-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.room-card{background:linear-gradient(145deg,#1a1f2ee6,#0f1419e6);border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.room-card:hover{border-color:#d4af3766;box-shadow:0 10px 30px #0000004d;transform:translateY(-4px)}.room-name{color:var(--color-landing-pale);font-size:1.1rem;margin:0 0 .5rem}.room-topic{color:var(--color-landing-text-secondary);font-size:.85rem;margin:0}.room-card-info{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;margin:1rem 0;padding:.75rem 0}.room-participants{align-items:center;color:var(--color-landing-text-secondary);display:flex;font-size:.85rem;gap:.5rem}.participants-icon{font-size:1rem}.room-card-actions{margin-top:1rem}.join-room-btn{background:#0000;border:1px solid var(--color-landing-gold);border-radius:.5rem;color:var(--color-landing-gold);display:block;font-size:.9rem;padding:.75rem;text-align:center;text-decoration:none;transition:all .3s ease}.join-room-btn:hover{background:var(--color-landing-gold);color:var(--color-midnight)}.waiting-room-header{align-items:center;border-bottom:1px solid #d4af3733;display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:1rem}.invite-code-display{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:8px;display:flex;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.invite-label{color:var(--color-landing-text-secondary);font-size:.8rem}.invite-code{color:var(--color-landing-gold);font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.15em;-webkit-user-select:all;-moz-user-select:all;user-select:all}.copy-btn{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.7;padding:.25rem;transition:opacity .2s}.copy-btn:hover{opacity:1}.waiting-room-content{display:grid;gap:2rem;grid-template-columns:1fr 2fr}@media (max-width:768px){.waiting-room-content{grid-template-columns:1fr}}.players-panel{background:#1a1f2ecc;border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem}.panel-title{color:var(--color-landing-text-secondary);font-size:.85rem;letter-spacing:.2em;margin:0 0 1rem;text-transform:uppercase}.players-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.player-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;display:flex;gap:1rem;padding:.75rem;transition:all .3s ease}.player-card--current{background:#d4af371a;border-color:#d4af3766}.player-card--ready{border-color:#4a593d99}.player-avatar{font-size:1.5rem;position:relative}.host-badge{font-size:.8rem;position:absolute;right:-8px;top:-8px}.player-info{flex:1}.player-name{color:var(--color-landing-pale);display:block;font-size:.9rem}.you-badge{color:var(--color-landing-gold);font-size:.75rem}.ready-status{color:var(--color-landing-text-secondary);display:block;font-size:.75rem;margin-top:.25rem}.ready-status--ready{color:var(--color-matsu)}.player-slot{align-items:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:.75rem;display:flex;gap:1rem;padding:.75rem}.player-friend-action{flex-shrink:0}.friend-request-btn{background:#d4a84b33;border:1px solid #d4a84b4d;border-radius:.4rem;color:var(--color-landing-gold);cursor:pointer;font-size:.7rem;padding:.3rem .6rem;transition:all .3s ease;white-space:nowrap}.friend-request-btn:hover{background:#d4a84b4d}.friend-status{border-radius:.4rem;font-size:.7rem;padding:.3rem .6rem;white-space:nowrap}.friend-status.pending{background:#ffc10733;color:#ffc107}.friend-status.accepted{background:#28a74533;color:#28a745}.player-slot.empty{opacity:.5}.slot-icon{font-size:1.5rem}.slot-text{color:var(--color-landing-text-secondary);font-size:.85rem}.invite-section{margin-bottom:1rem}.invite-friends-btn{background:#d4a84b26;border:1px solid #d4a84b4d;border-radius:.75rem;color:var(--color-landing-gold);cursor:pointer;font-size:.9rem;padding:.75rem;transition:all .3s ease;width:100%}.invite-friends-btn:hover{background:#d4a84b40}.invite-panel{background:#0003;border-radius:.5rem;margin-top:.75rem;padding:.75rem}.invite-friend-item{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.invite-friend-item:last-child{margin-bottom:0}.invite-friend-item:hover{background:#ffffff0d}.invite-avatar{font-size:1.25rem}.invite-name{color:var(--color-landing-text-primary);flex:1;font-size:.85rem}.invite-btn{background:#28a74533;border:1px solid #28a7454d;border-radius:.4rem;color:#28a745;cursor:pointer;font-size:.75rem;padding:.3rem .6rem;transition:all .3s ease}.invite-btn:hover{background:#28a7454d}.ready-section{margin-bottom:1rem}.ready-btn{background:#0000;border:2px solid var(--color-landing-gold);border-radius:.75rem;color:var(--color-landing-gold);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.ready-btn:hover{background:#d4af371a}.ready-btn--active{background:var(--color-matsu);border-color:var(--color-matsu);color:#fff}.ready-btn--active:hover{background:#4a593dcc}.start-section{margin-top:1rem}.start-game-btn{background:var(--color-shu);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.start-game-btn:hover{opacity:.9;transform:scale(1.02)}.start-game-btn--disabled{background:#ffffff1a;color:var(--color-landing-text-secondary);cursor:not-allowed}.start-game-btn--disabled:hover{opacity:1;transform:none}.waiting-for-host{color:var(--color-landing-text-secondary);font-size:.85rem;padding:1rem;text-align:center}.ai-fill-section{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:.75rem;margin-top:1rem;padding:1rem;text-align:center}.ai-fill-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;width:100%}.ai-fill-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:scale(1.02)}.ai-fill-hint{color:#ffc107cc;font-size:.8rem;margin-top:.5rem}.solo-section{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:.75rem;margin-top:1rem;padding:1rem;text-align:center}.solo-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;width:100%}.solo-btn:hover{background:linear-gradient(135deg,#4ade80,#22c55e);transform:scale(1.02)}.solo-hint{color:#22c55ecc;font-size:.8rem;margin-top:.5rem}.deletion-section{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}.deletion-proposal-active{background:#dc35451a;border:1px solid #dc35454d;border-radius:.75rem;padding:1rem;text-align:center}.deletion-warning{color:#dc3545;font-weight:600;margin:0 0 .5rem}.deletion-votes-count{color:var(--color-landing-text-secondary);font-size:.85rem;margin:0 0 1rem}.vote-btn{background:#dc3545;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease;width:100%}.vote-btn:hover{background:#c82333}.vote-btn--voted{background:#dc35454d;cursor:not-allowed}.cancel-btn{background:#0000;border:1px solid #ffffff4d;border-radius:.5rem;color:var(--color-landing-text-secondary);cursor:pointer;font-size:.85rem;padding:.5rem;transition:all .3s ease;width:100%}.cancel-btn:hover{border-color:#ffffff80;color:var(--color-landing-pale)}.propose-delete-btn{background:#0000;border:1px solid #dc354580;border-radius:.5rem;color:#dc3545cc;cursor:pointer;font-size:.85rem;padding:.75rem;transition:all .3s ease;width:100%}.propose-delete-btn:hover{background:#dc35451a;border-color:#dc3545;color:#dc3545}.admin-section{background:linear-gradient(145deg,#ffd7001a,#ff8c000d);border:1px solid #ffd7004d;border-radius:.75rem;margin-top:1.5rem;padding:1rem}.admin-title{color:var(--color-landing-gold);font-size:.9rem;font-weight:600;margin:0 0 1rem}.admin-subtitle{color:var(--color-landing-text-secondary);font-size:.8rem;margin:.75rem 0 .5rem}.admin-delete-btn{background:#dc3545;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.admin-delete-btn:hover{background:#c82333}.admin-player-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.admin-ban-btn{background:#ff8c0033;border:1px solid #ff8c0080;border-radius:.5rem;color:#ff8c00;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;text-align:left;transition:all .3s ease;width:100%}.admin-ban-btn:hover{background:#ff8c004d;border-color:#ff8c00}.chat-panel{background:#1a1f2ecc;border:1px solid #ffffff1a;border-radius:1rem;display:flex;flex-direction:column;height:600px;padding:1.5rem}.chat-messages{flex:1;margin-bottom:1rem;overflow-y:auto;padding-right:.5rem}.chat-message{background:#ffffff0d;border-radius:.5rem;margin-bottom:.5rem;padding:.75rem}.message-header{justify-content:space-between;margin-bottom:.5rem}.message-author{color:var(--color-landing-gold);font-size:.8rem}.message-time{color:var(--color-landing-text-secondary)}.message-body{color:var(--color-landing-text-primary);font-size:.9rem;margin:0}.chat-form{display:flex;gap:.5rem}.chat-input{flex:1}.send-btn{background:var(--color-landing-gold);border-radius:.5rem;color:var(--color-midnight);transition:opacity .3s ease}.send-btn:hover{opacity:.9}:focus-visible{border-radius:4px;outline:3px solid var(--color-landing-gold);outline-offset:2px}.skip-to-main{background:var(--color-landing-gold);border-radius:0 0 8px 0;color:var(--color-midnight);font-weight:600;left:0;padding:1rem 2rem;position:absolute;text-decoration:none;top:-100px;z-index:1000}.skip-to-main:focus{top:0}.modal-focus-trap{position:relative}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:inherit;overflow:visible;padding:inherit;position:static;white-space:normal;width:auto}@media (prefers-contrast:high){.concept-card,.game-sidebar-card,.hud-panel,.play-card{border-color:var(--color-landing-gold);border-width:2px}.cta-button{border-width:2px}.action-hanko,.hanko-btn{border-width:3px}}.concept-card p,.hero-subtitle,.play-card p,.section-body{color:#ffffffd9}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-landing-gold);outline-offset:2px}.cta-button:focus-visible{outline:3px solid var(--color-landing-pale);outline-offset:3px}.action-hanko:focus-visible{outline:3px solid var(--color-landing-gold);outline-offset:3px;transform:scale(1.05)}[aria-live],[role=alert],[role=status]{position:relative}[aria-busy=true]:before{content:"読み込み中";height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}[aria-invalid=true]{border-color:var(--color-shu);box-shadow:0 0 0 3px #d3381c33}:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}[role=banner],[role=complementary],[role=contentinfo],[role=main],[role=navigation]{outline:none}.modal-open,.modal-open body{overflow:hidden}kbd{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;box-shadow:0 1px 2px #0003;color:var(--color-landing-text-primary);display:inline-block;font-size:.85em;line-height:1;padding:.2em .4em}.profile-container{align-items:flex-start;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:2rem}.profile-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;max-width:600px;padding:2rem;width:100%}.profile-title{color:var(--color-landing-gold);font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.avatar-section{background:#ffffff08;border-radius:.75rem;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.avatar-preview{flex-shrink:0}.avatar-emoji{background:#ffffff1a;border-radius:50%;display:block;font-size:4rem;height:80px;line-height:80px;text-align:center;width:80px}.avatar-picker{flex:1}.emoji-grid{display:grid;gap:.5rem;grid-template-columns:repeat(8,1fr);margin-top:.5rem}.emoji-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.emoji-btn:hover{background:#ffffff26;transform:scale(1.1)}.emoji-btn.selected{background:#d4a84b4d;border-color:var(--color-landing-gold)}.profile-form{gap:1.5rem}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{color:var(--color-landing-text-secondary);font-size:.9rem;font-weight:500}.profile-input,.profile-textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;box-sizing:border-box;color:var(--color-landing-pale);font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.profile-input:focus,.profile-textarea:focus{border-color:var(--color-landing-gold);outline:none}.profile-input::-moz-placeholder,.profile-textarea::-moz-placeholder{color:#fff6}.profile-input::placeholder,.profile-textarea::placeholder{color:#fff6}.form-hint{color:#ffffff80;font-size:.8rem}.form-error{color:#dc3545;font-size:.8rem}.form-actions{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.save-btn{background:linear-gradient(135deg,#d4a84b,#c9983f);border:none;border-radius:.5rem;color:#1a1a2e;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.save-btn:hover{box-shadow:0 4px 12px #d4a84b66;transform:translateY(-2px)}.save-success{animation:fadeIn .3s ease;color:#28a745;font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stats-section{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.stats-title{color:var(--color-landing-text-primary);font-size:1.25rem;margin-bottom:1rem}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-item{background:#ffffff0d;border-radius:.5rem;padding:1rem;text-align:center}.stat-value{color:var(--color-landing-gold);display:block;font-size:1.75rem;font-weight:700}.stat-label{color:#fff9;font-size:.8rem}.friends-link-section{margin-top:1.5rem;text-align:center}.friends-link-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:.5rem;color:var(--color-landing-text-primary);display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.friends-link-btn:hover{background:#ffffff1f;border-color:var(--color-landing-gold);color:var(--color-landing-gold)}.friends-badge{background:#dc3545;border-radius:999px;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .5rem}.back-link{margin-top:2rem;text-align:center}.back-btn{color:var(--color-landing-text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s ease}.back-btn:hover{color:var(--color-landing-gold)}@media (max-width:480px){.profile-container{padding:1rem}.profile-card{padding:1.5rem}.avatar-section{align-items:center;flex-direction:column}.emoji-grid{grid-template-columns:repeat(4,1fr)}.stats-grid{grid-template-columns:1fr}}.friends-container{align-items:flex-start;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:2rem}.friends-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;max-width:700px;padding:2rem;width:100%}.friends-header{align-items:center;margin-bottom:1.5rem}.friends-title{color:var(--color-landing-gold);font-size:1.75rem;font-weight:700}.back-link{color:var(--color-landing-text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s ease}.back-link:hover{color:var(--color-landing-gold)}.friends-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.tab-btn{align-items:center;background:#0000;border:none;border-radius:.5rem .5rem 0 0;color:var(--color-landing-text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.tab-btn:hover{background:#ffffff0d;color:var(--color-landing-text-primary)}.tab-btn--active{background:#ffffff1a;color:var(--color-landing-gold)}.badge{background:#dc3545;border-radius:999px;color:#fff;font-size:.7rem;font-weight:600;padding:.1rem .4rem}.tab-content{min-height:300px}.empty-state{padding:3rem 1rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-text{color:var(--color-landing-text-primary);font-size:1.1rem;margin-bottom:.5rem}.empty-hint{color:#ffffff80;font-size:.9rem}.friends-list,.recent-players-list{display:flex;flex-direction:column;gap:.75rem}.friend-item,.player-item,.request-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:background .3s ease}.friend-item:hover,.player-item:hover,.request-item:hover{background:#ffffff14}.friend-item--online{border-color:#28a7454d}.friend-avatar-wrapper{flex-shrink:0;position:relative}.online-dot{background:#28a745;border:2px solid #1a1a2e;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.online-label{color:#28a745;font-size:.7rem;margin-left:.5rem}.friend-avatar,.player-avatar,.request-avatar{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.friend-info,.player-info,.request-info{flex:1;min-width:0}.friend-name,.player-name,.request-name{color:var(--color-landing-text-primary);display:block;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-stats,.player-stats{color:#ffffff80;display:block;font-size:.8rem}.request-time{color:#fff6;display:block;font-size:.75rem}.friend-actions,.player-actions,.request-actions{display:flex;flex-shrink:0;gap:.5rem}.remove-btn{background:#dc354533;border:1px solid #dc35454d;border-radius:.5rem;color:#dc3545;cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .3s ease}.remove-btn:hover{background:#dc35454d}.add-friend-btn{background:#d4a84b33;border:1px solid #d4a84b4d;border-radius:.5rem;color:var(--color-landing-gold);cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .3s ease}.add-friend-btn:hover{background:#d4a84b4d}.dm-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;display:flex;font-size:1rem;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.dm-btn:hover{background:#fff3;transform:scale(1.1)}.friends-header{align-items:flex-start;display:flex;justify-content:space-between}.header-left{flex:1}.header-actions,.messages-link{display:flex;gap:.5rem}.messages-link{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:var(--color-landing-text-primary);font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.messages-link:hover{background:#ffffff26;border-color:var(--color-landing-gold)}.messages-link .unread-badge{background:#dc3545;border-radius:999px;color:#fff;font-size:.7rem;padding:.1rem .4rem}.invitations-panel{background:#d4a84b1a;border:1px solid #d4a84b4d;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.invitations-title{color:var(--color-landing-gold);font-size:1rem;margin-bottom:.75rem}.invitation-item{align-items:center;background:#0003;border-radius:.5rem;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.invitation-item:last-child{margin-bottom:0}.inv-avatar{font-size:1.5rem}.inv-info{flex:1}.inv-sender{color:var(--color-landing-text-primary);display:block;font-weight:500}.inv-room{color:#fff9;display:block;font-size:.8rem}.inv-actions{display:flex;gap:.5rem}.inv-accept-btn{background:#28a7454d;border:1px solid #28a74566;border-radius:.5rem;color:#28a745;font-size:.8rem;padding:.4rem .75rem;text-decoration:none;transition:all .3s ease}.inv-accept-btn:hover{background:#28a74566}.inv-decline-btn{background:#6c757d33;border:1px solid #6c757d4d;border-radius:.5rem;color:#6c757d;cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .3s ease}.inv-decline-btn:hover{background:#6c757d4d}.accept-btn{background:#28a74533;border:1px solid #28a7454d;border-radius:.5rem;color:#28a745;cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .3s ease}.accept-btn:hover{background:#28a7454d}.reject-btn{background:#6c757d33;border:1px solid #6c757d4d;border-radius:.5rem;color:#6c757d;cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .3s ease}.reject-btn:hover{background:#6c757d4d}.request-status{color:#ffffff80;font-size:.8rem}.requests-panel{gap:2rem}.requests-panel,.requests-section{display:flex;flex-direction:column}.requests-section{gap:.75rem}.section-title{color:var(--color-landing-text-primary);font-size:1rem;margin-bottom:.5rem}.request-item.sent{opacity:.8}@media (max-width:480px){.friends-container{padding:1rem}.friends-card{padding:1.5rem}.friends-header{align-items:flex-start;flex-direction:column;gap:.5rem}.friend-item,.friends-tabs,.player-item,.request-item{flex-wrap:wrap}.friend-actions,.player-actions,.request-actions{margin-top:.5rem;width:100%}}.messages-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);min-height:100vh}.messages-layout{display:flex;height:100vh}.conversations-sidebar{background:#0003;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;width:300px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1rem}.sidebar-title{color:var(--color-landing-gold);font-size:1.25rem;margin-bottom:.5rem}.back-link-small{color:var(--color-landing-text-secondary);font-size:.8rem;text-decoration:none;transition:color .3s ease}.back-link-small:hover{color:var(--color-landing-gold)}.conversations-list{flex:1;overflow-y:auto}.empty-conversations{color:#ffffff80;padding:2rem 1rem;text-align:center}.empty-conversations .hint{font-size:.8rem;margin-top:.5rem}.conversation-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .3s ease}.conversation-item:hover{background:#ffffff0d}.conversation-item.selected{background:#d4a84b26;border-left:3px solid var(--color-landing-gold)}.conv-avatar{flex-shrink:0;font-size:1.5rem}.conv-info{flex:1;min-width:0}.conv-name{color:var(--color-landing-text-primary);font-weight:500}.conv-name,.conv-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-preview{color:#ffffff80;font-size:.8rem}.unread-badge{background:#dc3545;border-radius:999px;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .5rem}.message-area{display:flex;flex:1;flex-direction:column}.message-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;padding:1rem}.message-header .user-avatar{font-size:1.5rem}.message-header .user-name{color:var(--color-landing-text-primary);font-weight:500}.messages-list{display:flex;flex:1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.message{align-self:flex-start;max-width:70%}.message--sent{align-self:flex-end}.message-content{word-wrap:break-word;background:#ffffff1a;border-radius:1rem;color:var(--color-landing-text-primary);padding:.75rem 1rem}.message--sent .message-content{background:#d4a84b4d}.message-time{color:#fff6;font-size:.7rem;margin-top:.25rem;text-align:right}.message--sent .message-time{text-align:left}.message-form{background:#0003;border-top:1px solid #ffffff1a;gap:.5rem;padding:1rem}.message-input{background:#ffffff1a;border:1px solid #fff3;border-radius:999px;color:var(--color-landing-pale);font-size:.9rem}.message-input::-moz-placeholder{color:#fff6}.message-input::placeholder{color:#fff6}.message-form .send-btn{background:linear-gradient(135deg,#d4a84b,#c9983f);border:none;border-radius:999px;color:#1a1a2e;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.message-form .send-btn:hover{transform:scale(1.05)}.no-conversation-selected{align-items:center;color:#ffffff80;display:flex;flex:1;flex-direction:column;justify-content:center;text-align:center}.no-conversation-selected .empty-icon{font-size:3rem;margin-bottom:1rem}.no-conversation-selected .hint{font-size:.85rem;margin-top:.5rem}@media (max-width:768px){.messages-layout{flex-direction:column}.conversations-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;height:auto;max-height:40vh;width:100%}.message-area{height:60vh}}.app-wrapper{min-height:100vh;position:relative}.user-avatar-header{position:fixed;right:1rem;top:1rem;z-index:1000}.avatar-link{display:block;text-decoration:none;transition:transform .3s ease}.avatar-link:hover{transform:scale(1.1)}.avatar-circle{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.avatar-link:hover .avatar-circle{background:#ffffff26;border-color:var(--color-landing-gold);box-shadow:0 6px 16px #d4a84b66}@media (max-width:768px){.user-avatar-header{right:.75rem;top:.75rem}.avatar-circle{font-size:1.25rem;height:40px;width:40px}}@media (max-width:640px){.landing-header{flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding:.5rem .75rem}.landing-logo{font-size:1.1rem;gap:.35rem;letter-spacing:.2em}.landing-logo-img{height:1.5rem;width:1.5rem}.hamburger-btn{height:36px;padding:8px;width:36px}.landing-nav{font-size:.75rem;gap:.5rem}.landing-nav a:not(.landing-cta){padding:.5rem}.landing-cta{font-size:.75rem;padding:.5rem 1rem}.landing-hero{min-height:100svh;padding:3.5rem 1rem 2rem}.hero-kicker{font-size:.7rem;letter-spacing:.2em}.hero-title{font-size:2.2rem;letter-spacing:.15em;margin-bottom:1rem}.hero-subtitle{font-size:.85rem;line-height:1.8}.hero-actions{align-items:center;flex-direction:column;gap:.75rem;margin-top:1.5rem}.cta-button{font-size:.85rem;max-width:280px;padding:.85rem 2rem;width:100%}.scroll-indicator{display:none}.landing-section{padding:3rem 1rem}.section-title{font-size:1.5rem;letter-spacing:.15em}.section-body{font-size:.9rem;line-height:1.9;margin-top:2rem}.cards-grid{gap:1.25rem;grid-template-columns:1fr;margin-top:2rem}.concept-card{padding:1.5rem}.concept-card .card-icon{font-size:2rem}.concept-card h3{font-size:1.1rem;margin:.75rem 0 .5rem}.concept-card p{font-size:.85rem;line-height:1.7}.play-grid{gap:1.25rem;grid-template-columns:1fr}.play-card{padding:1.5rem}.play-step{font-size:.7rem}.play-card h3{font-size:1.1rem;margin-bottom:.5rem}.play-card p{font-size:.85rem;line-height:1.6}.landing-footer{font-size:.75rem;padding:2rem 1rem}.footer-subtext{font-size:.7rem}.ambient-audio-shell{bottom:1rem;right:1rem}.ambient-gear-btn{height:36px;width:36px}.ambient-panel{padding:.6rem;width:200px}.lobby-container,.waiting-room-container{padding:1rem}.lobby-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.lobby-title{font-size:1.4rem;letter-spacing:.2em}.lobby-subtitle{font-size:.8rem}.lobby-user-status{border-radius:.75rem;justify-content:space-between;padding:.5rem .75rem;width:100%}.user-guest,.user-logged-in{flex-wrap:wrap;font-size:.8rem;gap:.5rem}.user-avatar{font-size:1.25rem}.user-name{font-size:.85rem;max-width:100px}.logout-btn{font-size:.7rem;padding:.25rem .5rem}.profile-link{font-size:1rem}.lobby-login-prompt{margin-bottom:1rem;padding:1.5rem 1rem}.login-prompt-actions{flex-direction:column;gap:.75rem}.login-btn-large,.register-btn-large{font-size:.9rem;padding:.75rem 1.5rem;width:100%}.lobby-actions{margin-bottom:1.5rem}.create-room-btn{font-size:.85rem;justify-content:center;padding:.75rem 1rem;width:100%}.create-room-form-container{margin-bottom:1.5rem;padding:1rem}.form-header h3{font-size:1rem}.form-field label{font-size:.75rem}.form-field input[type=text],.form-field select,.form-field textarea{font-size:.9rem;padding:.65rem .75rem}.search-filter-section{flex-direction:column;gap:.75rem;padding:.75rem}.search-box{width:100%}.search-input{font-size:.85rem;padding:.65rem .75rem}.filter-options{justify-content:flex-start;width:100%}.filter-checkbox{font-size:.8rem}.section-header{margin-bottom:1rem}.section-title{font-size:.85rem;letter-spacing:.15em}.room-count{font-size:.75rem;padding:.2rem .5rem}.rooms-grid{gap:1rem;grid-template-columns:1fr}.room-card{padding:1rem}.room-name{font-size:1rem}.room-topic{font-size:.8rem}.room-card-info{margin:.75rem 0;padding:.5rem 0}.room-participants{font-size:.8rem}.room-card-actions{margin-top:.75rem}.join-room-btn{font-size:.85rem;padding:.65rem}.empty-rooms{font-size:.9rem;padding:2rem 1rem}.empty-rooms-hint{font-size:.8rem}}@media (max-width:375px){.landing-header{padding:.5rem .75rem}.landing-logo{font-size:1rem}.landing-nav{font-size:.65rem;gap:.5rem}.landing-nav a:not(.landing-cta){display:none}.landing-cta{font-size:.7rem;padding:.4rem .75rem}.hero-title{font-size:1.8rem}.cta-button,.hero-subtitle{font-size:.8rem}.cta-button{padding:.75rem 1.5rem}.lobby-title{font-size:1.2rem}.user-name{max-width:80px}}@media (max-width:640px){.waiting-room-header{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.back-link{font-size:.8rem}.room-info .room-name{font-size:1.2rem}.room-info .room-topic{font-size:.8rem}.waiting-room-content{gap:1rem;grid-template-columns:1fr}.players-panel{order:1;padding:1rem}.panel-title{font-size:.75rem;margin-bottom:.75rem}.players-list{gap:.5rem;margin-bottom:1rem}.player-card{gap:.75rem;padding:.5rem .75rem}.player-avatar{font-size:1.25rem}.player-name{font-size:.85rem}.you-badge{font-size:.65rem}.ready-status{font-size:.7rem}.player-slot{gap:.75rem;padding:.5rem .75rem}.slot-icon{font-size:1.25rem}.slot-text{font-size:.8rem}.player-friend-action{margin-left:auto}.friend-request-btn,.friend-status{font-size:.65rem;padding:.25rem .5rem}.invite-section{margin-bottom:.75rem}.invite-friends-btn{font-size:.8rem;padding:.6rem}.invite-panel{margin-top:.5rem}.invite-friend-item{gap:.5rem;padding:.5rem}.invite-avatar{font-size:1rem}.invite-name{font-size:.8rem}.invite-btn{font-size:.7rem;padding:.25rem .5rem}.ready-section{margin-bottom:.75rem}.ready-btn{font-size:.85rem;padding:.65rem}.start-section{margin-bottom:.75rem}.start-game-btn{font-size:.85rem;padding:.65rem}.ai-fill-section{margin-top:.75rem}.ai-fill-btn{font-size:.8rem;padding:.5rem}.ai-fill-hint{font-size:.7rem;margin-top:.5rem}.waiting-for-host{padding:.75rem}.waiting-for-host p{font-size:.8rem}.deletion-section{margin-top:.75rem;padding-top:.75rem}.propose-delete-btn{font-size:.8rem;padding:.5rem}.deletion-proposal-active{padding:.75rem}.deletion-warning{font-size:.8rem}.deletion-votes-count{font-size:.75rem}.cancel-btn,.vote-btn{font-size:.8rem;padding:.5rem}.admin-section{margin-top:.75rem;padding:.75rem}.admin-title{font-size:.85rem}.admin-subtitle{font-size:.75rem}.admin-ban-btn,.admin-delete-btn{font-size:.75rem;padding:.5rem}.chat-panel{height:350px;order:2;padding:1rem}.chat-messages{margin-bottom:.75rem}.chat-message{margin-bottom:.4rem;padding:.5rem}.message-author{font-size:.7rem}.message-time{font-size:.6rem}.message-body{font-size:.8rem;line-height:1.4}.chat-form{flex-direction:column;gap:.5rem}.chat-form textarea,.chat-input{font-size:.9rem}.send-btn{font-size:.85rem;padding:.6rem 1rem}.profile-container{padding:1rem}.profile-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.profile-avatar-large{font-size:2.5rem;height:80px;width:80px}.profile-title{font-size:1.3rem}.profile-subtitle{font-size:.8rem}.profile-form{padding:1rem}.profile-field{margin-bottom:1rem}.profile-field label{font-size:.8rem;margin-bottom:.4rem}.profile-field input,.profile-field select,.profile-field textarea{font-size:.9rem;padding:.65rem .75rem}.avatar-picker{gap:.5rem}.avatar-option{font-size:1.25rem;height:40px;width:40px}.profile-actions{flex-direction:column;gap:.75rem}.profile-cancel-btn,.profile-save-btn{font-size:.9rem;padding:.75rem;width:100%}.friends-section{padding:1rem}.friends-title{font-size:1rem}.friend-item{gap:.75rem;padding:.75rem}.friend-avatar{font-size:1.25rem}.friend-name{font-size:.85rem}.friend-status-badge{font-size:.65rem;padding:.2rem .4rem}.friend-actions button{font-size:.7rem;padding:.25rem .5rem}.auth-container{min-height:100svh;padding:1rem}.auth-card{border-radius:1rem;margin:0;padding:1.5rem 1rem}.auth-logo{font-size:1.5rem;margin-bottom:.5rem}.auth-title{font-size:1.3rem;margin-bottom:1.5rem}.auth-form{gap:1rem}.auth-field label{font-size:.8rem;margin-bottom:.4rem}.auth-field input{font-size:1rem;padding:.75rem}.auth-submit{font-size:.95rem;margin-top:.5rem;padding:.85rem}.auth-links{flex-direction:column;gap:.75rem;margin-top:1.5rem;text-align:center}.auth-link{font-size:.85rem}.auth-divider{margin:1.25rem 0}.social-login-buttons{flex-direction:column;gap:.75rem}.social-btn{font-size:.9rem;padding:.75rem}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px;min-height:44px}.btn,[role=button],button{min-height:44px}input[type=checkbox],input[type=radio]{height:20px;width:20px}}.akasha-chronicle{contain-intrinsic-size:auto 2000px;content-visibility:auto;font-size:.9rem;margin:0 auto;padding:clamp(32px,5vw,64px) clamp(16px,4vw,32px);width:min(900px,100%)}.akasha-header{margin-bottom:clamp(32px,5vw,48px);text-align:center}.akasha-kicker{color:#fff9;font-family:var(--trds-font-sans,"Inter",sans-serif);font-size:.7rem;letter-spacing:.4em;margin-bottom:8px;text-transform:uppercase}.akasha-title{color:var(--color-landing-pale,#f0e6d2);font-size:clamp(1.4rem,3vw,2rem);letter-spacing:.25em;margin-bottom:12px}.akasha-lede{color:var(--color-landing-text-secondary,#a0a0a0);font-size:.85rem;line-height:1.8;margin:0 auto;max-width:560px}.akasha-panel{background:linear-gradient(145deg,#0f1219e6,#1a1f2ed9);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000059;margin-bottom:clamp(32px,5vw,48px);padding:clamp(16px,3vw,28px)}.akasha-gauge-wrapper{background:#0003;border:1px solid #ffffff14;border-radius:14px;padding:16px}.akasha-gauge-label{color:var(--color-landing-text-secondary,#a0a0a0);display:flex;font-family:var(--trds-font-sans,"Inter",sans-serif);font-size:.75rem;justify-content:space-between;letter-spacing:.15em;margin-bottom:12px}.akasha-gauge-label strong{color:var(--color-landing-gold,#d4af37)}.akasha-gauge-bar{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;height:14px;overflow:hidden}.akasha-gauge-fill{background:linear-gradient(90deg,#74623e,#c7b370,#d4af37,#e27937,#c63b3b);border-radius:inherit;box-shadow:0 0 14px #d4af3766;height:100%;width:87.5%}.akasha-gauge-markers{color:#fff6;display:flex;font-family:var(--trds-font-sans,"Inter",sans-serif);font-size:.65rem;justify-content:space-between;margin-top:6px}.akasha-note{color:var(--color-landing-text-secondary,#a0a0a0);font-size:.8rem;line-height:1.7;margin-top:14px}.akasha-flow-section{margin-bottom:clamp(32px,5vw,48px)}.akasha-section-title{color:var(--color-landing-pale,#f0e6d2);font-size:clamp(1.1rem,2.5vw,1.4rem);letter-spacing:.15em;margin-bottom:8px}.akasha-section-lede{color:var(--color-landing-text-secondary,#a0a0a0);font-size:.8rem;line-height:1.7;margin-bottom:20px}.akasha-flow-steps{display:grid;gap:10px;list-style:none;margin:0;padding:0}.akasha-flow-step{align-items:flex-start;background:#0a0c1299;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:12px;padding:12px 14px;transition:border-color .3s ease,transform .3s ease}.akasha-flow-step:hover{border-color:#d4af374d;transform:translateX(4px)}.akasha-step-index{align-items:center;border:1px solid #ffffff40;border-radius:999px;color:var(--color-landing-pale,#f0e6d2);display:flex;flex-shrink:0;font-family:var(--trds-font-sans,"Inter",sans-serif);font-size:.75rem;height:24px;justify-content:center;width:24px}.akasha-step-body h4{color:var(--color-landing-pale,#f0e6d2);font-size:.85rem;letter-spacing:.1em;margin-bottom:4px}.akasha-step-body p{color:var(--color-landing-text-secondary,#a0a0a0);font-size:.75rem;line-height:1.6;margin:0}.akasha-cards-section{margin-bottom:clamp(32px,5vw,48px)}.akasha-cards-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.akasha-card-stack{background:linear-gradient(160deg,#0a0c14d9,#202438b3);border:1px solid #ffffff0f;border-radius:16px;padding:16px;transition:border-color .3s ease}.akasha-card-stack[data-type=hitoyo]{border-color:#c63b3b66}.akasha-card-stack[data-type=migaki]{border-color:#d4af3766}.akasha-card-stack:hover{border-color:#d4af3780}.akasha-card-title{color:var(--color-landing-pale,#f0e6d2);font-size:.95rem;letter-spacing:.15em;margin-bottom:4px}.akasha-card-sub{color:var(--color-landing-text-secondary,#a0a0a0);font-family:var(--trds-font-sans,"Inter",sans-serif);font-size:.7rem;letter-spacing:.08em;margin-bottom:10px}.akasha-tag-list{color:var(--color-landing-text-primary,#e8e8e8);font-size:.75rem;line-height:1.7;list-style:none;margin:0;padding:0}.akasha-tag-list li{margin-bottom:4px;padding-left:1em;position:relative}.akasha-tag-list li:before{color:var(--color-landing-gold,#d4af37);content:"・";left:0;position:absolute}.akasha-ending-panel{background:radial-gradient(circle at top,#2e8f6b26,#0000 55%),linear-gradient(160deg,#081016eb,#192529d9);border:1px solid #d4af374d;border-radius:24px;box-shadow:0 20px 50px #d4af3726;padding:clamp(24px,4vw,40px);text-align:center}.akasha-ending-panel h3{color:var(--color-landing-pale,#f0e6d2);font-size:clamp(1.2rem,2.8vw,1.6rem);letter-spacing:.2em;margin-bottom:12px}.akasha-ending-panel p{color:var(--color-landing-text-secondary,#a0a0a0);font-size:.8rem;line-height:1.8;margin:0 auto 20px;max-width:480px}.akasha-cta-row{display:flex;gap:12px;justify-content:center}.rulebook{background:linear-gradient(180deg,#f9f6f0,#f5f0e8);color:#2d2d2d;font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",serif;line-height:1.8;margin:0 auto;max-width:900px;min-height:100vh;padding:40px 24px}.rulebook-header{border-bottom:2px solid #c4a35a;margin-bottom:40px;padding:40px 0 60px;text-align:center}.rulebook-header .back-link{color:#8b6914;display:inline-block;font-size:.9rem;margin-bottom:20px;text-decoration:none;transition:color .3s}.rulebook-header .back-link:hover{color:#c4a35a}.rulebook-header h1{color:#2d2d2d;font-size:2.5rem;font-weight:700;letter-spacing:.3em;margin:0 0 10px}.rulebook-header .subtitle{color:#666;font-size:1.1rem;letter-spacing:.2em;margin:0 0 15px}.rulebook-header .version{background:#c4a35a;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;margin-top:10px;padding:4px 16px}.rulebook-toc{background:#c4a35a1a;border:1px solid #c4a35a4d;border-radius:8px;margin-bottom:50px;padding:24px 32px}.rulebook-toc h2{color:#8b6914;font-size:1.2rem;margin:0 0 16px;text-align:center}.rulebook-toc ol{-moz-columns:2;column-count:2;-moz-column-gap:40px;column-gap:40px;margin:0;padding-left:24px}.rulebook-toc li{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:8px}.rulebook-toc a{color:#2d2d2d;text-decoration:none;transition:color .3s}.rulebook-toc a:hover{color:#c4a35a}.rulebook-content section{border-bottom:1px solid #c4a35a4d;margin-bottom:60px;padding-bottom:40px}.rulebook-content section:last-child{border-bottom:none}.rulebook-content h2{border-left:4px solid #c4a35a;color:#8b6914;font-size:1.6rem;margin:0 0 24px;padding-left:16px}.rulebook-content h3{border-bottom:1px dashed #c4a35a80;color:#2d2d2d;font-size:1.25rem;margin:32px 0 16px;padding-bottom:8px}.rulebook-content h4{color:#5a4a2a;font-size:1.1rem;margin:24px 0 12px}.rulebook-content p{margin:0 0 16px}.rulebook-content ol,.rulebook-content ul{margin:0 0 16px;padding-left:24px}.rulebook-content li{margin-bottom:8px}.rulebook-content li ol,.rulebook-content li ul{margin-bottom:0;margin-top:8px}.rulebook-content strong{color:#5a4a2a}.rulebook-content .note{color:#666;font-size:.9rem;font-style:italic}.rulebook-content .highlight{background:#c4a35a26;border-left:3px solid #c4a35a;border-radius:6px;margin:16px 0;padding:16px}.rulebook-content blockquote{background:#c4a35a1a;border-left:4px solid #c4a35a;color:#5a4a2a;font-style:italic;margin:24px 0;padding:20px 24px}.rulebook-content .gameover-conditions{background:#b43c3c1a;border:1px solid #b43c3c4d;border-radius:6px;padding:16px 16px 16px 40px}.rulebook-content .gameover-conditions li{color:#8b3a3a}.rulebook-content .card-type,.rulebook-content .token-type{background:#ffffff80;border:1px solid #c4a35a4d;border-radius:6px;margin:16px 0;padding:16px}.rulebook-content .card-type h4,.rulebook-content .token-type h4{color:#8b6914;margin-top:0}.rulebook-content .phase-list{background:#c4a35a1a;border-radius:6px;padding:20px 20px 20px 44px}.rulebook-content .phase-list li{color:#5a4a2a;font-weight:600}.rulebook-content .phase{background:#fff6;border:1px solid #c4a35a33;border-radius:8px;margin:24px 0;padding:24px}.rulebook-content .phase h3{border-bottom:2px solid #c4a35a80;margin-top:0}.rulebook-content .example{background:#5a825a1a;border:1px solid #5a825a4d;border-radius:6px;margin:16px 0;padding:16px}.rulebook-content .example p:last-child{margin-bottom:0}.rulebook-content .example.optional{background:#6464961a;border-color:#6464964d}.rulebook-content .trigger-box{background:#c4a35a1a;border:1px solid #c4a35a66;border-radius:6px;margin:16px 0;padding:16px}.rulebook-content .trigger-box h4{color:#8b6914;margin-top:0}.rulebook-content .trigger-box.optional{background:#64649614;border-color:#6464964d}.rulebook-content .trigger-box.optional h4{color:#5a5a8b}.rulebook-footer{border-top:2px solid #c4a35a;margin-top:40px;padding:40px 0;text-align:center}.rulebook-footer p{color:#666;margin:0 0 16px}.rulebook-footer .back-link{color:#8b6914;text-decoration:none;transition:color .3s}.rulebook-footer .back-link:hover{color:#c4a35a}@media (max-width:768px){.rulebook{padding:24px 16px}.rulebook-header h1{font-size:1.8rem;letter-spacing:.15em}.rulebook-toc ol{-moz-columns:1;column-count:1}.rulebook-content h2{font-size:1.3rem}.rulebook-content h3{font-size:1.1rem}.rulebook-content .phase{padding:16px}}.rulebook .wiki-notice{background:#c4a35a26;border:1px solid #c4a35a66;border-radius:8px;color:#8b6914;font-size:.9rem;margin-top:20px;padding:12px 16px}.rulebook .wiki-notice p{margin:0}.wiki-actions{margin-top:16px;text-align:center}.btn-add-section{background:linear-gradient(135deg,#c4a35a4d,#c4a35a26);border:1px solid #c4a35a99;border-radius:8px;color:#8b6914;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 24px;transition:all .2s}.btn-add-section:hover{background:linear-gradient(135deg,#c4a35a66,#c4a35a40);border-color:#c4a35acc;transform:translateY(-1px)}.new-section-form{background:#c4a35a14;border:1px dashed #c4a35a80;border-radius:12px;margin-top:32px;padding:24px}.new-section-form h3{color:#8b6914;font-size:1.2rem;margin:0 0 20px}.rulebook .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.rulebook .section-actions{display:flex;gap:8px}.rulebook .btn-edit,.rulebook .btn-history{border-radius:4px;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .2s}.rulebook .btn-edit{background:#c4a35a33;border:1px solid #c4a35a80;color:#8b6914}.rulebook .btn-edit:hover{background:#c4a35a4d;border-color:#c4a35a}.rulebook .btn-history{background:#6464641a;border:1px solid #6464644d;color:#666}.rulebook .btn-history:hover{background:#64646433;color:#444}.rulebook .section-content{color:#2d2d2d;font-size:1.05rem;line-height:1.9}.rulebook .section-editor{border-top:1px dashed #c4a35a4d;color:#888;font-size:.85rem;font-style:italic;margin-top:16px;padding-top:12px}.rulebook .edit-form{background:#fffc;border:1px solid #c4a35a66;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:24px}.rulebook .edit-field{margin-bottom:20px}.rulebook .edit-field label{color:#8b6914;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.rulebook .edit-nickname-input,.rulebook .edit-title-input{font-size:1.1rem;padding:10px 14px}.rulebook .edit-content-input,.rulebook .edit-nickname-input,.rulebook .edit-title-input{background:#fff;border:1px solid #c4a35a66;border-radius:6px;color:#2d2d2d;font-family:inherit;width:100%}.rulebook .edit-content-input{font-size:1rem;line-height:1.8;padding:14px;resize:vertical}.rulebook .edit-content-input:focus,.rulebook .edit-nickname-input:focus,.rulebook .edit-title-input:focus{border-color:#c4a35a;box-shadow:0 0 0 3px #c4a35a26;outline:none}.rulebook .edit-content-input::-moz-placeholder,.rulebook .edit-nickname-input::-moz-placeholder,.rulebook .edit-title-input::-moz-placeholder{color:#aaa}.rulebook .edit-content-input::placeholder,.rulebook .edit-nickname-input::placeholder,.rulebook .edit-title-input::placeholder{color:#aaa}.rulebook .edit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.rulebook .btn-save{background:linear-gradient(135deg,#c4a35a,#a08030);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 28px;transition:all .2s}.rulebook .btn-save:hover{background:linear-gradient(135deg,#d4b36a,#b09040);box-shadow:0 2px 8px #c4a35a4d;transform:translateY(-1px)}.rulebook .btn-cancel{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:.95rem;padding:10px 24px;transition:all .2s}.rulebook .btn-cancel:hover{background:#eee;color:#444}.rulebook .history-panel{background:#ffffffe6;border:1px solid #c4a35a4d;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:24px;padding:20px}.rulebook .history-header{align-items:center;border-bottom:1px solid #c4a35a33;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.rulebook .history-header h3{color:#8b6914;font-size:1.1rem;margin:0}.rulebook .btn-close{background:#0000;border:none;color:#888;cursor:pointer;font-size:1.4rem;line-height:1;padding:4px 8px}.rulebook .btn-close:hover{color:#444}.rulebook .history-empty{color:#888;font-style:italic;padding:20px;text-align:center}.rulebook .history-list{display:flex;flex-direction:column;gap:12px}.rulebook .history-item{background:#c4a35a0d;border:1px solid #c4a35a33;border-radius:6px;padding:14px}.rulebook .history-meta{display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px;margin-bottom:8px}.rulebook .history-version{color:#8b6914;font-weight:600}.rulebook .history-date{color:#888}.rulebook .history-author{color:#666}.rulebook .history-title{color:#2d2d2d;font-size:.95rem;margin-bottom:10px}.rulebook .history-actions{text-align:right}.rulebook .btn-rollback{background:#4682b41a;border:1px solid #4682b466;border-radius:4px;color:#4682b4;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.rulebook .btn-rollback:hover{background:#4682b433;border-color:#4682b4}.rulebook-loading{color:#888;padding:60px 20px;text-align:center}.rulebook-loading p{font-style:italic}@media (max-width:768px){.rulebook .section-header{align-items:flex-start;flex-direction:column}.rulebook .section-actions{width:100%}.rulebook .btn-edit,.rulebook .btn-history{flex:1;text-align:center}.rulebook .edit-form{padding:16px}.rulebook .edit-actions{flex-direction:column}.rulebook .btn-cancel,.rulebook .btn-save{width:100%}.rulebook .history-meta{flex-direction:column;gap:4px}}.comment-section{border-top:1px solid #c4a35a33;margin-top:24px;padding-top:16px}.comment-toggle{align-items:center;background:#c4a35a1a;border:1px solid #c4a35a4d;border-radius:8px;color:#c4a35a;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 16px;text-align:left;transition:all .2s;width:100%}.comment-toggle:hover{background:#c4a35a33;border-color:#c4a35a80}.comment-icon{font-size:1.1rem}.comment-label{flex:1}.comment-count{color:#a08030}.comment-arrow{font-size:.8rem;transition:transform .2s}.comment-panel{background:#0000004d;border:1px solid #c4a35a33;border-radius:8px;margin-top:12px;padding:16px}.comment-empty,.comment-loading{color:#888;font-style:italic;padding:16px;text-align:center}.comment-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.comment-item{background:#ffffff0d;border:1px solid #c4a35a1a;border-radius:8px;padding:12px}.comment-header{align-items:center;display:flex;font-size:.85rem;gap:12px;margin-bottom:8px}.comment-author{color:#c4a35a;font-weight:500}.comment-date{color:#888}.comment-delete{background:#0000;border:1px solid #ff646466;border-radius:4px;color:#f66;cursor:pointer;font-size:.75rem;margin-left:auto;padding:4px 8px;transition:all .2s}.comment-delete:hover{background:#ff646433;border-color:#ff646499}.comment-content{color:#e0e0e0;line-height:1.6;white-space:pre-wrap;word-break:break-word}.comment-form{display:flex;flex-direction:column;gap:8px}.comment-form textarea{background:#0006;border:1px solid #c4a35a4d;border-radius:8px;color:#e0e0e0;font-family:inherit;font-size:.95rem;min-height:80px;padding:12px;resize:vertical;width:100%}.comment-form textarea:focus{border-color:#c4a35a99;box-shadow:0 0 0 2px #c4a35a1a;outline:none}.comment-form textarea::-moz-placeholder{color:#888}.comment-form textarea::placeholder{color:#888}.comment-submit{align-self:flex-end;background:linear-gradient(135deg,#c4a35a,#a08030);border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.comment-submit:hover{background:linear-gradient(135deg,#d4b36a,#b09040);transform:translateY(-1px)}.comment-login-prompt{padding:16px;text-align:center}.login-prompt-text{color:#888;font-size:.9rem;margin-bottom:12px}.login-prompt-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.login-btn{align-items:center;border-radius:6px;display:inline-flex;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s}.login-btn-google{background:#fff;border:1px solid #ddd;color:#333}.login-btn-google:hover{background:#f5f5f5;border-color:#ccc}.login-btn-github{background:#24292e;border:1px solid #24292e;color:#fff}.login-btn-github:hover{background:#2f363d}@media (max-width:768px){.comment-toggle{font-size:.85rem;padding:8px 12px}.comment-panel{padding:12px}.comment-item{padding:10px}.comment-header{flex-wrap:wrap}.comment-delete{margin-left:0}}.story{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",serif;font-size:1.1rem;line-height:2;margin:0 auto;max-width:800px;min-height:100vh;padding:60px 40px}.story-header{border-bottom:1px solid #c4a35a4d;margin-bottom:30px;padding:40px 0 30px;text-align:center}.story-header .back-link{color:#c4a35a;display:inline-block;font-size:.9rem;margin-bottom:20px;text-decoration:none;transition:color .3s}.story-header .back-link:hover{color:#e0c878}.story-header .eyebrow{color:#888;font-size:.85rem;letter-spacing:.1em;margin-bottom:8px}.story-header h1{color:#c4a35a;font-size:2.2rem;letter-spacing:.15em;margin:0 0 16px}.story-header .lede{color:#b0a89a;font-size:1rem;line-height:1.8}.story-wiki-notice{background:#c4a35a1a;border:1px solid #c4a35a4d;border-radius:8px;color:#c4a35a;font-size:.85rem;margin-top:20px;padding:12px 16px}.story-content{color:#e0e0e0}.story-section{border-bottom:1px solid #c4a35a26;margin-bottom:40px;padding-bottom:30px}.story-section:last-child{border-bottom:none}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.section-header h2{border-left:4px solid #c4a35a;color:#c4a35a;font-size:1.4rem;margin:0;padding-left:12px}.section-actions{display:flex;gap:8px}.btn-edit,.btn-history{border-radius:4px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.btn-edit{background:#c4a35a33;border:1px solid #c4a35a66;color:#c4a35a}.btn-edit:hover{background:#c4a35a4d}.btn-history{background:#0000;border:1px solid #96969666;color:#999}.btn-history:hover{background:#9696961a;color:#ccc}.section-content{color:#d4cfc5;font-size:1.05rem;line-height:2;padding:0 8px}.section-content strong{color:#c4a35a}.section-content li{margin-bottom:12px;margin-left:20px}.edit-form{background:#0000004d;border:1px solid #c4a35a4d;border-radius:8px;padding:20px}.edit-field{margin-bottom:16px}.edit-field label{color:#c4a35a;display:block;font-size:.85rem;margin-bottom:8px}.edit-title-input{font-size:1.1rem;padding:10px 12px}.edit-content-input,.edit-title-input{background:#0006;border:1px solid #c4a35a4d;border-radius:6px;color:#e0e0e0;font-family:inherit;width:100%}.edit-content-input{font-size:.95rem;line-height:1.7;padding:12px;resize:vertical}.edit-content-input:focus,.edit-title-input:focus{border-color:#c4a35a99;box-shadow:0 0 0 2px #c4a35a1a;outline:none}.edit-actions{display:flex;gap:12px;justify-content:flex-end}.btn-save{background:linear-gradient(135deg,#c4a35a,#a08030);border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.btn-save:hover{background:linear-gradient(135deg,#d4b36a,#b09040)}.btn-cancel{background:#0000;border:1px solid #96969666;border-radius:6px;color:#999;cursor:pointer;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#9696961a;color:#ccc}.history-panel{background:#0006;border:1px solid #c4a35a33;border-radius:8px;margin-top:20px;padding:16px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.history-header h3{color:#c4a35a;font-size:1rem;margin:0}.btn-close{background:#0000;border:none;color:#888;cursor:pointer;font-size:1.2rem;padding:4px 8px}.btn-close:hover{color:#ccc}.history-empty{color:#888;font-style:italic;text-align:center}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#ffffff08;border:1px solid #c4a35a1a;border-radius:6px;padding:12px}.history-meta{display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px;margin-bottom:8px}.history-version{color:#c4a35a;font-weight:500}.history-date{color:#888}.history-author{color:#999}.history-title{color:#d4cfc5;font-size:.9rem;margin-bottom:8px}.history-actions{text-align:right}.btn-rollback{background:#0000;border:1px solid #64b4ff66;border-radius:4px;color:#64b4ff;cursor:pointer;font-size:.75rem;padding:4px 10px;transition:all .2s}.btn-rollback:hover{background:#64b4ff1a}.story-loading{color:#888;padding:60px 20px;text-align:center}@media (max-width:768px){.story{padding:20px 16px}.story-header h1{font-size:1.8rem}.section-header{align-items:flex-start;flex-direction:column}.section-header h2{font-size:1.2rem}.section-actions{width:100%}.btn-edit,.btn-history{flex:1;text-align:center}}.card-catalog{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);color:#2d2d2d;font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 24px}.catalog-header{border-bottom:1px solid #c4a35a4d;margin-bottom:30px;padding:40px 0 50px;text-align:center}.catalog-header .back-link{color:#c4a35a;display:inline-block;font-size:.9rem;margin-bottom:20px;text-decoration:none;transition:color .3s}.catalog-header .back-link:hover{color:#e0c878}.catalog-header h1{color:#c4a35a;font-size:2.2rem;letter-spacing:.2em;margin:0 0 8px}.catalog-header .subtitle{color:#888;font-size:1rem;letter-spacing:.15em;margin:0 0 20px}.catalog-header .description{color:#aaa;line-height:1.8;margin:0 auto;max-width:600px}.catalog-nav{background:#c4a35a0d;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin-bottom:40px;padding:20px}.catalog-nav a{border:1px solid #0000;border-radius:20px;color:#888;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:all .3s}.catalog-nav a:hover{border-color:#c4a35a4d;color:#c4a35a}.catalog-nav a.active{background:#c4a35a;border-color:#c4a35a;color:#1a1a1a}.catalog-intro{background:#c4a35a14;border:1px solid #c4a35a33;border-radius:8px;margin-bottom:50px;padding:24px 32px}.catalog-intro h2{color:#c4a35a;font-size:1.2rem;margin:0 0 16px}.catalog-intro ul{color:#bbb;margin:0;padding-left:20px}.catalog-intro li{line-height:1.7;margin-bottom:8px}.catalog-intro strong{color:#e0c878}.card-grid{margin-bottom:60px}.card-grid h2{border-bottom:1px solid #c4a35a4d;color:#c4a35a;font-size:1.4rem;margin:0 0 24px;padding-bottom:12px}.card-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid h2{grid-column:1/-1}.game-card{background:linear-gradient(135deg,#2a2520,#1a1815);border:1px solid #c4a35a4d;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s,box-shadow .3s}.game-card:hover{box-shadow:0 8px 24px #0006;transform:translateY(-4px)}.game-card .card-image{background-color:#c4a35a1a;background-position:50%;background-size:cover;border-bottom:1px solid #c4a35a33;height:180px;position:relative;width:100%}.game-card .card-image.no-image{align-items:center;color:#c4a35a4d;display:flex;font-size:3rem;justify-content:center}.game-card .card-image.no-image:after{content:"🎴"}.game-card .card-header{border-bottom:1px solid #c4a35a26;padding:16px}.game-card .card-type-badge{background:#c4a35a33;border-radius:12px;color:#c4a35a;display:inline-block;font-size:.7rem;margin-bottom:8px;padding:2px 10px}.game-card .card-type-badge.danger{background:#b43c3c33;color:#e07070}.game-card .card-type-badge.purify{background:#5a965a33;color:#7cc47c}.game-card .card-category{color:#888;display:inline-block;font-size:.7rem;margin-left:8px}.game-card .card-header h3{color:#e8e0d0;font-size:1.1rem;line-height:1.4;margin:0}.game-card .card-body{flex:1;padding:16px}.game-card .card-flavor{color:#999;font-size:.85rem;font-style:italic;line-height:1.6;margin:0 0 12px}.game-card .card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.game-card .card-tags .tag{background:#c4a35a1a;border:1px solid #c4a35a33;border-radius:10px;color:#c4a35a;font-size:.7rem;padding:3px 10px}.game-card .card-cost,.game-card .card-requirements{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.game-card .cost,.game-card .requirement{background:#ffffff0d;border-radius:4px;color:#aaa;font-size:.8rem;padding:4px 10px}.game-card .card-timing{margin-bottom:8px}.game-card .timing{border-radius:10px;font-size:.75rem;padding:3px 10px}.game-card .timing.immediate{background:#ff963233;color:#ffb060}.game-card .timing.delayed{background:#6496c833;color:#80b0e0}.game-card .card-condition{color:#aaa;font-size:.8rem;margin:8px 0 0}.game-card .card-footer{background:#0003;border-top:1px solid #c4a35a26;padding:12px 16px}.game-card .card-effect{font-size:.9rem;font-weight:600;margin:0}.game-card .card-effect.positive{color:#7cc47c}.game-card .card-effect.negative{color:#e07070}.game-card .card-special{color:#80b0e0;font-size:.8rem;font-style:italic;margin:8px 0 0}.talent-card{border-color:#7864b466}.talent-card .card-type-badge{background:#7864b433;color:#a090d0}.cocreation-card{border-color:#6496c866}.cocreation-card .card-type-badge{background:#6496c833;color:#80b0e0}.hitoyo-card{background:linear-gradient(135deg,#2a2020,#1a1515);border-color:#b43c3c66}.migaki-card{background:linear-gradient(135deg,#202a20,#151a15);border-color:#5a965a66}.migaki-card.special{background:linear-gradient(135deg,#2a2820,#1a1815);border-color:#c4a35a80}.catalog-footer{border-top:1px solid #c4a35a4d;margin-top:40px;padding:40px 0;text-align:center}.catalog-footer p{color:#666;margin:0 0 16px}.catalog-footer .back-link{color:#c4a35a;text-decoration:none;transition:color .3s}.catalog-footer .back-link:hover{color:#e0c878}.kuukan-catalog .kuukan-concept{margin-bottom:50px}.kuukan-catalog .kuukan-concept h2{color:#c4a35a;font-size:1.4rem;margin:0 0 24px;text-align:center}.kuukan-catalog .concept-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.kuukan-catalog .concept-item{background:#c4a35a14;border:1px solid #c4a35a33;border-radius:12px;padding:24px;text-align:center}.kuukan-catalog .concept-icon{font-size:2.5rem;margin-bottom:16px}.kuukan-catalog .concept-item h3{color:#c4a35a;font-size:1.1rem;margin:0 0 12px}.kuukan-catalog .concept-item p{color:#aaa;font-size:.9rem;line-height:1.7;margin:0}.kuukan-catalog .kuukan-rules{margin-bottom:50px}.kuukan-catalog .kuukan-rules h2{color:#c4a35a;font-size:1.4rem;margin:0 0 24px}.kuukan-catalog .rule-block{background:#ffffff08;border:1px solid #c4a35a26;border-radius:8px;margin-bottom:16px;padding:20px}.kuukan-catalog .rule-block h3{color:#e0c878;font-size:1rem;margin:0 0 12px}.kuukan-catalog .rule-block p{color:#bbb;line-height:1.7;margin:0}.kuukan-catalog .rule-block ul{color:#bbb;margin:0;padding-left:20px}.kuukan-catalog .rule-block li{line-height:1.6;margin-bottom:6px}.kuukan-catalog .rule-block.highlight{background:#c4a35a1a;border-color:#c4a35a4d}.kuukan-catalog .rule-block .note{color:#888;font-size:.85rem;font-style:italic;margin-top:12px}.kuukan-catalog .kuukan-philosophy{margin-bottom:50px}.kuukan-catalog .kuukan-philosophy h2{color:#c4a35a;font-size:1.4rem;margin:0 0 24px}.kuukan-catalog .kuukan-philosophy blockquote{background:#c4a35a0d;border-left:3px solid #c4a35a;border-radius:0 8px 8px 0;margin:0;padding:24px 32px}.kuukan-catalog .kuukan-philosophy blockquote p{color:#bbb;font-size:.95rem;line-height:1.9;margin:0 0 12px}.kuukan-catalog .kuukan-philosophy blockquote p:last-child{margin-bottom:0}.kuukan-catalog .kuukan-examples{margin-bottom:50px}.kuukan-catalog .kuukan-examples h2{color:#c4a35a;font-size:1.4rem;margin:0 0 24px}.kuukan-catalog .example-block{background:#5a825a14;border:1px solid #5a825a33;border-radius:8px;margin-bottom:16px;padding:20px}.kuukan-catalog .example-block h3{color:#7cc47c;font-size:1rem;margin:0 0 12px}.kuukan-catalog .example-block p{color:#bbb;margin:0 0 8px}.kuukan-catalog .example-block ul{color:#aaa;margin:0;padding-left:20px}.kuukan-catalog .example-block li{margin-bottom:4px}.kuukan-catalog .kuukan-cta{background:#c4a35a14;border-radius:12px;margin-bottom:40px;padding:40px;text-align:center}.kuukan-catalog .kuukan-cta h2{color:#c4a35a;font-size:1.3rem;margin:0 0 16px}.kuukan-catalog .kuukan-cta p{color:#aaa;margin:0 0 24px}.kuukan-catalog .cta-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.nav-dropdown{margin-bottom:-10px;padding-bottom:10px;position:relative}.nav-dropdown .dropdown-toggle{color:var(--color-landing-text-secondary);cursor:pointer;display:inline-block;padding:4px 0;transition:color .3s}.nav-dropdown .dropdown-toggle:hover{color:var(--color-landing-pale)}.nav-dropdown .dropdown-toggle:after{content:" ▾";font-size:.7em}.nav-dropdown .dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1419fa;border:1px solid #d4af374d;border-radius:8px;left:50%;min-width:180px;opacity:0;padding:8px 0;pointer-events:none;position:absolute;top:calc(100% + 4px);transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;z-index:1000}.nav-dropdown:after{content:"";height:20px;left:0;position:absolute;right:0;top:100%}.nav-dropdown.dropdown-open .dropdown-menu,.nav-dropdown:hover .dropdown-menu{opacity:1;pointer-events:auto;visibility:visible}.nav-dropdown .dropdown-menu a{color:var(--color-landing-text-secondary);display:block;font-size:.85rem;padding:10px 20px;text-decoration:none;transition:all .3s}.nav-dropdown .dropdown-menu a:hover{background:#d4af371a;color:var(--color-landing-gold)}.nav-dropdown .dropdown-menu a:after{display:none}.login-dropdown{position:relative}.login-btn{background:#0000;border:1px solid var(--color-landing-gold);border-radius:999px;color:var(--color-landing-gold);cursor:pointer;font-size:.85rem;letter-spacing:.1em;padding:.5rem 1.25rem;transition:background .3s,color .3s;white-space:nowrap}.login-btn:hover{background:var(--color-landing-gold);color:var(--color-midnight)}.login-dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1419fa;border:1px solid #d4af374d;border-radius:12px;min-width:200px;opacity:0;padding:8px;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:opacity .2s,visibility .2s,transform .2s;visibility:hidden;z-index:100}.login-dropdown.open .login-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.login-option{align-items:center;border-radius:8px;color:var(--color-landing-text-secondary);display:flex;font-size:.9rem;gap:12px;padding:12px 16px;text-decoration:none;transition:background .2s,color .2s}.login-option:hover{background:#d4af371a;color:var(--color-landing-pale)}.login-option svg{flex-shrink:0}.hero-login-dropdown{display:inline-block;position:relative}.hero-login-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1419fa;border:1px solid #d4af374d;border-radius:12px;left:50%;min-width:220px;opacity:0;padding:8px;position:absolute;top:calc(100% + 12px);transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;z-index:100}.hero-login-dropdown.open .hero-login-menu{opacity:1;visibility:visible}@media (max-width:768px){.card-catalog{padding:24px 16px}.catalog-header h1{font-size:1.6rem}.catalog-nav{gap:6px 10px;padding:16px}.catalog-nav a{font-size:.8rem;padding:6px 12px}.card-grid,.kuukan-catalog .concept-grid{grid-template-columns:1fr}.nav-dropdown .dropdown-menu{left:16px;position:fixed;right:16px;transform:none;width:auto}}.auth-buttons{gap:12px;margin-left:auto}.auth-buttons,.user-info{align-items:center;display:flex}.user-info{color:var(--color-landing-pale);gap:8px}.user-avatar{border:2px solid #d4af3766;border-radius:50%;height:32px;width:32px}.user-name{font-size:.9rem;font-weight:500}.auth-btn{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 10px;text-decoration:none;transition:all .2s ease}.oauth-icon-svg{height:14px;width:14px}.auth-btn-outline{background:#0000;border:1px solid #d4af3780;color:var(--color-landing-pale)}.auth-btn-outline:hover{background:#d4af371a;border-color:#d4af37cc}.oauth-btn{border:none;color:#fff}.oauth-google{background:linear-gradient(135deg,#4285f4,#357ae8)}.oauth-google:hover{background:linear-gradient(135deg,#357ae8,#2a6ad4);box-shadow:0 4px 12px #4285f44d;transform:translateY(-1px)}.oauth-github{background:linear-gradient(135deg,#333,#24292e)}.oauth-github:hover{background:linear-gradient(135deg,#24292e,#1b1f23);box-shadow:0 4px 12px #24292e80;transform:translateY(-1px)}.oauth-btn-icon{align-items:center;border:none;border-radius:50%;cursor:pointer;display:inline-flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;width:36px}.oauth-btn-icon.oauth-google{background:linear-gradient(135deg,#4285f4,#357ae8);color:#fff}.oauth-btn-icon.oauth-google:hover{background:linear-gradient(135deg,#357ae8,#2a6ad4);box-shadow:0 4px 12px #4285f466;transform:translateY(-2px)}.oauth-btn-icon.oauth-github{background:linear-gradient(135deg,#333,#24292e);color:#fff}.oauth-btn-icon.oauth-github:hover{background:linear-gradient(135deg,#24292e,#1b1f23);box-shadow:0 4px 12px #24292e80;transform:translateY(-2px)}.oauth-btn-icon svg{display:block}.oauth-icon{font-size:.9rem;font-weight:700}.oauth-icon-svg{flex-shrink:0;height:18px;width:18px}.header-top-row{margin-bottom:1rem;width:100%}.header-top-row,.landing-header{align-items:center;display:flex;justify-content:space-between}.landing-header{flex-wrap:wrap;gap:1rem}.landing-header .auth-buttons{flex-shrink:0;margin-left:auto}@media (max-width:768px){.auth-buttons{flex-wrap:wrap;gap:8px}.auth-btn{font-size:.8rem;padding:6px 12px}.oauth-btn{flex:1;justify-content:center}.header-top-row{align-items:stretch;flex-direction:column;gap:.75rem}.header-top-row .auth-buttons{justify-content:center}}@media (max-width:1100px){.landing-header{position:relative}.landing-container{padding-top:0}.landing-nav .nav-dropdown{position:static}.landing-nav .nav-dropdown .dropdown-menu{left:50%;margin-top:10px;position:fixed;top:auto;transform:translateX(-50%)}}@media (max-width:920px){.landing-nav{z-index:10}.landing-nav .nav-dropdown .dropdown-menu{left:50%;position:fixed;top:80px;transform:translateX(-50%);z-index:1100}}.annotation-trigger{align-items:center;background:#d4af3726;border:1px solid #d4af374d;border-radius:50%;cursor:pointer;display:inline-flex;height:36px;justify-content:center;margin-left:8px;position:relative;transition:all .2s ease;width:36px}.annotation-trigger:hover{background:#d4af3740;border-color:#d4af3780;transform:scale(1.05)}.annotation-icon{font-size:1rem}.annotation-count{align-items:center;background:var(--color-landing-gold);border-radius:10px;color:#1a1f2e;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.annotation-panel{background:#1a1f2efa;border:1px solid #d4af3733;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:320px;z-index:100}.annotation-panel-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.annotation-panel-header h4{color:var(--color-landing-pale);font-size:.95rem;margin:0}.annotation-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1rem;line-height:1;padding:4px}.annotation-close:hover{color:#fffc}.annotation-list{flex:1;overflow-y:auto;padding:12px 16px}.annotation-empty{color:#ffffff80;font-size:.85rem;padding:16px 0;text-align:center}.annotation-item{background:#ffffff08;border-radius:8px;margin-bottom:8px;padding:12px}.annotation-item:last-child{margin-bottom:0}.annotation-meta{align-items:center;display:flex;font-size:.75rem;gap:8px;margin-bottom:6px}.annotation-author{color:var(--color-landing-gold);font-weight:500}.annotation-date{color:#fff6}.annotation-delete{background:none;border:none;color:#ff646499;cursor:pointer;font-size:.7rem;margin-left:auto;padding:2px 6px}.annotation-delete:hover{color:#ff6464e6}.annotation-content{color:#ffffffd9;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.annotation-form{border-top:1px solid #ffffff1a;padding:12px 16px}.annotation-form textarea{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#ffffffe6;font-size:.85rem;min-height:60px;padding:10px 12px;resize:vertical;width:100%}.annotation-form textarea::-moz-placeholder{color:#fff6}.annotation-form textarea::placeholder{color:#fff6}.annotation-form textarea:focus{border-color:#d4af3766;outline:none}.annotation-submit{background:linear-gradient(135deg,#d4af37cc,#d4af3799);border:none;border-radius:6px;color:#1a1f2e;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .2s ease;width:100%}.annotation-submit:hover{background:linear-gradient(135deg,#d4af37,#d4af37cc);transform:translateY(-1px)}.annotation-login-prompt{border-top:1px solid #ffffff1a;padding:16px;text-align:center}.annotation-login-prompt p{color:#fff9;font-size:.85rem;margin:0 0 12px}.annotation-login-prompt .oauth-btn{display:inline-flex;font-size:.8rem;padding:8px 16px}.annotatable-section{position:relative}.annotatable-section .annotation-trigger{position:absolute;right:-44px;top:0}@media (max-width:768px){.annotation-panel{bottom:16px;left:16px;max-height:60vh;position:fixed;right:16px;top:auto;width:auto}.annotatable-section .annotation-trigger{margin-top:8px;position:static}}.lobby-header-content{align-items:center;display:flex;gap:2rem}.lobby-logo{color:var(--color-landing-gold,#d4af37);font-size:1.5rem;font-weight:700;letter-spacing:.1em;text-decoration:none}.lobby-logo:hover{opacity:.8}.lobby-nav{align-items:center;display:flex;gap:1rem}.lobby-nav .nav-link{border-radius:6px;color:#fffc;font-size:.9rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}.lobby-nav .nav-link:hover{background:#ffffff1a;color:#fff}.lobby-nav .nav-dropdown{position:relative}.lobby-nav .nav-dropdown:after{content:"";height:20px;left:0;position:absolute;right:0;top:100%}.lobby-nav .dropdown-toggle{cursor:pointer}.lobby-nav .dropdown-toggle:after{content:" ▾";font-size:.7em}.lobby-nav .dropdown-menu{background:#1a1f2efa;border:1px solid #d4af3733;border-radius:8px;box-shadow:0 10px 40px #0006;left:50%;min-width:160px;opacity:0;padding:8px 0;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:9999}.lobby-nav .nav-dropdown.dropdown-open .dropdown-menu,.lobby-nav .nav-dropdown:hover .dropdown-menu{opacity:1;pointer-events:auto;visibility:visible}.lobby-nav .dropdown-menu a{color:#fffc;display:block;font-size:.85rem;padding:10px 16px;text-decoration:none;transition:all .15s ease}.lobby-nav .dropdown-menu a:hover{background:#d4af3726;color:#fff}@media (max-width:768px){.lobby-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.lobby-nav{flex-wrap:wrap}.lobby-nav .dropdown-menu{left:16px;position:fixed;right:16px;top:120px;transform:none;width:auto;z-index:9999}}.cookie-banner{align-items:center;animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1f2efa,#0f1419fa);border-top:1px solid #d4af374d;bottom:0;box-shadow:0 -4px 20px #0000004d;display:flex;justify-content:center;left:0;padding:1rem 1.5rem;position:fixed;right:0;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;max-width:1200px;width:100%}.cookie-banner-text{color:#ffffffd9;font-size:.9rem;line-height:1.5;margin:0}.cookie-banner-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem}.cookie-link{color:#d4af37cc;font-size:.85rem;text-decoration:none;transition:color .2s ease;white-space:nowrap}.cookie-link:hover{color:var(--color-landing-gold);text-decoration:underline}.cookie-accept-btn{background:linear-gradient(135deg,var(--color-landing-gold),#c7a02a);border:none;border-radius:6px;color:#1a1f2e;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;transition:all .2s ease;white-space:nowrap}.cookie-accept-btn:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-2px)}@media (max-width:640px){.cookie-banner{padding:1rem}.cookie-banner-content{flex-direction:column;gap:1rem;text-align:center}.cookie-banner-text{font-size:.8rem}.cookie-banner-actions{justify-content:center;width:100%}}.kamihakari-container{background:var(--color-landing-bg);color:#f5f0e6;display:flex;height:100vh}.kamihakari-sidebar{background:#0f141ef2;border-right:1px solid var(--color-landing-gold-muted);display:flex;flex-direction:column;min-width:280px;width:280px}.sidebar-header{border-bottom:1px solid var(--color-landing-gold-muted);padding:1.5rem}.sidebar-header h2{color:var(--color-landing-gold);font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.sidebar-subtitle{color:#d4cfc5;font-size:.85rem;margin:0}.channel-list{flex:1;overflow-y:auto;padding:.5rem}.channel-item{border-radius:8px;display:block;margin-bottom:.25rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.channel-item:hover{background:#d4af371a}.channel-item.active{background:#d4af3733;border-left:3px solid var(--color-landing-gold)}.channel-name{color:#f5f0e6;display:block;font-size:1rem;font-weight:500}.channel-topic{color:#d4cfc5;display:block;font-size:.75rem;margin-top:.25rem}.sidebar-footer{border-top:1px solid var(--color-landing-gold-muted);padding:1rem}.back-to-lobby{color:#d4cfc5;display:block;font-size:.9rem;text-decoration:none;transition:color .2s ease}.back-to-lobby:hover{color:var(--color-landing-gold)}.kamihakari-main{display:flex;flex:1;flex-direction:column;min-width:0}.chat-header{background:#0f141ecc;border-bottom:1px solid var(--color-landing-gold-muted);padding:1rem 1.5rem}.chat-channel-name{color:var(--color-landing-gold);font-size:1.25rem;margin:0 0 .25rem}.chat-channel-topic{color:#d4cfc5;font-size:.85rem;margin:0}.messages-container{flex:1;overflow-y:auto;padding:1rem 1.5rem}.empty-messages,.loading-messages,.no-channel-selected{align-items:center;color:#d4cfc5;display:flex;flex-direction:column;height:100%;justify-content:center}.empty-hint{font-size:.85rem;margin-top:.5rem}.message-item{border-bottom:1px solid #ffffff0d;display:flex;gap:1rem;padding:.75rem 0}.message-item:last-child{border-bottom:none}.message-avatar{align-items:center;background:linear-gradient(135deg,var(--color-landing-gold),#c7a02a);border-radius:50%;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.avatar-initial{color:#1a1f2e;font-size:1rem;font-weight:600}.message-content{flex:1;min-width:0}.message-header{align-items:baseline;display:flex;gap:.75rem;margin-bottom:.25rem}.message-author{color:#f5f0e6;font-weight:600}.message-time{color:#b0a89a;font-size:.75rem}.message-body{color:#f5f0e6;line-height:1.5;word-break:break-word}.message-form{background:#0f141ecc;border-top:1px solid var(--color-landing-gold-muted);display:flex;gap:.75rem;padding:1rem 1.5rem}.message-input{background:#0000004d;border:1px solid var(--color-landing-gold-muted);border-radius:8px;color:#f5f0e6;flex:1;font-size:1rem;padding:.75rem 1rem}.message-input:focus{border-color:var(--color-landing-gold);outline:none}.message-input::-moz-placeholder{color:#b0a89a}.message-input::placeholder{color:#b0a89a}.send-btn{background:linear-gradient(135deg,var(--color-landing-gold),#c7a02a);border:none;border-radius:8px;color:#1a1f2e;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.send-btn:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-2px)}.login-prompt{align-items:center;background:#0f141ecc;border-top:1px solid var(--color-landing-gold-muted);color:#d4cfc5;display:flex;gap:.5rem;justify-content:center;padding:1rem 1.5rem}.login-link{color:var(--color-landing-gold);text-decoration:underline}@media (max-width:768px){.kamihakari-container{flex-direction:column}.kamihakari-sidebar{border-bottom:1px solid var(--color-landing-gold-muted);border-right:none;height:auto;min-width:unset;width:100%}.sidebar-header{padding:1rem}.sidebar-header h2{font-size:1.25rem}.channel-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem 1rem}.channel-item{margin-bottom:0;padding:.5rem .75rem}.channel-topic,.sidebar-footer{display:none}.kamihakari-main{height:calc(100vh - 150px)}.chat-header,.message-form,.messages-container{padding:.75rem 1rem}.message-avatar{height:32px;min-width:32px;width:32px}.avatar-initial{font-size:.85rem}}.card-edit-form{background:#0003;border-radius:8px;padding:16px}.card-form-field{margin-bottom:12px}.card-form-field label{color:#c4a35a;display:block;font-size:.85rem;margin-bottom:4px}.card-form-field input,.card-form-field select,.card-form-field textarea{background:#ffffff1a;border:1px solid #c4a35a66;border-radius:6px;color:#f0f0f0;font-size:.95rem;padding:8px 12px;width:100%}.card-form-field input:focus,.card-form-field select:focus,.card-form-field textarea:focus{border-color:#c4a35a;outline:none}.card-form-field.small{flex:1;min-width:70px}.card-form-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.card-form-actions{display:flex;gap:8px;margin-top:16px}.btn-edit-card{background:#c4a35a33;border:1px solid #c4a35a80;border-radius:4px;color:#c4a35a;cursor:pointer;font-size:.8rem;padding:4px 10px;transition:all .2s}.btn-edit-card:hover{background:#c4a35a59;border-color:#c4a35a}.new-card-form-section{background:#c4a35a14;border:1px dashed #c4a35a80;border-radius:12px;margin-top:32px;padding:24px}.new-card-form-section h3{color:#c4a35a;font-size:1.2rem;margin:0 0 20px}.no-cards{color:#888;font-style:italic;padding:40px;text-align:center}.game-card .card-header{position:relative}.game-card .card-header .btn-edit-card{position:absolute;right:8px;top:8px}.hover\:z-10:hover{z-index:10}.hover\:-translate-y-0:hover{--tw-translate-y:-0px}.hover\:-translate-y-0:hover,.hover\:-translate-y-0\.5:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:rotate-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-1:hover{--tw-rotate:1deg}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-\[var\(--color-landing-gold\)\]:hover{border-color:var(--color-landing-gold)}.hover\:border-kin\/70:hover{border-color:#c7b370b3}.hover\:border-kohaku:hover{--tw-border-opacity:1;border-color:rgb(191 120 58/var(--tw-border-opacity))}.hover\:border-matsu:hover{--tw-border-opacity:1;border-color:rgb(74 89 61/var(--tw-border-opacity))}.hover\:border-purple-400:hover{--tw-border-opacity:1;border-color:rgb(192 132 252/var(--tw-border-opacity))}.hover\:border-sakura:hover{--tw-border-opacity:1;border-color:rgb(238 196 206/var(--tw-border-opacity))}.hover\:bg-\[rgba\(25\2c 30\2c 35\2c 0\.95\)\]:hover{background-color:#191e23f2}.hover\:bg-blue-500\/30:hover{background-color:#3b82f64d}.hover\:bg-green-600\/40:hover{background-color:#16a34a66}.hover\:bg-green-900\/30:hover{background-color:#14532d4d}.hover\:bg-kohaku\/20:hover{background-color:#bf783a33}.hover\:bg-matsu\/20:hover{background-color:#4a593d33}.hover\:bg-matsu\/80:hover{background-color:#4a593dcc}.hover\:bg-purple-400:hover{--tw-bg-opacity:1;background-color:rgb(192 132 252/var(--tw-bg-opacity))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity))}.hover\:bg-purple-900\/20:hover{background-color:#581c8733}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.hover\:bg-sakura\/20:hover{background-color:#eec4ce33}.hover\:bg-shu\/90:hover{background-color:#d3381ce6}.hover\:bg-sumi\/30:hover{background-color:#1c1c1c4d}.hover\:bg-sumi\/5:hover{background-color:#1c1c1c0d}.hover\:bg-trds-surface:hover{background-color:var(--trds-surface-dark)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-trds-text-primary:hover{color:var(--color-landing-text-primary)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-trds-gold:hover{--tw-shadow:var(--trds-glow-gold);--tw-shadow-colored:var(--trds-glow-gold)}.hover\:shadow-trds-gold:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:border-\[var\(--color-landing-gold\)\]:focus{border-color:var(--color-landing-gold)}.focus\:border-trds-outline-strong:focus{border-color:var(--trds-outline-strong)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-kin\/50:focus{--tw-ring-color:#c7b37080}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-sumi\/5:active{background-color:#1c1c1c0d}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-70{opacity:.7}@media (prefers-reduced-motion:no-preference){@keyframes spin{to{transform:rotate(1turn)}}.motion-safe\:animate-spin{animation:spin 1s linear infinite}}@media not all and (min-width:1024px){.max-lg\:inset-x-0{left:0;right:0}.max-lg\:bottom-0{bottom:0}.max-lg\:max-h-\[50vh\]{max-height:50vh}.max-lg\:rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}}@media not all and (min-width:640px){.max-sm\:-mx-2{margin-left:-.5rem;margin-right:-.5rem}.max-sm\:flex{display:flex}.max-sm\:h-\[84px\]{height:84px}.max-sm\:min-w-\[220px\]{min-width:220px}.max-sm\:snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.max-sm\:snap-mandatory{--tw-scroll-snap-strictness:mandatory}.max-sm\:snap-start{scroll-snap-align:start}.max-sm\:gap-2{gap:.5rem}.max-sm\:overflow-x-auto{overflow-x:auto}.max-sm\:px-2{padding-left:.5rem;padding-right:.5rem}}@media (min-width:640px){.sm\:right-4{right:1rem}.sm\:top-4{top:1rem}.sm\:top-6{top:1.5rem}.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:mb-1{margin-bottom:.25rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mt-3{margin-top:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:mt-6{margin-top:1.5rem}.sm\:line-clamp-none{-webkit-box-orient:horizontal;-webkit-line-clamp:none;display:block;overflow:visible}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-12{height:3rem}.sm\:h-28{height:7rem}.sm\:h-3{height:.75rem}.sm\:h-4{height:1rem}.sm\:h-5{height:1.25rem}.sm\:h-8{height:2rem}.sm\:max-h-\[35vh\]{max-height:35vh}.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:w-10{width:2.5rem}.sm\:w-12{width:3rem}.sm\:w-20{width:5rem}.sm\:w-3{width:.75rem}.sm\:w-4{width:1rem}.sm\:w-5{width:1.25rem}.sm\:w-6{width:1.5rem}.sm\:w-8{width:2rem}.sm\:w-96{width:24rem}.sm\:w-auto{width:auto}.sm\:max-w-96{max-width:24rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-none{max-width:none}.sm\:translate-y-0{--tw-translate-y:0px}.sm\:scale-100,.sm\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.sm\:overflow-y-auto{overflow-y:auto}.sm\:rounded-lg{border-radius:.5rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:border{border-width:1px}.sm\:border-4{border-width:4px}.sm\:bg-transparent{background-color:initial}.sm\:p-0{padding:0}.sm\:p-1{padding:.25rem}.sm\:p-1\.5{padding:.375rem}.sm\:p-2{padding:.5rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-1{padding-bottom:.25rem;padding-top:.25rem}.sm\:py-2{padding-bottom:.5rem;padding-top:.5rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:pb-0{padding-bottom:0}.sm\:pb-1{padding-bottom:.25rem}.sm\:pb-3{padding-bottom:.75rem}.sm\:pb-4{padding-bottom:1rem}.sm\:pt-1{padding-top:.25rem}.sm\:pt-3{padding-top:.75rem}.sm\:pt-4{padding-top:1rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[8px\]{font-size:8px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:tracking-\[0\.2em\]{letter-spacing:.2em}.sm\:tracking-\[0\.3em\]{letter-spacing:.3em}.sm\:tracking-widest{letter-spacing:.1em}.sm\:hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:768px){.md\:top-7{top:1.75rem}.md\:h-12{height:3rem}.md\:h-14{height:3.5rem}.md\:h-36{height:9rem}.md\:w-12{width:3rem}.md\:w-14{width:3.5rem}.md\:w-24{width:6rem}.md\:w-8{width:2rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-3{gap:.75rem}.md\:gap-8{gap:2rem}.md\:p-2{padding:.5rem}.md\:p-8{padding:2rem}.md\:py-2{padding-bottom:.5rem;padding-top:.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-\[10px\]{font-size:10px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:1024px){.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-col{flex-direction:column}.lg\:gap-1{gap:.25rem}.lg\:overflow-visible{overflow:visible}.lg\:border-l{border-left-width:1px}}@media (min-width:1280px){.xl\:bottom-24{bottom:6rem}.xl\:right-0{right:0}.xl\:top-12{top:3rem}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:w-64{width:16rem}.xl\:w-80{width:20rem}.xl\:pr-72{padding-right:18rem}}[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:left-2\/3{left:66.666667%}[data-theme=light] .\[\[data-theme\=light\]_\&\]\:left-1\/3{left:33.333333%}