/* Darfeel V12 — Focus. Moins d'UI, plus de contenu. */
:root{--f-bg:#020810;--f-card:#07111c;--f-card2:#0a1622;--f-line:rgba(255,255,255,.095);--f-text:#f6f8fb;--f-muted:#8392a5;--f-cyan:#39ccff;--f-pink:#f1459d;--f-violet:#8758ff}
body.ui120-active{background:#020810;color:var(--f-text)}
.ui120-active .beta-shell{max-width:720px;padding:0 12px 104px}
.ui120-active .beta-head{position:sticky;top:0;z-index:90;margin:0 -12px;padding:10px 14px;height:60px;display:flex;align-items:center;border-bottom:1px solid var(--f-line);background:rgba(2,8,16,.94);backdrop-filter:blur(22px)}
.ui120-active .beta-head .brand{font:850 27px/1 system-ui;letter-spacing:-.055em;color:#fff;display:flex;align-items:center;gap:8px}.ui120-active .beta-head .brand .mark{display:none}.ui120-active .beta-head .brand img{width:28px;height:28px;border-radius:9px}.ui120-active .beta-head>.pill{display:none}
.ui120-head-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.ui120-head-actions button{border:0;background:#ffffff08;color:#eef5fb;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:16px}.ui120-head-actions .avatar{font-size:12px;font-weight:900;background:linear-gradient(145deg,#25c8ff,#8b59ff,#f14b9e)}
.ui120-active .beta-nav{display:none!important}.ui120-active #v104-floating{display:none!important}
.ui120-nav{position:fixed;z-index:95;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));height:68px;border:1px solid var(--f-line);border-radius:23px;background:rgba(4,11,19,.96);box-shadow:0 18px 60px #000b;backdrop-filter:blur(22px);display:grid;grid-template-columns:repeat(5,1fr);padding:6px}
.ui120-nav button{border:0;background:none;color:#75879c;border-radius:16px;font-size:9px;font-weight:760;display:grid;place-items:center;align-content:center;gap:4px;padding:4px}.ui120-nav button i{font-style:normal;font-size:19px;line-height:1}.ui120-nav button.active{color:#57d6ff;background:#ffffff07}
.ui120-feed{min-height:100vh}.ui120-feedbar{position:sticky;top:60px;z-index:75;margin:0 -12px;padding:7px 12px 8px;background:rgba(2,8,16,.92);backdrop-filter:blur(18px);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.045)}
.ui120-modes{display:flex;gap:22px;overflow:auto}.ui120-modes button{border:0;background:none;color:#78899e;padding:8px 0;font-size:12px;font-weight:800;border-bottom:2px solid transparent;white-space:nowrap}.ui120-modes button.active{color:#fff;border-color:var(--f-cyan)}.ui120-create{margin-left:auto;width:34px;height:34px;border-radius:12px;border:0;background:linear-gradient(145deg,#28c7ff,#805bff);color:white;font-size:21px;display:grid;place-items:center}
.ui120-stream{display:grid;gap:12px;padding:12px 0 4px;scroll-snap-type:y proximity}.ui120-card{position:relative;overflow:hidden;border:1px solid var(--f-line);border-radius:24px;background:linear-gradient(160deg,#0a1622,#06101a);scroll-snap-align:start;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.ui120-post{min-height:360px;padding:18px;display:flex;flex-direction:column}.ui120-post-head{display:flex;align-items:center;gap:10px}.ui120-avatar{width:38px;height:38px;border-radius:14px;background:linear-gradient(145deg,#2cc8ff,#885aff,#f34b99);display:grid;place-items:center;font-weight:900}.ui120-post-meta b{display:block;font-size:13px}.ui120-post-meta small{color:var(--f-muted);font-size:9px}.ui120-tag{margin-left:auto;border:1px solid var(--f-line);border-radius:999px;padding:5px 8px;color:#a3b2c2;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.ui120-post-body{font:500 clamp(24px,7vw,35px)/1.22 system-ui;letter-spacing:-.045em;margin:auto 0;padding:28px 4px 26px;white-space:pre-wrap;overflow-wrap:anywhere}.ui120-media{margin:0 -18px 15px;min-height:230px;background:#02070c;overflow:hidden}.ui120-media img,.ui120-media video{display:block;width:100%;max-height:520px;object-fit:cover}.ui120-media video{background:#000}.ui120-actions{display:flex;gap:8px;align-items:center;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.ui120-actions button{border:0;background:none;color:#adbbc8;font-size:12px;padding:7px 9px;border-radius:10px}.ui120-actions button:first-child{font-size:17px}.ui120-actions .liked{color:#ff5aa8}.ui120-actions .more{margin-left:auto}
.ui120-editorial{min-height:520px;display:flex;align-items:flex-end}.ui120-editorial>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ui120-editorial:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,4,9,.14) 35%,rgba(0,6,12,.94) 88%)}.ui120-editorial-copy{position:relative;z-index:1;padding:22px;width:100%}.ui120-editorial-copy>span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#57d6ff}.ui120-editorial-copy h2{font:800 clamp(27px,7vw,39px)/1.04 system-ui;letter-spacing:-.045em;margin:8px 0 10px;text-shadow:0 4px 25px #000}.ui120-editorial-copy p{margin:0;color:#c3ced9;font-size:10px}.ui120-editorial-actions{display:flex;gap:8px;margin-top:15px}.ui120-editorial-actions button,.ui120-editorial-actions a{border:1px solid var(--f-line);background:#ffffff0d;color:white;text-decoration:none;border-radius:12px;padding:9px 11px;font-size:10px}.ui120-editorial-actions button{background:#fff;color:#07101a;font-weight:850}
.ui120-game-promo{min-height:260px;padding:22px;background:radial-gradient(circle at 100% 0,rgba(123,81,255,.31),transparent 45%),radial-gradient(circle at 0 100%,rgba(35,200,255,.19),transparent 42%),#08121d;display:flex;flex-direction:column;justify-content:flex-end}.ui120-game-promo span{font-size:8px;letter-spacing:.16em;color:#5edaff;font-weight:900}.ui120-game-promo h2{font-size:31px;line-height:1.02;letter-spacing:-.05em;margin:8px 0}.ui120-game-promo p{font-size:11px;color:#9eafc0;max-width:390px}.ui120-game-promo button{width:max-content;border:0;border-radius:13px;background:#fff;color:#07101a;font-weight:850;padding:10px 14px}
.ui120-empty{padding:40px 22px;text-align:center;color:var(--f-muted)}
/* Games hub: only four clear choices. */
.ui120-games{padding-top:10px}.ui120-games-head{padding:14px 4px 18px}.ui120-games-head span{font-size:8px;letter-spacing:.15em;color:#50d5ff;font-weight:900}.ui120-games-head h1{font-size:39px;line-height:.98;letter-spacing:-.06em;margin:8px 0}.ui120-games-head p{color:var(--f-muted);font-size:11px;max-width:430px}.ui120-game-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ui120-game-card{min-height:178px;border:1px solid var(--f-line);border-radius:23px;background:linear-gradient(150deg,#0d1b28,#07121d);color:#fff;text-align:left;padding:17px;display:flex;flex-direction:column;justify-content:space-between}.ui120-game-card:nth-child(2){background:linear-gradient(150deg,#1a1430,#0b1021)}.ui120-game-card:nth-child(3){background:linear-gradient(150deg,#0e2928,#071719)}.ui120-game-card:nth-child(4){background:linear-gradient(150deg,#291821,#140b12)}.ui120-game-card i{font-style:normal;font-size:31px}.ui120-game-card b{font-size:19px}.ui120-game-card small{display:block;color:#93a4b5;font-size:9px;margin-top:3px}.ui120-online{margin-top:12px;padding:15px 17px;border:1px solid var(--f-line);border-radius:19px;background:#ffffff04;display:flex;align-items:center;gap:12px}.ui120-online i{font-style:normal;font-size:21px}.ui120-online b{font-size:12px}.ui120-online small{display:block;color:var(--f-muted);font-size:9px;margin-top:2px}
/* Game modal */
.ui120-game-modal{max-width:520px;margin:auto}.ui120-game-modal h2{font-size:27px;margin:5px 0 7px}.ui120-game-modal .hint{color:var(--f-muted);font-size:10px;margin-bottom:15px}.ui120-game-tools{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.ui120-game-tools button,.ui120-controls button{border:1px solid var(--f-line);background:#ffffff09;color:#fff;border-radius:12px;padding:9px 11px}.ui120-status{font-size:11px;color:#bdd0df}.ui120-ttt{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ui120-ttt button{aspect-ratio:1;border:1px solid var(--f-line);border-radius:17px;background:#07131f;color:#fff;font-size:42px;font-weight:800}.ui120-tetris{display:grid;grid-template-columns:repeat(10,1fr);gap:1px;background:#010408;padding:4px;border-radius:12px;max-width:300px;margin:auto}.ui120-tetris i{aspect-ratio:1;background:#0a1420;border-radius:2px}.ui120-tetris i.on{background:linear-gradient(145deg,#3bd0ff,#805cff);box-shadow:inset 0 0 0 1px #ffffff22}.ui120-controls{display:flex;gap:7px;justify-content:center;margin-top:12px}.ui120-controls button{font-size:18px;min-width:48px}.ui120-riddle{min-height:220px;border:1px solid var(--f-line);border-radius:20px;padding:22px;background:#081521;display:flex;flex-direction:column;justify-content:center}.ui120-riddle b{font-size:24px;line-height:1.18}.ui120-riddle p{color:#67dbff;font-size:15px}.ui120-checkers{display:grid;grid-template-columns:repeat(8,1fr);max-width:400px;margin:auto;border-radius:10px;overflow:hidden;border:1px solid #ffffff10}.ui120-checkers button{aspect-ratio:1;border:0;padding:0;display:grid;place-items:center;background:#d3b28c}.ui120-checkers button.dark{background:#60462f}.ui120-piece{width:72%;height:72%;border-radius:50%;box-shadow:inset 0 2px 0 #ffffff33,0 3px 7px #0006}.ui120-piece.red{background:#ef4d79}.ui120-piece.black{background:#152332;border:2px solid #63819a}.ui120-piece.king:after{content:'★';display:grid;place-items:center;height:100%;font-size:12px;color:#ffd36a}.ui120-checkers button.sel{outline:3px solid #56d8ff;outline-offset:-3px}
@media(max-width:520px){.ui120-active .beta-shell{padding-left:10px;padding-right:10px}.ui120-active .beta-head{margin-left:-10px;margin-right:-10px}.ui120-feedbar{margin-left:-10px;margin-right:-10px}.ui120-post{min-height:330px}.ui120-editorial{min-height:470px}.ui120-game-card{min-height:160px}.ui120-nav{left:7px;right:7px}.ui120-post-body{font-size:28px}}
@media(min-width:760px){.ui120-active .beta-shell{max-width:780px}.ui120-stream{gap:16px}.ui120-editorial{min-height:610px}.ui120-post{min-height:430px}.ui120-game-grid{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}