.guides-page{background:#02070d;color:#d1e2f3;padding-bottom:20px;line-height:1.5}.guides-page h1,.guides-page h2,.guides-page h3{font-family:Russo,Arial,sans-serif;font-weight:400;color:#f4f7ff}.guides-page h2{font-size:24px}.guides-page h3{font-size:20px}.guides-page p{margin:9px 0 16px}.guides-preview{margin:0!important;padding:7px 4%;font-size:11px;color:#d4c6ab;background:#17120b;border-bottom:1px solid #4d3c26}.guides-hero{padding:28px 0 35px;background:linear-gradient(90deg,#000 8%,#000e 39%,transparent 70%),url('../images/hero-reference.webp') right center/auto 100% no-repeat;border-bottom:1px solid #183d5e}.guides-hero .container{padding-inline:2.8%}.guides-page .guides-hero h1{font-size:clamp(35px,3.6vw,60px);line-height:1.15;max-width:800px;margin:14px 0;overflow:visible}.guides-page .guides-hero h1 span{font-size:inherit;background:linear-gradient(#fff,#c4d2df,#fff);background-clip:text;color:transparent;font-style:normal;line-height:inherit;padding:.08em 0}.guides-page em{display:inline-block;max-width:100%;padding:.08em .2em .12em .01em;line-height:1.2;font-style:italic;background:linear-gradient(105deg,#ff424b,#ffba0a 23%,#3ef435 45%,#00cbff 68%,#da22f9 95%);background-clip:text;color:transparent}.guides-hero p{max-width:590px;font-size:18px}.guide-chip{display:inline-block;padding:4px 10px;color:#16d7ff;border:1px solid #008cb7;border-radius:6px;font-size:11px;letter-spacing:.4px;background:#011521}.guides-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#011929,#081024);color:#f5f7ff;border:1px solid #00c3f0;border-radius:9px;padding:9px 16px;font:600 14px Arial,sans-serif;box-shadow:inset 0 0 10px #00a5ea22,0 0 8px #00a9e922;cursor:pointer}.guides-button:hover{filter:brightness(1.3)}.guides-content{padding-top:18px}.guides-featured{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;border:1px solid #6850b5;border-radius:11px;padding:16px;background:linear-gradient(120deg,#101025,#02101b);margin-bottom:22px}.guides-featured>img{width:100%;height:220px;object-fit:cover;border:1px solid #215d80;border-radius:8px;image-rendering:auto}.guides-featured h2{margin-top:12px}.guides-featured p{max-width:640px}.guides-featured small{display:block;color:#abc4dd;margin-bottom:12px}.guides-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.guides-count{color:#9eb9cd;font-size:13px}.guides-filters{display:flex;gap:15px;align-items:end;border:1px solid #235a7b;border-radius:9px;padding:13px;background:#041320;margin:12px 0}.guides-filters label{display:flex;flex-direction:column;gap:5px;color:#b9d0e4;font-size:12px;flex:1}.guides-filters label:first-child{flex:2}.guides-filters input,.guides-filters select{padding:10px 13px;color:#e7f2ff;background:#03101a;border:1px solid #285f85;border-radius:6px;font:14px Arial,sans-serif;width:100%;min-width:0}.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.guide-tile{border:1px solid #235d83;border-radius:10px;overflow:hidden;background:linear-gradient(140deg,#041826,#050d1c)}.guide-tile:nth-child(2n){border-color:#7640b9}.guide-tile a{display:flex;flex-direction:column;height:100%}.guide-tile img{width:100%;height:135px;object-fit:cover}.guide-tile a>div{padding:16px;display:flex;flex-direction:column;flex:1}.guide-tile h3{margin:12px 0 0}.guide-tile p{font-size:14px;flex:1}.guide-tile small{font-size:12px;color:#a7bdd7}.guide-tile .guide-chip{align-self:flex-start}.guide-read{display:block;color:#0dd1ff;font-size:14px;margin-top:12px}.guide-tile:hover{box-shadow:0 0 12px #008cf12b}.guides-help{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(120deg,#091523,#180b29);border:1px solid #8040b9;border-radius:10px;padding:20px;margin-top:22px}.guides-help p{max-width:780px;margin-bottom:0}.guides-help .guides-button{flex-shrink:0}.guides-empty{padding:30px;border:1px solid #224b69;border-radius:8px;color:#aec4d9}.guide-article-header{padding:22px 0}.guide-article-header nav{font-size:12px;color:#91b8d0;margin-bottom:18px}.guide-article-header .guide-chip{margin-bottom:14px}.guide-article-header h1{font-size:clamp(30px,3.5vw,52px);line-height:1.2;max-width:1100px;padding:.1em 0;overflow-wrap:anywhere}.guide-article-header p{font-size:18px;max-width:850px}.guide-article-header small{color:#a7c5dd}.guide-article-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px;align-items:start}.guide-index{padding:18px;border:1px solid #226183;border-radius:10px;background:#031422;position:sticky;top:15px}.guide-index h2{font-size:20px}.guide-index a{display:block;font-size:13px;color:#bad3e7;padding:10px 0;border-bottom:1px solid #16394d}.guide-index>a{color:#00d6ff;margin-top:12px;border:0}.guide-body{border:1px solid #214d6a;border-radius:11px;padding:25px;background:#05101c;max-width:100%;min-width:0;overflow-wrap:anywhere}.guide-body h2{margin:24px 0 8px;line-height:1.25;scroll-margin-top:20px}.guide-body p{font-size:16px;line-height:1.7;max-width:950px}.guide-body img{height:auto;max-width:100%}.guide-body pre{overflow:auto}.guide-important{border:1px solid #8f7733;border-radius:8px;padding:15px;background:#20180b;color:#ffe39c}.guide-important p{font-size:14px;margin:6px 0 0}.guide-end{border-top:1px solid #265776;margin-top:25px;padding-top:8px}.guide-end .guides-button{margin:8px 8px 0 0}
@media(max-width:1000px){.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-featured{grid-template-columns:1fr 1fr;gap:15px}.guide-article-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:760px){.guides-hero{background:linear-gradient(90deg,#000e,#000b),url('../images/hero-reference.webp') center/cover;padding:24px 0}.guides-hero .container{padding-inline:0}.guides-page .guides-hero h1{font-size:34px;overflow-wrap:anywhere}.guides-hero p{font-size:16px}.guides-featured,.guides-grid,.guide-article-layout{grid-template-columns:1fr}.guides-featured>img{height:145px}.guides-featured h2{font-size:22px}.guides-filters{flex-wrap:wrap;gap:10px}.guides-filters label:first-child{flex:1 1 100%}.guides-filters label{min-width:0}.guides-filters .guides-button{font-size:12px;padding:10px}.guides-help{display:block;padding:16px}.guides-help .guides-button{margin-top:15px}.guides-page h2{font-size:22px}.guide-index{position:static}.guide-body{padding:17px}.guide-body p{font-size:15px}.guide-article-header p{font-size:16px}.guide-article-header h1{font-size:30px}.guide-tile img{height:130px}.guide-chip{font-size:10px}.guides-heading{gap:8px}.guides-count{font-size:12px}}
.guide-game-title,.guide-game-link{display:block;color:#9fc4df;margin-top:10px}.guide-game-link a{color:#23ddff;text-decoration:underline}.pdf-reader{margin:22px 0;padding:15px;border:1px solid #176a96;border-radius:12px;background:linear-gradient(145deg,#071829,#020a14);box-shadow:0 0 18px #00b9ff18}.pdf-reader-heading,.pdf-reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdf-reader-heading h2{margin:8px 0}.pdf-reader-status,.pdf-reader-toolbar span{color:#afd0e6;font-size:13px}.pdf-reader-toolbar{padding:10px 0}.pdf-reader-toolbar button{min-height:42px;padding:8px 14px;border:1px solid #0878ab;border-radius:8px;color:#eaf7ff;background:#06172a;cursor:pointer}.pdf-reader-toolbar button:hover{border-color:#17dcff;box-shadow:0 0 10px #00cfff55}.pdf-reader-frame{height:min(72vh,820px);min-height:480px;overflow:hidden;border-radius:8px;background:#fff;color:#13253a}.pdf-reader-fallback{font-size:12px;margin:10px 0 0!important}.pdf-reader-fallback a{color:#24ddff;text-decoration:underline}.guide-manage-page{min-height:75vh}.guide-manage-top{display:flex;justify-content:space-between;gap:15px;margin:16px 0;color:#9ecbe3;font-size:13px}.guide-manage-top span{color:#14d6ff;letter-spacing:.12em}.guide-manage-heading{padding:20px 0}.guide-manage-heading h1{font-size:clamp(30px,4vw,48px);margin:12px 0}.guide-manage-heading p{color:#bdd2e5}.guide-manage-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:18px;align-items:start}.guide-manage-panel{min-width:0;padding:20px;border:1px solid #16658b;border-radius:11px;background:linear-gradient(145deg,#071827,#030c17)}.guide-manage-panel h2{margin-bottom:14px}.guide-manage-panel>label{display:flex;flex-direction:column;gap:6px;margin:14px 0;color:#d8eafa;font-weight:600}.guide-manage-panel input:not([type=file]),.guide-manage-panel select,.guide-manage-panel textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #285777;border-radius:7px;background:#030d18;color:#eff8ff;font:14px Arial,sans-serif}.guide-manage-panel input[type=file]{padding:10px;border:1px dashed #277ba4;border-radius:7px;background:#030d18;color:#cde6f7}.guide-manage-panel small,.guide-manage-note{color:#9dbbd0;font-size:12px;font-weight:400}.guide-manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-manage-grid label{display:flex;flex-direction:column;gap:6px;color:#d8eafa}.guide-manage-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.guide-publish-button{background:linear-gradient(110deg,#00b9e9,#1557ff,#d500cb)}.guide-manage-list{list-style:none;margin:0;padding:0}.guide-manage-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #1a3b52}.guide-manage-list small{display:block;margin-top:3px}.guide-manage-list a,.guide-manage-top a{color:#17d8ff}.guide-manage-saved{padding:12px;border:1px solid #00bf85;border-radius:8px;background:#05372c;color:#aaffdc}.guides-empty-state{padding:25px;border:1px dashed #286184;border-radius:10px;background:#061523}.guides-empty-state p{margin-bottom:0}
@media(max-width:760px){.pdf-reader-heading,.pdf-reader-toolbar{align-items:stretch;flex-wrap:wrap}.pdf-reader-status{width:100%}.pdf-reader-frame{height:70vh;min-height:460px}.guide-manage-layout{grid-template-columns:1fr}.guide-manage-grid{grid-template-columns:1fr 1fr}.guide-manage-actions{flex-direction:column}.guide-manage-actions .guides-button{width:100%}}

.guide-manage-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:20px;align-items:start}.guide-manage-form,.guide-manage-panel{padding:22px;border:1px solid #12658d;border-radius:14px;background:linear-gradient(145deg,#061729,#020a12);box-shadow:0 0 18px #00b9ff12}.guide-manage-form label{display:grid;gap:7px;margin:16px 0;color:#eef7ff;font-weight:700}.guide-manage-form input,.guide-manage-form textarea,.guide-manage-form select{width:100%;padding:12px;color:#edf7ff;background:#061423;border:1px solid #216187;border-radius:8px;font:inherit}.guide-manage-form small,.guide-manage-panel li{color:#a9c5d8;font-weight:400}.guide-manage-form .guide-manage-actions{display:flex;flex-wrap:wrap;gap:10px}.guide-manage-panel h3{margin-top:26px}.guide-manage-panel li{padding:5px 0}@media(max-width:760px){.guide-manage-layout{grid-template-columns:1fr}.guide-manage-form,.guide-manage-panel{padding:16px}.guide-manage-form .guide-manage-actions .guides-button{width:100%}}

.pdf-reader-frame{display:flex;align-items:flex-start;justify-content:center;overflow:auto}.pdf-reader-frame canvas{display:block;max-width:100%;height:auto!important;margin:12px auto;background:#fff;box-shadow:0 4px 24px #0008}.pdf-reader-toolbar button:disabled{opacity:.4;cursor:not-allowed}