:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9eaf2;background:#10131d;font-synthesis:none;line-height:1.5;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;border:1px solid #35394d;border-radius:8px;background:#23283b;color:#edf0ff;padding:10px 16px}button:hover{background:#30364c}button:disabled{opacity:.55;cursor:wait}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em;line-height:1.15;margin-bottom:16px}h2{font-size:1.3rem;letter-spacing:-.02em}h3{font-size:1rem}p,small{color:#a7aec5}small{display:block;font-size:.8rem}label{display:block;font-size:.85rem;font-weight:600;margin:18px 0}input{display:block;width:100%;padding:12px 14px;margin-top:8px;border:1px solid #3c4259;border-radius:8px;background:#111520;color:#fff}input:focus{border-color:#a492ff}input[readonly]{color:#a7aec5}.primary{background:#ad9bff;border:0;color:#171228;font-weight:700}.primary:hover{background:#c2b4ff}.text-button{border:0;background:transparent;color:#c4b7ff;padding:8px}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.14em;color:#b5a2ff}.error{padding:12px 16px;background:#3d202b;border:1px solid #804158;border-radius:8px;color:#ffb8cb}.success{padding:12px;background:#15362d;color:#9fe1c4;border-radius:8px}.loading{padding:20vh 10vw}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:center;max-width:1250px;margin:auto;padding:70px 6vw}.intro h1{font-size:clamp(2.5rem,4.6vw,4.3rem);margin-top:24px}.intro h1 span{color:#b5a2ff}.intro p{max-width:410px;line-height:1.8}.dice{font-size:100px;color:#b5a2ff;transform:rotate(-12deg);margin:20px 0;width:240px}.dice span{color:#80d9b3;font-size:70px}.auth-card{background:#1a1e2c;border:1px solid #313649;border-radius:18px;padding:36px;box-shadow:0 20px 80px #0003}.auth-card h2{font-size:1.8rem;margin:14px 0 8px}.auth-card .primary{width:100%;margin-top:18px}.auth-switch{display:block;text-align:center;margin:20px auto 0}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#151925;border-right:1px solid #2c3143;display:flex;flex-direction:column;padding:30px 20px;gap:45px}.brand{display:flex;gap:12px;text-decoration:none;font-weight:700;font-size:1.1rem;align-items:center}.brand-icon{font-size:35px;color:#b5a2ff}.brand small{font-weight:400;font-size:.7rem}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav button{text-align:left;background:transparent;border:0;color:#a7aec5}.sidebar nav button.selected{background:#302942;color:#d0c2ff}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sidebar-bottom strong{font-size:.85rem;overflow-wrap:anywhere}.sidebar-bottom .text-button{width:100%;text-align:left}.avatar{display:grid;place-items:center;background:#363049;color:#cfbfff;width:36px;height:36px;border-radius:12px;flex-shrink:0}.content{padding:48px clamp(20px,4vw,64px);max-width:1350px;width:100%;margin:0 auto}header{margin-bottom:36px}header h1{margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{background:#1a1e2c;border:1px solid #30364a;border-radius:14px;padding:24px;margin-bottom:22px}.stats .panel small{font-size:.65rem;letter-spacing:.12em}.stat-value{font-size:2.3rem;display:block;margin:10px 0 4px}.stat-value.status{color:#89dcb7;font-size:1.8rem}.stat-date{font-size:1.3rem;display:block;margin:18px 0 12px}.stats .panel>span{color:#9da5bf;font-size:.8rem}.welcome{background:linear-gradient(120deg,#242238,#1a1e2c)}.welcome h2{margin-top:15px;font-size:1.6rem}.welcome>p{max-width:700px;line-height:1.8}.future-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.future-grid>div{border-top:1px solid #414057;padding-top:18px}.future-grid h3{margin-bottom:6px;color:#d0d3e2}.activity{list-style:none;padding:0;margin:0 0 20px}.activity li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #30364a;font-size:.9rem}.activity time{color:#99a1b9;font-size:.8rem;text-align:right}.profile-form{max-width:480px}.danger{border-color:#764355;color:#ffc1d3;background:#332331}@media(max-width:1000px){.future-grid{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:215px 1fr}.stats{grid-template-columns:1fr}.stats .panel{margin-bottom:0}.stats{margin-bottom:22px}}@media(max-width:700px){.auth-layout{grid-template-columns:1fr;padding:30px 20px;gap:30px}.intro h1{font-size:2.5rem}.dice{display:none}.intro>small{display:none}.auth-card{padding:24px}.shell{display:block}.sidebar{padding:16px 20px;gap:16px;border-right:0;border-bottom:1px solid #30364a}.sidebar nav{flex-direction:row;flex-wrap:wrap}.sidebar nav button{padding:8px;font-size:.85rem}.sidebar-bottom{gap:10px}.sidebar-bottom .text-button{width:auto;margin-left:auto}.content{padding:28px 20px}.panel{padding:20px}.activity li{align-items:flex-start}.activity time{max-width:110px}.future-grid{gap:18px}}textarea,select{font:inherit;display:block;width:100%;padding:12px 14px;margin-top:8px;border:1px solid #3c4259;border-radius:8px;background:#111520;color:#fff}textarea{resize:vertical}textarea:focus,select:focus{outline-offset:4px;border-color:#a492ff}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:700;padding:0}.games-header{display:flex;justify-content:space-between;gap:24px;align-items:center}.game-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.game-tabs .selected{background:#302942;border-color:#a492ff;color:#d0c2ff}.game-filters{display:grid;grid-template-columns:2fr 1fr 1.3fr 1fr 1fr;gap:14px;align-items:end}.game-filters label{margin:0}.game-filters>button{grid-row:2}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game-card{padding:0;overflow:hidden;margin:0}.game-cover-button{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent}.game-cover{position:relative;width:100%;aspect-ratio:4/3;display:block;background:#111520;overflow:hidden}.game-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:12px;display:block}.cover-placeholder{background:radial-gradient(circle at 25% 10%,#575074,#25233b 70%);display:flex;align-items:center;justify-content:center;gap:20px;color:#c4b4ff;font-size:56px}.cover-placeholder strong{font-size:72px;opacity:.8}.game-card-body{padding:22px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-heading h2{margin-bottom:8px}.title-button{padding:0;background:transparent;border:0;text-align:left;font-weight:700;font-size:1.3rem;overflow-wrap:anywhere}.title-button:hover{background:transparent;color:#c4b4ff}.badge{font-size:.7rem;padding:4px 8px;border:1px solid #514762;border-radius:6px;color:#cfbfff;white-space:nowrap}.game-meta{font-size:.85rem;color:#b9bdd0}.game-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.game-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 12px}.game-actions button{font-size:.78rem;padding:9px 11px}.favorite-button[aria-pressed=true]{color:#e4cf8f;border-color:#766843}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.tags span{background:#292d40;color:#b6bdd3;border-radius:5px;padding:3px 7px;font-size:.7rem;overflow-wrap:anywhere;max-width:100%}.empty-games{text-align:center;padding:48px 20px}.empty-games>span{font-size:50px;color:#b5a2ff}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:28px}.result-count{font-size:.85rem}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;margin:20px 0 28px}.detail-layout .game-cover{aspect-ratio:1;max-width:480px;align-self:start;border-radius:10px}.detail-layout h2{font-size:2rem;margin:14px 0;overflow-wrap:anywhere}.game-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.game-facts dt{font-size:.75rem;color:#a7aec5}.game-facts dd{margin:4px 0 0;overflow-wrap:anywhere}.preserve-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.reference-links{overflow-wrap:anywhere;padding-left:20px}.reference-links a{color:#c4b4ff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.game-editor{max-width:850px}.game-editor label small{font-weight:400;margin-top:8px}.editor-actions{display:flex;gap:12px;margin-top:26px}.content{min-width:0}h1{overflow-wrap:anywhere}@media(max-width:1000px){.game-grid{grid-template-columns:1fr}.game-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.game-filters>button{grid-row:auto}.detail-layout{grid-template-columns:1fr}.detail-layout .game-cover{max-width:480px}}@media(max-width:700px){.games-header{align-items:flex-start;flex-direction:column}.form-grid,.form-grid.three{grid-template-columns:1fr;gap:0}.game-tabs button{font-size:.78rem;padding:8px 10px}.game-filters{gap:12px}.game-filters label{font-size:.78rem}.game-filters input{min-width:0;padding:10px}.game-actions{gap:8px}.pagination{gap:12px;font-size:.8rem}.detail-layout .game-cover{aspect-ratio:1}.game-card-body{padding:18px}}.game-attribution{padding:14px 0;border-top:1px solid #30364a;display:grid;gap:12px}.game-attribution div{display:flex;flex-wrap:wrap;gap:8px}.game-attribution dt{color:#a7aec5;font-size:.8rem;min-width:150px}.game-attribution dd{margin:0;font-size:.85rem;overflow-wrap:anywhere}.archive-label{color:#e4cf8f}.game-history{margin-top:32px;border-top:1px solid #30364a;padding-top:24px}.game-history ol{padding-left:22px}.game-history li{padding:14px 0;border-bottom:1px solid #30364a}.game-history li>p{font-size:.8rem;margin:6px 0 12px}.game-history summary{cursor:pointer;color:#c4b4ff}.history-change{padding:16px;margin:12px 0;background:#111520;border-radius:8px}.history-change dd{margin:4px 0 14px;white-space:pre-wrap;overflow-wrap:anywhere}.history-change dt{color:#a7aec5;font-size:.75rem}.delete-confirmation{padding:20px;border:1px solid #804158;border-radius:10px;margin-top:20px}.checkbox-label{display:flex;gap:10px;align-items:flex-start}.checkbox-label input{width:auto;margin-top:4px}.game-filters>button{grid-row:auto}
