.layout{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.nav-brand{display:inline-block;padding:.5rem 1rem;font-weight:600;font-size:1.1rem;color:var(--color-text);background:var(--nav-brand-bg);border-radius:8px;text-decoration:none;transition:background .2s,transform .2s}.nav-brand:hover{background:var(--color-border);text-decoration:none;transform:scale(1.05) translateY(-2px)}.nav-menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text)}.nav-menu-toggle:hover{background:var(--color-border)}.nav-menu-icon{display:block;width:18px;height:2px;background:currentColor;border-radius:1px}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{padding:.5rem .75rem;border-radius:6px;color:var(--color-text-secondary);text-decoration:none;transition:background .2s,color .2s,transform .2s}.nav-links a:hover{background:var(--color-border);color:var(--color-accent);text-decoration:none;transform:scale(1.05) translateY(-2px)}.theme-dropdown{position:relative}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:.25rem;min-width:2.25rem;height:2.25rem;padding:0 .5rem;background:transparent;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:color .2s,border-color .2s}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.theme-dropdown-chevron{opacity:.7;transition:transform .2s}.theme-dropdown-open .theme-dropdown-chevron{transform:rotate(180deg)}.theme-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:10rem;margin:0;padding:.25rem;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:200}.theme-dropdown-menu li button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--color-text);font-size:.9rem;text-align:left;transition:background .2s,color .2s}.theme-dropdown-menu li button:hover{background:var(--color-border);color:var(--color-accent)}.theme-dropdown-menu li[aria-selected=true] button{color:var(--color-accent);font-weight:500}.main{flex:1;padding:2rem}@media (max-width: 768px){.nav{position:relative;padding:1rem}.main{padding:1rem}.nav-menu-toggle{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;z-index:100;flex-direction:column;gap:0;padding:1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 4px 12px #00000026;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease}.nav-links-open{max-height:320px;opacity:1}.nav-links-open.nav-links-theme-open{max-height:420px;overflow:visible}.nav-links a{display:block;padding:.75rem 1rem;width:100%;border-radius:6px}.nav-links .theme-dropdown{margin-top:.5rem;align-self:flex-start}.theme-dropdown-menu{left:0;right:auto}}.project-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transform-origin:center;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}.project-card:hover{border-color:var(--card-accent, var(--color-accent));box-shadow:0 4px 20px #0000001a;transform:scale(1.02);background:var(--color-bg)}[data-theme=dark] .project-card:hover{box-shadow:0 4px 20px #0000004d}.project-card-preview{aspect-ratio:16 / 10;background:var(--color-border);overflow:hidden}.project-card-preview img{width:100%;height:100%;object-fit:cover}.project-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-border) 0%,var(--color-surface) 100%);color:var(--color-text-secondary);font-size:1rem}.project-card-content{padding:1.25rem}.project-card-category{display:inline-block;padding:.25rem .6rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:var(--color-border);border-radius:6px;color:var(--color-text-secondary);margin-bottom:.75rem}.project-card-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text)}.project-card-description{margin:0 0 1rem;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.project-card-link{font-size:.9rem;font-weight:500;color:var(--card-accent, var(--color-accent))}.project-card:hover .project-card-link{text-decoration:underline}.home{max-width:1200px;margin:0 auto}.featured-projects{padding:0}.featured-projects-title{font-size:2rem;font-weight:700;margin:0 0 2rem;color:var(--color-text);text-align:center}.featured-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}@media (min-width: 768px){.featured-projects-grid{grid-template-columns:repeat(2,1fr)}}.cv-page{max-width:900px}.cv-viewer{width:100%;height:calc(100vh - 12rem);min-height:600px;margin-bottom:1rem;overflow:hidden}.cv-iframe{width:100%;height:100%;border:none}.cv-download-link{font-weight:500}.projects-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.projects-list .project-card{display:block;padding:1.25rem;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);transition:border-color .2s,background .2s}.projects-list .project-card:hover{border-color:var(--color-accent);background:var(--color-bg)}.projects-list .project-card h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--color-text)}.projects-list .project-card p{margin:0;color:var(--color-text-secondary);font-size:.95rem}.board-container{display:flex;justify-content:center;padding:2rem;transition:transform .4s ease}.board-flipped .board{transform:rotate(180deg)}.board{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);width:min(450px,85vw);aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0006;transition:transform .4s ease}.cell{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--onitama-cell-bg, #2a2a2a)}.cell-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cell:hover{filter:brightness(1.1)}.cell-valid-move:after{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;background:rgba(var(--onitama-accent-rgb, 59, 130, 246),.4);pointer-events:none}.cell-valid-capture{outline:3px solid rgba(255,100,100,.9);outline-offset:-3px}.cell-capture-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:#ff505066;border-radius:4px;border:3px solid rgba(255,120,120,.95)}.cell-selected{outline:3px solid var(--onitama-accent, #3b82f6);outline-offset:-3px;z-index:1}.piece{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,filter .2s ease}.piece:hover{transform:scale(1.05)}.piece[data-selected=true]{filter:drop-shadow(0 0 8px var(--onitama-accent, #3b82f6))}.piece img{width:100%;height:100%;object-fit:cover}.card-zone{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0}.card-zone-waiting{opacity:.9;padding:1rem;width:100%;max-width:min(420px,90vw);margin:0 auto}.cards-flipped-vertical .card{transform:scale(-1)}.cards-flipped-vertical .card-wrapper .card{transition-delay:.12s}.cards-flipped-vertical .card-wrapper:hover .card{transform:scale(-1.03);box-shadow:0 4px 16px rgba(var(--onitama-accent-rgb, 59, 130, 246),.3);transition-delay:0s}.card-zone-current{border:2px solid rgba(var(--onitama-accent-rgb, 59, 130, 246),.4);border-radius:12px;padding:.75rem;flex:1;min-width:0}.card-zone-neutral{flex:0 0 auto}.card-label{font-size:.85rem;color:var(--onitama-text-secondary, #999);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.card-zone-current .card-label{color:var(--onitama-accent, #3b82f6)}.cards-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:nowrap}.cards-horizontal{width:100%;min-width:0}.cards-horizontal .card-wrapper{flex:1;min-width:80px;max-width:200px;position:relative;display:flex;overflow:visible}.cards-horizontal .card-wrapper .card{flex:1}.cards-horizontal .card{flex:1;min-width:80px;max-width:200px}.card-zone-neutral .cards-horizontal .card{flex:0 1 auto;min-width:100px;max-width:160px}.card{aspect-ratio:16 / 10;padding:0;border:none;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--onitama-card-bg, #1f1f1f);transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.cards-flipped-vertical .card-wrapper .card{flex:1}.card-wrapper:hover .card:not(.card-disabled):not(:disabled){transform:scale(1.03);box-shadow:0 4px 16px rgba(var(--onitama-accent-rgb, 59, 130, 246),.4)}.card img{width:100%;height:100%;object-fit:contain}.card-selected{outline:3px solid var(--onitama-accent, #3b82f6);outline-offset:2px;box-shadow:0 0 20px rgba(var(--onitama-accent-rgb, 59, 130, 246),.5)}.card-disabled,.card-display{cursor:default;opacity:.9}.card-display{cursor:default}.cards-below-board{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:1.5rem;padding:1rem;width:100%;max-width:min(500px,92vw)}.game-status{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.status-message{font-size:1.25rem;font-weight:500}.status-winner{color:var(--onitama-accent, #3b82f6);font-size:1.5rem}.status-hint{font-size:.85rem;color:var(--onitama-text-secondary, #999)}.btn-reset{padding:.6rem 1.5rem;font-size:1rem;font-weight:500;color:var(--onitama-btn-text, #ffffff);background:var(--onitama-accent, #3b82f6);border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .2s ease}.btn-reset:hover{filter:brightness(1.1);transform:scale(1.02)}.game{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;max-width:100%;overflow-x:hidden}.game>*{flex-shrink:0}.board-overlay{position:relative}.board-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000080;border-radius:8px;pointer-events:none}*{box-sizing:border-box}:root,[data-theme=light]{--color-bg: #ffffff;--color-surface: #f5f5f5;--color-border: #e0e0e0;--color-text: #111;--color-text-secondary: #555;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--nav-brand-bg: #e8e8e8}[data-theme=dark]{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-border: #2a2a2a;--color-text: #f5f5f5;--color-text-secondary: #999;--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--nav-brand-bg: #252525}:root,[data-theme=light]{--onitama-cell-bg: #f0f0f0;--onitama-card-bg: #e8e8e8;--onitama-text-secondary: #555;--onitama-accent: #2563eb;--onitama-accent-rgb: 37, 99, 235;--onitama-btn-text: #ffffff}[data-theme=dark]{--onitama-cell-bg: #2a2a2a;--onitama-card-bg: #1f1f1f;--onitama-text-secondary: #999;--onitama-accent: #3b82f6;--onitama-accent-rgb: 59, 130, 246;--onitama-btn-text: #ffffff}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh}#root{min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}