@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#111318;--panel:#191c24;--panel2:#20242e;--border:#2b303c;--text:#f4f5f8;--muted:#9ca3b2;--purple:#9c8cff;--purple2:#7562e9;--green:#65d9ab;--orange:#ffb36f;--blue:#78b7ff;--radius:18px;--shadow:0 18px 50px #0003}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:14px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.hidden{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:28px 17px 18px;background:#15171e;border-right:1px solid var(--border);z-index:10}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font:700 19px 'Space Grotesk',sans-serif;letter-spacing:2px;text-decoration:none;padding:0 7px 35px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#b5aaff,#7160df);color:#11131a;font:700 21px 'Space Grotesk',sans-serif;box-shadow:0 5px 20px #8d7afc55}.sidebar-label,.eyebrow,.dm-list-head{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#7f8798}.sidebar-label{padding:0 12px 11px}.nav{display:grid;gap:6px}.nav-link{border:0;background:transparent;color:#a5abba;border-radius:11px;display:flex;align-items:center;gap:12px;text-align:left;padding:12px;font-size:13px;font-weight:600;transition:.18s}.nav-link span{font-size:18px;width:20px;text-align:center}.nav-link:hover{background:#222530;color:white}.nav-link.active{background:#29253e;color:#c7bdff;box-shadow:inset 3px 0 var(--purple)}.sidebar-bottom{margin-top:auto}.profile-mini{border-top:1px solid var(--border);padding:17px 4px 14px;display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:#343148;color:#d5ccff;font-weight:700;text-transform:uppercase}.profile-mini-text{min-width:0;display:grid;gap:1px;flex:1}.profile-mini-text b{font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile-mini-text small{color:var(--muted);font-size:11px}.icon-btn{display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--muted);border-radius:9px;padding:7px;font-size:17px}.icon-btn:hover{border-color:var(--border);color:white}.theme-toggle{width:100%;border:1px solid var(--border);border-radius:10px;background:#1b1e26;color:#b7bdcb;display:flex;gap:8px;align-items:center;padding:10px;font-size:11px;text-align:left}.theme-toggle>span:nth-child(2){flex:1}.toggle-pill{font-size:9px;letter-spacing:.5px;border-radius:5px;background:#343944;color:#c6cbd4;padding:3px 5px}.main-content{max-width:1500px;width:100%;margin:auto;padding:0 38px;min-width:0}.topbar{min-height:92px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);margin-bottom:32px}.topbar-title{font:600 20px 'Space Grotesk',sans-serif;margin-top:3px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:13px}.coin-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #514630;background:#28251f;color:#f4dca7;border-radius:9px;padding:8px 11px;font-weight:700;font-size:12px;white-space:nowrap}.primary-btn,.secondary-btn{border:0;border-radius:10px;padding:11px 16px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .15s,filter .15s}.primary-btn{background:var(--purple);color:#171421}.primary-btn:hover{filter:brightness(1.09);transform:translateY(-1px)}.secondary-btn{border:1px solid #383c49;background:#22252e;color:#e5e7ed}.secondary-btn:hover{background:#2d303b}.primary-btn.small{padding:9px 13px}.primary-btn.full{width:100%;margin-top:10px}.mobile-menu{display:none}.view{display:none;animation:appear .24s ease}.view.active{display:block}@keyframes appear{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:320px;border:1px solid #393449;border-radius:22px;overflow:hidden;padding:36px 42px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;background:radial-gradient(ellipse at 75% 42%,#594c9b54,transparent 38%),linear-gradient(115deg,#24202f,#191b25 58%,#202232);position:relative}.hero-copy{position:relative;z-index:1}.pill-label{display:inline-flex;align-items:center;gap:7px;border:1px solid #4e4768;background:#322d47;color:#c7bdff;padding:5px 9px;border-radius:6px;font-size:9px;font-weight:700;letter-spacing:1px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(29px,3.5vw,44px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-1.6px;margin:18px 0 13px}h1 span{color:var(--purple)}.hero-copy>p{color:#b2b0c3;max-width:410px;font-size:13px;line-height:1.8}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.hero-art{height:240px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #9385e24b;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:245px;height:185px}.orbit-two{width:185px;height:245px}.orb{position:absolute;display:grid;place-items:center;border-radius:30px;box-shadow:0 14px 45px #7b6beb46}.orb-large{width:106px;height:106px;background:linear-gradient(145deg,#b8aaff,#6e5cdd);font:700 62px 'Space Grotesk',sans-serif;color:#242039;transform:rotate(-9deg)}.orb-small{width:39px;height:39px;background:#29273b;border:1px solid #5b527f;color:#d9d0ff;font-size:23px}.orb-small.one{top:36px;right:17%}.orb-small.two{bottom:26px;left:20%}.art-caption{position:absolute;bottom:1px;right:5px;color:#8980bc;font-size:9px;letter-spacing:2px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:32px 0 17px}.section-heading h2{font:600 23px 'Space Grotesk',sans-serif;margin:5px 0 0;letter-spacing:-.5px}.section-heading p{margin:6px 0 0;font-size:12px}.muted{color:var(--muted)}.section-heading>.muted{font-size:11px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.feature-card{position:relative;min-height:151px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--border);border-radius:15px;background:var(--panel);padding:17px;color:var(--text);transition:.2s}.feature-card:hover,.game-card:hover{transform:translateY(-3px);border-color:#615784;background:#20212b}.feature-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;margin-bottom:14px;font-size:19px}.feature-icon.purple{background:#302a49;color:#bcaeff}.feature-icon.blue{background:#20354a;color:#8ac6ff}.feature-icon.orange{background:#47342b;color:#ffbd8a}.feature-icon.green{background:#203c34;color:#79e7b8}.feature-title{font-weight:700;font-size:12px}.feature-description{color:var(--muted);font-size:10px;margin-top:5px;max-width:95%}.feature-arrow{position:absolute;right:16px;top:17px;color:#858b9b}.info-banner{display:flex;gap:12px;margin:19px 0 30px;padding:15px 17px;background:#1d2029;border:1px solid var(--border);border-radius:13px}.info-icon{font-size:18px;color:#b7aaff;padding-top:1px}.info-banner b{font-size:11px}.info-banner p{margin:4px 0 0;color:#9fa5b5;font-size:10px;line-height:1.7}.footer{border-top:1px solid var(--border);margin-top:36px;padding:17px 0;display:flex;justify-content:space-between;gap:15px;color:#737c8c;font-size:9px;letter-spacing:.5px}.chat-panel,.dm-layout{height:min(570px,66vh);min-height:370px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column}.chat-feed{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:13px}.message{display:flex;gap:10px;align-items:flex-start;max-width:100%}.message .avatar{width:33px;height:33px;border-radius:10px}.message-main{min-width:0;max-width:calc(100% - 45px)}.message-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.message-meta b{font-size:11px}.message-meta time{color:#777f8e;font-size:9px}.message-text{margin:3px 0 0;color:#d0d4de;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.composer{display:flex;gap:9px;padding:12px;border-top:1px solid var(--border);background:#171a21}.composer input,.auth-form input,.mod-form input{min-width:0;width:100%;background:#20242d;border:1px solid #333947;border-radius:10px;color:var(--text);padding:12px;font-size:12px}.composer input::placeholder,.auth-form input::placeholder,.mod-form input::placeholder{color:#727c8f}.send-btn{flex:0 0 42px;border:0;border-radius:10px;background:var(--purple);color:#171421;font-size:18px}.empty-state{margin:auto;text-align:center;color:var(--muted);padding:25px}.empty-symbol{display:grid;place-items:center;width:51px;height:51px;border-radius:16px;background:#2b2840;color:#c5baff;font-size:23px;margin:0 auto 12px}.empty-state h3{font:600 15px 'Space Grotesk',sans-serif;color:#e8e8ef;margin-bottom:5px}.empty-state p{font-size:11px;margin:0}.member-count{font-size:10px;color:#b9c0cf;border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:7px 9px}.dm-layout{display:grid;grid-template-columns:220px minmax(0,1fr);flex-direction:unset}.dm-list{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.dm-list-head{padding:18px 15px 11px}.dm-member-list{overflow-y:auto;padding:0 8px 10px}.dm-member{width:100%;display:flex;align-items:center;gap:9px;padding:10px;border:0;background:transparent;color:var(--text);text-align:left;border-radius:10px}.dm-member:hover,.dm-member.active{background:#2b2840}.dm-member .avatar{width:32px;height:32px;border-radius:10px}.dm-member b{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis}.dm-member small{font-size:9px;color:var(--muted)}.pad{padding:7px 10px;font-size:11px}.dm-chat{display:flex;flex-direction:column;min-height:0;min-width:0}.dm-chat-header{min-height:65px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:12px 17px}.dm-chat-header b{font-size:12px;display:block}.dm-chat-header small{color:var(--muted);font-size:10px}.dm-feed{padding:16px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.game-card{min-height:160px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;border:1px solid var(--border);border-radius:15px;background:var(--panel);padding:19px;color:var(--text);transition:.2s}.game-emoji{display:grid;place-items:center;width:43px;height:43px;background:#29263b;border-radius:13px;font-size:22px;margin-bottom:15px}.game-card b{font-size:13px}.game-card small{font-size:10px;color:var(--muted);margin-top:4px}.game-play{font-size:10px;color:var(--purple);font-weight:700;margin-top:17px}.game-stage{margin-top:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel);min-height:310px}.game-stage-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.text-btn{border:0;background:transparent;color:#bdb0ff;font-weight:700;font-size:11px}.game-content{max-width:650px;margin:0 auto;padding:28px 20px 34px;text-align:center}.game-content h3{font:600 22px 'Space Grotesk',sans-serif;margin-bottom:8px}.game-content p{font-size:12px;color:var(--muted)}.game-question{font-size:17px!important;color:var(--text)!important;font-weight:700;margin:20px 0}.game-options{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:18px 0}.game-option{padding:10px 14px;border:1px solid var(--border);background:#222530;color:var(--text);border-radius:9px;font-size:12px}.game-option:hover{border-color:var(--purple)}.game-big-button{margin:10px auto;border:0;border-radius:14px;padding:15px 20px;background:var(--purple);color:#181425;font-size:14px;font-weight:700}.game-input{max-width:220px;margin:9px auto;background:#20242d;color:white;border:1px solid #383d4b;border-radius:9px;padding:11px;text-align:center}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(48px,68px));gap:8px;justify-content:center;margin:17px}.memory-card{height:64px;border:1px solid var(--border);border-radius:10px;background:#28253b;color:#d0c7ff;font-size:23px}.memory-card.revealed{background:#2b4038;border-color:#4e947b;color:#fff}.reaction-box{max-width:420px;margin:15px auto;padding:38px 18px;border-radius:15px;background:#322d47;color:#d2caff;font-weight:700;cursor:pointer}.reaction-box.ready{background:#244d3d;color:#c1f6db}.members-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.member-card{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:15px;display:flex;gap:11px;align-items:center;min-width:0}.member-card .avatar{width:39px;height:39px;border-radius:12px}.member-info{min-width:0;flex:1}.member-info b{font-size:12px;display:block;overflow-wrap:anywhere}.member-info small{color:var(--muted);font-size:10px}.role-badge{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.role-badge.owner{background:#3e3254;color:#d6bcff;border:1px solid #6b5294}.role-badge.mod{background:#203c34;color:#86e6bc;border:1px solid #326a55}.role-badge.member{background:#292e39;color:#b1b9c8}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{border:1px solid var(--border);background:var(--panel);border-radius:15px;padding:21px}.settings-card-icon{display:grid;place-items:center;width:38px;height:38px;background:#2d2943;color:#cabfff;border-radius:11px;font-size:18px;margin-bottom:15px}.settings-card h3{font:600 16px 'Space Grotesk',sans-serif;margin-bottom:6px}.settings-card>p{font-size:11px;line-height:1.7;color:var(--muted);max-width:470px}.mod-form{display:grid;gap:8px;margin-top:17px}.mod-form label,.auth-form label{font-size:11px;font-weight:700;color:#c8cbd6}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.form-note{font-size:10px!important;color:#81899a!important;margin-top:12px!important;line-height:1.7}.form-error{font-size:11px;color:#ff969e;min-height:0;margin:7px 0 0}.moderators-list{display:grid;gap:9px;margin-top:16px}.moderator-row{display:flex;align-items:center;gap:10px;padding:9px;background:#20232c;border-radius:10px}.moderator-row .avatar{width:31px;height:31px;border-radius:9px}.moderator-row b{font-size:11px;flex:1;overflow-wrap:anywhere}.warning-note{margin-top:15px;padding:14px 16px;background:#29251f;border:1px solid #4a3f2e;border-radius:12px}.warning-note b{font-size:11px;color:#efcb98}.warning-note p{font-size:10px;color:#bcb0a0;line-height:1.7;margin:4px 0 0}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#08090dd9;display:grid;place-items:center;padding:16px;overflow-y:auto}.modal{width:min(430px,100%);position:relative;border:1px solid #383746;background:#191b24;border-radius:20px;padding:28px;box-shadow:var(--shadow);margin:auto}.modal-close{position:absolute;top:12px;right:13px;border:0;background:transparent;color:#9ba2b3;font-size:26px}.modal-brand{margin-bottom:17px}.modal h2{font:600 23px 'Space Grotesk',sans-serif;margin:7px 0}.modal .muted{font-size:11px;line-height:1.7}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#111319;border:1px solid var(--border);border-radius:10px;padding:4px;margin:19px 0}.auth-tab{border:0;border-radius:7px;background:transparent;color:#979eae;padding:9px;font-size:11px;font-weight:700}.auth-tab.active{background:#302b47;color:#d2caff}.auth-form{display:grid;gap:8px}.auth-form label:not(:first-child){margin-top:6px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:50;padding:11px 17px;background:#e3dfff;color:#1a1725;border-radius:10px;font-size:12px;font-weight:700;box-shadow:var(--shadow);transition:.2s;max-width:calc(100% - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Kindle/high-contrast reading mode */
body.kindle{--bg:#fff;--panel:#fff;--panel2:#f5f5f5;--border:#aaa;--text:#111;--muted:#444;--purple:#d9d9d9;--purple2:#bbb;background:#fff;color:#111;font-size:16px}body.kindle .sidebar{background:#f2f2f2;border-color:#999}body.kindle .brand,body.kindle .nav-link,body.kindle .profile-mini-text b{color:#111}body.kindle .nav-link.active,body.kindle .nav-link:hover,body.kindle .feature-card,body.kindle .game-card,body.kindle .settings-card,body.kindle .chat-panel,body.kindle .dm-layout,body.kindle .member-card,body.kindle .game-stage,body.kindle .info-banner{background:#fff;color:#111;border-color:#888}body.kindle .nav-link.active{box-shadow:inset 3px 0 #111;background:#e8e8e8}body.kindle .hero{background:#f2f2f2;border-color:#888}body.kindle .hero-copy>p,body.kindle .hero h1,body.kindle h1 span,body.kindle .section-heading h2,body.kindle .feature-description,body.kindle .info-banner p,body.kindle .muted,body.kindle .message-text,body.kindle .dm-chat-header,body.kindle .settings-card>p,body.kindle .warning-note p{color:#222}body.kindle .eyebrow,body.kindle .sidebar-label{color:#444}body.kindle .primary-btn,body.kindle .send-btn,body.kindle .game-big-button{background:#222;color:#fff}body.kindle .secondary-btn,body.kindle .theme-toggle,body.kindle .composer,body.kindle .composer input,body.kindle .auth-form input,body.kindle .mod-form input,body.kindle .game-option,body.kindle .moderator-row{background:#f2f2f2;color:#111;border-color:#999}body.kindle .coin-pill{background:#f2f2f2;color:#111;border-color:#888}body.kindle .hero-art{opacity:.35}body.kindle .orb-large{background:#333;color:#fff}body.kindle .orb-small{background:#ddd;color:#111}body.kindle .pill-label,body.kindle .role-badge{background:#eee;color:#111;border-color:#777}body.kindle .modal{background:#fff;color:#111;border-color:#777}body.kindle .modal-backdrop{background:#ffffffed}body.kindle .auth-tabs{background:#eee}body.kindle .auth-tab{color:#222}body.kindle .auth-tab.active{background:#333;color:#fff}body.kindle .warning-note{background:#f5f2ec;border-color:#999}body.kindle .warning-note b{color:#111}body.kindle .game-emoji,body.kindle .feature-icon{filter:grayscale(1)}body.kindle .footer{border-color:#999;color:#444}body.kindle .chat-feed{background:#fff}body.kindle .empty-state h3{color:#111}body.kindle .dm-member{color:#111}body.kindle .dm-member:hover,body.kindle .dm-member.active{background:#eee}body.kindle .reaction-box{background:#eee;color:#111}body.kindle .reaction-box.ready{background:#ddd;color:#111}
@media(max-width:1100px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.main-content{padding:0 24px}.hero{padding:28px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.members-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;top:0;width:245px;transition:left .2s;box-shadow:var(--shadow)}.sidebar.open{left:0}.main-content{padding:0 15px}.topbar{min-height:78px;margin-bottom:20px}.mobile-menu{display:grid}.topbar-title{font-size:16px}.topbar .eyebrow{font-size:8px}.topbar-right{gap:7px}.coin-pill{padding:7px;font-size:10px}.topbar-right .primary-btn{font-size:10px;padding:8px}.hero{grid-template-columns:1fr;min-height:auto;padding:27px 22px}.hero-art{height:170px;margin-top:4px}.orb-large{width:80px;height:80px;font-size:47px}.orbit-one{width:190px;height:140px}.orbit-two{width:140px;height:190px}.hero h1{font-size:34px}.section-heading{margin-top:25px;align-items:flex-start}.section-heading h2{font-size:21px}.section-heading>.muted{max-width:120px;text-align:right}.feature-grid{gap:9px}.feature-card{padding:13px;min-height:145px}.feature-description{line-height:1.5}.games-grid{gap:9px}.game-card{padding:13px;min-height:150px}.dm-layout{grid-template-columns:120px minmax(0,1fr);height:65vh;min-height:400px}.dm-member{padding:8px 5px;gap:5px}.dm-member .avatar{width:27px;height:27px}.dm-member b{font-size:10px}.dm-member small{font-size:8px}.dm-chat-header{padding:9px}.dm-chat-header .avatar{width:28px;height:28px}.dm-chat-header b{font-size:10px}.dm-chat-header small{font-size:9px}.chat-feed{padding:12px}.composer{padding:9px}.composer input{padding:10px;font-size:11px}.send-btn{flex-basis:36px}.members-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.footer{font-size:8px}.info-banner{margin-bottom:20px}}@media(max-width:390px){.topbar-right .coin-pill{display:none}.hero-art{height:135px}.feature-title{font-size:11px}.feature-description{font-size:9px}.dm-layout{grid-template-columns:105px minmax(0,1fr)}.dm-chat-header small{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* NEXORA Kindle / e-ink mode: monochrome, low-motion, high contrast, touch friendly. */
body.kindle {
  color-scheme: light;
  --bg: #fff; --panel: #fff; --panel2: #f4f4f4; --border: #111;
  --text: #111; --muted: #333; --purple: #222; --purple2: #111;
  --green: #111; --orange: #111; --blue: #111; --shadow: none;
  background: #fff !important; color: #111 !important; font-size: 16px; line-height: 1.6;
}
body.kindle *, body.kindle *::before, body.kindle *::after {
  box-shadow: none !important; text-shadow: none !important; animation: none !important;
  transition: none !important; filter: none !important;
}
body.kindle .app-shell { display: block; min-height: 100vh; }
body.kindle .sidebar {
  position: relative; top: auto; left: auto; width: auto; height: auto; padding: 12px;
  background: #fff !important; border: 0; border-bottom: 2px solid #111; z-index: 1;
}
body.kindle .brand { color: #111; padding: 0 0 12px; font-size: 21px; }
body.kindle .brand-mark { width: 38px; height: 38px; border-radius: 4px; background: #111; color: #fff; }
body.kindle .sidebar-label { color: #111; padding: 0 0 8px; }
body.kindle .nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
body.kindle .nav-link, body.kindle .nav-link:hover, body.kindle .nav-link.active {
  min-height: 46px; padding: 9px; border: 1px solid #111; border-radius: 4px;
  background: #fff; color: #111; box-shadow: none;
}
body.kindle .nav-link.active { background: #111; color: #fff; }
body.kindle .nav-link span { font-size: 18px; }
body.kindle .sidebar-bottom { margin-top: 12px; }
body.kindle .profile-mini { border-top: 1px solid #111; padding: 10px 0; }
body.kindle .avatar { border-radius: 4px; background: #e8e8e8; border: 1px solid #111; color: #111; }
body.kindle .profile-mini-text b, body.kindle .profile-mini-text small { color: #111; }
body.kindle .theme-toggle { display: flex; min-height: 42px; background: #eee; border: 1px solid #111; color: #111; font-size: 13px; border-radius: 4px; }
body.kindle .toggle-pill { background: #111; color: #fff; font-size: 11px; padding: 3px 7px; border-radius: 2px; }
body.kindle .main-content { width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 14px; }
body.kindle .topbar { min-height: auto; flex-wrap: wrap; gap: 10px; padding: 13px 0; margin-bottom: 14px; border-color: #111; }
body.kindle .topbar .eyebrow, body.kindle .eyebrow, body.kindle .sidebar-label, body.kindle .dm-list-head { color: #222; font-size: 12px; letter-spacing: .7px; }
body.kindle .topbar-title { font: 700 21px Arial, sans-serif; color: #111; }
body.kindle .topbar-right { flex-wrap: wrap; gap: 7px; }
body.kindle .coin-pill { color: #111; background: #fff; border: 1px solid #111; border-radius: 4px; font-size: 14px; }
body.kindle .primary-btn, body.kindle .send-btn, body.kindle .game-big-button {
  background: #111 !important; color: #fff !important; border: 1px solid #111 !important;
  border-radius: 4px; min-height: 46px; font-size: 15px; padding: 10px 15px;
}
body.kindle .secondary-btn, body.kindle .icon-btn, body.kindle .text-btn {
  background: #fff; color: #111; border: 1px solid #111; border-radius: 4px; min-height: 44px;
}
body.kindle .view { display: none; }
body.kindle .view.active { display: block; }
body.kindle .hero { display: block; min-height: 0; padding: 22px 18px; border: 2px solid #111; border-radius: 4px; background: #f4f4f4 !important; }
body.kindle .hero h1 { font: 700 34px/1.15 Arial, sans-serif; letter-spacing: 0; color: #111; }
body.kindle .hero h1 span { color: #111; text-decoration: underline; }
body.kindle .hero-copy > p, body.kindle .section-heading p, body.kindle .muted,
body.kindle .feature-description, body.kindle .info-banner p, body.kindle .message-text,
body.kindle .settings-card > p, body.kindle .warning-note p, body.kindle .dm-chat-header small,
body.kindle .dm-member small, body.kindle .empty-state p { color: #222 !important; font-size: 14px; }
body.kindle .hero-art { display: none; }
body.kindle .pill-label { color: #111; background: #fff; border: 1px solid #111; border-radius: 3px; font-size: 12px; }
body.kindle .live-dot { background: #111; }
body.kindle .section-heading { align-items: flex-start; flex-wrap: wrap; margin: 24px 0 13px; }
body.kindle .section-heading h2 { font: 700 25px Arial, sans-serif; color: #111; letter-spacing: 0; }
body.kindle .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.kindle .feature-card, body.kindle .game-card, body.kindle .settings-card,
body.kindle .chat-panel, body.kindle .dm-layout, body.kindle .member-card,
body.kindle .game-stage, body.kindle .info-banner, body.kindle .member-count {
  color: #111 !important; background: #fff !important; border: 1px solid #111 !important; border-radius: 4px;
}
body.kindle .feature-card { min-height: 135px; padding: 13px; }
body.kindle .feature-icon { width: 34px; height: 34px; background: #eee !important; color: #111 !important; border: 1px solid #111; border-radius: 4px; }
body.kindle .feature-title, body.kindle .feature-arrow { color: #111; }
body.kindle .info-banner { padding: 14px; }
body.kindle .info-icon { color: #111; }
body.kindle .chat-panel, body.kindle .dm-layout { min-height: 340px; height: 60vh; }
body.kindle .chat-feed { background: #fff !important; padding: 12px; gap: 12px; }
body.kindle .message-meta b, body.kindle .message-meta time { color: #111; font-size: 12px; }
body.kindle .message-text { color: #111 !important; font-size: 15px; }
body.kindle .composer { padding: 9px; background: #eee !important; border-top: 1px solid #111; }
body.kindle .composer input, body.kindle .auth-form input, body.kindle .mod-form input, body.kindle .game-input {
  min-height: 48px; padding: 11px; background: #fff !important; color: #111 !important;
  border: 2px solid #111 !important; border-radius: 4px; font-size: 16px;
}
body.kindle input::placeholder { color: #444 !important; opacity: 1; }
body.kindle .send-btn { flex-basis: 48px; }
body.kindle .dm-layout { display: grid; grid-template-columns: minmax(110px, 0.7fr) minmax(0, 1.7fr); }
body.kindle .dm-list { background: #fff; border-right: 1px solid #111; }
body.kindle .dm-member, body.kindle .dm-member:hover, body.kindle .dm-member.active { background: #fff; color: #111; border: 1px solid #bbb; border-radius: 4px; min-height: 44px; }
body.kindle .dm-member.active { background: #111; color: #fff; }
body.kindle .dm-member.active small, body.kindle .dm-member.active b { color: #fff; }
body.kindle .dm-chat-header { border-bottom: 1px solid #111; color: #111; }
body.kindle .games-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.kindle .game-card { min-height: 138px; padding: 14px; }
body.kindle .game-card b, body.kindle .game-card small, body.kindle .game-play { color: #111; }
body.kindle .game-emoji { font-size: 23px; }
body.kindle .game-options { gap: 8px; }
body.kindle .game-option, body.kindle .memory-card, body.kindle .reaction-box { background: #fff !important; color: #111 !important; border: 2px solid #111 !important; border-radius: 4px; min-height: 44px; }
body.kindle .memory-card.revealed, body.kindle .reaction-box.ready { background: #ddd !important; color: #111 !important; }
body.kindle .members-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.kindle .member-card { padding: 10px; }
body.kindle .member-info b, body.kindle .member-info small { color: #111; }
body.kindle .role-badge, body.kindle .role-badge.owner, body.kindle .role-badge.mod, body.kindle .role-badge.member {
  color: #111 !important; background: #fff !important; border: 1px solid #111 !important; border-radius: 2px; font-size: 10px;
}
body.kindle .settings-grid { grid-template-columns: 1fr; gap: 10px; }
body.kindle .settings-card { padding: 15px; }
body.kindle .settings-card-icon { background: #eee; color: #111; border: 1px solid #111; border-radius: 4px; }
body.kindle .mod-form label { color: #111; font-size: 14px; }
body.kindle .moderator-row { background: #fff; color: #111; border: 1px solid #111; border-radius: 4px; }
body.kindle .moderator-row b { color: #111; }
body.kindle .warning-note { background: #eee; border: 1px solid #111; border-radius: 4px; }
body.kindle .warning-note b, body.kindle .warning-note p { color: #111 !important; }
body.kindle .footer { border-color: #111; color: #222; font-size: 12px; }
body.kindle .empty-state { color: #111; }
body.kindle .empty-symbol { background: #eee; color: #111; border: 1px solid #111; border-radius: 4px; }
body.kindle .empty-state h3 { color: #111; }
body.kindle .modal-backdrop { background: #fff !important; opacity: 1; padding: 10px; }
body.kindle .modal { width: min(460px, 100%); max-height: 94vh; overflow-y: auto; margin: auto; padding: 22px; color: #111; background: #fff !important; border: 2px solid #111; border-radius: 4px; }
body.kindle .modal h2 { font: 700 26px Arial, sans-serif; color: #111; }
body.kindle .modal .muted, body.kindle .form-note { color: #222 !important; font-size: 14px !important; }
body.kindle .modal-close { color: #111; min-width: 44px; min-height: 44px; border: 1px solid #111; border-radius: 4px; }
body.kindle .auth-form { gap: 10px; }
body.kindle .auth-form label { color: #111; font-size: 15px; }
body.kindle .form-error { color: #111 !important; font-weight: 700; font-size: 14px; }
body.kindle .toast { background: #111; color: #fff; border: 1px solid #111; border-radius: 4px; font-size: 15px; }
body.kindle .hidden { display: none !important; }
@media (max-width: 760px) {
  body.kindle .sidebar { left: auto; position: relative; width: auto; height: auto; }
  body.kindle .main-content { padding: 0 10px; }
  body.kindle .mobile-menu { display: none; }
  body.kindle .hero { padding: 18px 14px; }
  body.kindle .hero h1 { font-size: 29px; }
  body.kindle .feature-grid, body.kindle .games-grid, body.kindle .members-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.kindle .dm-layout { grid-template-columns: minmax(94px, .7fr) minmax(0, 1.5fr); height: 60vh; }
  body.kindle .dm-member { padding: 8px 5px; gap: 5px; }
  body.kindle .dm-chat-header { padding: 7px; }
  body.kindle .topbar-right .coin-pill { display: inline-flex; }
}
@media (max-width: 420px) {
  body.kindle .nav { grid-template-columns: 1fr 1fr; }
  body.kindle .feature-grid, body.kindle .games-grid, body.kindle .members-grid { grid-template-columns: 1fr; }
  body.kindle .dm-layout { grid-template-columns: 95px minmax(0, 1fr); }
  body.kindle .topbar { align-items: flex-start; }
  body.kindle .topbar-right { margin-left: 0; }
}

/* Disable animated scrolling globally for e-ink displays. */
html { scroll-behavior: auto !important; }


/* Kindle tap-target and owner-only chat moderation additions. */
button, input, .reaction-box { touch-action: manipulation; -webkit-tap-highlight-color: #888; }
button { min-height: 42px; }
body.kindle button { min-height: 48px; font-size: 15px; transition: none !important; transform: none !important; }
body.kindle .chat-mod-action { min-height: 34px; padding: 5px 9px; background: #fff; color: #111; border: 2px solid #111; border-radius: 3px; font-size: 12px; font-weight: 700; }
body.kindle .chat-mod-action:active, body.kindle button:active { background: #ddd !important; color: #111 !important; }
body.kindle .message-meta { gap: 8px; }
body.kindle .game-input, body.kindle #authPassword { width: 100%; min-height: 48px; background: #fff; color: #111; border: 2px solid #111; padding: 12px; font-size: 16px; margin: 8px 0; }
body.kindle .ttt-board { display: flex; flex-wrap: wrap; width: 100%; max-width: 330px; margin: 16px auto; }
body.kindle .ttt-cell { width: 33.333%; height: 78px; border: 2px solid #111; background: #fff; color: #111; font-size: 30px; font-weight: 700; }
body.kindle .ttt-cell:disabled { opacity: 1; color: #111; }
body.kindle .scramble-word { letter-spacing: 4px; font-family: Arial, sans-serif; }
/* Legacy-browser fallback: layout may become a simple vertical stack instead of a CSS grid. */
@supports not (display: grid) {
  .app-shell { display: block; }
  .feature-grid, .games-grid, .members-grid, .settings-grid { display: block; }
  .feature-card, .game-card, .member-card, .settings-card { display: block; width: 100%; margin: 8px 0; }
  .dm-layout { display: block; height: auto; }
  .dm-list, .dm-chat { display: block; min-height: 180px; }
  .ttt-board { display: block; max-width: 330px; margin: 16px auto; font-size: 0; }
  .ttt-cell { display: inline-block; width: 33.33%; height: 72px; }
}

/* Password-based demo account forms; large tap targets for Kindle/e-ink. */
.auth-form input { box-sizing: border-box; width: 100%; min-height: 48px; padding: 12px; border: 2px solid #555; border-radius: 6px; background: #fff; color: #111; font-size: 16px; }
.auth-form #authConfirmRow { display: grid; gap: 8px; }
.auth-form #authConfirmRow.hidden { display: none !important; }
.auth-tabs button { min-height: 48px; }

/* Owner-only custom member titles. Keep badges readable in monochrome. */
.role-badge.custom-title { background:#f2f2f2; color:#111; border:1px solid #555; }
body.kindle .role-badge.custom-title { background:#fff; color:#111; border:1px dashed #111; font-size:11px; }
.member-badges { display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin:3px 0; }
.title-settings-card { margin-top:14px; }
body.kindle .title-settings-card { border:2px solid #111 !important; }
body.kindle .title-settings-card input { min-height:48px; width:100%; border:2px solid #111 !important; background:#fff !important; color:#111 !important; font-size:16px; padding:11px; }
body.kindle .title-settings-card .button-row button { min-height:46px; font-size:15px; }

/* Kindle sign-in fallback: use an ordinary page panel instead of a fixed overlay. */
body.kindle.auth-page .app-shell { display:none !important; }
body.kindle.auth-page .modal-backdrop { position:relative !important; inset:auto !important; display:block !important; width:100%; min-height:100vh; overflow:visible !important; padding:10px !important; background:#fff !important; }
body.kindle.auth-page .modal { width:100% !important; max-width:520px; max-height:none !important; overflow:visible !important; margin:0 auto !important; padding:18px !important; border:2px solid #111 !important; border-radius:4px !important; box-shadow:none !important; }
body.kindle.auth-page .auth-form input { min-height:50px; width:100%; font-size:18px; }
body.kindle.auth-page .auth-form button { min-height:50px; font-size:17px; }
body.kindle.auth-page .auth-tabs { gap:8px; }
body.kindle.auth-page .auth-tab { min-height:46px; font-size:15px; border:1px solid #777; }
body.kindle.auth-page .modal-close { min-width:48px; min-height:48px; font-size:28px; }

/* Main chat connection status (also readable on e-ink). */
.chat-status { font-size: 12px; line-height: 1.5; margin-top: 7px; color: #222; }


/* Critical Kindle fix: don't put the composer inside a clipped flex-height panel.
   Older e-ink browsers can miscalculate vh/flex and hide the message box or send button.
   Use ordinary document flow and stack the composer controls so they're always visible. */
body.kindle #view-community.active {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}
body.kindle #view-community .chat-panel {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: #fff !important;
  border: 2px solid #111 !important;
}
body.kindle #view-community #communityFeed {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 160px !important;
  max-height: 320px !important;
  max-height: 42vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  padding: 12px !important;
  background: #fff !important;
  border-bottom: 2px solid #111 !important;
}
body.kindle #view-community #communityFeed .message {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  margin: 0 0 14px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid #bbb;
}
body.kindle #view-community #communityFeed .message .avatar {
  display: inline-block !important;
  vertical-align: top !important;
  margin: 0 8px 6px 0 !important;
}
body.kindle #view-community #communityFeed .message-main {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
body.kindle #view-community #communityFeed .message-text {
  display: block !important;
  width: 100% !important;
  overflow-wrap: anywhere !important;
  white-space: pre-wrap !important;
}
body.kindle #view-community #communityForm {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 12px !important;
  background: #eee !important;
  border: 0 !important;
}
body.kindle #view-community #communityInput {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 0 10px !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  color: #111 !important;
  border: 2px solid #111 !important;
  font-size: 16px !important;
}
body.kindle #view-community #communityForm .send-btn {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  background: #111 !important;
  color: #fff !important;
  border: 2px solid #111 !important;
  font-size: 18px !important;
}
body.kindle #view-community .chat-status {
  display: block !important;
  visibility: visible !important;
  color: #111 !important;
  overflow-wrap: anywhere;
}

/* NEXORA V11: profile, reports, reason-required moderation, replies, and owner-edited home text. */
body.kindle .home-announcement,
body.kindle .owner-home-editor .settings-card,
body.kindle .report-composer,
body.kindle .settings-card,
body.kindle .profile-page-card,
body.kindle .report-card {
  background: #fff !important;
  color: #111 !important;
  border: 2px solid #111 !important;
  box-shadow: none !important;
}
.home-announcement {
  display: flex;
  margin: 0 0 22px;
  padding: 18px 20px;
  border: 2px solid #111;
  border-left-width: 8px;
  border-radius: 12px;
  background: #fff;
  color: #111;
}
.home-announcement b { display: block; font-size: 16px; margin-bottom: 5px; }
.home-announcement p { margin: 0; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.owner-home-editor { margin: 20px 0; }
.owner-home-editor .settings-card { max-width: 820px; }
#homeHeroTitle { white-space: pre-line; }
.message-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.message-action, .chat-mod-action {
  display: inline-block;
  border: 1px solid #111;
  border-radius: 6px;
  background: #fff;
  color: #111;
  min-height: 32px;
  padding: 5px 9px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.message-action:hover, .chat-mod-action:hover { background: #111; color: #fff; }
.profile-name { border: 0; padding: 0; background: transparent; color: #111; font: inherit; font-weight: 800; text-decoration: underline; cursor: pointer; }
.avatar-image { display: inline-block; object-fit: cover; border-radius: 50%; background: #eee; border: 1px solid #111; }
.avatar img.avatar-image { width: 100%; height: 100%; }
.reply-quote { display: block; margin: 4px 0 8px; padding: 7px 10px; border-left: 4px solid #111; background: #f2f2f2; color: #222; }
.reply-quote b { display: block; font-size: 12px; margin-bottom: 3px; }
.reply-quote span { display: block; font-size: 13px; overflow-wrap: anywhere; }
.deleted-message { font-style: italic; color: #555 !important; }
.message-deleted { opacity: .9; }
.report-composer { margin: 0 0 14px; padding: 16px; border: 2px solid #111; border-radius: 10px; background: #fff; color: #111; }
.report-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.report-panel-head h3 { margin: 0; }
.reply-composer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-top: 1px solid #999; background: #f2f2f2; color: #111; }
.reply-composer b, .reply-composer small { display: block; overflow-wrap: anywhere; }
.reply-composer small { font-size: 12px; margin-top: 2px; }
.profile-page-card { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 18px; padding: 20px; border: 1px solid #bbb; border-radius: 14px; background: #fff; color: #111; }
.profile-large-avatar { flex: 0 0 100px; width: 100px; height: 100px; border: 2px solid #111; background: #f0f0f0; color: #111; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 800; overflow: hidden; }
.profile-large-photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.profile-view-info { min-width: 0; flex: 1; }
.profile-view-info h3 { margin: 0 0 8px; overflow-wrap: anywhere; }
.profile-view-info p { overflow-wrap: anywhere; white-space: pre-wrap; }
.profile-joined { margin-top: 10px; font-size: 13px; }
.profile-edit-card { max-width: 820px; }
.member-card-button { width: 100%; text-align: left; display: flex; align-items: center; gap: 12px; color: #111; cursor: pointer; }
.member-card-button:focus, .profile-name:focus, .message-action:focus, .chat-mod-action:focus { outline: 3px solid #777; outline-offset: 2px; }
.member-card-button .member-info { min-width: 0; flex: 1; }
.reports-list { display: grid; gap: 12px; }
.report-card { padding: 14px; border: 1px solid #ccc; border-radius: 10px; background: #fff; color: #111; overflow-wrap: anywhere; }
.report-card p { line-height: 1.5; margin: 8px 0; }
.report-card blockquote { margin: 8px 0; padding: 9px 12px; border-left: 4px solid #444; background: #f3f3f3; white-space: pre-wrap; }
.report-card-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.report-status { display: inline-block; border: 1px solid #111; border-radius: 5px; padding: 3px 7px; color: #111; font-size: 11px; font-weight: 800; }
.report-status.reviewed { background: #e8e8e8; }
.report-status.open { background: #fff; }
#banForm select { min-height: 48px; width: 100%; border: 2px solid #111; background: #fff; color: #111; padding: 10px; font: inherit; }
#profilePicture { min-height: 50px; width: 100%; border: 2px solid #111; background: #fff; color: #111; padding: 10px; }
#profileViewBadges { display: flex; flex-wrap: wrap; gap: 5px; }
@media (max-width: 680px) {
  .profile-page-card { display: block; }
  .profile-large-avatar { margin-bottom: 14px; }
  .report-panel-head { align-items: flex-start; }
}
body.kindle #view-community .message-actions button,
body.kindle #view-reports button,
body.kindle #view-profile button,
body.kindle #view-home button { min-height: 42px; }
body.kindle #view-reports input,
body.kindle #view-reports textarea,
body.kindle #view-profile input,
body.kindle #view-profile textarea,
body.kindle #view-home input,
body.kindle #view-home textarea { font-size: 16px !important; }

/* V11 chat readability controls and permanent-ban option. */
.chat-tools { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin:0 0 10px; padding:9px 0; color:var(--text); }
.chat-tools > span { margin-right:auto; font-size:12px; font-weight:700; }
.chat-tools strong { min-width:46px; text-align:center; font-size:12px; }
.chat-tools .secondary-btn { min-height:38px; padding:7px 11px; }
body.kindle .chat-tools { color:#111; border:1px solid #111; background:#fff; padding:8px; gap:7px; }
body.kindle .chat-tools > span { font-size:14px; }
body.kindle .chat-tools .secondary-btn { border:2px solid #111 !important; border-radius:3px; background:#fff !important; color:#111 !important; min-height:46px; min-width:48px; font-size:17px; }
.permanent-ban-toggle { display:flex; flex-direction:row; gap:10px; align-items:center; border:1px solid #777; border-radius:6px; padding:10px; line-height:1.4; }
.permanent-ban-toggle input[type="checkbox"] { appearance:auto; width:22px !important; min-width:22px !important; height:22px; min-height:22px; margin:0; accent-color:#111; }
body.kindle .permanent-ban-toggle { color:#111; background:#fff; border:2px solid #111; font-size:15px; }
body.kindle .permanent-ban-toggle input[type="checkbox"] { width:24px !important; height:24px; min-height:24px; }

/* NEXORA V12: hierarchy, community boards, points shop, pixel-art, sandboxed apps */
.role-badge.developer{background:#e4eefc;color:#1f477e;border:1px solid #8db0e5}
.role-badge.headmod{background:#fff0d9;color:#744800;border:1px solid #d8a95d}
.role-badge.vip{background:#f8e9f4;color:#772a63;border:1px solid #d59abe}
.hierarchy-card{margin:8px 0 18px}
.hierarchy-chart{display:grid;gap:10px;max-width:680px;margin:18px auto 0;text-align:center}
.hierarchy-level{padding:13px 16px;border:2px solid #777;border-radius:12px;display:grid;gap:4px;background:#fafafa;color:#111}
.hierarchy-level b{letter-spacing:1px;font-size:13px}
.hierarchy-level span{font-size:11px;color:#444}
.owner-level{border-color:#222;background:#111;color:#fff}
.owner-level span{color:#eee}
.hierarchy-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;padding-top:10px}
.hierarchy-branches:before{content:"";position:absolute;top:0;left:25%;right:25%;border-top:2px solid #888}
.developer-level{border-color:#6c94c7;background:#edf4ff}
.headmod-level{border-color:#d6a24d;background:#fff5e3}
.mod-level{border-color:#579b78;background:#edf8f1}
.vip-level{border-color:#c080ae;background:#fff0fa}
.hierarchy-note{font-size:11px;line-height:1.6;margin-top:4px}
.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.shop-item{display:flex;flex-direction:column;align-items:flex-start;gap:9px;border:1px solid var(--border);border-radius:14px;padding:18px;background:var(--panel)}
.shop-item-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--border);background:#f1f1f1;color:#111;font-size:21px}
.shop-item h3{margin:0;font-size:14px}
.shop-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.6;flex:1}
.shop-item b{font-size:12px}
.shop-item button{margin-top:4px;min-width:94px}
.shop-item button:disabled{opacity:.55;cursor:default}
.pixel-art-tools{display:grid;gap:10px;margin:12px 0 18px}
.pixel-art-tools label{font-size:11px;font-weight:700}
#pixelPalette{max-width:260px;border:1px solid #999;border-radius:8px;padding:10px;background:#fff;color:#111}
#pixelCanvas{display:block;width:256px;height:256px;max-width:100%;aspect-ratio:1/1;image-rendering:pixelated;border:2px solid #555;background:#fff;cursor:crosshair;touch-action:manipulation}
.app-preview{margin-top:16px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}
.developer-app-frame{display:block;width:100%;height:320px;border:0;background:#fff}
.neighborhood-post-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.chat-mod-action{font-size:10px;border:1px solid #777;border-radius:7px;padding:5px 8px;background:#fff;color:#111}
.role-badge.custom-title{max-width:180px;overflow:hidden;text-overflow:ellipsis}
body.kindle .hierarchy-level,body.kindle .shop-item,body.kindle .app-preview{background:#fff;color:#111;border-color:#555}
body.kindle .hierarchy-level span,body.kindle .shop-item p{color:#222}
body.kindle .developer-level,body.kindle .headmod-level,body.kindle .mod-level,body.kindle .vip-level{background:#f6f6f6;border-color:#555}
body.kindle .owner-level{background:#111;color:#fff}
body.kindle .shop-item-icon{background:#eee;color:#111}
body.kindle .chat-mod-action{background:#fff;color:#111;border-color:#555}
@media(max-width:850px){.shop-grid{grid-template-columns:1fr}.hierarchy-branches{grid-template-columns:1fr}.hierarchy-branches:before{display:none}.hierarchy-branches{padding-top:0}}
@media(max-width:600px){#pixelCanvas{width:208px;height:208px}.shop-item{padding:15px}.hierarchy-level{padding:11px}}


/* V13 credential autofill suppression for browsers that ignore autocomplete=off. */
.credential-decoy { position: absolute !important; left: -10000px !important; top: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }
.avatar-image, .profile-large-photo, .profile-large-avatar img { image-rendering: pixelated; image-rendering: crisp-edges; }

/* Nexora V14: profile-gradient cosmetics */
.gradient-preview{height:42px;width:100%;border:0!important;border-radius:11px;background:#ddd}
.gradient-sunset{background:linear-gradient(135deg,#ff8a3d,#f04f91)}
.gradient-ocean{background:linear-gradient(135deg,#237bff,#31d6c5)}
.gradient-aurora{background:linear-gradient(135deg,#50e3a4,#8c55e8)}
.gradient-royal{background:linear-gradient(135deg,#6c48d9,#f2c14e)}

/* Nexora V15 role badges: visible, readable on Kindle/e-ink screens. */
.role-badge.helper,.role-badge.creator,.role-badge.beta-tester{display:inline-block;border:1px solid #333;background:#f1f1ed;color:#111;padding:2px 6px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.2px}
#view-betas .feature-grid{align-items:stretch}#view-betas .settings-card{margin:6px 0}
#view-helper li{margin:8px 0;line-height:1.5}
#raceCanvas{max-width:100%;height:auto;touch-action:manipulation}