/* Shared visual language for the Fluffy Games inner pages. */
body.fluffy-page { --primary:#bba1ff; --secondary:#d1f77b; --accent:#bba1ff; --bg-dark:#101019; --bg-card:#1c1b29; --text-main:#efebf7; --text-muted:#a5a0b6; --font-main:'Segoe UI',Arial,sans-serif; --font-title:'Segoe UI',Arial,sans-serif; background:#101019; color:#efebf7; font-family:var(--font-main); color-scheme:dark; }
.fluffy-page .bg-animation { display:none; }
.fluffy-page .site-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px max(24px, calc((100vw - 1240px)/2)); border-bottom:1px solid #ffffff0c; background:#101019; }
.fluffy-page .site-brand { color:#f6f3ff; font-size:22px; font-weight:850; letter-spacing:-.8px; white-space:nowrap; text-decoration:none; }
.fluffy-page .site-brand span { color:#bba1ff; }
.fluffy-page .site-brand b { color:#d1f77b; margin-left:5px; }
.fluffy-page .site-links { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.fluffy-page .site-links a { color:#a5a0b6; font-size:13px; padding:8px 12px; border-radius:10px; text-decoration:none; }
.fluffy-page .site-links a:hover, .fluffy-page .site-links a[aria-current=page] { background:#282239; color:#d4c3ff; }
.fluffy-page :is(.page-container,.admin-container,.sell-container,.tool-wrap) { padding:28px 24px 60px; margin:0 auto; }
.fluffy-page .page-container { max-width:1000px; }
.fluffy-page .admin-container { max-width:1100px; }
.fluffy-page .sell-container { max-width:760px; }
.fluffy-page .tool-wrap { max-width:1240px; }
.fluffy-page :is(.page-title,.admin-title,.sell-title,.tool-title) { font-family:var(--font-main); color:#f6f3ff; font-size:clamp(28px,4vw,42px); line-height:1.2; letter-spacing:-1px; text-align:left; text-transform:none; text-shadow:none; margin:10px 0 24px; background:none; -webkit-text-fill-color:currentColor; overflow-wrap:anywhere; }
.fluffy-page :is(.page-title,.admin-title,.sell-title,.tool-title)::after { content:'✦'; color:#d1f77b; font-size:.65em; display:inline-block; margin-left:12px; vertical-align:middle; }
.fluffy-page :is(.sell-subtitle,.update-date) { text-align:left; color:#a5a0b6; margin-top:-12px; margin-bottom:24px; font-size:14px; }
.fluffy-page :is(.content-block,.content-block.glass,.admin-panel,.sell-form,.tool-panel,.modal-content) { background:#1c1b29; border:1px solid #ffffff13; border-radius:18px; box-shadow:0 5px 0 #090911; backdrop-filter:none; }
.fluffy-page :is(.content-block,.admin-panel,.sell-form) { padding:28px; margin-bottom:22px; }
.fluffy-page .tool-panel { padding:22px; margin-bottom:20px; }
.fluffy-page :is(.content-block h2,.admin-panel h2,.help-box h3,.team-member-info h3,.modal-title) { font-family:var(--font-main); color:#d0baff !important; font-size:21px; letter-spacing:-.3px; margin-bottom:16px; }
.fluffy-page .content-block :is(p,li) { color:#c3bdd0; line-height:1.85; }
.fluffy-page .content-block p { margin-bottom:14px; }
.fluffy-page .content-block ul { padding-left:22px; }
.fluffy-page .content-block li { margin-bottom:8px; }
.fluffy-page .highlight { color:#d0baff; font-weight:650; }
.fluffy-page .content-block a { color:#c6afff !important; text-underline-offset:4px; overflow-wrap:anywhere; }
.fluffy-page :is(.contact-item,.game-item,.moderation-item,.result-card,.preset-item) { background:#15141f; border:1px solid #ffffff10; border-radius:13px; box-shadow:none; }
.fluffy-page .contact-item { margin-bottom:12px; }
.fluffy-page .contact-item:hover { background:#252033; border-color:#65547f; transform:translateY(-2px); }
.fluffy-page :is(.help-box,.info-box) { background:#252035; border:1px solid #514367; color:#d3c9e4; border-radius:14px; padding:16px 18px; }
.fluffy-page :is(.form-group label,.field label) { color:#d7cfe5; font-size:14px; font-weight:600; }
.fluffy-page :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea) { background:#12111c; color:#efebf7; border:1px solid #494055; border-radius:11px; padding:12px 14px; font:inherit; max-width:100%; box-sizing:border-box; }
.fluffy-page :is(input,textarea)::placeholder { color:#898197; }
.fluffy-page select[style] { background:#12111c !important; color:#efebf7 !important; border:1px solid #494055 !important; }
.fluffy-page :is(input,select,textarea):focus { outline:2px solid #bba1ff; outline-offset:2px; border-color:#bba1ff; box-shadow:none; }
.fluffy-page :is(input[type=checkbox],input[type=radio],input[type=range]) { accent-color:#bba1ff; }
.fluffy-page :is(.btn,.file-upload-btn,.copy-btn,.tab-btn,.lang-tab) { background:#30263f; color:#e0d1ff; border:1px solid #695383; border-radius:11px; box-shadow:0 3px 0 #0b0912; padding:11px 17px; font:600 14px var(--font-main); cursor:pointer; transition:transform .18s,background .18s,border-color .18s; }
.fluffy-page :is(.btn,.file-upload-btn,.copy-btn,.tab-btn,.lang-tab):hover { background:#413152; border-color:#bba1ff; transform:translateY(-2px); box-shadow:0 4px 0 #0b0912; }
.fluffy-page :is(.btn,.file-upload-btn,.copy-btn,.tab-btn,.lang-tab):active { transform:translateY(1px); box-shadow:none; }
.fluffy-page :is(.btn-success,.btn-accent,.file-upload-btn,.tab-btn.active,.lang-tab.active), .fluffy-page .sell-form > .btn { background:#bba1ff; color:#21162f; border-color:#bba1ff; }
.fluffy-page :is(.btn-danger,.btn-edit) { background:#3e2232; color:#ffb0c1; border-color:#794357; }
.fluffy-page :is(button:disabled,.btn:disabled) { opacity:.45; cursor:not-allowed; transform:none; }
.fluffy-page :is(.back-link,.page-container > .admin-btn) { position:static; display:inline-flex; width:auto; height:auto; border:1px solid #ffffff15; background:#1c1b29; color:#c6afff; border-radius:10px; padding:9px 14px; font-size:13px; text-decoration:none; opacity:1; margin-bottom:16px; box-shadow:none; }
.fluffy-page .page-container > .admin-btn:hover { transform:translateY(-2px); }
.fluffy-page :is(.image-upload-area,.edit-image-area) { border:1px dashed #8970af; background:#15121f; color:#b5a6c9; border-radius:13px; }
.fluffy-page :is(.image-upload-area,.edit-image-area):hover { border-color:#d1f77b; background:#211c2c; }
.fluffy-page :is(.muted,.file-name,.game-item-url,.char-counter,.form-group small) { color:#a5a0b6; }
.fluffy-page .game-item-title { color:#dfd3f6; }
.fluffy-page #login-section { max-width:520px; margin:12px auto 40px; padding:32px; }
.fluffy-page .field { min-width:0; }
.fluffy-page .row > .field { flex:1 1 160px; }
.fluffy-page canvas { max-width:100%; }
.fluffy-page :is(a,button):focus-visible { outline:3px solid #d1f77b; outline-offset:4px; }
@keyframes fluffy-page-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:no-preference) { .fluffy-page :is(.content-block,.admin-panel,.sell-form,.tool-panel,.help-box) { animation:fluffy-page-in .38s ease-out backwards; } }
@media (max-width:640px) {
 .fluffy-page .site-nav { align-items:flex-start; flex-direction:column; padding:16px; gap:10px; }
 .fluffy-page .site-links { gap:2px; }
 .fluffy-page .site-links a { padding:7px 9px; font-size:12px; }
 .fluffy-page :is(.page-container,.admin-container,.sell-container,.tool-wrap) { padding:20px 16px 40px; }
 .fluffy-page :is(.content-block,.admin-panel,.sell-form,.tool-panel), .fluffy-page #login-section { padding:20px; border-radius:14px; }
 .fluffy-page :is(.page-title,.admin-title,.sell-title,.tool-title) { font-size:28px; }
 .fluffy-page .btn { max-width:100%; margin-right:0; }
 .fluffy-page .game-item-info { min-width:0; overflow-wrap:anywhere; }
 .fluffy-page .contact-item { padding:16px; }
}
@media (prefers-reduced-motion:reduce) { .fluffy-page *, .fluffy-page *::before { animation:none !important; transition:none !important; } }