Global Finance Block Puzzle

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="theme-color" content="#f6f8fd" /> <meta name="robots" content="index,follow,max-image-preview:large" /> <meta name="referrer" content="no-referrer" /> <meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'unsafe-inline' 'self' data: blob:; style-src 'unsafe-inline' 'self'; img-src 'self' data: blob:; font-src 'self' data:; media-src 'self' blob:; connect-src 'none'; worker-src blob:; object-src 'none'; frame-src 'none'; base-uri 'none'; form-action 'none'; navigate-to 'none'; prefetch-src 'none';"> <title>Global Finance Block Puzzle | Happycode7</title> <style> :root{ --bg:#f6f8fd; --bg2:#edf3ff; --panel:rgba(255,255,255,.9); --border:#e5e7eb; --text:#0f172a; --muted:#64748b; --accent:#2563eb; --accent2:#06b6d4; --good:#0ea5e9; --warn:#f59e0b; --bad:#ef4444; --shadow:0 10px 30px rgba(15,23,42,.08); --r:16px; } *{box-sizing:border-box} html,body{height:100%} body{ margin:0; color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Pretendard,sans-serif; background: radial-gradient(1200px 600px at 120% -10%, rgba(37,99,235,.10), transparent 60%), radial-gradient(800px 500px at -10% 110%, rgba(6,182,212,.12), transparent 55%), linear-gradient(180deg,var(--bg),var(--bg2)); } .wrap{max-width:980px;margin:0 auto;padding:16px 16px 28px} .hero{ background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82)); border:1px solid rgba(229,231,235,.9); box-shadow:var(--shadow); border-radius:22px; padding:16px; backdrop-filter:blur(8px); } .heroTop{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap} .title{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.15;letter-spacing:-.02em} .subtitle{margin-top:6px;color:var(--muted);font-size:13px} .badge{ display:inline-flex;align-items:center;gap:6px; border:1px solid rgba(37,99,235,.16); background:rgba(37,99,235,.06); color:#1d4ed8; border-radius:999px;padding:7px 10px;font-size:12px;font-weight:600 } .heroActions{display:flex;gap:8px;flex-wrap:wrap} .btn{ appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text); border-radius:12px;padding:9px 12px;cursor:pointer;font-weight:600;font-size:13px; box-shadow:0 2px 8px rgba(15,23,42,.03) } .btn:hover{transform:translateY(-1px)} .btn:disabled{opacity:.5;cursor:not-allowed;transform:none} .btn.primary{ border-color:rgba(37,99,235,.2); background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(6,182,212,.08)); } .hud{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:12px 0 10px } .card{ background:var(--panel); border:1px solid rgba(229,231,235,.95); border-radius:var(--r); padding:12px; box-shadow:0 8px 20px rgba(15,23,42,.03) } .kv{display:flex;gap:8px;align-items:center;justify-content:space-between} .kv .k{color:var(--muted);font-size:12px} .kv .v{font-weight:700} .mono{font-variant-numeric:tabular-nums} .barWrap{margin-top:6px;height:8px;border-radius:999px;background:#e8eefc;overflow:hidden} .bar{ height:100%; width:0%; border-radius:999px; background:linear-gradient(90deg,var(--accent2),var(--accent)); transition:width .2s ease } .panelStack{display:grid;gap:10px} .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .row.grow label{display:flex;gap:6px;align-items:center} select, input[type="checkbox"]{ border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text) } select{padding:8px 10px} .toggle{ display:inline-flex;align-items:center;gap:8px; border:1px solid var(--border);border-radius:12px;padding:8px 10px;background:#fff } .note{font-size:12px;color:var(--muted);line-height:1.45} .statusList{display:grid;gap:5px;margin-top:8px;font-size:13px;color:var(--muted)} .statusList div{ background:rgba(255,255,255,.55); border:1px dashed rgba(229,231,235,.8); border-radius:10px;padding:6px 8px } .grid{ display:grid; gap:6px; user-select:none; touch-action:manipulation } .cell{ width:38px;height:38px;display:grid;place-items:center;position:relative; border-radius:10px;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease } .cell i{ display:block;width:100%;height:100%;border-radius:9px; box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 0 rgba(15,23,42,.06), 0 4px 8px rgba(15,23,42,.06) } .cell .centerBadge{ position:absolute;right:2px;bottom:2px; font-size:10px;line-height:1; background:rgba(255,255,255,.85);border:1px solid rgba(229,231,235,.9); border-radius:999px;padding:2px 4px;backdrop-filter:blur(4px) } .sel{outline:2px solid var(--good);box-shadow:0 0 0 5px rgba(14,165,233,.12)} .lineH::after,.lineV::after{ content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); background:rgba(255,255,255,.92);border-radius:3px;box-shadow:0 0 0 1px rgba(15,23,42,.05) } .lineH::after{width:80%;height:7px} .lineV::after{width:7px;height:80%} .wild{ background: conic-gradient(from 0deg,#fff 0 10%,#e5e7eb 10% 20%,#fff 20% 30%,#dbeafe 30% 40%,#fff 40% 50%,#cffafe 50% 60%,#fff 60% 70%,#e9d5ff 70% 80%,#fff 80% 90%,#fef3c7 90% 100%) !important } .hint{box-shadow:0 0 0 3px #fde047 inset, 0 0 0 8px rgba(253,224,71,.18)} .toast{ position:fixed;left:50%;bottom:18px;transform:translateX(-50%); background:rgba(15,23,42,.92);color:#fff;padding:10px 14px;border-radius:999px; border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);z-index:40;transition:opacity .25s ease } .qCard{display:grid;gap:10px} .qHead{display:flex;align-items:center;justify-content:space-between;gap:8px} .qTitle{font-weight:700} .qOpts{display:grid;grid-template-columns:1fr;gap:8px} .qMsg{font-size:13px;color:var(--muted);min-height:18px} .quoteBox{ display:none; background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.82)); border:1px solid rgba(229,231,235,.95); border-radius:18px;padding:14px;box-shadow:var(--shadow) } .quoteText{font-style:italic;line-height:1.5} .quoteWho{margin-top:6px;color:var(--muted);font-size:13px} .footer{ max-width:980px;margin:12px auto 0;padding:12px 4px 4px; color:var(--muted);font-size:12px;line-height:1.5;text-align:center } .footer .legal{ margin-top:8px;padding:10px 12px;border:1px dashed rgba(229,231,235,.95); border-radius:14px;background:rgba(255,255,255,.55) } .langModal{ position:fixed;inset:0;display:none;place-items:center;z-index:50; background:rgba(15,23,42,.35);backdrop-filter:blur(4px) } .langModal.show{display:grid} .langDialog{ width:min(92vw,680px);background:#fff;border:1px solid rgba(229,231,235,.95);border-radius:20px; box-shadow:0 24px 60px rgba(15,23,42,.2);padding:16px } .langDialog h2{margin:0;font-size:20px;letter-spacing:-.02em} .langDialog p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.5} .langGrid{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px } .langBtn{ text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer } .langBtn strong{display:block} .langBtn span{display:block;font-size:12px;color:var(--muted);margin-top:3px} .dim{opacity:.8} @media (max-width:820px){ .hud{grid-template-columns:1fr 1fr} } @media (max-width:560px){ .hud{grid-template-columns:1fr} .langGrid{grid-template-columns:1fr} .cell{width:34px;height:34px} } </style> </head> <body> <div class="wrap"> <section class="hero" aria-label="Game header"> <div class="heroTop"> <div> <div class="badge" id="regionBadge">Global-friendly • Browser game</div> <h1 class="title" id="titleMain">Global Finance Block Puzzle</h1> <div class="subtitle" id="titleSub">Match blocks, solve finance mini-quiz steps, reveal the final shape, and unlock the center tile.</div> </div> <div class="heroActions"> <button id="openLang" class="btn primary" type="button">Language</button> <button id="openHelpTop" class="btn" type="button">How to Play</button> </div> </div> </section> <div class="hud"> <div class="card kv"><div class="k" id="lblScore">Score</div><div id="score" class="v mono">0</div></div> <div class="card kv"><div class="k" id="lblCombo">Combo</div><div id="combo" class="v mono">x1</div></div> <div class="card"> <div class="kv"><div class="k" id="lblFever">Fever</div><div id="feverTxt" class="v mono">OFF</div></div> <div class="barWrap"><div class="bar" id="feverBar"></div></div> </div> <div class="card kv"><div class="k" id="lblMission">Mission</div><div id="mission" class="v mono">-</div></div> <div class="card kv"><div class="k" id="lblCoins">Coins</div><div id="coins" class="v mono">0</div></div> <div class="card kv"><div class="k" id="lblBest">Best</div><div id="best" class="v mono">0</div></div> </div> <div class="panelStack"> <div class="card"> <div class="row grow"> <label><span id="lblMode">Mode</span> <select id="modeSel"> <option value="casual">Casual</option> <option value="moves">Move Limit</option> <option value="timer">Timer</option> </select> </label> <label><span id="lblDifficulty">Difficulty</span> <select id="diffSel"> <option value="easy">Easy</option> <option value="normal" selected>Normal</option> <option value="hard">Hard</option> <option value="master">Master</option> </select> </label> <label class="toggle"><span id="lblSound">Sound</span><input id="soundChk" type="checkbox" /></label> <div class="toggle" style="margin-left:auto;"><span id="lblLimit">Limit</span><strong id="limit" class="mono">∞</strong></div> </div> <div class="row" style="margin-top:10px;"> <button id="hint" class="btn" type="button">Hint</button> <button id="quest" class="btn" type="button">Refresh Mission</button> <button id="shuffle" class="btn" type="button">Shuffle</button> <button id="reset" class="btn primary" type="button">New Game</button> <button id="help" class="btn" type="button">Guide</button> <button id="p_line" class="btn" type="button">Power: Vertical Line (-2c)</button> <button id="p_bomb" class="btn" type="button">Power: Bomb 3×3 (-3c)</button> <button id="p_shuffle" class="btn" type="button">Power: Shuffle (-1c)</button> </div> <div id="helpBox" class="note" style="display:none;margin-top:10px;">Solve quiz steps to reveal the target shape. Once fully revealed, reduce background blocks to 1 and tap the center tile to unlock a quote reward. This game is for educational/entertainment use only and is not investment advice.</div> </div> <div class="card"> <div class="kv"><div class="k" id="lblNews">Updates</div><div id="news" class="v mono">Ready</div></div> <div id="statusList" class="statusList"></div> <div class="note" style="margin-top:8px;"> <span id="lblProgress">Reveal Progress</span>: <span id="revealProg" class="mono">0 / 0</span> · <span id="lblBgLeft">Background Left</span>: <span id="bgLeft" class="mono">-</span> · <span id="lblCenter">Center</span>: <span id="centerLock" class="mono">Locked</span> </div> </div> <div id="board" class="card" aria-label="Puzzle board"></div> <div id="quoteBox" class="quoteBox" aria-live="polite"> <div id="quoteText" class="quoteText"></div> <div id="quoteWho" class="quoteWho"></div> </div> <div id="quizHolder" class="card qCard" aria-label="Quiz panel"> <div class="qHead"> <div class="qTitle" id="quizPanelTitle">Quiz Step</div> <div class="badge" id="quizStepBadge">Reveal Piece</div> </div> <div id="qText"></div> <div id="qOpts" class="qOpts"></div> <div id="qMsg" class="qMsg"></div> </div> </div> <footer class="footer"> <div id="footerCopyright">Global Finance Block Puzzle © 2026 Happycode7. All rights reserved.</div> <div class="legal" id="footerLegal">Educational and entertainment content only. This game does not provide financial, investment, tax, or legal advice. Local laws and platform policies may vary by country/region. Use at your own discretion.</div> </footer> </div> <div id="langModal" class="langModal" aria-hidden="true" role="dialog" aria-modal="true"> <div class="langDialog"> <div class="kv" style="align-items:flex-start"> <div> <h2 id="langModalTitle">Choose Language</h2> <p id="langModalDesc">UI language changes instantly. Game mechanics remain the same. Content is general education/entertainment only.</p> </div> <button id="closeLang" class="btn" type="button">Close</button> </div> <div class="langGrid"> <button class="langBtn" data-lang="en" type="button"><strong>English</strong><span>Global default</span></button> <button class="langBtn" data-lang="ko" type="button"><strong>한국어</strong><span>Korean</span></button> <button class="langBtn" data-lang="ja" type="button"><strong>日本語</strong><span>Japanese</span></button> <button class="langBtn" data-lang="zh" type="button"><strong>中文</strong><span>Chinese</span></button> <button class="langBtn" data-lang="es" type="button"><strong>Español</strong><span>Spanish</span></button> <button class="langBtn" data-lang="fr" type="button"><strong>Français</strong><span>French</span></button> </div> </div> </div> <script> 'use strict'; (function harden(){ try{ const deny=function(name,obj,prop){ try{ Object.defineProperty(obj,prop,{configurable:false,enumerable:false,writable:false,value:function(){throw new Error('blocked:'+name)}}) }catch(e){} }; deny('eval',window,'eval'); deny('Function',window,'Function'); deny('open',window,'open'); deny('fetch',window,'fetch'); deny('WebSocket',window,'WebSocket'); deny('EventSource',window,'EventSource'); deny('XMLHttpRequest',window,'XMLHttpRequest'); try{ Object.defineProperty(Document.prototype,'write',{configurable:false,writable:false,value:function(){throw new Error('blocked:doc.write')}}) }catch(e){} try{ Object.defineProperty(Document.prototype,'writeln',{configurable:false,writable:false,value:function(){throw new Error('blocked:doc.writeln')}}) }catch(e){} try{ if(navigator && 'sendBeacon' in navigator) navigator.sendBeacon=function(){ return false } }catch(e){} try{ window.name='' }catch(e){} try{ console.debug=function(){}; console.trace=function(){} }catch(e){} }catch(e){} })(); </script> <script> 'use strict'; const Store=(()=>{ const ok=(()=>{ try{ const k='__hc7t'; localStorage.setItem(k,'1'); localStorage.removeItem(k); return true }catch(e){ return false } })(); const P='hc7:econPuzzleGlobal:'; return { get(k,f=null){ if(!ok) return f; try{ const v=localStorage.getItem(P+k); return v==null?f:JSON.parse(v) }catch(e){ return f } }, set(k,v){ if(!ok) return; try{ localStorage.setItem(P+k,JSON.stringify(v)) }catch(e){} }, getStr(k,f=''){ if(!ok) return f; try{ const v=localStorage.getItem(P+k); return v==null?f:v }catch(e){ return f } }, setStr(k,v){ if(!ok) return; try{ localStorage.setItem(P+k,String(v)) }catch(e){} } }; })(); const rnd=n=>Math.floor(Math.random()*n); const clamp=(n,a,b)=>Math.max(a,Math.min(b,n)); function toast(msg,ms){ const t=document.createElement('div'); t.className='toast'; t.textContent=String(msg||''); document.body.appendChild(t); setTimeout(()=>{ t.style.opacity='0'; setTimeout(()=>t.remove(),260) }, ms||1400); } let newsState={type:'text',text:''}; function renderNewsState(){ const el=document.getElementById('news'); if(!el) return; if(newsState.type==='i18n'){ const key=newsState.key; const data=newsState.data||{}; let txt=t(key); if(key==='needBg' && typeof data.bgLeft==='number') txt += ' ('+data.bgLeft+')'; if(key==='insufficientCoins' && typeof data.cost==='number') txt += ' ('+data.cost+')'; if(key==='endGame' && typeof data.reasonKey==='string'){ txt=(t(data.reasonKey)||'')+' · '+Number(data.final||0).toLocaleString(); } el.textContent=txt; return; } el.textContent=String(newsState.text||''); } function newsSet(text){ newsState={type:'text',text:String(text||'')}; renderNewsState(); } function newsSetKey(key,data){ newsState={type:'i18n',key:key,data:data||{}}; renderNewsState(); } let sOn=false,audioBooted=false,ac=null,gainNode=null; function bootAudio(){ if(audioBooted) return; try{ const C=window.AudioContext||window.webkitAudioContext; if(!C) return; ac=new C(); gainNode=ac.createGain(); gainNode.gain.value=0.035; gainNode.connect(ac.destination); audioBooted=true; }catch(e){} } function beep(kind){ if(!sOn || !audioBooted || !ac || !gainNode) return; try{ const o=ac.createOscillator(); o.type='sine'; o.frequency.value=kind==='bad'?220:(kind==='combo'?680:440); o.connect(gainNode); const t0=ac.currentTime; gainNode.gain.setValueAtTime(0.03,t0); gainNode.gain.exponentialRampToValueAtTime(0.0001,t0+0.12); o.start(t0); o.stop(t0+0.14); }catch(e){} } const I18N={ en:{ title:'Global Finance Block Puzzle', subtitle:'Match blocks, solve finance mini-quiz steps, reveal the final shape, and unlock the center tile.', regionBadge:'Global-friendly • Browser game', lang:'Language', howToPlay:'How to Play', score:'Score', combo:'Combo', fever:'Fever', mission:'Mission', coins:'Coins', best:'Best', mode:'Mode', difficulty:'Difficulty', sound:'Sound', limit:'Limit', hint:'Hint', refreshMission:'Refresh Mission', shuffle:'Shuffle', newGame:'New Game', guide:'Guide', pLine:'Power: Vertical Line (-2c)', pBomb:'Power: Bomb 3×3 (-3c)', pShuffle:'Power: Shuffle (-1c)', helpText:'Solve quiz steps to reveal the target shape. Once fully revealed, reduce background blocks to 1 and tap the center tile to unlock a quote reward. This game is for educational/entertainment use only and is not investment advice.', updates:'Updates', revealProgress:'Reveal Progress', bgLeft:'Background Left', center:'Center', locked:'Locked', unlocked:'Unlocked', quizStep:'Quiz Step', revealPiece:'Reveal Piece', footerCopyright:'Global Finance Block Puzzle © 2026 Happycode7. All rights reserved.', footerLegal:'Educational and entertainment content only. This game does not provide financial, investment, tax, or legal advice. Local laws and platform policies may vary by country/region. Use at your own discretion.', chooseLanguage:'Choose Language', langDesc:'UI language changes instantly. Game mechanics remain the same. Content is general education/entertainment only.', close:'Close', ready:'Ready', start:'Start! Solve quiz steps to reveal the target shape.', guideOpened:'Guide opened.', guideClosed:'Guide closed.', needBg:'Reduce background blocks to 1 to unlock the center.', centerUnlocked:'Center unlocked! Tap the center tile.', insufficientCoins:'Not enough coins.', missionRefreshed:'Mission refreshed.', boardShuffled:'Board shuffled.', modeChanged:'Mode changed. The final revealed shape may change.', diffChanged:'Difficulty changed. Board size and palette adjusted.', newGameMsg:'New game started.', tipHint:'Tip: Use Hint to highlight a valid move.', noMovesShuffle:'No valid move found. Board was shuffled.', invalidSwap:'Swap must create a match of 3 or more.', feverMsg:'Fever! Score x2 for 8s.', eventEnd:'Event ended', finalStage:'Final stage reached! Reduce background blocks to 1, then tap center tile.', quoteUnlocked:'Congratulations! Quote reward unlocked.', modeCasual:'Casual', modeMoves:'Move Limit', modeTimer:'Timer', diffEasy:'Easy', diffNormal:'Normal', diffHard:'Hard', diffMaster:'Master', powerLineUsed:'Power used: Vertical line', powerBombUsed:'Power used: Bomb', powerShuffleUsed:'Power used: Shuffle', eventBull:'Bullish market event: +20% for 15s', eventInflation:'Inflation pressure event: +10% for 12s', eventTaxShock:'Tax policy shock: -10% for 12s', timeOver:'Time over', noMovesLeft:'No moves left', labels:{ statusMode:'Mode', statusDifficulty:'Difficulty', statusBoard:'Board', statusEvent:'Event multiplier', statusFever:'Fever remaining', statusFinal:'Final stage' }, yes:'Yes', no:'No' }, ko:{ title:'글로벌 경제 블록 퍼즐', subtitle:'블록을 맞추고 금융 퀴즈 단계를 풀어 최종 모양을 공개한 뒤 중앙 칸을 해제하세요.', regionBadge:'글로벌 지원 • 브라우저 게임', lang:'언어', howToPlay:'플레이 방법', score:'점수', combo:'콤보', fever:'피버', mission:'미션', coins:'코인', best:'최고점수', mode:'모드', difficulty:'난이도', sound:'효과음', limit:'제한', hint:'힌트', refreshMission:'미션 변경', shuffle:'셔플', newGame:'새 게임', guide:'가이드', pLine:'파워: 세로라인 제거 (-2c)', pBomb:'파워: 폭탄 3×3 (-3c)', pShuffle:'파워: 셔플 (-1c)', helpText:'퀴즈 단계를 풀면 목표 모양이 점차 공개됩니다. 전부 공개되면 배경 블록을 1개만 남기고 중앙 칸을 눌러 명언 보상을 열어보세요. 이 게임은 교육/엔터테인먼트용이며 투자 자문이 아닙니다.', updates:'알림', revealProgress:'공개 진행', bgLeft:'배경 잔여', center:'중앙', locked:'잠김', unlocked:'해제', quizStep:'퀴즈 단계', revealPiece:'조각 공개', footerCopyright:'글로벌 경제 블록 퍼즐 © 2026 Happycode7. All rights reserved.', footerLegal:'교육 및 엔터테인먼트 목적의 콘텐츠입니다. 금융·투자·세무·법률 자문을 제공하지 않습니다. 국가/지역별 법령 및 플랫폼 정책이 다를 수 있으므로 사용자 책임 하에 이용해 주세요.', chooseLanguage:'언어 선택', langDesc:'UI 언어만 즉시 변경됩니다. 게임 규칙은 동일합니다. 일반 교육/엔터테인먼트 콘텐츠입니다.', close:'닫기', ready:'준비 완료', start:'시작! 퀴즈를 풀어 목표 모양을 공개해보세요.', guideOpened:'가이드를 열었습니다.', guideClosed:'가이드를 닫았습니다.', needBg:'배경 블록을 1개까지 줄이면 중앙이 해제됩니다.', centerUnlocked:'중앙 해제! 중앙 칸을 눌러보세요.', insufficientCoins:'코인이 부족합니다.', missionRefreshed:'미션을 변경했습니다.', boardShuffled:'보드를 셔플했습니다.', modeChanged:'모드가 변경되었습니다. 최종 공개 모양이 달라질 수 있습니다.', diffChanged:'난이도 변경: 보드 크기와 색상 수가 조정되었습니다.', newGameMsg:'새 게임을 시작했습니다.', tipHint:'팁: 힌트 버튼으로 가능한 교환을 확인할 수 있어요.', noMovesShuffle:'가능한 수가 없어 자동으로 셔플했습니다.', invalidSwap:'인접 교체 후 3개 이상 연결되어야 합니다.', feverMsg:'피버! 8초간 점수 x2.', eventEnd:'이벤트 종료', finalStage:'최종 단계! 배경 블록을 1개만 남기고 중앙 칸을 누르세요.', quoteUnlocked:'축하합니다! 명언 보상이 열렸습니다.', modeCasual:'캐주얼', modeMoves:'이동 제한', modeTimer:'타이머', diffEasy:'쉬움', diffNormal:'보통', diffHard:'어려움', diffMaster:'마스터', powerLineUsed:'파워 사용: 세로라인 제거', powerBombUsed:'파워 사용: 폭탄', powerShuffleUsed:'파워 사용: 셔플', eventBull:'강세장 이벤트: 15초간 +20%', eventInflation:'물가 압력 이벤트: 12초간 +10%', eventTaxShock:'세금 정책 충격: 12초간 -10%', timeOver:'시간 종료', noMovesLeft:'이동 횟수 소진', labels:{ statusMode:'모드', statusDifficulty:'난이도', statusBoard:'보드', statusEvent:'이벤트 배율', statusFever:'피버 남은 시간', statusFinal:'최종 단계' }, yes:'예', no:'아니오' }, ja:{ title:'グローバル経済ブロックパズル', subtitle:'ブロックをそろえ、金融クイズを解いて最終形を公開し、中央タイルをアンロックしましょう。', regionBadge:'グローバル対応 • ブラウザゲーム', lang:'言語', howToPlay:'遊び方', score:'スコア', combo:'コンボ', fever:'フィーバー', mission:'ミッション', coins:'コイン', best:'ベスト', mode:'モード', difficulty:'難易度', sound:'サウンド', limit:'制限', hint:'ヒント', refreshMission:'ミッション更新', shuffle:'シャッフル', newGame:'新しいゲーム', guide:'ガイド', pLine:'パワー: 縦ライン (-2c)', pBomb:'パワー: 爆弾3×3 (-3c)', pShuffle:'パワー: シャッフル (-1c)', helpText:'クイズを解くと目標の形が少しずつ公開されます。すべて公開されたら背景ブロックを1個まで減らして中央タイルを押すと名言報酬が開きます。教育・娯楽目的のみで、投資助言ではありません。', updates:'更新', revealProgress:'公開進行', bgLeft:'背景残数', center:'中央', locked:'ロック', unlocked:'解除', quizStep:'クイズステップ', revealPiece:'ピース公開', footerCopyright:'グローバル経済ブロックパズル © 2026 Happycode7. All rights reserved.', footerLegal:'教育・娯楽向けコンテンツです。金融・投資・税務・法務の助言は提供しません。国や地域により法令・プラットフォーム規約が異なる場合があります。', chooseLanguage:'言語を選択', langDesc:'UI言語のみ即時変更されます。ゲーム内容は同じです。一般的な教育・娯楽コンテンツです。', close:'閉じる', ready:'準備完了', start:'スタート！クイズを解いて目標の形を公開しましょう。', guideOpened:'ガイドを開きました。', guideClosed:'ガイドを閉じました。', needBg:'背景ブロックを1個にすると中央が解除されます。', centerUnlocked:'中央解除！中央タイルをタップしてください。', insufficientCoins:'コイン不足です。', missionRefreshed:'ミッションを更新しました。', boardShuffled:'ボードをシャッフルしました。', modeChanged:'モードを変更しました。最終形が変わる場合があります。', diffChanged:'難易度変更：盤面サイズと色数を調整しました。', newGameMsg:'新しいゲームを開始しました。', tipHint:'ヒントで有効な手を確認できます。', noMovesShuffle:'有効な手がないため自動シャッフルしました。', invalidSwap:'隣接交換で3つ以上の一致が必要です。', feverMsg:'フィーバー！8秒間スコアx2。', eventEnd:'イベント終了', finalStage:'最終段階！背景ブロックを1個まで減らして中央タイルを押してください。', quoteUnlocked:'おめでとうございます！名言報酬を解放しました。', modeCasual:'カジュアル', modeMoves:'移動制限', modeTimer:'タイマー', diffEasy:'簡単', diffNormal:'普通', diffHard:'難しい', diffMaster:'マスター', powerLineUsed:'パワー使用: 縦ライン', powerBombUsed:'パワー使用: 爆弾', powerShuffleUsed:'パワー使用: シャッフル', eventBull:'強気相場イベント: 15秒間 +20%', eventInflation:'インフレ圧力イベント: 12秒間 +10%', eventTaxShock:'税制ショックイベント: 12秒間 -10%', timeOver:'時間切れ', noMovesLeft:'移動回数切れ', labels:{statusMode:'モード',statusDifficulty:'難易度',statusBoard:'盤面',statusEvent:'イベント倍率',statusFever:'フィーバー残り',statusFinal:'最終段階'}, yes:'はい', no:'いいえ' }, zh:{ title:'全球财经方块益智', subtitle:'匹配方块，完成财经小测验步骤，逐步揭示最终图形并解锁中央格。', regionBadge:'全球友好 • 浏览器游戏', lang:'语言', howToPlay:'玩法说明', score:'分数', combo:'连击', fever:'狂热', mission:'任务', coins:'金币', best:'最高分', mode:'模式', difficulty:'难度', sound:'音效', limit:'限制', hint:'提示', refreshMission:'刷新任务', shuffle:'洗牌', newGame:'新游戏', guide:'指南', pLine:'能力：竖线清除 (-2c)', pBomb:'能力：3×3炸弹 (-3c)', pShuffle:'能力：洗牌 (-1c)', helpText:'完成测验步骤可逐步揭示目标图形。全部揭示后，将背景方块减少到1个并点击中心格，即可解锁名言奖励。本游戏仅供教育/娱乐，不构成投资建议。', updates:'动态', revealProgress:'揭示进度', bgLeft:'背景剩余', center:'中心', locked:'已锁定', unlocked:'已解锁', quizStep:'测验步骤', revealPiece:'揭示碎片', footerCopyright:'全球财经方块益智 © 2026 Happycode7. All rights reserved.', footerLegal:'仅用于教育与娱乐。本游戏不提供金融、投资、税务或法律建议。不同国家/地区法律与平台政策可能不同，请自行判断使用。', chooseLanguage:'选择语言', langDesc:'仅即时切换界面语言，游戏机制不变。内容仅为一般教育/娱乐用途。', close:'关闭', ready:'准备就绪', start:'开始！完成测验以揭示目标图形。', guideOpened:'已打开指南。', guideClosed:'已关闭指南。', needBg:'将背景方块减少到1个即可解锁中心。', centerUnlocked:'中心已解锁！点击中心格。', insufficientCoins:'金币不足。', missionRefreshed:'任务已刷新。', boardShuffled:'棋盘已洗牌。', modeChanged:'模式已更改，最终图形可能变化。', diffChanged:'难度已更改：棋盘大小和颜色数量已调整。', newGameMsg:'新游戏已开始。', tipHint:'提示：使用提示按钮高亮有效交换。', noMovesShuffle:'没有可用移动，已自动洗牌。', invalidSwap:'交换后必须形成至少3个相同方块。', feverMsg:'狂热！8秒内分数x2。', eventEnd:'事件结束', finalStage:'最终阶段！将背景方块减少到1个后点击中心格。', quoteUnlocked:'恭喜！已解锁名言奖励。', modeCasual:'休闲', modeMoves:'步数限制', modeTimer:'计时', diffEasy:'简单', diffNormal:'普通', diffHard:'困难', diffMaster:'大师', powerLineUsed:'能力已用：竖线清除', powerBombUsed:'能力已用：炸弹', powerShuffleUsed:'能力已用：洗牌', eventBull:'牛市事件：15秒内 +20%', eventInflation:'通胀压力事件：12秒内 +10%', eventTaxShock:'税收政策冲击：12秒内 -10%', timeOver:'时间结束', noMovesLeft:'步数已用完', labels:{statusMode:'模式',statusDifficulty:'难度',statusBoard:'棋盘',statusEvent:'事件倍率',statusFever:'狂热剩余',statusFinal:'最终阶段'}, yes:'是', no:'否' }, es:{ title:'Rompecabezas Global de Bloques Financieros', subtitle:'Combina bloques, resuelve mini cuestionarios financieros, revela la figura final y desbloquea la casilla central.', regionBadge:'Apto para público global • Juego web', lang:'Idioma', howToPlay:'Cómo jugar', score:'Puntuación', combo:'Combo', fever:'Fiebre', mission:'Misión', coins:'Monedas', best:'Récord', mode:'Modo', difficulty:'Dificultad', sound:'Sonido', limit:'Límite', hint:'Pista', refreshMission:'Actualizar misión', shuffle:'Mezclar', newGame:'Nuevo juego', guide:'Guía', pLine:'Poder: Línea vertical (-2c)', pBomb:'Poder: Bomba 3×3 (-3c)', pShuffle:'Poder: Mezclar (-1c)', helpText:'Resuelve pasos de quiz para revelar la figura objetivo. Cuando se complete, reduce los bloques de fondo a 1 y toca la casilla central para desbloquear una cita. Solo uso educativo/entretenimiento; no es asesoría financiera.', updates:'Novedades', revealProgress:'Progreso', bgLeft:'Fondo restante', center:'Centro', locked:'Bloqueado', unlocked:'Desbloqueado', quizStep:'Paso de quiz', revealPiece:'Revelar pieza', footerCopyright:'Rompecabezas Global de Bloques Financieros © 2026 Happycode7. All rights reserved.', footerLegal:'Contenido solo educativo y de entretenimiento. Este juego no ofrece asesoría financiera, de inversión, fiscal ni legal. Las leyes y políticas de plataforma pueden variar según país/región.', chooseLanguage:'Elegir idioma', langDesc:'El idioma de la interfaz cambia al instante. La mecánica del juego no cambia. Contenido educativo/entretenimiento.', close:'Cerrar', ready:'Listo', start:'¡Comienza! Resuelve quizzes para revelar la figura objetivo.', guideOpened:'Guía abierta.', guideClosed:'Guía cerrada.', needBg:'Reduce los bloques de fondo a 1 para desbloquear el centro.', centerUnlocked:'¡Centro desbloqueado! Toca la casilla central.', insufficientCoins:'No hay suficientes monedas.', missionRefreshed:'Misión actualizada.', boardShuffled:'Tablero mezclado.', modeChanged:'Modo cambiado. La figura final puede cambiar.', diffChanged:'Dificultad cambiada: tamaño del tablero y colores ajustados.', newGameMsg:'Nuevo juego iniciado.', tipHint:'Pista: usa Hint para ver un movimiento válido.', noMovesShuffle:'No había movimientos válidos. Se mezcló el tablero.', invalidSwap:'El intercambio debe crear una combinación de 3 o más.', feverMsg:'¡Fiebre! x2 puntos por 8s.', eventEnd:'Evento finalizado', finalStage:'¡Fase final! Reduce el fondo a 1 bloque y toca el centro.', quoteUnlocked:'¡Felicidades! Recompensa de cita desbloqueada.', modeCasual:'Casual', modeMoves:'Límite de movimientos', modeTimer:'Temporizador', diffEasy:'Fácil', diffNormal:'Normal', diffHard:'Difícil', diffMaster:'Maestro', powerLineUsed:'Poder usado: Línea vertical', powerBombUsed:'Poder usado: Bomba', powerShuffleUsed:'Poder usado: Mezclar', eventBull:'Evento alcista: +20% por 15s', eventInflation:'Evento de presión inflacionaria: +10% por 12s', eventTaxShock:'Choque de política fiscal: -10% por 12s', timeOver:'Tiempo terminado', noMovesLeft:'Sin movimientos restantes', labels:{statusMode:'Modo',statusDifficulty:'Dificultad',statusBoard:'Tablero',statusEvent:'Multiplicador',statusFever:'Fiebre restante',statusFinal:'Fase final'}, yes:'Sí', no:'No' }, fr:{ title:'Puzzle Global de Blocs Financiers', subtitle:'Associez des blocs, répondez à des mini-quiz financiers, révélez la forme finale et déverrouillez la case centrale.', regionBadge:'Compatible mondial • Jeu navigateur', lang:'Langue', howToPlay:'Comment jouer', score:'Score', combo:'Combo', fever:'Fever', mission:'Mission', coins:'Pièces', best:'Meilleur', mode:'Mode', difficulty:'Difficulté', sound:'Son', limit:'Limite', hint:'Indice', refreshMission:'Actualiser mission', shuffle:'Mélanger', newGame:'Nouveau jeu', guide:'Guide', pLine:'Pouvoir : Ligne verticale (-2c)', pBomb:'Pouvoir : Bombe 3×3 (-3c)', pShuffle:'Pouvoir : Mélange (-1c)', helpText:'Résolvez les étapes du quiz pour révéler la forme cible. Une fois complète, réduisez les blocs de fond à 1 et touchez la case centrale pour débloquer une citation. Usage éducatif/divertissement uniquement, pas un conseil financier.', updates:'Infos', revealProgress:'Progression', bgLeft:'Fond restant', center:'Centre', locked:'Verrouillé', unlocked:'Déverrouillé', quizStep:'Étape quiz', revealPiece:'Révéler pièce', footerCopyright:'Puzzle Global de Blocs Financiers © 2026 Happycode7. All rights reserved.', footerLegal:'Contenu éducatif et de divertissement uniquement. Ce jeu ne fournit pas de conseils financiers, d’investissement, fiscaux ou juridiques. Les lois et règles de plateforme peuvent varier selon le pays/la région.', chooseLanguage:'Choisir la langue', langDesc:'La langue de l’interface change instantanément. La mécanique reste identique. Contenu éducatif/divertissement.', close:'Fermer', ready:'Prêt', start:'Démarrer ! Résolvez les quiz pour révéler la forme cible.', guideOpened:'Guide ouvert.', guideClosed:'Guide fermé.', needBg:'Réduisez les blocs de fond à 1 pour déverrouiller le centre.', centerUnlocked:'Centre déverrouillé ! Touchez la case centrale.', insufficientCoins:'Pièces insuffisantes.', missionRefreshed:'Mission actualisée.', boardShuffled:'Plateau mélangé.', modeChanged:'Mode modifié. La forme finale peut changer.', diffChanged:'Difficulté modifiée : taille du plateau et palette ajustées.', newGameMsg:'Nouveau jeu lancé.', tipHint:'Astuce : utilisez Hint pour voir un coup valide.', noMovesShuffle:'Aucun coup valide. Plateau mélangé automatiquement.', invalidSwap:'L’échange doit créer un alignement de 3 ou plus.', feverMsg:'Fever ! Score x2 pendant 8s.', eventEnd:'Événement terminé', finalStage:'Étape finale ! Réduisez le fond à 1 bloc puis touchez le centre.', quoteUnlocked:'Bravo ! Citation récompense débloquée.', modeCasual:'Casual', modeMoves:'Limite de coups', modeTimer:'Minuteur', diffEasy:'Facile', diffNormal:'Normal', diffHard:'Difficile', diffMaster:'Maître', powerLineUsed:'Pouvoir utilisé : Ligne verticale', powerBombUsed:'Pouvoir utilisé : Bombe', powerShuffleUsed:'Pouvoir utilisé : Mélange', eventBull:'Événement haussier : +20% pendant 15s', eventInflation:'Événement pression inflationniste : +10% pendant 12s', eventTaxShock:'Choc de politique fiscale : -10% pendant 12s', timeOver:'Temps écoulé', noMovesLeft:'Plus de coups', labels:{statusMode:'Mode',statusDifficulty:'Difficulté',statusBoard:'Plateau',statusEvent:'Multiplicateur',statusFever:'Fever restante',statusFinal:'Étape finale'}, yes:'Oui', no:'Non' } }; let lang=Store.getStr('lang','en'); if(!I18N[lang]) lang='en'; const t=(k)=>{ const d=I18N[lang]||I18N.en; if(k.includes('.')){ const [a,b]=k.split('.'); return (d[a] && d[a][b]) || (I18N.en[a] && I18N.en[a][b]) || k; } return d[k] || I18N.en[k] || k; }; function setText(id,key){ const el=document.getElementById(id); if(el) el.textContent=t(key); } function applyI18nStatic(){ document.documentElement.lang=lang; document.title=t('title')+' | Happycode7'; setText('regionBadge','regionBadge'); setText('titleMain','title'); setText('titleSub','subtitle'); setText('openLang','lang'); setText('openHelpTop','howToPlay'); setText('lblScore','score'); setText('lblCombo','combo'); setText('lblFever','fever'); setText('lblMission','mission'); setText('lblCoins','coins'); setText('lblBest','best'); setText('lblMode','mode'); setText('lblDifficulty','difficulty'); setText('lblSound','sound'); setText('lblLimit','limit'); setText('hint','hint'); setText('quest','refreshMission'); setText('shuffle','shuffle'); setText('reset','newGame'); setText('help','guide'); setText('p_line','pLine'); setText('p_bomb','pBomb'); setText('p_shuffle','pShuffle'); setText('helpBox','helpText'); setText('lblNews','updates'); setText('lblProgress','revealProgress'); setText('lblBgLeft','bgLeft'); setText('lblCenter','center'); setText('quizPanelTitle','quizStep'); setText('quizStepBadge','revealPiece'); setText('footerCopyright','footerCopyright'); setText('footerLegal','footerLegal'); setText('langModalTitle','chooseLanguage'); setText('langModalDesc','langDesc'); setText('closeLang','close'); const modeSel=document.getElementById('modeSel'); if(modeSel){ modeSel.options[0].text=t('modeCasual'); modeSel.options[1].text=t('modeMoves'); modeSel.options[2].text=t('modeTimer'); } const diffSel=document.getElementById('diffSel'); if(diffSel){ diffSel.options[0].text=t('diffEasy'); diffSel.options[1].text=t('diffNormal'); diffSel.options[2].text=t('diffHard'); diffSel.options[3].text=t('diffMaster'); } renderNewsState(); } function setStatusLines(lines){ const host=document.getElementById('statusList'); const frag=document.createDocumentFragment(); for(const line of lines){ const div=document.createElement('div'); div.textContent='• '+line; frag.appendChild(div); } host.replaceChildren(frag); } function shapeEmoji(s){ if(String(s).startsWith('heart')) return '❤'; if(String(s).startsWith('clover')) return '🍀'; if(String(s).startsWith('shamrock')) return '☘'; return '★'; } function makeCell(color,kind,shape){ return {color,kind:kind||'N',shape:shape||''}; } function keyOf(r,c){ return r+','+c; } function isAdj(a,b){ return !!(a&&b&&(Math.abs(a.r-b.r)+Math.abs(a.c-b.c)===1)); } function eqCell(a,b){ return !!(a&&b&&((a.kind==='W'||b.kind==='W')||a.color===b.color)); } let W=6,H=8,COLORS=6; let grid=[], sel=null, busy=false; let score=0, combo=1, feverLeft=0, feverId=null; let eventMul=1, eventLeft=0, eventTimer=null; let mode='casual', moves=Infinity, timeLeft=Infinity, timerId=null; let coins=0, best=0, finalStage=false, needBgOne=true; let patternMask=[], revealSteps=[], revealIndex=0; let badges=[], quest={k:'score',n:1500,left:1500,prize:1}; const colBG=['#fee2e2','#e0e7ff','#dcfce7','#fef3c7','#e9d5ff','#cffafe','#fde68a','#d1fae5','#fce7f3']; const boardEl=document.getElementById('board'); const modeSel=document.getElementById('modeSel'); const diffSel=document.getElementById('diffSel'); const soundChk=document.getElementById('soundChk'); const scoreEl=document.getElementById('score'); const comboEl=document.getElementById('combo'); const feverTxt=document.getElementById('feverTxt'); const feverBar=document.getElementById('feverBar'); const missionEl=document.getElementById('mission'); const coinsEl=document.getElementById('coins'); const bestEl=document.getElementById('best'); const limitEl=document.getElementById('limit'); const bgLeftEl=document.getElementById('bgLeft'); const centerLockEl=document.getElementById('centerLock'); const revealProgEl=document.getElementById('revealProg'); const helpBox=document.getElementById('helpBox'); const quoteBox=document.getElementById('quoteBox'); const quoteText=document.getElementById('quoteText'); const quoteWho=document.getElementById('quoteWho'); const qText=document.getElementById('qText'); const qOpts=document.getElementById('qOpts'); const qMsg=document.getElementById('qMsg'); function setGridCSS(){ boardEl.style.display='grid'; boardEl.style.gridTemplateColumns='repeat('+W+', 38px)'; boardEl.style.gap='6px'; boardEl.style.justifyContent='center'; } function render(){ boardEl.innerHTML=''; for(let r=0;r<H;r++){ for(let c=0;c<W;c++){ const d=document.createElement('div'); d.className='cell'; d.id='r'+r+'c'+c; d.addEventListener('click',()=>onCellClick(r,c,d),{passive:true}); boardEl.appendChild(d); } } const all=[]; for(let r=0;r<H;r++) for(let c=0;c<W;c++) all.push({r,c}); renderCells(all); updateHUD(); } function renderCells(list){ for(const p of list){ const d=document.getElementById('r'+p.r+'c'+p.c); if(!d) continue; d.classList.remove('lineH','lineV','sel','hint'); d.innerHTML=''; const v=grid[p.r] && grid[p.r][p.c]; if(!v) continue; const i=document.createElement('i'); if(v.kind==='S'){ i.textContent=shapeEmoji(v.shape); i.style.background=colBG[v.color%colBG.length]; i.style.color='#be123c'; i.style.display='grid'; i.style.placeItems='center'; i.style.fontWeight='700'; i.style.fontSize='20px'; }else{ i.style.background=colBG[v.color%colBG.length]; if(v.kind==='H') d.classList.add('lineH'); if(v.kind==='V') d.classList.add('lineV'); if(v.kind==='W') i.classList.add('wild'); } d.appendChild(i); if(finalStage && p.r===Math.floor(H/2) && p.c===Math.floor(W/2)){ const b=document.createElement('div'); b.className='centerBadge'; b.textContent=((!needBgOne||countBackgroundBlocks()<=1)?'🔓':'🔒'); d.appendChild(b); } } } function swap(a,b){ const tmp=grid[a.r][a.c]; grid[a.r][a.c]=grid[b.r][b.c]; grid[b.r][b.c]=tmp; renderCells([a,b]); } function onCellClick(r,c,el){ if(!audioBooted) bootAudio(); if(finalStage){ const cr=Math.floor(H/2), cc=Math.floor(W/2); if(r===cr && c===cc){ const bgLeft=countBackgroundBlocks(); if(!needBgOne || bgLeft<=1){ showQuote(); return; } newsSetKey('needBg',{bgLeft:bgLeft}); toast(t('needBg')); return; } } if(busy) return; const cur={r,c}; if(sel && sel.r===r && sel.c===c){ const prev=document.getElementById('r'+sel.r+'c'+sel.c); if(prev) prev.classList.remove('sel'); sel=null; return; } if(!sel){ sel=cur; el.classList.add('sel'); return; } if(isAdj(sel,cur)){ swap(sel,cur); const m=findMatches(); if(m.total>0){ const prev=document.getElementById('r'+sel.r+'c'+sel.c); if(prev) prev.classList.remove('sel'); sel=null; if(mode==='moves') moves=Math.max(0,moves-1); resolve(m); }else{ swap(sel,cur); newsSetKey('invalidSwap'); const prev=document.getElementById('r'+sel.r+'c'+sel.c); if(prev) prev.classList.remove('sel'); sel=null; beep('bad'); } }else{ const prev=document.getElementById('r'+sel.r+'c'+sel.c); if(prev) prev.classList.remove('sel'); sel=cur; el.classList.add('sel'); } } function findMatches(){ const del=new Set(); const created=[]; for(let r=0;r<H;r++){ let run=1; for(let c=1;c<=W;c++){ const same=(c<W && eqCell(grid[r][c],grid[r][c-1])); if(same) run++; else{ if(run>=3){ for(let k=0;k<run;k++) del.add(keyOf(r,c-1-k)); } if(run===4) created.push({r:r,c:c-1,dir:'H'}); if(run>=5) created.push({r:r,c:c-1,dir:'W'}); run=1; } } } for(let c=0;c<W;c++){ let run=1; for(let r=1;r<=H;r++){ const same=(r<H && eqCell(grid[r][c],grid[r-1][c])); if(same) run++; else{ if(run>=3){ for(let k=0;k<run;k++) del.add(keyOf(r-1-k,c)); } if(run===4) created.push({r:r-1,c:c,dir:'V'}); if(run>=5) created.push({r:r-1,c:c,dir:'W'}); run=1; } } } return {set:del,total:del.size,create:created}; } function resolve(match){ if(busy) return; busy=true; if(!match || !match.total){ busy=false; return; } const del=match.set; const count=match.total; let mult=(combo>=3?2:1); if(feverLeft>0) mult*=2; score += Math.round(count*60*combo*mult); for(const cr of match.create){ const rr=cr.r, cc=cr.c; if(rr<0||cc<0||rr>=H||cc>=W) continue; const v=grid[rr][cc]; if(!v) continue; if(v.kind==='S') continue; if(cr.dir==='H') v.kind='H'; else if(cr.dir==='V') v.kind='V'; else v.kind='W'; } updateHUD(); beep(combo>=3?'combo':'ok'); for(const k of del){ const a=k.split(','); const r=Number(a[0]), c=Number(a[1]); const d=document.getElementById('r'+r+'c'+c); if(d) d.style.opacity='0.25'; grid[r][c]=null; } setTimeout(()=>{ for(let c=0;c<W;c++){ let write=H-1; for(let r=H-1;r>=0;r--){ if(grid[r][c]!=null){ grid[write][c]=grid[r][c]; if(write!==r) grid[r][c]=null; write--; } } for(let r=write;r>=0;r--) grid[r][c]=makeCell(rnd(COLORS)); } render(); const more=findMatches(); if(more.total){ combo++; if(combo===3) startFever(); resolve(more); return; } if(combo>=5 && !badges.includes('combo5')) badges.push('combo5'); maybeQuest(count); combo=1; checkEnd(); checkStuck(); busy=false; if(Math.random()<.35) newsSetKey('tipHint'); saveAll(); updateHUD(); },160); } function findHint(){ for(let r=0;r<H;r++){ for(let c=0;c<W;c++){ const cur={r,c}; const dirs=[[0,1],[1,0]]; for(const d of dirs){ const nr=r+d[0], nc=c+d[1]; if(nr>=H||nc>=W) continue; swap(cur,{r:nr,c:nc}); const m=findMatches(); swap(cur,{r:nr,c:nc}); if(m.total>0) return [cur,{r:nr,c:nc}]; } } } return null; } function showHint(){ const pair=findHint(); if(!pair){ shuffleBoard(); newsSetKey('noMovesShuffle'); return; } for(const p of pair){ const d=document.getElementById('r'+p.r+'c'+p.c); if(d){ d.classList.add('hint'); setTimeout(()=>d.classList.remove('hint'),1100); } } toast(t('hint')); } function checkStuck(){ if(!findHint()){ shuffleBoard(); newsSetKey('noMovesShuffle'); } } function shuffleBoard(){ for(let r=0;r<H;r++){ for(let c=0;c<W;c++){ const rr=rnd(H), cc=rnd(W); const tmp=grid[r][c]; grid[r][c]=grid[rr][cc]; grid[rr][cc]=tmp; } } render(); } function startFever(){ feverLeft=8; updateHUD(); if(feverId) clearInterval(feverId); feverId=setInterval(()=>{ feverLeft--; updateHUD(); if(feverLeft<=0){ clearInterval(feverId); feverId=null; } },1000); newsSetKey('feverMsg'); } function randomEvent(){ if(eventLeft>0) return; if(Math.random()>=0.28) return; const kinds=[ {mul:1.2,sec:15,msgKey:'eventBull'}, {mul:1.1,sec:12,msgKey:'eventInflation'}, {mul:0.9,sec:12,msgKey:'eventTaxShock'} ]; const e=kinds[rnd(kinds.length)]; eventMul=e.mul; eventLeft=e.sec; newsSetKey(e.msgKey); if(eventTimer) clearInterval(eventTimer); eventTimer=setInterval(()=>{ eventLeft--; updateHUD(); if(eventLeft<=0){ clearInterval(eventTimer); eventTimer=null; eventMul=1; newsSetKey('eventEnd'); updateHUD(); } },1000); } setInterval(()=>{ if(!busy) randomEvent(); },3000); function applyMode(){ mode=modeSel.value; if(timerId){ clearInterval(timerId); timerId=null; } if(mode==='casual'){ moves=Infinity; timeLeft=Infinity; } if(mode==='moves'){ moves=30; timeLeft=Infinity; } if(mode==='timer'){ timeLeft=90; moves=Infinity; timerId=setInterval(()=>{ timeLeft--; updateHUD(); if(timeLeft<=0){ clearInterval(timerId); timerId=null; endGame('timeOver'); } },1000); } updateHUD(); } function checkEnd(){ if(mode==='moves' && moves<=0) endGame('noMovesLeft'); } function endGame(reasonKey){ const final=Math.round(score*eventMul); if(final>best){ best=final; Store.setStr('best',String(best)); } newsSetKey('endGame',{reasonKey:reasonKey,final:final}); maybeBadgeEnd(final); updateHUD(); } function maybeBadgeEnd(finalScore){ if(finalScore>=10000 && !badges.includes('10k')) badges.push('10k'); if(coins>=10 && !badges.includes('coin10')) badges.push('coin10'); saveAll(); } function getTargetShape(){ const m=modeSel.value; const d=diffSel.value; if(m==='casual'){ if(d==='easy') return 'heart'; if(d==='normal') return 'heart2'; return 'heart3'; } if(m==='moves'){ if(d==='hard'||d==='master') return 'shamrock2'; return 'shamrock'; } if(m==='timer'){ if(d==='hard'||d==='master') return 'clover2'; return 'clover'; } return 'heart'; } function buildPatternMask(shapeKey){ const family=String(shapeKey).startsWith('heart')?'heart':(String(shapeKey).startsWith('shamrock')?'shamrock':'clover'); const coords=[]; const cx=(W-1)/2, cy=(H-1)/2; const rx=W/2.2, ry=H/2.6; for(let r=0;r<H;r++){ for(let c=0;c<W;c++){ const x=(c-cx)/rx, y=-(r-cy)/ry; let inside=false; if(family==='heart'){ const v=Math.pow(x*x+y*y-1,3)-x*x*Math.pow(y,3); inside=(v<=0); }else if(family==='clover'){ const a=0.5, rad=0.68; const d1=(x-a)*(x-a)+y*y<=rad*rad; const d2=(x+a)*(x+a)+y*y<=rad*rad; const d3=x*x+(y-a)*(y-a)<=rad*rad; const d4=x*x+(y+a)*(y+a)<=rad*rad; inside=d1||d2||d3||d4; }else{ const rad=0.72; const p=(ux,uy)=>((x-ux)*(x-ux)+(y-uy)*(y-uy)<=rad*rad); const k=0.6; const u1=[0,k]; const u2=[-k*Math.cos(Math.PI/6),-k*Math.sin(Math.PI/6)]; const u3=[ k*Math.cos(Math.PI/6),-k*Math.sin(Math.PI/6)]; inside=p(u1[0],u1[1])||p(u2[0],u2[1])||p(u3[0],u3[1]); } if(inside) coords.push({r,c}); } } if(coords.length<(W*H*0.25)){ const set=new Set(coords.map(v=>keyOf(v.r,v.c))); const add=[]; for(const v of coords){ const around=[[1,0],[-1,0],[0,1],[0,-1]]; for(const a of around){ const rr=v.r+a[0], cc=v.c+a[1]; if(rr>=0&&rr<H&&cc>=0&&cc<W){ const kk=keyOf(rr,cc); if(!set.has(kk)){ set.add(kk); add.push({r:rr,c:cc}); } } } } coords.push.apply(coords,add); } return coords; } function buildRevealSteps(){ patternMask=buildPatternMask(getTargetShape()); const total=Math.min(quizzes.length,Math.max(12,Math.floor(patternMask.length/3))); const shuffled=patternMask.slice().sort(()=>Math.random()-0.5); revealSteps=[]; const stepSize=Math.max(1,Math.ceil(shuffled.length/total)); for(let i=0;i<total;i++){ revealSteps.push(shuffled.slice(i*stepSize,(i+1)*stepSize)); } revealIndex=0; finalStage=false; updateHUD(); } function revealNextStep(){ if(revealIndex>=revealSteps.length){ completePattern(); return; } const shape=getTargetShape(); const list=revealSteps[revealIndex++] || []; busy=true; let i=0; const it=setInterval(()=>{ if(i>=list.length){ clearInterval(it); busy=false; if(revealIndex>=revealSteps.length) completePattern(); updateHUD(); return; } const p=list[i++]; grid[p.r][p.c]=makeCell(rnd(COLORS),'S',shape); renderCells([p]); },14); } function completePattern(){ if(finalStage) return; finalStage=true; const shape=getTargetShape(); for(const p of patternMask){ grid[p.r][p.c]=makeCell(rnd(COLORS),'S',shape); } render(); newsSetKey('finalStage'); toast(t('finalStage'),1800); updateHUD(); } function countBackgroundBlocks(){ let n=0; for(let r=0;r<H;r++) for(let c=0;c<W;c++) if(grid[r][c] && grid[r][c].kind!=='S') n++; return n; } const quizzes=[ {q:{en:'What is index investing?',ko:'인덱스 투자는 무엇일까요?',ja:'インデックス投資とは？',zh:'什么是指数投资？',es:'¿Qué es la inversión indexada?',fr:'Qu’est-ce que l’investissement indiciel ?'},a:{ en:['Tracking a market index','All-in on one theme','Daily speculative trading'], ko:['시장 지수 추종','테마 몰빵','하루 단타'], ja:['市場指数に連動','特定テーマ一点集中','日次の投機売買'], zh:['跟踪市场指数','押注单一主题','日内投机交易'], es:['Seguir un índice del mercado','Apostar todo a un tema','Trading especulativo diario'], fr:['Suivre un indice de marché','Tout miser sur un thème','Trading spéculatif quotidien'] },ok:0,exp:{en:'Broad diversification and lower cost are common strengths.',ko:'분산과 저비용이 핵심 장점입니다.',ja:'分散と低コストが代表的な利点です。',zh:'广泛分散和低成本是常见优势。',es:'La diversificación amplia y el bajo costo son ventajas comunes.',fr:'La diversification large et le faible coût sont des atouts courants.'}}, {q:{en:'Emergency fund guideline?',ko:'비상금 권장 범위는?',ja:'生活防衛資金の目安は？',zh:'应急资金建议范围？',es:'¿Rango recomendado para fondo de emergencia?',fr:'Fourchette recommandée pour fonds d’urgence ?'},a:{ en:['3–6 months of expenses','1 week of expenses','10 years of expenses'], ko:['생활비 3~6개월','생활비 1주일','생활비 10년치'], ja:['生活費3〜6か月分','1週間分','10年分'], zh:['3-6个月生活费','1周生活费','10年生活费'], es:['3–6 meses de gastos','1 semana de gastos','10 años de gastos'], fr:['3 à 6 mois de dépenses','1 semaine de dépenses','10 ans de dépenses'] },ok:0,exp:{en:'A common planning baseline for liquidity needs.',ko:'유동성 대비의 대표적인 기준입니다.',ja:'流動性確保の一般的な目安です。',zh:'常见的流动性规划基准。',es:'Una base común para planificación de liquidez.',fr:'Une base courante pour la planification de liquidité.'}}, {q:{en:'Bond price vs interest rates?',ko:'채권 가격과 금리의 관계는?',ja:'債券価格と金利の関係は？',zh:'债券价格与利率关系？',es:'¿Relación entre precio del bono y tasas?',fr:'Relation prix des obligations / taux ?'},a:{ en:['Inverse relationship','Direct relationship','No relationship'], ko:['역의 관계','정의 관계','무관'], ja:['逆相関','正相関','無関係'], zh:['反向关系','正向关系','无关'], es:['Relación inversa','Relación directa','Sin relación'], fr:['Relation inverse','Relation directe','Aucune relation'] },ok:0,exp:{en:'When rates rise, existing bond prices often fall.',ko:'금리가 오르면 기존 채권 가격은 하락하는 경향이 있습니다.',ja:'金利上昇時は既存債券価格が下がる傾向があります。',zh:'利率上升时，存量债券价格通常下跌。',es:'Cuando suben las tasas, los bonos existentes suelen bajar.',fr:'Quand les taux montent, les obligations existantes baissent souvent.'}}, {q:{en:'What helps long-term investing?',ko:'장기투자에 도움이 되는 습관은?',ja:'長期投資に役立つ習慣は？',zh:'什么习惯有助于长期投资？',es:'¿Qué ayuda a la inversión a largo plazo?',fr:'Qu’est-ce qui aide l’investissement de long terme ?'},a:{ en:['Regular saving + diversification','Rumor chasing','High-risk all-in'], ko:['정기 적립 + 분산','루머 추격','고위험 몰빵'], ja:['積立＋分散','噂追い','高リスク一点集中'], zh:['定投+分散','追逐传闻','高风险梭哈'], es:['Ahorro periódico + diversificación','Seguir rumores','Todo al alto riesgo'], fr:['Épargne régulière + diversification','Suivre les rumeurs','Tout miser risqué'] },ok:0,exp:{en:'Consistency usually matters more than excitement.',ko:'흥분보다 꾸준함이 더 중요합니다.',ja:'刺激より継続が重要です。',zh:'持续性通常比刺激更重要。',es:'La constancia suele importar más que la emoción.',fr:'La régularité compte souvent plus que l’excitation.'}}, {q:{en:'What is rebalancing?',ko:'리밸런싱이란?',ja:'リバランスとは？',zh:'什么是再平衡？',es:'¿Qué es rebalancear?',fr:'Qu’est-ce que le rééquilibrage ?'},a:{ en:['Restoring target allocation','Buying only winners','Selling only losers'], ko:['목표 비중으로 복귀','오르는 것만 매수','내리는 것만 매도'], ja:['目標配分へ戻すこと','勝ち銘柄だけ買う','負け銘柄だけ売る'], zh:['恢复目标配置','只买上涨资产','只卖下跌资产'], es:['Volver a la asignación objetivo','Comprar solo ganadores','Vender solo perdedores'], fr:['Revenir à l’allocation cible','Acheter seulement les gagnants','Vendre seulement les perdants'] },ok:0,exp:{en:'It keeps risk aligned with your plan.',ko:'계획한 위험 수준을 유지하는 데 도움됩니다.',ja:'計画したリスク水準を保つのに役立ちます。',zh:'有助于让风险保持在计划范围内。',es:'Ayuda a mantener el riesgo según tu plan.',fr:'Cela aide à garder le risque conforme au plan.'}} ]; function qPickText(o){ if(typeof o==='string') return o; if(!o) return ''; return o[lang] || o.en || ''; } function qPickArray(o){ if(Array.isArray(o)) return o; if(!o) return []; return o[lang] || o.en || []; } function openQuiz(){ const idx=Math.min(revealIndex,quizzes.length-1); const q=quizzes[idx]; if(!q){ qText.textContent=''; qOpts.innerHTML=''; qMsg.textContent=''; return; } qText.textContent=qPickText(q.q); qMsg.textContent=''; qOpts.innerHTML=''; const arr=qPickArray(q.a); arr.forEach((opt,i)=>{ const b=document.createElement('button'); b.className='btn'; b.type='button'; b.textContent=opt; b.addEventListener('click',()=>{ if(i===q.ok){ qMsg.textContent=(lang==='ko'?'정답! 코인 +1 — 모양 조각 공개.': lang==='ja'?'正解！コイン+1 — ピース公開。': lang==='zh'?'回答正确！金币+1 — 揭示碎片。': lang==='es'?'¡Correcto! +1 moneda — pieza revelada.': lang==='fr'?'Correct ! +1 pièce — pièce révélée.': 'Correct! Coin +1 — reveal piece.'); coins++; beep('ok'); revealNextStep(); }else{ const exp=qPickText(q.exp); qMsg.textContent=(lang==='ko'?'오답. '+exp: lang==='ja'?'不正解。'+exp: lang==='zh'?'错误。'+exp: lang==='es'?'Incorrecto. '+exp: lang==='fr'?'Incorrect. '+exp: 'Incorrect. '+exp); beep('bad'); } saveAll(); updateHUD(); if(revealIndex<revealSteps.length){ setTimeout(()=>openQuiz(),320); } },{passive:true}); qOpts.appendChild(b); }); } function questToText(q){ if(q.k==='score'){ return (lang==='ko'?'점수 ':'') + (lang!=='ko'?'Score ':'') + q.n.toLocaleString() + (lang==='ko'?' 달성 ':'') + (lang!=='ko'?' ':'') + '(+'+q.prize+'c)'; } if(q.k==='combo'){ return (lang==='ko'?'콤보 ':'') + (lang!=='ko'?'Combo ':'') + q.n + (lang==='ko'?' 달성 ':'') + (lang!=='ko'?' ':'') + '(+'+q.prize+'c)'; } if(q.k==='clear'){ return (lang==='ko'?'블록 제거 ':'') + (lang!=='ko'?'Clear ':'') + (q.left||q.n) + '/' + q.n + (lang==='ko'?' ':'') + (lang!=='ko'?' blocks ':'') + '(+'+q.prize+'c)'; } return t('mission'); } function makeQuest(){ const types=[{k:'score',n:1500,prize:1},{k:'combo',n:3,prize:1},{k:'clear',n:50,prize:1}]; const q=types[rnd(types.length)]; return {k:q.k,n:q.n,prize:q.prize,left:q.n}; } function maybeQuest(clearedCount){ if(quest.k==='score'){ if(score>=quest.n){ coins+=quest.prize; newsSet((lang==='ko'?'미션 달성! 코인 +':'Mission complete! +')+quest.prize+(lang==='ko'?'':' coin')); quest=makeQuest(); } }else if(quest.k==='combo'){ if(combo>=quest.n){ coins+=quest.prize; newsSet((lang==='ko'?'콤보 미션 성공! 코인 +':'Combo mission complete! +')+quest.prize+(lang==='ko'?'':' coin')); quest=makeQuest(); } }else if(quest.k==='clear'){ quest.left=Math.max(0,(quest.left||quest.n)-(clearedCount||0)); if(quest.left<=0){ coins+=quest.prize; newsSet((lang==='ko'?'클리어 미션 완료! 코인 +':'Clear mission complete! +')+quest.prize+(lang==='ko'?'':' coin')); quest=makeQuest(); } } saveAll(); updateHUD(); } function updateHUD(){ scoreEl.textContent=Math.round(score*eventMul).toLocaleString(); comboEl.textContent='x'+combo; feverTxt.textContent=feverLeft>0?('ON '+feverLeft+'s'):'OFF'; feverBar.style.width=(feverLeft>0?(feverLeft/8*100):0)+'%'; missionEl.textContent=questToText(quest); coinsEl.textContent=String(coins); bestEl.textContent=(best||0).toLocaleString(); const bgLeft=countBackgroundBlocks(); centerLockEl.textContent=!finalStage?t('locked'):((needBgOne&&bgLeft>1)?t('locked'):t('unlocked')); bgLeftEl.textContent=finalStage?String(bgLeft):'-'; revealProgEl.textContent=Math.min(revealIndex,revealSteps.length)+' / '+revealSteps.length; if(mode==='casual') limitEl.textContent='∞'; else if(mode==='moves') limitEl.textContent=String(moves); else limitEl.textContent=(timeLeft===Infinity?0:Math.max(0,timeLeft))+'s'; setStatusLines([ t('labels.statusMode')+': '+modeSel.options[modeSel.selectedIndex].text, t('labels.statusDifficulty')+': '+diffSel.options[diffSel.selectedIndex].text, t('labels.statusBoard')+': '+W+'×'+H+', colors '+COLORS, t('labels.statusEvent')+': '+eventMul.toFixed(2)+' ('+(eventLeft||0)+'s)', t('labels.statusFever')+': '+(feverLeft||0)+'s', t('labels.statusFinal')+': '+(finalStage?(bgLeft<=1?t('unlocked'):(t('locked')+' ('+bgLeft+')')):t('no')) ]); } function saveAll(){ Store.set('save',{coins,mode,level:diffSel.value}); Store.set('badges',badges); Store.set('quest',quest); Store.setStr('best',String(best)); Store.setStr('sound',soundChk.checked?'1':'0'); Store.setStr('lang',lang); } function loadAll(){ try{ const s=Store.get('save',{}); if(s && typeof s==='object'){ if(typeof s.coins==='number') coins=s.coins; if(typeof s.mode==='string') mode=s.mode; if(typeof s.level==='string') diffSel.value=s.level; } const q=Store.get('quest',null); if(q && q.k) quest=q; badges=Store.get('badges',[]) || []; best=Number(Store.getStr('best','0'))||0; soundChk.checked=Store.getStr('sound','0')==='1'; sOn=soundChk.checked; modeSel.value=mode; }catch(e){} } function applyDifficulty(){ const v=diffSel.value; if(v==='easy'){ W=5; H=7; COLORS=5; } else if(v==='normal'){ W=6; H=8; COLORS=6; } else if(v==='hard'){ W=7; H=9; COLORS=7; } else { W=8; H=10; COLORS=7; } } function makeGrid(){ grid=Array.from({length:H},()=>Array.from({length:W},()=>makeCell(rnd(COLORS)))); for(let i=0;i<80;i++){ const r1=rnd(H),c1=rnd(W),r2=rnd(H),c2=rnd(W); const tmp=grid[r1][c1]; grid[r1][c1]=grid[r2][c2]; grid[r2][c2]=tmp; } setGridCSS(); render(); checkStuck(); buildRevealSteps(); updateHUD(); } function resetGame(){ score=0; combo=1; feverLeft=0; eventLeft=0; eventMul=1; finalStage=false; revealIndex=0; sel=null; quoteBox.style.display='none'; if(feverId){ clearInterval(feverId); feverId=null; } if(eventTimer){ clearInterval(eventTimer); eventTimer=null; } applyDifficulty(); makeGrid(); applyMode(); newsSetKey('newGameMsg'); setTimeout(()=>{ openQuiz(); toast(t('tipHint')) },220); } function afterPower(){ render(); const more=findMatches(); if(more.total){ combo=1; resolve(more); }else{ updateHUD(); } saveAll(); } document.getElementById('p_line').addEventListener('click',()=>{ if(coins<2){ newsSetKey('insufficientCoins',{cost:2}); return; } const c=rnd(W); for(let r=0;r<H;r++) grid[r][c]=null; coins-=2; newsSetKey('powerLineUsed'); afterPower(); },{passive:true}); document.getElementById('p_bomb').addEventListener('click',()=>{ if(coins<3){ newsSetKey('insufficientCoins',{cost:3}); return; } const r=rnd(H), c=rnd(W); for(let rr=Math.max(0,r-1); rr<=Math.min(H-1,r+1); rr++){ for(let cc=Math.max(0,c-1); cc<=Math.min(W-1,c+1); cc++){ grid[rr][cc]=null; } } coins-=3; newsSetKey('powerBombUsed'); afterPower(); },{passive:true}); document.getElementById('p_shuffle').addEventListener('click',()=>{ if(coins<1){ newsSetKey('insufficientCoins',{cost:1}); return; } coins-=1; shuffleBoard(); newsSetKey('powerShuffleUsed'); afterPower(); },{passive:true}); document.getElementById('hint').addEventListener('click',()=>showHint(),{passive:true}); document.getElementById('help').addEventListener('click',()=>{ const show=(helpBox.style.display==='none'||helpBox.style.display===''); helpBox.style.display=show?'block':'none'; newsSetKey(show?'guideOpened':'guideClosed'); },{passive:true}); document.getElementById('openHelpTop').addEventListener('click',()=>{ const show=(helpBox.style.display==='none'||helpBox.style.display===''); helpBox.style.display=show?'block':'none'; newsSetKey(show?'guideOpened':'guideClosed'); if(show) helpBox.scrollIntoView({behavior:'smooth',block:'nearest'}); },{passive:true}); document.getElementById('quest').addEventListener('click',()=>{ quest=makeQuest(); newsSetKey('missionRefreshed'); saveAll(); updateHUD(); },{passive:true}); document.getElementById('reset').addEventListener('click',()=>resetGame(),{passive:true}); document.getElementById('shuffle').addEventListener('click',()=>{ shuffleBoard(); newsSetKey('boardShuffled'); },{passive:true}); modeSel.addEventListener('change',()=>{ applyMode(); buildRevealSteps(); updateHUD(); newsSetKey('modeChanged'); },{passive:true}); diffSel.addEventListener('change',()=>{ applyDifficulty(); score=0; combo=1; quoteBox.style.display='none'; makeGrid(); applyMode(); buildRevealSteps(); updateHUD(); newsSetKey('diffChanged'); setTimeout(()=>openQuiz(),180); },{passive:true}); soundChk.addEventListener('change',()=>{ sOn=soundChk.checked; saveAll(); },{passive:true}); function showQuote(){ const list=[ {t:{en:'Effort may be slow, but it rarely betrays consistency.',ko:'노력은 때로 느리지만 꾸준함을 배신하지 않습니다.',ja:'努力は時に遅くても、継続を裏切りにくい。',zh:'努力也许很慢，但很少辜负坚持。',es:'El esfuerzo puede ser lento, pero rara vez traiciona la constancia.',fr:'L’effort peut être lent, mais trahit rarement la constance.'},w:'Happycode7'}, {t:{en:'Compounding grows best when time is treated as an ally.',ko:'복리는 시간을 친구로 둘 때 가장 잘 자랍니다.',ja:'複利は時間を味方にするとよく育つ。',zh:'当时间成为盟友时，复利增长得最好。',es:'El interés compuesto crece mejor cuando el tiempo es un aliado.',fr:'La capitalisation croît mieux quand le temps devient un allié.'},w:'Happycode7'}, {t:{en:'Discipline is often more powerful than prediction.',ko:'규율은 예측보다 강할 때가 많습니다.',ja:'規律は予測より強いことが多い。',zh:'纪律往往比预测更有力量。',es:'La disciplina suele ser más poderosa que la predicción.',fr:'La discipline est souvent plus puissante que la prédiction.'},w:'Happycode7'}, {t:{en:'Small smart habits can build large outcomes.',ko:'작고 현명한 습관이 큰 결과를 만듭니다.',ja:'小さく賢い習慣が大きな結果を作る。',zh:'小而明智的习惯能带来大的结果。',es:'Los hábitos pequeños e inteligentes pueden generar grandes resultados.',fr:'De petites habitudes intelligentes peuvent produire de grands résultats.'},w:'Happycode7'} ]; const q=list[rnd(list.length)]; quoteText.textContent='“ '+(q.t[lang]||q.t.en)+' ”'; quoteWho.textContent='— '+q.w; quoteBox.style.display='block'; newsSetKey('quoteUnlocked'); toast(t('quoteUnlocked')); updateHUD(); } function openLangModal(){ const m=document.getElementById('langModal'); m.classList.add('show'); m.setAttribute('aria-hidden','false'); } function closeLangModal(){ const m=document.getElementById('langModal'); m.classList.remove('show'); m.setAttribute('aria-hidden','true'); } document.getElementById('openLang').addEventListener('click',openLangModal,{passive:true}); document.getElementById('closeLang').addEventListener('click',closeLangModal,{passive:true}); document.getElementById('langModal').addEventListener('click',(e)=>{ if(e.target===document.getElementById('langModal')) closeLangModal(); },{passive:true}); document.querySelectorAll('.langBtn').forEach(btn=>{ btn.addEventListener('click',()=>{ const next=btn.getAttribute('data-lang') || 'en'; if(I18N[next]) lang=next; Store.setStr('lang',lang); applyI18nStatic(); updateHUD(); openQuiz(); closeLangModal(); },{passive:true}); }); function postHeight(){ try{ const h=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight); parent.postMessage({type:'hc7-econ-puzzle-global:height',h:h},'*'); }catch(e){} } function init(){ loadAll(); applyI18nStatic(); applyDifficulty(); quest=quest && quest.k ? quest : makeQuest(); setGridCSS(); makeGrid(); applyMode(); newsSetKey('start'); setTimeout(()=>{ openQuiz(); toast(t('tipHint')); },240); const ro=new ResizeObserver(()=>postHeight()); ro.observe(document.body); setTimeout(postHeight,200); setInterval(postHeight,1200); } init(); </script> </body> </html>

'+Practical software for daily life' 카테고리의 다른 글

Naeum (3)	2026.02.23
Script & Content Language Assistant — Global Creator Edition (1)	2026.02.23
Global Sports Pose Coach \| Real-Time Form Comparison & Training Assistant (2)	2026.02.22
PrintFlow Studio (2)	2026.02.21
OCR + Spreadsheet Array Tools (3)	2026.02.21

Global Finance Block Puzzle

'+Practical software for daily life' 카테고리의 다른 글

관련글

티스토리툴바