/* Brighter surfaces and depth shared by both games. */
.arc-page{position:relative;background:radial-gradient(ellipse at 15% 8%,#1260ac66,transparent 48%),radial-gradient(ellipse at 92% 80%,#66481355,transparent 45%),linear-gradient(140deg,#07142a,#112743 60%,#0a172e);border:1px solid #38aeed55;box-shadow:inset 0 0 70px #1379b514;padding:26px}.arc-heading h1{background:linear-gradient(180deg,#fff 0%,#a4f5ff 35%,#159bde 68%,#e2fbff 72%,#4c8fc8 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:950;filter:drop-shadow(0 3px 0 #053c67) drop-shadow(0 0 18px #139ef755);letter-spacing:1.5px}.arc-heading p{color:#d7ecfc}.arc-stage{border-color:#40bded;background:radial-gradient(ellipse at 50% 22%,#15599766,transparent 65%),linear-gradient(140deg,#102841,#09152a);box-shadow:0 0 26px #0ba1de30,inset 0 1px #b7f4ff4a}.arc-cell{background:linear-gradient(145deg,#163354,#071629);box-shadow:inset 0 1px 3px #48b4ff19;border-color:#529bc855}.arc-cell.filled{background:linear-gradient(140deg,#fff9 0%,#ffffff33 9%,transparent 22%,transparent 62%,#00102966 100%),var(--piece);border:1px solid #ffffffbb;box-shadow:inset 2px 3px 0 #ffffff8a,inset -4px -5px 0 #07142670,0 0 10px color-mix(in srgb,var(--piece) 50%,transparent);transform:translateY(-1px)}.arc-mini i{background:linear-gradient(145deg,#ffffffe0,transparent 22%,transparent 65%,#12213e88),var(--piece);box-shadow:inset 1px 2px #fff9,inset -2px -3px #0005,0 0 9px var(--piece)}.arc-preview{background:#42eacb44!important;outline:2px solid #6dffe2;box-shadow:0 0 12px #39e8c5}.arc-invalid{outline:2px solid #ff5a73;background:#ff315533!important}.arc-help{color:#d0e5fa}.arc-modes .btn{box-shadow:inset 0 1px #ffffff2e}.arc-modes .active{background:linear-gradient(135deg,#167ab3,#0d355a);border-color:#65e6ff}.arc-controls .btn,.fall-controls button{box-shadow:inset 0 1px 1px #ffffff7a,0 5px 0 #061326,0 0 16px #169bdf33;border:1px solid #6dd8ff}.arc-worlds{background:radial-gradient(ellipse at bottom,#5735a944,transparent 70%),#0b1d34}.arc-promo-art{background:radial-gradient(ellipse at 50% 35%,#168fc666,transparent 70%),linear-gradient(145deg,#08172c,#143559)}.arc-promo-art svg{filter:drop-shadow(0 8px 10px #0008) drop-shadow(0 0 14px #2eaffe66)}
.arc-escape #arc-playground{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#2674ac44,transparent 65%);min-height:440px;overflow:hidden;border-radius:18px}.arc-scene-floor{position:absolute;z-index:-1;width:85%;height:75px;left:7.5%;bottom:5%;border-radius:50%;border:5px solid #249cda;box-shadow:0 0 17px #36c6ee,0 8px 0 #0b1930,0 12px 0 #705d30,inset 0 0 25px #1593d355;background:radial-gradient(ellipse at 50% 55%,#020812dd,#13344a99);transform:perspective(500px) rotateX(28deg)}#escape-3d{display:block;width:100%;height:500px;touch-action:none;cursor:grab;outline:none;filter:drop-shadow(0 12px 16px #0005)}#escape-3d:active{cursor:grabbing}#escape-3d:focus-visible{outline:2px solid #6adfff}.arc-escape .arc-help{border:1px solid #4e9ec466;padding:14px;border-radius:12px;background:#102d47aa}.arc-escape .arc-controls .btn{background:linear-gradient(160deg,#169bff,#0648ad);font-size:12px;color:white;min-height:54px}.arc-escape .arc-controls [data-action=arc-start]{background:linear-gradient(150deg,#eab84e,#9c6c22);color:#fff5cc}.arc-escape .arc-controls [data-action=arc-restart]{background:linear-gradient(150deg,#2d3d55,#152038)}
.fall-layout{display:grid;grid-template-columns:minmax(170px,250px) minmax(0,1fr);gap:26px;max-width:1050px;margin:auto;align-items:start}.fall-page{background:radial-gradient(ellipse at 8% 70%,#df9a3c35,transparent 45%),radial-gradient(ellipse at 90% 25%,#057fba60,transparent 65%),linear-gradient(140deg,#08182d,#102d4c)}.fall-page .arc-heading h1{background:linear-gradient(180deg,#fff9b9,#ffd449 30%,#e99e1c 70%,#ffe693);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 4px #674118) drop-shadow(0 0 22px #c9973444)}.fall-side{display:grid;gap:18px}.fall-mode{display:grid;gap:8px;border:1px solid #6eaece6b;background:linear-gradient(150deg,#1e3653,#0c1a2e);padding:22px;border-radius:14px;text-decoration:none;color:#d8efff;box-shadow:inset 0 1px #ffffff55}.fall-mode b{font-size:19px}.fall-mode small{color:#aacee9;line-height:1.5}.fall-mode.selected{border:2px solid #ecc252;background:linear-gradient(135deg,#554325,#1a2e44);box-shadow:0 0 20px #d7a5333b}.fall-mode.selected b{color:#ffe78b}.fall-tip{padding:20px;background:#08182bb0;border-radius:16px;border:1px solid #36769666}.fall-tip p{font-size:13px;color:#c6d9e9;line-height:1.7}.fall-main{max-width:530px;width:100%;margin:auto;min-width:0}.fall-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.fall-metrics>div{padding:12px;background:linear-gradient(140deg,#193955,#081b31);border:1px solid #429bce77;border-radius:13px;text-align:center;box-shadow:inset 0 1px #ffffff22}.fall-metrics small{display:block;color:#a3e6ff;font-size:11px;letter-spacing:1px}.fall-metrics b{display:block;color:#ffe596;font-size:26px}.fall-board-wrap{position:relative;background:#081a2d;border:3px solid #46c9f3;border-radius:13px;padding:5px;box-shadow:0 0 26px #1eb2f14d,inset 0 0 10px #bcefff55;max-width:360px;margin:0 auto 20px}#fall-canvas{display:block;width:100%;height:auto;aspect-ratio:10/18;border-radius:6px;outline:none;touch-action:none}.fall-next{position:absolute;top:15px;left:calc(100% + 12px);width:100px;background:linear-gradient(140deg,#193d57,#0a182f);border:1px solid #5bc4f4;border-radius:14px;padding:10px;text-align:center;box-shadow:0 0 20px #06adf333}.fall-next small{font-size:10px;color:#9ee8ff}.fall-next canvas{display:block;width:100%;height:auto}.fall-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#05122635,#051226b8);color:#ffeaa3;text-shadow:0 2px #543a0c;font-weight:900;font-size:24px;border-radius:12px;text-align:center;pointer-events:none}.fall-overlay[hidden]{display:none}.fall-overlay small{font-size:13px;font-weight:500;color:#d1edff;margin-top:12px}.fall-controls{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:9px;margin:20px 0}.fall-controls button{min-height:54px;touch-action:none;border-radius:12px;font-size:14px;font-weight:800;background:linear-gradient(160deg,#1d92df,#0e315e);color:#f3fdff;cursor:pointer}.fall-controls button:active{transform:translateY(3px);box-shadow:inset 0 1px #fff5}.fall-controls button[data-control=down]{grid-column:1/2}.fall-controls button.gold{grid-column:2/4;background:linear-gradient(160deg,#d3a744,#805820);border-color:#ffe388;color:#fff6cd}.fall-combo{position:absolute;left:-4%;right:-4%;top:65%;pointer-events:none;text-align:center;font-size:27px;font-weight:950;color:#fff6b0;background:linear-gradient(90deg,transparent,#7b4d16dd,transparent);text-shadow:0 3px #573914,0 0 18px #f5b929;opacity:0}.fall-combo.show{animation:fall-combo 1.4s both}@keyframes fall-combo{0%{opacity:0;transform:scale(.7)}15%,65%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:translateY(-25px)}}
@media(max-width:1200px){.fall-next{left:auto;right:10px;top:10px;width:74px;background:#091d32de;padding:7px}.fall-board-wrap{max-width:340px}}@media(max-width:850px){.arc-page{padding:15px}.fall-layout{grid-template-columns:1fr}.fall-main{order:-1}.fall-side{grid-template-columns:1fr 1fr}.fall-tip{grid-column:1/-1}.fall-side .arc-stat{grid-column:1/-1}.fall-mode{padding:16px}.fall-mode b{font-size:16px}.fall-board-wrap{max-width:330px}.arc-escape #arc-playground{min-height:380px}#escape-3d{height:420px}.fall-heading h1{font-size:36px}}@media(max-width:600px){.arc-page{padding:12px 8px}.arc-heading h1{font-size:33px}.arc-heading p{font-size:15px}.arc-escape #arc-playground{min-height:350px}#escape-3d{height:370px}.arc-scene-floor{height:52px}.arc-escape .arc-controls .btn{font-size:10px;min-width:105px}.arc-stage{padding:10px}.fall-metrics{gap:7px}.fall-metrics b{font-size:22px}.fall-board-wrap{max-width:290px}.fall-controls button{min-height:56px}.fall-overlay{font-size:20px}.fall-next{width:65px}.fall-combo{font-size:22px}.fall-side{gap:10px}.arc-piece{min-height:92px}.fall-page .arc-heading h1{font-size:34px}}@media(prefers-reduced-motion:reduce){.fall-combo.show{animation:none;display:none}.arc-combo{display:none}}
