:root{--bg-dark:oklch(0.92 0 136);--bg:oklch(0.96 0 136);--bg-light:oklch(0.98 0 136);--text:oklch(0.15 0 136);--text-muted:oklch(0.4 0 136);--border:oklch(0.6 0 136);--border-muted:oklch(0.7 0 136);--shadow:0px 4px 4px #00000030, 0px 12px 12px #00000015;--shadow-inside:0px 0px 4px #00000030 inset, 0px 0px 12px #00000015 inset;--shadow-color:#00000030;--primary:oklch(0.75 0.185 240);--primary-light:oklch(0.96 0.05 240);--primary-dark:#003b8e;--primary-filter:invert(55%) sepia(38%) saturate(4903%) hue-rotate(166deg) brightness(107%) contrast(103%);--accent:oklch(0.75 0.185 136);--accent-light:oklch(0.96 0.05 136);--accent-filter:invert(72%) sepia(20%) saturate(1352%) hue-rotate(53deg) brightness(96%) contrast(81%);--secondary:oklch(0.75 0.185 90);--secondary-light:oklch(0.96 0.05 90);--secondary-filter:invert(64%) sepia(84%) saturate(1195%) hue-rotate(6deg) brightness(93%) contrast(101%);--warning-light:oklch(0.96 0.05 20);--warning-filter:invert(44%) sepia(82%) saturate(362%) hue-rotate(308deg) brightness(112%) contrast(101%);--sub-light:oklch(0.96 0.05 310);--sub2-light:oklch(0.96 0.05 360);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--font-base:0.9em;--font-sm:0.85em;--font-xs:0.75em;--border-width:1px;--transition-speed:0.2s;--icon-size:18px;--icon-size-lg:24px;--icon-size-xl:36px;--avatar-sm:36px;--avatar-md:48px;--avatar-lg:100px}@font-face{font-display:swap;font-family:inter;font-style:normal;font-weight:400;src:url(../fonts/inter-v20-latin-regular.woff2)format('woff2')}@font-face{font-display:swap;font-family:inter;font-style:normal;font-weight:500;src:url(../fonts/inter-v20-latin-500.woff2)format('woff2')}@font-face{font-display:swap;font-family:inter;font-style:normal;font-weight:600;src:url(../fonts/inter-v20-latin-600.woff2)format('woff2')}@font-face{font-display:swap;font-family:inter;font-style:normal;font-weight:700;src:url(../fonts/inter-v20-latin-700.woff2)format('woff2')}*,*::before,*::after{box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;margin:0;padding:0;background:var(--bg-dark);color:var(--text);line-height:1.5}h2{margin:0 0 var(--space-xl);font-size:2em;font-weight:600}p{color:var(--text-muted);margin:0}p+p{margin-top:.5rem}p a{color:var(--primary-dark);text-decoration:none}strong,code{color:var(--text)}.section-title{margin:0 0 var(--space-md);font-size:1.1em;font-weight:600;padding-bottom:var(--space-sm);border-bottom:2px solid var(--border)}.description{color:var(--text-muted);line-height:1.7;margin:0}.description img{display:block;margin:0 auto;max-height:25vh;width:auto}header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md)var(--space-2xl);background:var(--bg-dark);border-bottom:var(--border-width)solid var(--border-muted);box-shadow:var(--shadow)}header h1{margin:0;font-size:1.4em;font-weight:600}header a{text-decoration:none;color:var(--text)}nav{display:flex;gap:var(--space-xl)}nav a{display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text);font-weight:500;padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);transition:color var(--transition-speed)}nav a:hover{color:var(--primary)}nav img{width:var(--icon-size);height:var(--icon-size);transition:filter var(--transition-speed)}nav a:hover img{filter:var(--primary-filter)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:var(--space-sm);z-index:1001}.nav-toggle.active{position:fixed;right:calc(var(--space-2xl) - var(--space-sm))}.nav-toggle span{width:25px;height:3px;background:var(--text);border-radius:3px;transition:all .3s ease,background-color var(--transition-speed)}.nav-toggle:hover span{background:var(--primary)}.nav-toggle.active span:nth-child(1){transform:rotate(45deg)translate(5px,0)}.nav-toggle.active span:nth-child(2){transform:rotate(-45deg)translate(5px,0)}main{max-width:1400px;margin:0 auto;padding:var(--space-2xl)}.content{display:grid;grid-template-columns:280px 1fr;gap:var(--space-2xl)}.sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.main-content{display:flex;flex-direction:column;gap:var(--space-lg)}#patchDisplay{display:contents}.patch-summary{display:contents!important}.card{background:var(--bg);border:var(--border-width)solid var(--border-muted);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow)}.card-spaced{margin-bottom:var(--space-2xl)}.card-content{padding:var(--space-lg)}.progress-card{background:var(--bg-light);border:var(--border-width)solid var(--border-muted);border-radius:var(--radius-md);padding:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px var(--space-xl);border-radius:var(--radius-sm);text-decoration:none;font-weight:600;text-align:center;transition:all var(--transition-speed);cursor:pointer;will-change:transform;border:none;font-family:inherit;background:var(--primary);color:var(--text)}.btn img{width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.download-list{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.btn-download{background:var(--accent);flex-direction:row;align-items:center;gap:var(--space-md);justify-content:flex-start;text-align:left}.btn-download:hover{box-shadow:var(--shadow)}.download-icon{width:1.2em;height:1.2em;flex-shrink:0}.download-text{display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-start}.download-info{font-size:var(--font-xs);font-weight:400}.btn-group{display:flex;flex-direction:column;gap:10px}.patch-resource-list{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.btn-patch-resource{background:var(--primary);flex-direction:row;align-items:center;gap:var(--space-md);justify-content:flex-start;text-align:left}.btn-patch-resource:hover{box-shadow:var(--shadow)}.patch-resource-icon{width:1.2em;height:1.2em;flex-shrink:0}.patch-resource-text{display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-start}.patch-resource-info{font-size:var(--font-xs);font-weight:400}.search-container{margin-bottom:var(--space-xl)}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-md);width:var(--icon-size);height:var(--icon-size);pointer-events:none}.search-input{width:100%;padding:10px var(--space-md)10px 40px;border-radius:var(--radius-sm);border:var(--border-width)solid var(--border-muted);background:var(--bg);box-shadow:var(--shadow);font-size:.95em;font-family:inherit;transition:border-color var(--transition-speed)}.search-input:hover{border-color:var(--primary)}.search-input:focus{outline:none;border-color:var(--primary)}.search-input::placeholder{color:var(--text);opacity:.75}.tag{display:inline-block;border-radius:var(--radius-lg);padding:var(--space-xs)var(--space-md);font-size:var(--font-sm);font-weight:500;background:var(--primary-light);color:var(--text-muted);text-decoration:none}.tag-search{cursor:pointer;transition:all var(--transition-speed)}.tag-search:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.tag-sm{padding:2px var(--space-sm);font-size:var(--font-xs)}.tag-completed{background:var(--accent-light)}.tag-wip{background:var(--sub-light)}.tag-alpha{background:var(--sub2-light)}.tag-hiatus{background:var(--secondary-light)}.tag-cancelled{background:var(--warning-light)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.platform-icons{display:flex;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);background:var(--bg);border-top:var(--border-width)solid var(--border-muted);flex-wrap:wrap}.platform-badges{display:flex;gap:var(--space-sm);padding:var(--space-md)0 0;flex-wrap:wrap}.platform-icons img,.platform-badges img{width:var(--icon-size-lg);height:var(--icon-size-lg)}.license-info{padding:var(--space-md)0 0}.license-text{color:var(--text-muted)}.hash-info{padding:var(--space-md)0 0;display:flex;flex-direction:column;gap:var(--space-xs)}.hash-item{display:block;font-size:0;word-break:break-all}.hash-label{font-weight:600;margin-right:var(--space-xs);font-size:.9rem}.hash-value{font-weight:400;color:var(--text-muted);font-size:.9rem}.warning-box{display:flex;align-items:center;gap:10px;background:var(--secondary-light);box-shadow:var(--shadow);border:var(--border-width)solid var(--secondary);border-left:4px solid var(--secondary);padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-base);color:var(--text-muted)}.warning-icon{width:var(--space-xl);height:var(--space-xl);flex-shrink:0}.info-list{padding:0;margin:0}.info-list div{padding:var(--space-sm)0;font-size:0;border-bottom:var(--border-width)solid var(--border-muted);display:block}.info-list div:last-child{border-bottom:none}.info-list dt{display:inline;font-weight:600;margin:0;margin-right:var(--space-xs);font-size:.9rem}.info-list dd{display:inline;margin:0;color:var(--text-muted);font-size:.9rem}select{width:100%;padding:10px var(--space-md);border-radius:var(--radius-sm);border:var(--border-width)solid var(--border-muted);background:var(--bg);box-shadow:var(--shadow);color:var(--text);font-size:.95em;cursor:pointer;transition:border-color var(--transition-speed);font-family:inherit}select:hover{border-color:var(--primary)}select:focus{outline:none;border-color:var(--primary)}.specs-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-bottom:var(--space-lg)}.specs-table th,.specs-table td{border:var(--border-width)solid var(--border-muted);padding:10px;text-align:center}.specs-table th{background:var(--bg-light);font-weight:600}.specs-icon{display:inline-block;vertical-align:middle;width:var(--icon-size-lg);height:var(--icon-size-lg)}.specs-icon-yes{filter:var(--accent-filter)}.specs-icon-no{filter:var(--warning-filter)}.specs-icon-partial{filter:var(--secondary-filter)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg)}.game-item{background:var(--bg-light);border:var(--border-width)solid var(--border-muted);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--text);transition:all var(--transition-speed);display:block}.game-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.game-image{width:100%;height:auto;aspect-ratio:92/43;object-fit:cover;display:block}.game-title{margin:var(--space-md)var(--space-md)var(--space-sm);font-size:1.1em;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.game-description{margin:0 var(--space-md)var(--space-md);font-size:var(--font-base);line-height:1.5;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.game-meta{margin:0 var(--space-md)var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}.game-circle{color:var(--text-muted);font-size:var(--font-sm);font-weight:500;display:block}.user-card{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-light);border:var(--border-width)solid var(--border-muted);border-radius:var(--radius-md);padding:var(--space-sm)var(--space-md);text-decoration:none;color:var(--text);transition:all var(--transition-speed)}.user-card:hover{background:var(--primary-light);transform:translateY(-2px)}.user-card img{width:var(--avatar-sm);height:var(--avatar-sm);border:var(--border-width)solid var(--border-muted);flex-shrink:0}.user-card-lg img{width:var(--avatar-md);height:var(--avatar-md)}.user-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-card-name{font-size:var(--font-base);font-weight:500}.user-card-detail{font-size:var(--font-xs)}.user-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.user-grid-alt{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.circles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg)}.circle-item{background:var(--bg-light);border:var(--border-width)solid var(--border-muted);border-radius:var(--radius-md);overflow:hidden;padding:var(--space-lg);text-decoration:none;color:var(--text);transition:all var(--transition-speed);display:block}.circle-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.circle-logo{height:auto;max-width:300px;display:flex}.circle-logo-box{width:100%;height:auto;display:flex;align-items:center;justify-content:center;aspect-ratio:92/43;object-fit:cover;background:var(--bg);border:var(--border-width)solid var(--border-muted);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-inside)}.circle-logo-box img{max-width:100%;max-height:100%;object-fit:contain}.circle-title{margin:0 0 var(--space-sm);font-size:1.1em;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.circle-description{font-size:var(--font-base);line-height:1.5;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);padding:var(--space-lg)0;flex-wrap:wrap}.page-button{min-width:40px;height:40px;padding:var(--space-sm)var(--space-md);border:var(--border-width)solid var(--border-muted);background-color:var(--bg-light);color:var(--text);font-size:var(--font-base);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-speed);display:inline-flex;align-items:center;justify-content:center}.page-button:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow)}.page-button.active{background-color:var(--primary);color:var(--text);box-shadow:var(--shadow)}.page-ellipsis{border:var(--border-width)solid var(--border-muted);background-color:var(--bg-light);color:var(--text);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);user-select:none}.no-results{text-align:center;padding:var(--space-2xl)var(--space-lg)}.no-results p{color:var(--text-muted);font-size:1.1em;margin:0}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);font-size:var(--font-base)}.meta-item{display:block;margin:0;font-size:0}.meta-item dt{display:inline;font-weight:600;margin:0;margin-right:var(--space-xs);font-size:.9rem}.meta-item dd{display:inline;color:var(--text-muted);margin:0;font-size:.9rem}.progress-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.progress-label,.progress-percentage{font-size:var(--font-base);font-weight:600}.progress-bar{height:var(--space-sm);border-radius:4px;background:var(--border-muted);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.gallery-grid img{width:100%;height:auto;background:#000;border-radius:var(--radius-md);border:var(--border-width)solid var(--border-muted);object-fit:contain;aspect-ratio:16/9;cursor:pointer;transition:transform var(--transition-speed)}.gallery-grid img:hover{transform:scale(1.02);box-shadow:var(--shadow)}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--shadow-color);z-index:1000;align-items:center;justify-content:center;padding:var(--space-2xl)}.lightbox.active{display:flex}.lightbox-image{max-width:90%;max-height:90vh;object-fit:contain}.credits-section{margin-bottom:var(--space-xl)}.credits-section:last-child{margin-bottom:0}.credits-section h4{margin:0 0 10px;font-size:1em;font-weight:600}.general-container{width:100%}.author-header,.circle-header{margin-bottom:var(--space-2xl)}.author-info-card,.circle-info-card{background:var(--bg);border:var(--border-width)solid var(--border-muted);border-radius:var(--radius-md);padding:var(--space-2xl);box-shadow:var(--shadow)}.circle-intro,.author-intro{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.circle-intro .circle-logo{max-height:25vh;width:auto;max-width:100%}.author-avatar{width:var(--avatar-lg);height:var(--avatar-lg);border:var(--border-width)solid var(--border-muted)}.author-name{margin:0;font-size:1.8em;font-weight:600}.author-sns,.circle-sns{display:flex;gap:10px;margin-top:var(--space-lg);flex-wrap:wrap}.author-sns .btn,.circle-sns .btn{display:inline-block}.author-sns .btn img,.circle-sns .btn img{width:1.2em;height:1.2em;vertical-align:middle;margin-right:var(--space-sm)}.start-section{text-align:center;margin:0 auto 40px;max-width:900px}.logo-image{max-width:300px;height:auto;margin-bottom:var(--space-2xl)}.about-text{color:var(--text);max-width:800px;margin:0 auto var(--space-lg);line-height:1.7;font-size:1.05em}.stats-section{margin-bottom:40px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.stat-box{background:var(--bg);border:var(--border-width)solid var(--border-muted);border-radius:var(--radius-md);padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow)}.stat-number{font-size:3em;font-weight:700;color:var(--primary);margin-bottom:var(--space-sm)}.stat-label{font-size:1em;font-weight:500;color:var(--text)}.updated-games-section h2{margin-bottom:var(--space-xl)}.doc-title{margin:0 0 var(--space-xl);font-size:1.5em;font-weight:600;padding-bottom:var(--space-md);border-bottom:2px solid var(--border)}.resources-list{display:flex;flex-direction:column}.resource-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);text-decoration:none;color:var(--text);border-bottom:var(--border-width)solid var(--border-muted);transition:background-color var(--transition-speed)}.resource-link:last-child{border-bottom:none}.resource-link:hover{background-color:var(--primary-light)}.resource-icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.resource-title{font-size:1.1em;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}footer{margin-top:1rem;padding:var(--space-xl);text-align:center;font-size:var(--font-sm);border-top:var(--border-width)solid var(--border-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.footer-icons{display:flex;gap:var(--space-xl);align-items:center}.footer-icons a{display:inline-flex}.footer-icons img{width:var(--icon-size-xl);height:var(--icon-size-xl);transition:filter var(--transition-speed)}.footer-icons a:hover img{filter:var(--primary-filter)}.footer-info{color:var(--text)}.footer-info a{color:var(--primary-dark);text-decoration:none}@media(max-width:968px){main{padding:var(--space-lg)}.content,.progress-grid{grid-template-columns:1fr}.meta-grid,.user-grid,.gallery-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}nav{position:fixed;top:0;right:-100%;height:100vh;width:250px;background:var(--bg);flex-direction:column;gap:0;padding:60px 0 0;box-shadow:-4px 0 4px #00000030,-12px 0 12px #00000015;transition:right .3s ease;z-index:1000}nav a{padding:var(--space-lg);border-radius:0;border-bottom:var(--border-width)solid var(--border-muted)}nav a span{display:inline}.nav-toggle{display:flex}nav.active{right:0}}@media(max-width:640px){header{padding:var(--space-sm)var(--space-lg)}header h1{font-size:1.2em}h2{font-size:1.5em}.gallery-grid,.stats-grid,.games-grid,.circles-grid,.user-grid-alt,.meta-grid,.user-grid{grid-template-columns:1fr}.circle-info-card .circle-logo{display:block;margin:0 auto}.description img,.circle-intro .circle-logo{max-height:15vh}.doc-intro h2{font-size:1.5em}.doc-title{font-size:1.3em}.doc-header{font-size:1.05em}.resource-link{padding:var(--space-md)}.author-sns,.circle-sns{flex-direction:column}.author-sns .btn,.circle-sns .btn{width:100%;display:block}.download-list,.patch-resource-list{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}