:root{color-scheme:dark;--bg:#0b1220;--panel:#111c2d;--panel2:#172438;--line:#2b3b52;--text:#edf4ff;--muted:#93a6bf;--blue:#54c7ff;--pink:#ff729b;--good:#80e0bd;--danger:#ff6b78;--radius:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#15253a 0,#0b1220 58%);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{max-width:1160px;margin:auto;padding:18px 16px 40px}.top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--blue);font-weight:900}.brand strong{display:block;font-size:19px}.brand i{font-style:normal;font-size:11px;color:var(--blue);font-weight:600}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#4bd3ff,#2275e8);color:#06111f;font-weight:1000;box-shadow:0 8px 28px #178bca44}.top-actions,.detail-actions,.form-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:10px;padding:10px 13px;color:var(--text);background:#172438;font-weight:750;font-size:12px}.btn:hover{border-color:var(--blue)}.btn.primary{background:var(--blue);color:#071421;border-color:var(--blue)}.btn.danger{color:#ff9aa3}.btn:disabled{opacity:.55;cursor:wait}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px;border:1px solid #28415a;background:linear-gradient(110deg,#122238,#101a2a);border-radius:20px;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:900}.hero h1{font-size:clamp(29px,6vw,48px);line-height:.98;letter-spacing:-1.5px;margin:12px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero p,.section-head p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.hero-stat{min-width:100px;text-align:center;border-left:1px solid var(--line);padding-left:24px}.hero-stat strong{display:block;font-size:34px;color:var(--blue)}.hero-stat span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow:auto}.tab{border:0;background:transparent;color:var(--muted);padding:12px 14px;font-size:12px;font-weight:800;white-space:nowrap;border-bottom:2px solid transparent}.tab.active{color:var(--blue);border-color:var(--blue)}.toolbar{display:flex;gap:9px;margin-bottom:14px}.toolbar input,.toolbar select,.field input,.field textarea{width:100%;min-width:0;background:#0b1422;color:var(--text);border:1px solid #304158;border-radius:10px;padding:11px 12px;outline:none}.toolbar input:focus,.field input:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #54c7ff18}.toolbar select{max-width:145px}.deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.deck-card{border:1px solid var(--line);background:#101a2a;border-radius:15px;padding:15px;min-width:0;display:flex;flex-direction:column;gap:10px}.deck-card:hover{border-color:#4c8cae}.deck-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.deck-symbol{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;background:#1b344b;color:var(--blue);border-radius:11px;font-size:11px;font-weight:1000}.deck-card h3{font-size:15px;margin:0;overflow-wrap:anywhere}.deck-author{font-size:10px;color:var(--muted);margin-top:4px}.official{font-size:9px;color:var(--good);border:1px solid #2b6658;border-radius:20px;padding:4px 7px;white-space:nowrap}.deck-notes{font-size:11px;line-height:1.65;color:#bdcce0;overflow-wrap:anywhere;white-space:pre-wrap;flex:1}.skill-chips{display:grid;gap:5px}.skill-chip{background:#152338;border-radius:8px;padding:8px 9px;min-width:0}.skill-chip b{display:block;font-size:11px;overflow-wrap:anywhere}.skill-chip span{display:block;font-size:10px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.card-actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:4px}.card-actions .btn{flex:1}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 15px}.section-head h2{font-size:18px;margin:0 0 5px}.editor-card,.detail-card{background:#101a2a;border:1px solid var(--line);border-radius:16px;padding:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px;font-size:11px;font-weight:750;color:#a9bbd0;min-width:0}.field.full{grid-column:1/-1}.field textarea{resize:vertical;line-height:1.65}.skills{display:grid;gap:12px;margin-top:18px}.skill-editor{border:1px solid #2a3c52;background:#121f31;border-radius:13px;overflow:hidden}.skill-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#17263a;border-bottom:1px solid #2a3c52;font-size:12px;font-weight:850}.skill-head span{color:var(--blue);font-size:10px;letter-spacing:1px}.skill-fields{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px}.skill-fields .effect{grid-column:1/-1}.skill-fields textarea{min-height:75px}.form-actions{margin-top:16px}.hint{font-size:10px;line-height:1.65;color:var(--muted)}.detail-skills{display:grid;gap:10px;margin-top:17px}.detail-skill{padding:13px;border:1px solid var(--line);background:#142237;border-radius:11px}.detail-skill h3{margin:0 0 7px;font-size:13px}.detail-skill p{margin:5px 0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.detail-skill small{color:var(--blue)}footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:25px;color:#71869e;font-size:9px;letter-spacing:.5px}.hidden{display:none!important}.loading,.empty{padding:28px 14px;text-align:center;color:var(--muted);font-size:12px;grid-column:1/-1}.modal{position:fixed;inset:0;z-index:50;background:#020812cc;display:grid;place-items:center;padding:15px;overflow:auto}.modal-card{position:relative;width:min(100%,430px);padding:24px;background:#101a2a;border:1px solid #38516d;border-radius:18px;box-shadow:0 20px 80px #0008}.modal-card h2{margin:8px 0 17px;font-size:20px}.modal-x{position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--muted);font-size:25px}.auth-switch{display:grid;grid-template-columns:1fr 1fr;background:#0b1422;padding:4px;border-radius:10px;margin-bottom:15px}.auth-switch button{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:9px;font-size:12px;font-weight:800}.auth-switch button.active{background:#203750;color:var(--blue)}#authForm{display:grid;gap:12px}.wide{width:100%}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#e8f7ff;color:#071421;padding:11px 16px;border-radius:12px;font-weight:800;font-size:12px;box-shadow:0 12px 35px #0006;transition:.2s;z-index:80;max-width:calc(100vw - 24px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:20px}.hero-stat{padding-left:14px;min-width:80px}.top-actions{width:100%}.top-actions .btn{flex:1}.section-head{align-items:flex-start;flex-wrap:wrap}}@media(max-width:540px){.app{padding:12px 10px 28px}.brand strong{font-size:17px}.brand i{display:block;margin-top:2px}.hero{padding:17px;align-items:flex-start}.hero h1{font-size:34px}.hero-stat strong{font-size:27px}.hero-stat span{font-size:8px}.deck-grid{grid-template-columns:1fr}.deck-card{padding:13px}.toolbar input{min-width:0}.toolbar select{max-width:120px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.skill-fields{grid-template-columns:minmax(0,1fr) 95px}.editor-card{padding:12px}.detail-actions{width:100%}.detail-actions .btn{flex:1}.section-head .btn{font-size:11px}}@media(max-width:370px){.skill-fields{grid-template-columns:1fr}.skill-fields .effect{grid-column:auto}.hero h1{font-size:30px}}

.like-btn{white-space:nowrap}.like-btn.liked{color:#ff729b;border-color:#a94469;background:#351a2b}.comments-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.comments-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.comments-heading h3{margin:0;font-size:16px;letter-spacing:1.5px;color:var(--blue)}.comments-heading span{font-size:11px;color:var(--muted)}.comment-list{display:grid;gap:10px}.comment-item{padding:12px;border:1px solid var(--line);border-radius:11px;background:#0d1726;overflow-wrap:anywhere}.comment-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-meta strong{font-size:12px;color:var(--blue)}.comment-meta time{font-size:9px;color:var(--muted)}.comment-meta .comment-delete{margin-left:auto;border:0;background:transparent;color:var(--danger);font-size:10px}.comment-item p{font-size:12px;line-height:1.7;white-space:pre-wrap;margin:9px 0 0}.comment-form{display:grid;gap:10px;margin-top:14px}.comment-form textarea{width:100%;background:#0b1422;color:var(--text);border:1px solid #304158;border-radius:10px;padding:11px 12px;resize:vertical}.comment-form .btn{justify-self:start}.detail-like-row{margin:12px 0}.detail-like-row .btn{min-width:130px}