:root{--red:#d43b27;--red-dark:#aa291d;--sun:#f4ad20;--ochre:#d8871f;--cream:#f4ead5;--paper:#fff6e3;--ink:#161311;--green:#405d35;--blue:#1f568d;--magenta:#b62f69;--shadow:0 16px 38px rgba(54,31,17,.22);--serif:Georgia,'Times New Roman',serif;--sans:'Trebuchet MS','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{background:#aa7048;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 10% 5%,#efb04b 0 2%,transparent 18%),linear-gradient(135deg,#9b5b33,#d09558 38%,#8b4a2c 100%);background-attachment:fixed}button,input{font:inherit}button{cursor:pointer;color:inherit}.hidden{display:none!important}.grain{position:fixed;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:multiply;z-index:20;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.app-frame{width:min(1180px,100%);min-height:100vh;margin:auto;background:var(--cream);box-shadow:0 0 90px rgba(34,17,7,.32);position:relative;overflow:hidden}.app-header{position:sticky;top:0;z-index:18;height:74px;padding:8px clamp(12px,3vw,30px);display:flex;align-items:center;justify-content:space-between;background:rgba(244,234,213,.94);backdrop-filter:blur(11px);border-bottom:4px solid #111}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:0}.brand-type{display:flex;align-items:center;font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.55rem);letter-spacing:-.07em}.brand-type strong{font-weight:900}.brand-type span{font-family:var(--sans);font-weight:1000;font-style:italic;color:#fff;background:var(--red);padding:3px 8px 4px;margin-left:3px;transform:rotate(-4deg);clip-path:polygon(4% 7%,94% 0,100% 86%,89% 100%,0 91%)}.sun-logo,.poster-sun{width:34px;height:34px;border-radius:50%;background:var(--sun);display:inline-flex;align-items:center;justify-content:center;gap:5px;position:relative;box-shadow:0 0 0 3px rgba(255,255,255,.75)}.sun-logo:before,.poster-sun:before{content:"";position:absolute;inset:-9px;background:repeating-conic-gradient(from 0deg,#e99a0f 0 5deg,transparent 5deg 18deg);z-index:-1;border-radius:50%}.sun-logo b,.poster-sun b{font-size:11px;line-height:1}.sun-logo em,.poster-sun em{position:absolute;width:14px;height:7px;border-bottom:2px solid #111;border-radius:0 0 20px 20px;bottom:7px}.header-actions{display:flex;gap:8px}.header-chip{border:2px solid #111;background:var(--paper);padding:7px 11px;font-weight:900;box-shadow:3px 3px 0 #111}.header-chip.active{background:var(--sun)}main{padding:clamp(14px,3vw,32px) clamp(12px,3vw,30px) 92px;outline:none}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(1180px,100%);z-index:19;background:#111;color:#f9efd9;display:grid;grid-template-columns:repeat(4,1fr);border-top:4px solid var(--red);padding-bottom:max(7px,env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:transparent;color:inherit;padding:10px 4px 8px;display:grid;gap:2px;place-items:center;font-weight:900;font-size:.73rem;text-transform:uppercase;letter-spacing:.03em}.bottom-nav .nav-icon{font-size:1.45rem}.bottom-nav button.active{background:var(--red);color:#fff}.toast{position:fixed;z-index:50;left:50%;bottom:88px;transform:translate(-50%,18px);background:#111;color:#fff;padding:11px 16px;border:3px solid var(--sun);opacity:0;pointer-events:none;transition:.18s;box-shadow:5px 5px 0 var(--red)}.toast.show{opacity:1;transform:translate(-50%,0)}
.poster-brand{text-align:center;margin:4px auto 22px;max-width:720px;position:relative}.poster-brand-line{display:flex;align-items:center;justify-content:center;gap:12px}.poster-brand .poster-sun{position:relative;width:68px;height:68px;flex:0 0 auto}.poster-brand .poster-sun b{font-size:15px}.poster-brand .poster-sun em{bottom:15px;width:22px;height:10px;border-bottom-width:3px}.poster-logo{display:inline-flex;align-items:center;font-family:var(--serif);font-size:clamp(2.7rem,8vw,5.2rem);letter-spacing:-.08em}.poster-logo strong{font-weight:900}.poster-logo span{font-family:var(--sans);font-size:.72em;font-style:italic;font-weight:1000;color:#fff;background:var(--red);padding:.03em .22em .12em;margin-left:.05em;transform:rotate(-4deg);clip-path:polygon(5% 5%,95% 0,100% 85%,86% 100%,0 90%)}.ink-strip{display:inline-block;background:#111;color:#fff;padding:8px 18px;transform:rotate(-1deg);font-weight:900;text-transform:uppercase;letter-spacing:.06em;box-shadow:5px 5px 0 var(--sun)}.paper-note{background:var(--paper);border:2px solid rgba(67,49,30,.18);box-shadow:var(--shadow);padding:18px 20px;position:relative}.paper-note:before,.paper-note:after{content:"";position:absolute;width:70px;height:15px;background:rgba(229,190,114,.55);top:-7px}.paper-note:before{left:8%;transform:rotate(-4deg)}.paper-note:after{right:8%;transform:rotate(5deg)}.home-intro{max-width:720px;margin:0 auto 18px;transform:rotate(-.4deg)}.home-intro b{font-family:var(--serif);font-size:clamp(1.5rem,4vw,2.2rem)}.home-intro p{margin:6px 0 0;color:#5c5145;line-height:1.45}.theme-mosaic{display:grid;grid-template-columns:1.22fr .78fr;grid-template-areas:'market football' 'market culture' 'cafe cafe';gap:14px;max-width:900px;margin:auto}.theme-card{position:relative;overflow:hidden;border:0;padding:0;background:var(--paper);box-shadow:var(--shadow);text-align:left;clip-path:polygon(1% 1%,99% 0,100% 97%,97% 100%,1% 99%,0 4%)}button.theme-card{transition:.17s transform}.theme-card:hover{transform:translateY(-4px) rotate(-.4deg)}.market-card{grid-area:market}.football-card{grid-area:football}.culture-card{grid-area:culture}.cafe-card{grid-area:cafe;display:grid;grid-template-columns:1.1fr .9fr}.theme-art{min-height:190px;background-position:center;background-size:cover;border-bottom:5px solid #111}.market-card .theme-art{min-height:430px;background-image:linear-gradient(0deg,rgba(0,0,0,.04),rgba(0,0,0,.04)),url('assets/market-card.jpg')}.football-card .theme-art{background-image:url('assets/football-card.jpg')}.culture-card .theme-art{background-image:url('assets/culture-card.jpg')}.cafe-card .theme-art{background-image:url('assets/cafe-card.jpg');border-bottom:0;border-right:5px solid #111}.theme-caption{padding:14px 16px 16px;display:flex;align-items:end;justify-content:space-between;gap:10px;background:var(--paper)}.theme-caption h2{font-family:var(--serif);font-size:clamp(1.25rem,3vw,2rem);margin:0;line-height:1}.theme-caption p{margin:5px 0 0;font-weight:700;color:#685d50}.theme-caption .arrow{font-size:2rem}.corner-label{position:absolute;z-index:3;top:11px;right:10px;background:var(--sun);padding:5px 9px;font-weight:1000;transform:rotate(2deg);box-shadow:3px 3px 0 #111}.corner-label.black{background:#111;color:#fff}.future{filter:saturate(.9)}.home-actions{max-width:900px;margin:18px auto;display:grid;grid-template-columns:auto 1fr;gap:12px}.black-paper,.red-paper,.cream-paper{border:0;padding:12px 16px;font-weight:1000;box-shadow:4px 4px 0 #111;clip-path:polygon(2% 3%,98% 0,100% 92%,96% 100%,0 96%)}.black-paper{background:#111;color:#fff}.red-paper{background:var(--red);color:#fff}.cream-paper{background:var(--paper)}.search-paper{display:flex;align-items:center;gap:10px;background:var(--paper);border:2px solid #c8b898;box-shadow:3px 3px 0 rgba(0,0,0,.14);padding:10px 12px}.search-paper span{font-size:1.3rem}.search-paper input{border:0;outline:0;background:transparent;width:100%;font-weight:800}.search-paper.wide{width:100%}.mini-result-head{font-weight:900;margin:18px 0 8px}.market-hero{display:grid;grid-template-columns:1.2fr .8fr;min-height:360px;position:relative;background:var(--red);box-shadow:var(--shadow);clip-path:polygon(0 2%,98% 0,100% 96%,97% 100%,1% 98%);overflow:hidden}.market-photo{background:url('assets/market-hero.jpg') center/cover no-repeat;min-height:360px}.market-title-card{background:linear-gradient(145deg,#d63d29,#aa271e);color:#fff;padding:clamp(24px,5vw,54px);display:flex;flex-direction:column;justify-content:center}.yellow-tag,.black-tag{display:inline-block;width:max-content;padding:6px 10px;font-size:.78rem;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;transform:rotate(-1.8deg);box-shadow:3px 3px 0 rgba(0,0,0,.28)}.yellow-tag{background:var(--sun);color:#111}.black-tag{background:#111;color:#fff}.market-title-card h1{font-family:var(--serif);font-size:clamp(2.5rem,7vw,5.2rem);line-height:.9;margin:.16em 0 .22em;letter-spacing:-.05em}.market-title-card p{font-weight:800;line-height:1.45;max-width:420px}.market-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.market-sticker{position:absolute;left:22px;bottom:20px;background:#111;color:#fff;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:var(--serif);font-size:1.8rem;line-height:.7;box-shadow:5px 5px 0 var(--sun);transform:rotate(-7deg)}.market-sticker small{font-family:var(--sans);font-size:.65rem;text-transform:uppercase}.market-controls{margin:18px 0 14px}.chips{display:flex;gap:8px;overflow:auto;padding:12px 2px 4px;scrollbar-width:thin}.chip{flex:0 0 auto;border:2px solid #111;background:var(--paper);padding:8px 12px;font-weight:900;box-shadow:2px 2px 0 #111}.chip.active{background:#111;color:#fff;transform:rotate(-1deg)}.section-line{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:25px 0 12px}.section-line p{margin:5px 0 0;color:#665a4b}.section-line strong{background:#111;color:#fff;border-radius:50%;min-width:48px;height:48px;display:grid;place-items:center;font-family:var(--serif);font-size:1.25rem}.red-stroke{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;position:relative}.red-stroke:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:6px;background:var(--red);transform:rotate(-1deg)}.word-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.word-grid.compact{grid-template-columns:repeat(4,1fr);max-width:900px;margin:auto}.word-tile{background:var(--paper);border:0;box-shadow:var(--shadow);position:relative;overflow:hidden;clip-path:polygon(1% 2%,98% 0,100% 96%,96% 100%,1% 98%,0 4%);transition:.16s transform}.word-tile:nth-child(4n+1){rotate:-.35deg}.word-tile:nth-child(4n+2){rotate:.25deg}.word-tile:nth-child(4n+3){rotate:-.15deg}.word-tile:hover{transform:translateY(-3px) rotate(-.5deg);z-index:2}.tile-art{height:125px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#f2b02b,#df7c1d);isolation:isolate}.tile-art:before{content:"";position:absolute;inset:0;opacity:.28;z-index:-1;background-image:radial-gradient(#000 1px,transparent 1px);background-size:7px 7px}.word-tile.fruit .tile-art{background-image:linear-gradient(rgba(227,132,21,.28),rgba(205,72,34,.28)),url('assets/market-card.jpg');background-size:cover;background-position:center}.word-tile.veg .tile-art{background:linear-gradient(135deg,rgba(42,92,46,.96),rgba(112,147,73,.94)),repeating-linear-gradient(25deg,transparent 0 18px,rgba(255,255,255,.18) 18px 21px)}.word-tile.meat .tile-art{background:linear-gradient(145deg,#c85b4d,#8f2927);background-image:linear-gradient(145deg,rgba(200,91,77,.94),rgba(143,41,39,.94)),repeating-linear-gradient(-20deg,transparent 0 24px,rgba(255,226,204,.18) 24px 29px)}.word-tile.fish .tile-art{background-color:#2e6d93;background-image:linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.18) 75%),linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.18) 75%);background-size:28px 28px;background-position:0 0,14px 14px}.word-tile.cheese .tile-art{background:#e4ad33;background-image:radial-gradient(circle at 18% 30%,rgba(104,64,13,.28) 0 7px,transparent 8px),radial-gradient(circle at 72% 68%,rgba(104,64,13,.22) 0 6px,transparent 7px)}.word-tile.bread .tile-art{background:repeating-linear-gradient(110deg,#c88a50 0 22px,#dca56b 22px 42px,#b87743 42px 48px)}.word-tile.beans .tile-art{background:#9e6e43;background-image:radial-gradient(ellipse at 25% 30%,rgba(244,214,168,.25) 0 10px,transparent 11px),radial-gradient(ellipse at 70% 65%,rgba(244,214,168,.22) 0 9px,transparent 10px)}.word-tile.other .tile-art{background:linear-gradient(135deg,#779157,#455f3a);background-image:linear-gradient(135deg,rgba(119,145,87,.92),rgba(69,95,58,.92)),repeating-radial-gradient(circle at 15% 20%,transparent 0 12px,rgba(255,255,255,.12) 13px 14px)}.word-tile.shop .tile-art{background:linear-gradient(145deg,#df513b,#af291f);background-image:linear-gradient(145deg,rgba(223,81,59,.94),rgba(175,41,31,.94)),repeating-linear-gradient(0deg,transparent 0 14px,rgba(255,239,222,.18) 14px 16px)}.paper-icon{width:82px;height:82px;filter:drop-shadow(4px 5px 0 rgba(0,0,0,.18));transform:rotate(-4deg);background:rgba(255,246,227,.88);border-radius:50%;padding:8px;border:2px solid rgba(17,17,17,.55)}.paper-icon svg{width:100%;height:100%}.heart{position:absolute;right:9px;top:9px;width:34px;height:34px;border-radius:50%;border:2px solid #111;background:var(--paper);font-size:1.1rem;font-weight:900}.heart.on{background:var(--red);color:#fff}.tile-copy{padding:10px 12px 13px;border-top:4px solid #111;position:relative}.tile-copy small{font-size:.68rem;color:#6c6256;font-weight:900}.tile-copy h3{font-family:var(--serif);font-size:1.05rem;line-height:1.05;margin:4px 26px 0 0}.tile-arrow{position:absolute;right:10px;bottom:9px;font-size:1.45rem}.empty-note{background:var(--paper);border:2px dashed #9f8e75;padding:24px;text-align:center;font-weight:900}.word-screen{max-width:860px;margin:auto}.back-paper{border:0;background:#111;color:#fff;padding:9px 13px;font-weight:900;box-shadow:3px 3px 0 var(--sun);margin-bottom:14px}.word-poster{background:var(--paper);padding:clamp(16px,3vw,30px);box-shadow:var(--shadow);clip-path:polygon(1% 1%,99% 0,100% 98%,97% 100%,0 98%);position:relative}.word-meta{display:flex;justify-content:space-between;align-items:center}.index-tag{background:#fff;border:2px solid #c9b99f;padding:6px 10px;font-weight:900;transform:rotate(2deg)}.word-title-row{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:18px 0 10px}.word-title-row small{font-weight:900;color:#766a5c}.word-title-row h1{font-family:var(--serif);font-size:clamp(2.8rem,9vw,6rem);line-height:.88;margin:4px 0;letter-spacing:-.06em;position:relative}.word-title-row h1:after{content:"";position:absolute;left:4%;right:10%;bottom:-7px;height:7px;background:var(--red);transform:rotate(-1.4deg)}.audio-button{border:0;background:var(--red);color:#fff;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:5px 5px 0 #111}.audio-button span{font-size:.55rem}.word-image{height:clamp(280px,48vw,520px);background:linear-gradient(135deg,#d49133,#ce4c2f);position:relative;overflow:hidden;border:7px solid #111;box-shadow:8px 8px 0 var(--sun);display:grid;place-items:center}.word-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 60px rgba(0,0,0,.14)}.word-image.orange-special{background-size:cover;background-position:center}.art-fallback{width:40%;max-width:220px;filter:drop-shadow(10px 12px 0 rgba(0,0,0,.18))}.art-fallback svg{width:100%;height:auto}.orange-special .art-fallback{display:none}.translation-button{width:100%;margin:18px 0 0;border:0;background:var(--red);color:#fff;padding:15px;font-family:var(--serif);font-size:1.25rem;font-weight:900;box-shadow:5px 5px 0 #111}.translation-card{margin:10px auto 0;max-width:420px;background:var(--sun);border:4px solid #111;padding:13px 16px;text-align:center;transform:rotate(-.8deg)}.translation-card span{display:block;font-size:.72rem;text-transform:uppercase;font-weight:900}.translation-card strong{font-family:var(--serif);font-size:1.8rem}.word-bottom{display:grid;grid-template-columns:90px 1fr 90px;gap:12px;align-items:stretch;margin-top:18px}.round-arrow{border:0;background:#111;color:#fff;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;font-size:2.2rem;box-shadow:4px 4px 0 var(--sun)}.round-arrow small{font-size:.58rem;text-transform:uppercase}.more-note{background:#111;color:#fff;padding:14px 16px;box-shadow:4px 4px 0 var(--red);display:flex;flex-direction:column;justify-content:center}.more-note p{margin:8px 0 0;line-height:1.45}.neutral-note{background:#2f2b27;color:#f2e6cd;box-shadow:4px 4px 0 var(--sun)}.favorite-ribbon{display:block;margin:18px auto 0;border:0;background:var(--paper);border:3px solid #111;padding:9px 15px;font-weight:900;box-shadow:3px 3px 0 #111}.favorite-ribbon.on{background:var(--red);color:#fff}.text-screen,.install-screen{max-width:980px;margin:auto}.expression-grid,.capsule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.expression-card,.capsule-card{background:var(--paper);box-shadow:var(--shadow);padding:20px;clip-path:polygon(1% 1%,99% 0,100% 97%,96% 100%,0 98%)}.expression-card h2,.capsule-card h2{font-family:var(--serif);margin:12px 0;font-size:1.55rem}.small-reveal{border:0;background:var(--red);color:#fff;padding:8px 11px;font-weight:900}.expression-card .fr{background:#f0d8a1;padding:9px 11px}.reply-box{margin-top:13px;background:#111;color:#fff;padding:12px;display:grid;gap:4px}.reply-box span{color:#ead7b8}.ling-note{line-height:1.45;color:#61564a}.keyword-strip{display:inline-block;background:#111;color:#fff;padding:7px 10px;transform:rotate(-1deg);font-weight:900}.capsule-card p{line-height:1.6}.install-screen .poster-brand{margin-bottom:25px}.install-board{max-width:650px;margin:auto;background:var(--paper);padding:26px;box-shadow:var(--shadow);text-align:center;clip-path:polygon(1% 1%,98% 0,100% 98%,96% 100%,0 98%)}.install-board h1{font-family:var(--serif);font-size:clamp(2.2rem,7vw,4.4rem);line-height:.9;margin:.2em 0}.install-board p{line-height:1.55}.fake-qr{width:min(280px,75vw);aspect-ratio:1;margin:18px auto;background:linear-gradient(135deg,#f7ecd7,#ead7b4);border:8px solid #111;box-shadow:8px 8px 0 var(--sun);display:grid;place-items:center;position:relative}.fake-qr:before,.fake-qr:after{content:"";position:absolute;width:58px;height:58px;border:10px solid #111}.fake-qr:before{left:15px;top:15px;border-right:0;border-bottom:0}.fake-qr:after{right:15px;bottom:15px;border-left:0;border-top:0}.fake-qr span{background:var(--paper);padding:12px 14px;font-weight:900;border:3px solid #111;z-index:2}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px auto;max-width:850px}.install-steps>div{background:var(--paper);padding:16px;box-shadow:var(--shadow);border-top:7px solid var(--red)}.install-steps b{display:grid;place-items:center;background:var(--red);color:#fff;border-radius:50%;width:34px;height:34px}.install-steps h3{font-family:var(--serif);margin:9px 0 4px}.install-steps p{margin:0;color:#65594a;line-height:1.4}
@media(min-width:900px){.app-frame{border-left:12px solid #111;border-right:12px solid #111}.bottom-nav{width:min(1156px,calc(100% - 24px))}.home-screen{padding-top:10px}.theme-mosaic{grid-template-columns:1.15fr .85fr .85fr;grid-template-areas:'market football culture' 'market cafe cafe'}.market-card .theme-art{min-height:500px}.theme-card:not(.market-card) .theme-art{min-height:205px}.word-grid{grid-template-columns:repeat(5,1fr)}.word-grid.compact{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.app-header{display:none}.poster-brand .poster-sun{width:50px;height:50px}.poster-logo{font-size:clamp(2.3rem,13vw,4rem)}.ink-strip{font-size:.72rem}.theme-mosaic{grid-template-columns:1fr 1fr;grid-template-areas:'market market' 'football culture' 'cafe cafe'}.market-card .theme-art{min-height:260px}.cafe-card{grid-template-columns:1fr 1fr}.theme-caption h2{font-size:1.15rem}.home-actions{grid-template-columns:1fr}.market-hero{grid-template-columns:1fr}.market-photo{min-height:260px}.market-title-card{padding:22px}.market-sticker{left:auto;right:18px;bottom:auto;top:220px;width:70px;height:70px;font-size:1.45rem}.word-grid,.word-grid.compact{grid-template-columns:repeat(2,1fr)}.tile-art{height:110px}.word-title-row{align-items:center}.audio-button{width:62px;height:62px}.word-bottom{grid-template-columns:72px 1fr 72px}.expression-grid,.capsule-grid{grid-template-columns:1fr}.install-steps{grid-template-columns:1fr}.section-line{align-items:center}}
@media(max-width:390px){main{padding-left:8px;padding-right:8px}.app-header{height:62px}.brand-type{font-size:1rem}.sun-logo{width:28px;height:28px}.header-chip{padding:6px 8px}.theme-mosaic{gap:8px}.theme-caption{padding:10px}.theme-caption p{font-size:.72rem}.market-photo{min-height:230px}.word-grid{gap:8px}.tile-art{height:95px}.paper-icon{width:66px;height:66px}.tile-copy{padding:8px}.tile-copy h3{font-size:.92rem}.word-poster{padding:12px}.word-bottom{grid-template-columns:62px 1fr 62px;gap:8px}.more-note{padding:10px}.more-note p{font-size:.78rem}.round-arrow{font-size:1.7rem}.bottom-nav button{font-size:.63rem}.bottom-nav .nav-icon{font-size:1.25rem}}

/* === V0.3.1 — accueil aligné sur la référence du 18/08/2026 === */
.home-v031{max-width:1040px;margin:0 auto}.home-v031 .home-top-brand{display:flex;align-items:center;justify-content:center;gap:18px;margin:2px 0 18px;position:relative}.home-brand-button{border:0;background:transparent;padding:0}.home-brand-word{font-family:var(--serif);font-weight:900;font-size:clamp(2.55rem,8vw,4.8rem);letter-spacing:-.075em;color:#cd3a25;text-shadow:0 2px 0 #fff7e8}.home-brand-word span{color:#e2472f;margin-left:.06em}.home-sun-sticker{width:62px;height:62px;border-radius:50%;background:#f3b129;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;box-shadow:0 4px 0 rgba(0,0,0,.14),0 0 0 7px #fff8e9}.home-sun-sticker:before{content:"";position:absolute;inset:-13px;background:repeating-conic-gradient(#e49910 0 6deg,transparent 6deg 17deg);border-radius:50%;z-index:-1}.home-sun-sticker b{font-size:14px}.home-sun-sticker em{position:absolute;bottom:13px;width:24px;height:11px;border-bottom:3px solid #111;border-radius:0 0 22px 22px}
.home-hero-new{position:relative;min-height:500px;overflow:hidden;border-radius:34px 34px 28px 28px;box-shadow:0 18px 38px rgba(64,36,20,.26);isolation:isolate;border:1px solid rgba(70,42,24,.2)}.home-hero-photo{position:absolute;inset:0;background:url('assets/market-hero.jpg') center/cover no-repeat;transform:scale(1.03)}.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,12,10,.82) 0%,rgba(28,18,11,.58) 42%,rgba(20,15,10,.08) 72%),linear-gradient(0deg,rgba(12,9,7,.2),transparent 55%)}.home-hero-copy{position:relative;z-index:3;color:#fff;padding:54px 42px 45px;width:min(58%,560px);display:flex;flex-direction:column;align-items:flex-start}.pilot-ribbon{display:inline-block;background:#db3d26;color:#fff;padding:7px 13px;font-weight:1000;letter-spacing:.05em;box-shadow:4px 4px 0 rgba(0,0,0,.28);transform:rotate(-1deg)}.home-hero-copy h1{font-family:var(--serif);font-size:clamp(3.8rem,9vw,6.7rem);line-height:.76;margin:.17em 0 .22em;letter-spacing:-.07em;text-shadow:0 3px 0 rgba(0,0,0,.34)}.home-hero-copy p{font-size:1.08rem;line-height:1.45;font-weight:800;max-width:420px;text-shadow:0 1px 4px rgba(0,0,0,.7)}.hero-start{border:0;background:linear-gradient(135deg,#ffcb32,#f5a91e);color:#17110d;padding:14px 22px;border-radius:18px;font-family:var(--serif);font-size:1.25rem;font-weight:900;display:flex;align-items:center;gap:28px;box-shadow:0 7px 0 #a7670f;margin-top:4px}.hero-start:active{transform:translateY(3px);box-shadow:0 4px 0 #a7670f}.hero-start span{font-size:2rem;line-height:1}.azulejo-corner{position:absolute;z-index:4;width:92px;height:92px;background-color:#f3ead6;background-image:radial-gradient(circle at 50% 50%,#275c91 0 5px,transparent 6px),conic-gradient(from 45deg at 50% 50%,transparent 0 12.5%,#275c91 0 18%,transparent 0 31%,#275c91 0 36%,transparent 0 62%,#275c91 0 67%,transparent 0);background-size:46px 46px;filter:drop-shadow(4px 5px 2px rgba(0,0,0,.18));transform:rotate(-8deg)}.azulejo-top{left:-26px;top:-26px}.azulejo-bottom{left:-25px;bottom:-23px;transform:rotate(8deg)}.orange-sticker{position:absolute;z-index:5;right:22px;bottom:96px;width:82px;height:82px;background:#ef7623;border:7px solid #fff8e7;border-radius:50%;box-shadow:0 5px 9px rgba(0,0,0,.22);transform:rotate(7deg)}.orange-sticker:before{content:"";position:absolute;width:34px;height:18px;background:#4f813e;border-radius:90% 10% 90% 10%;right:-6px;top:-7px;transform:rotate(-18deg)}.orange-sticker span{position:absolute;inset:13px;border:2px solid rgba(255,220,142,.7);border-radius:50%}.fan-sticker{position:absolute;z-index:5;right:3px;bottom:-8px;width:190px;height:105px;background:repeating-conic-gradient(from 205deg at 50% 100%,#b72626 0 9deg,#df493a 9deg 17deg,#111 17deg 19deg);clip-path:polygon(50% 100%,0 8%,5% 0,95% 0,100% 8%);filter:drop-shadow(0 5px 5px rgba(0,0,0,.3));transform:rotate(5deg)}
.home-search-new{margin:20px 10px 14px;display:flex;align-items:center;gap:12px;background:#fffaf0;border:1px solid #d9cfbd;border-radius:24px;padding:12px 18px;box-shadow:0 5px 15px rgba(70,43,25,.09)}.home-search-new span{font-size:1.7rem;color:#6c655b}.home-search-new input{border:0;background:transparent;outline:0;width:100%;font-size:1rem;color:#27211c}.surprise-new{width:calc(100% - 20px);margin:0 10px 24px;border:0;border-radius:28px;background:linear-gradient(90deg,#ce2c1d,#f03e20);color:#fff;min-height:70px;display:grid;grid-template-columns:50px 1fr 55px;align-items:center;padding:7px 13px;box-shadow:0 8px 0 #a92318;font-family:var(--serif);font-size:clamp(1.55rem,4vw,2.25rem)}.surprise-new strong{font-weight:900}.surprise-burst{font-size:1.55rem}.mini-sun{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffd24a;color:#22160a;border:4px solid #fff9e8;font-size:1.8rem;box-shadow:0 3px 0 rgba(0,0,0,.2)}
.explore-themes{padding:0 8px}.themes-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:12px}.themes-heading h2{font-family:var(--serif);font-size:clamp(1.7rem,4vw,2.35rem);margin:0}.themes-heading button{border:0;background:transparent;color:#c83224;font-weight:900}.home-theme-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-theme{min-width:0;background:var(--paper);border-radius:19px;overflow:hidden;box-shadow:0 10px 22px rgba(57,34,17,.16);border:1px solid rgba(53,38,24,.15);position:relative}.mini-theme-art{height:155px;background-position:center;background-size:cover}.football-mini .mini-theme-art{background-image:url('assets/football-card.jpg')}.culture-mini .mini-theme-art{background-image:url('assets/culture-card.jpg')}.cafe-mini .mini-theme-art{background-image:url('assets/cafe-card.jpg')}.mini-theme-label{padding:13px 14px 14px;min-height:90px;display:flex;flex-direction:column;justify-content:center;color:#fff}.football-mini .mini-theme-label{background:#3f6b48}.culture-mini .mini-theme-label{background:#be7e1f}.cafe-mini .mini-theme-label{background:#b14c55}.mini-theme-label strong{font-family:var(--serif);font-size:1.25rem;line-height:1.02}.mini-theme-label span{font-size:.72rem;font-weight:900;text-transform:uppercase;margin-top:5px;opacity:.9}.future-card:after{content:"À venir";position:absolute;top:9px;right:8px;background:#111;color:#fff;padding:4px 7px;font-size:.68rem;font-weight:900;transform:rotate(2deg)}
.home-pilot-summary{margin:22px 8px 0;background:#fff7e6;border:1px solid #d9c8a8;border-radius:24px;padding:16px 18px;display:grid;grid-template-columns:54px 1fr 48px;align-items:center;gap:12px;box-shadow:0 8px 18px rgba(59,36,20,.1)}.summary-orange{width:48px;height:48px;background:#ec7123;border-radius:50%;box-shadow:inset -7px -6px 0 rgba(172,67,15,.2);position:relative}.summary-orange:before{content:"";position:absolute;width:19px;height:10px;background:#4d783c;border-radius:90% 10% 90% 10%;right:2px;top:-5px;transform:rotate(-24deg)}.home-pilot-summary b{font-family:var(--serif);font-size:1.15rem}.home-pilot-summary p{margin:3px 0 0;color:#665c50;font-weight:700}.home-pilot-summary button{border:0;width:42px;height:42px;border-radius:50%;background:#f5ead7;font-size:1.55rem}
@media(max-width:760px){main{padding-top:10px}.home-v031 .home-top-brand{margin:0 0 12px}.home-brand-word{font-size:clamp(2.4rem,12vw,3.7rem)}.home-sun-sticker{width:46px;height:46px}.home-sun-sticker:before{inset:-9px}.home-hero-new{min-height:410px;border-radius:26px}.home-hero-copy{width:73%;padding:32px 24px 30px}.home-hero-copy h1{font-size:clamp(3.5rem,17vw,5.1rem)}.home-hero-copy p{font-size:.93rem;line-height:1.4}.pilot-ribbon{font-size:.72rem}.hero-start{padding:11px 16px;font-size:1.08rem;gap:21px}.fan-sticker{width:150px;height:85px}.orange-sticker{right:18px;bottom:80px;width:67px;height:67px}.azulejo-corner{width:70px;height:70px;background-size:35px 35px}.home-theme-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 2px 8px;gap:11px}.mini-theme{flex:0 0 42%;scroll-snap-align:start}.mini-theme-art{height:115px}.mini-theme-label{min-height:72px;padding:10px}.mini-theme-label strong{font-size:1.02rem}.home-pilot-summary{margin-bottom:8px}.home-pilot-summary p{font-size:.78rem}}
@media(max-width:390px){.home-hero-new{min-height:380px}.home-hero-copy{width:77%;padding:28px 18px 24px}.home-hero-copy h1{font-size:3.65rem}.home-hero-copy p{font-size:.84rem}.fan-sticker{width:128px;height:72px}.orange-sticker{width:58px;height:58px;bottom:68px}.surprise-new{min-height:61px;font-size:1.45rem}.mini-theme{flex-basis:47%}}