:root{--road-cyan:#66ddff;--road-blue:#0b4b98;--road-gold:#f7d987}
.shell{max-width:1480px}
.accent{color:#c6f36e}
.hero{margin:14px 0 24px}
.hero h1{font-size:clamp(46px,6.5vw,86px)}
.hero p{max-width:690px}
.hero-token{flex:none;display:flex;align-items:center;gap:13px;padding:12px 18px;border:1px solid #398bd2;border-radius:18px;background:linear-gradient(135deg,#0a2e5a,#0d1d39);box-shadow:inset 0 1px #92dbff35,0 14px 30px #0004}
.hero-token strong{font-size:27px;color:#fff3c6;letter-spacing:-.06em}
.hero-token span{font-size:12px;line-height:1.25;color:#bcd7ee;font-weight:700}
.layout{grid-template-columns:minmax(0,1.85fr) minmax(330px,.82fr);gap:18px}
.stage{min-height:620px;border:1px solid #4c9dd8;border-radius:28px;background:radial-gradient(circle at 49% 16%,#246cb88a,transparent 34%),radial-gradient(circle at 87% 80%,#14686091,transparent 28%),linear-gradient(150deg,#123763,#061629 75%);box-shadow:inset 0 1px #9fe7ff44,0 28px 60px #0009;isolation:isolate}
.stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(#a5dbed44 .8px,transparent 1px);background-size:26px 26px;opacity:.22}
.scene-glow{position:absolute;inset:-20% -20%;pointer-events:none;background:radial-gradient(circle at 42% 52%,#46e4f41c,transparent 31%),radial-gradient(circle at 50% 60%,#fff9c70b,transparent 40%)}
.scene-verge{position:absolute;top:15%;bottom:10%;width:13%;border-radius:38px;overflow:hidden;background:radial-gradient(circle at 50% 60%,#399a63 0,#1e624d 43%,#0d3f42 100%);border:1px solid #6acb9e66;box-shadow:inset 0 0 22px #071c2766}
.scene-verge::before{content:"";position:absolute;inset:0;background:radial-gradient(#dcfcab9c 2px,transparent 3px);background-size:34px 31px;opacity:.4}
.scene-verge-start{left:1%}.scene-verge-finish{right:1%}
.scene-tree{position:absolute;display:block;width:75px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#b5ed90 2%,#67b879 31%,#258565 70%,#125d53 100%);border:4px solid #176d58;box-shadow:inset -9px -14px 10px #124738aa,0 6px 18px #031d2966}
.scene-tree::after{content:"";position:absolute;inset:12px;border:2px solid #d1f5ac7b;border-radius:50%;box-shadow:8px -8px 0 -6px #e2ffc8}
.tree-one{left:-28px;top:8%}.tree-two{right:-30px;bottom:11%}.tree-three{left:-24px;top:21%}.tree-four{right:-27px;bottom:4%}
.scene-header{position:absolute;top:17px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#cbeafa;z-index:3}
.scene-tag,.scene-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #a2dbff5e;border-radius:999px;background:#071b30d9;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.11em;backdrop-filter:blur(8px)}
.scene-tag b{color:var(--road-gold)}
.scene-badge{color:#fff0b9;letter-spacing:0}
.road{position:absolute;left:9%;right:9%;top:18%;bottom:12%;border:8px solid #789ba5;border-radius:22px;overflow:visible;background:radial-gradient(#7bc5ef13 1px,transparent 2px) 0 0/13px 13px,linear-gradient(90deg,#263e56,#304d65 7%,#1d354a 47%,#304c61 94%,#21364b);box-shadow:inset 0 0 0 2px #b6d4dc8c,inset 0 16px 34px #0c192a8c,0 19px 35px #0009,0 0 0 5px #0b29445e}
.road::before,.road::after{content:"";position:absolute;left:0;right:0;height:7px;border-radius:4px;background:linear-gradient(90deg,#ffe3a2,#fff4cd,#eeb65e);box-shadow:0 0 16px #ffd27269;z-index:2}
.road::before{top:6px}.road::after{bottom:6px}
.lanes{position:absolute;inset:8px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));z-index:1}
.lane{position:relative;min-width:0;overflow:hidden;border-right:1px solid #9bd2eb38}
.lane:last-child{border-right:0}
.lane::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,#f2f7f7b9 0 13px,transparent 13px 30px);opacity:.7}
.lane-number{position:absolute;top:3%;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:#0a2b46df;border:1px solid #84d9ef78;color:#dff7ff;font-size:10px;font-weight:900;z-index:2}
.car{position:absolute;z-index:2;top:var(--car-y);left:50%;width:min(74%,68px);height:auto;aspect-ratio:216/350;object-fit:contain;transform:translateX(-50%) rotate(var(--car-rotation));filter:hue-rotate(var(--car-hue)) drop-shadow(0 8px 7px #071d29c7);transition:top .47s ease,filter .25s ease}
.crossing{position:absolute;z-index:1;left:0;right:0;top:56%;height:17%;background:repeating-linear-gradient(90deg,#eaf1eb77 0 17px,transparent 17px 30px);opacity:.44;box-shadow:0 -12px 26px #cce9e521,0 12px 26px #cce9e521}
.finish-line{position:absolute;right:0;top:8px;bottom:8px;width:11px;z-index:3;background:conic-gradient(#fff 25%,#08334e 0 50%,#fff 0 75%,#08334e 0) 0 0/11px 22px;box-shadow:0 0 20px #a4efff}
.lane.safe{background:linear-gradient(180deg,transparent,#76e7b758 50%,transparent)}
.lane.safe::after{content:"✓";position:absolute;bottom:7%;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:27px;height:27px;border:1px solid #92f4c9;border-radius:50%;background:#0d493bcf;color:#baffd9;font-size:18px;font-weight:900;box-shadow:0 0 14px #5ff6bc76}
.lane.pending{background:#77ecff3b;box-shadow:inset 0 0 20px #79edff62}
.lane.hit{background:#fd806d83;animation:hit .35s ease-in-out 2}
.lane.hit .car{top:47%;filter:hue-rotate(var(--car-hue)) drop-shadow(0 0 16px #ff8279)}
@keyframes hit{50%{background:#ffb07aaf}}
.character{position:absolute;z-index:6;left:-3%;top:65%;width:clamp(74px,11.5%,104px);aspect-ratio:350/330;transform:translate(-50%,-53%);transition:left .45s cubic-bezier(.2,.82,.2,1),filter .2s;filter:drop-shadow(0 13px 8px #071c2eb8)}
.character img{display:block;width:100%;height:100%;object-fit:contain}
.character::after{content:"";position:absolute;left:24%;right:20%;height:12%;bottom:-7%;border-radius:50%;background:#08142085;filter:blur(5px);z-index:-1}
.character.is-moving img{animation:chicken-hop .44s ease-out}
.character.is-hit{filter:drop-shadow(0 0 13px #ffad86);animation:chicken-shake .35s ease-in-out 2}
@keyframes chicken-hop{50%{transform:translateY(-20%) rotate(-5deg)}}
@keyframes chicken-shake{25%{transform:translate(-55%,-53%) rotate(-8deg)}75%{transform:translate(-45%,-53%) rotate(7deg)}}
.scene-shadow{position:absolute;inset:0;border-radius:14px;pointer-events:none;box-shadow:inset 0 0 25px #02101eb0}
.start-flag,.finish-flag{position:absolute;top:13%;z-index:4;display:flex;align-items:center;gap:4px;padding:6px 9px;border:1px solid #d9eced83;border-radius:6px;background:#072b40d9;color:#d5f4ff;font-size:10px;font-weight:900;letter-spacing:.12em;box-shadow:0 4px 12px #0018}
.start-flag{left:3%}.finish-flag{right:3%;color:#fff0a3;border-color:#f9db8c88}
.stage-bottom{position:absolute;bottom:14px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#e4f9ff}
.stage-bottom span,.stage-bottom strong{border:1px solid #9bdcf977;background:#071a31cc;padding:9px 12px;border-radius:11px;backdrop-filter:blur(6px)}
.stage-bottom strong{color:#fff1b6;white-space:nowrap}
.panel{background:linear-gradient(155deg,#143e73,#0b2244 49%,#09182d);border-color:#539ad7;box-shadow:inset 0 1px #a2d7ff30,0 22px 40px #0007}
.panel h2{font-size:32px}
.panel-intro{margin-bottom:18px!important}
.risk-buttons{gap:8px}
.risk-buttons button{min-height:71px;border-radius:14px;border-color:#5c99d0;background:#0a2a51;color:#e8f4ff;box-shadow:inset 0 1px #a6ddff17;transition:transform .16s,background .16s}
.risk-buttons button:hover:not(:disabled){transform:translateY(-2px);background:#1a558e}
.risk-buttons button.selected{background:linear-gradient(135deg,#40b7ed,#137bc9);border-color:#b7f3ff;color:#061f39;box-shadow:0 0 0 2px #9ceaff4f,0 7px 17px #4db8ea45}
.risk-buttons button span{display:block;font-size:14px}
.risk-buttons button small,.risk-buttons button.selected small{color:inherit;opacity:.76;font-size:10px}
.stat-list{margin:16px 0}
.stat{background:#071c37;border-color:#4c85bb;padding:14px 16px}
.stat strong{color:#d9f2ff;font-size:25px}
.button-row{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr)}
.button-row .action{grid-column:auto}
.action{background:linear-gradient(135deg,#8af1ff,#41bee9);color:#042543;border:1px solid #c8fbff;box-shadow:0 8px 24px #31b9e34d}
.secondary{border-color:#73bdf4;background:#125091;color:#fff}
.action,.secondary{min-height:58px}
.feedback{border-color:#4c92c7;background:#0a294d;margin-top:15px;color:#e5f3ff}
.notice{margin-top:14px!important;margin-bottom:0!important;border-color:#f1ca73;background:#302b1d;color:#f6e7bc!important}
.proof{background:#0a1b32;border-color:#325d92;padding:17px 22px}
.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.proof-grid p{margin:0}
.proof-grid strong,.proof-grid span{display:block}
.proof-grid strong{color:#e7f8ff;font-size:13px}
.proof-grid span{color:#abc9e9;font-size:12px}
button:focus-visible,a:focus-visible{outline:3px solid #ffe089;outline-offset:3px}
@media(max-width:920px){
  .layout{grid-template-columns:1fr}
  .panel{order:-1}
  .hero-token{display:none}
  .stage{min-height:500px}
  .panel{padding:20px}
  .panel h2{font-size:26px}
}
@media(max-width:560px){
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .shell{padding:10px 10px 20px}
  .top{padding:3px 0 9px}
  .brand{font-size:16px}
  .brand-mark{width:31px;height:31px;margin-right:5px}
  .top-actions{gap:5px}
  .pill{font-size:10px;letter-spacing:0;padding:7px 9px}
  .hero{margin:12px 2px 15px}
  .eyebrow{font-size:10px}
  .hero h1{font-size:clamp(40px,13vw,59px);margin:5px 0 7px}
  .hero p{font-size:13px;line-height:1.37}
  .layout{gap:10px}
  .panel{padding:15px;border-radius:18px}
  .mode-label{font-size:10px}
  .panel h2{font-size:23px;margin:4px 0}
  .panel-intro{font-size:12px;margin-bottom:10px!important}
  .panel-intro{display:none}
  .risk-buttons{gap:5px}
  .risk-buttons button{min-height:57px;padding:7px 2px;border-radius:10px}
  .risk-buttons button span{font-size:11px}
  .risk-buttons button small,.risk-buttons button.selected small{font-size:9px}
  .stat-list{margin:10px 0 0}
  .stat{padding:8px 12px}
  .stat span{font-size:10px}
  .stat strong{font-size:20px}
  .feedback{font-size:12px;padding:9px 11px;min-height:0;margin-top:10px}
  .feedback{display:none}
  .notice{display:none}
  .button-row{position:fixed;z-index:20;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:8px;padding:10px max(10px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));background:#06192ff2;border-top:1px solid #438cc7;box-shadow:0 -14px 35px #010b16c7;backdrop-filter:blur(10px)}
  .action,.secondary{min-height:52px;padding:9px 7px;font-size:13px}
  .stage{height:clamp(300px,78vw,325px);min-height:0;border-radius:20px}
  .scene-verge{top:22%;bottom:13%}
  .scene-tree{width:36px;border-width:2px}
  .scene-tree::after{inset:6px}
  .scene-header{top:9px;left:8px;right:8px}
  .scene-tag,.scene-badge{font-size:8px;padding:5px 6px}
  .road{left:8%;right:8%;top:25%;bottom:15%;border-width:4px;border-radius:13px}
  .road::before,.road::after{height:3px}
  .lanes{inset:3px}
  .lane::before{width:1px;background:repeating-linear-gradient(180deg,#f2f7f7ae 0 7px,transparent 7px 16px)}
  .lane-number{width:15px;height:15px;font-size:8px;border-radius:5px}
  .car{width:82%}
  .crossing{top:52%;height:23%;background:repeating-linear-gradient(90deg,#eaf1eb77 0 8px,transparent 8px 14px)}
  .finish-line{top:3px;bottom:3px;width:7px;background-size:7px 14px}
  .character{width:clamp(55px,17%,68px);top:64%}
  .start-flag,.finish-flag{top:20%;font-size:7px;padding:3px 4px}
  .stage-bottom{bottom:6px;left:7px;right:7px;font-size:10px}
  .stage-bottom span,.stage-bottom strong{padding:5px 7px;border-radius:7px}
  .proof{padding:11px 12px}
  .proof-grid{gap:8px}
  .proof-grid strong{font-size:10px}
  .proof-grid span{font-size:9px}
}
@media(max-width:340px){
  .shell{padding-left:6px;padding-right:6px}
  .stage{height:300px}
  .proof-grid{grid-template-columns:1fr}
  .proof-grid p{display:flex;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .character,.car,.action,.secondary,.risk-buttons button{transition:none!important;animation:none!important}
  .lane.hit{animation:none}
}

.chicken-w-link{display:block;margin-top:12px;padding:13px 15px;border:1px solid #9feaff;border-radius:12px;background:linear-gradient(125deg,#83e5ff,#34b1e7);color:#04243f;text-align:center;font-size:13px;font-weight:900;box-shadow:0 8px 20px #29b6e944}.chicken-w-link:hover{filter:brightness(1.08)}.chicken-w-link:focus-visible{outline:3px solid #ffe089;outline-offset:3px}@media(max-width:560px){.chicken-w-link{font-size:12px;margin-top:9px;padding:10px}}