<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Sorcery+: play the remake of the 1985 Amstrad CPC classic for free, online. Explore the tower of the sorcerer Ego, solve its riddles and outwit its traps."> <meta name="keywords" content="sorcery, cpc, amstrad, 8 bits, action-aventure, free game, online"> <meta name="author" content="JumPHP Games"> <meta property="og:title" content="Sorcery+ - Free online game"> <meta property="og:description" content="Explore the tower of the sorcerer Ego, solve its riddles and outwit its traps."> <meta property="og:image" content="https://{{DOMAIN}}/images/og.png"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Sorcery+"> <meta name="twitter:description" content="Free online game - Amstrad CPC 1985"> <link rel="canonical" href="https://{{DOMAIN}}/en/"> <link rel="alternate" hreflang="fr" href="https://{{DOMAIN}}/"> <link rel="alternate" hreflang="en" href="https://{{DOMAIN}}/en/"> <link rel="alternate" hreflang="x-default" href="https://{{DOMAIN}}/"> <link rel="icon" href="../images/favicon.png"> <title>Sorcery+ - Free online game</title> <style> * { box-sizing: border-box; } body { margin: 0; font-family: 'Georgia', serif; background: linear-gradient(180deg, #0a0a1a 0%, #1a0a1a 100%); min-height: 100vh; display: flex; flex-direction: column; color: #e8dcd0; } header { padding: 2rem; text-align: center; opacity: 0.9; } h1 { font-size: clamp(2rem, 5vw, 3.5rem); margin: 0.5rem 0; color: #e8c48d; text-shadow: 2px 2px 0 #000, 0 0 30px #e8c48d; } .subtitle { font-size: 1.2rem; color: #b8a080; margin: 0.5rem 0 1.5rem; } main { flex: 1; padding: 2rem; max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; } @media (max-width: 768px) { main { grid-template-columns: 1fr; } } .left { padding-right: 2rem; } .right { display: flex; flex-direction: column; align-items: center; justify-content: center; } .screenshot { background: #000; border: 4px solid #3a2a20; border-radius: 8px; padding: 12px; box-shadow: 0 0 40px rgba(100, 60, 30, 0.4); max-width: 100%; } .screenshot img { display: block; max-width: 100%; height: auto; border-radius: 4px; } .play-btn { display: inline-flex; align-items: center; gap: 0.6rem; padding: 1rem 2rem; background: linear-gradient(180deg, #e8c48d 0%, #d4a860 100%); color: #2a180a; font-weight: bold; font-size: 1.2rem; text-decoration: none; border-radius: 8px; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 0 #9e7a40, 0 10px 20px rgba(0,0,0,0.5); margin-top: 1.5rem; } .play-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 0 #9e7a40, 0 15px 30px rgba(100, 60, 30, 0.6); } .play-btn:active { transform: translateY(0); box-shadow: 0 2px 0 #9e7a40, 0 5px 10px rgba(100, 60, 30, 0.4); } h2 { font-size: 1.8rem; color: #e8c48d; margin: 0 0 1rem; font-weight: normal; } p, .features li { line-height: 1.7; color: #b8a080; font-size: 1.05rem; } .features { list-style: none; padding: 0; margin: 1.5rem 0; } .features li { padding: 0.4rem 0; padding-left: 1.8rem; position: relative; margin: 0.3rem 0; } .features li::before { content: "✦"; position: absolute; left: 0; color: #e8c48d; font-size: 1.1rem; } .features li:last-child { border-bottom: none; } footer { text-align: center; padding: 2rem; background: rgba(0,0,0,0.2); border-top: 1px solid rgba(100,60,30,0.2); font-size: 0.95rem; color: #7a624a; } .cta-links { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; margin: 1.5rem 0; } .cta-links a { color: #e8c48d; text-decoration: none; padding: 0.4rem 1rem; border: 1px solid #e8c48d; border-radius: 4px; transition: background 0.2s, color 0.2s; } .cta-links a:hover { background: rgba(232, 196, 141, 0.15); } </style></head><body> <nav style="text-align:center;padding:.8rem;font-size:.95rem"><a href="../" style="color:#e8c48d">Français</a> · <a href="./" style="color:#e8c48d">English</a></nav> <header> <h1>Sorcery+</h1> <p class="subtitle">The 1985 Amstrad CPC action-adventure game</p> </header> <main> <div class="left"> <h2>A classic adventure, revisited</h2> <p>Explore the tower of the sorcerer Ego in this faithful remake of the original Virgin Games title. Solve riddles, fight monsters and outwit the deadly traps of an endless dungeon.</p> <ul class="features"> <li>Pixel graphics and an authentic Amstrad CPC feel</li> <li>Combat system based on the elements and magic</li> <li>Procedural dungeon: every game is new</li> <li>Gothic atmosphere with period music</li> </ul> <div class="cta-links"> <a href="../play/?back=../en/">Play now →</a> <a href="#controls">How to play</a> </div> <p style="font-size: 0.95rem; color: #7a624a; margin-top: 1.5rem;"> <small>Works on computer • Mobile • Tablet • Modern browser</small> </p> </div> <div class="right"> <div class="screenshot"> <img src="../images/room.png" alt="Screenshot of Sorcery+: a dungeon room with pillars, a door, a cauldron, and the player exploring"> </div> </div> </main> <footer> <p> Sorcery+ is a remake of the original <strong>Sorcery</strong> by Virgin Games (1985), made for the Amstrad CPC.<br> <small>Powered by JumPHP — All rights reserved.</small> </p> </footer></body></html>