:root{--bg:#221b33;--panel:#30233e;--card:#43304f;--edge:rgba(232,193,246,.16);--text:#fff0fc;--muted:#cfb5d7;--mint:#f2bfed;--mint2:#c994e5;--orange:#f7d49a}
.ambient-one{background:rgba(167,77,197,.17)}.ambient-two{background:rgba(118,85,185,.11)}
.brand,.brand .brand-light{color:#ffc8ef}.greater-logo{font:900 29px Outfit;display:inline-block;margin-right:5px;color:#f3bcff}
.eyebrow,.card-eyebrow{color:#e4b2ef}.eyebrow-line,.live-dot{background:#e3b2f5}
.hero h1 em{color:#f4c1f0}
.primary-button{background:#f0c0ef;border-color:#f0c0ef;color:#4e2d55;box-shadow:0 10px 27px rgba(206,111,222,.12)}
.primary-button:hover{background:#ffe1f8}.arcade-link:hover,.footer a:hover{color:#ffd2ff}
.chapter-tab.active,.chapter-tab:hover{background:#f1c2f1;border-color:#f1c2f1;color:#4e2b59}
.level-card{background:linear-gradient(145deg,#54355e,#372b4f)}
.level-card.complete{background:linear-gradient(145deg,#6b4675,#4d3769);border-color:rgba(236,166,234,.45)}
.level-card-head strong{color:#fbd5f4}
.play-panel{background:linear-gradient(160deg,#46314f,#2f2546)}
.info-card{background:rgba(91,58,108,.62)}.info-card.pale{background:rgba(164,114,205,.09)}
.game-stats .star-value,.level-card-bottom span{color:#ffdcaa}
.match-track>div{background:linear-gradient(90deg,#c490e5,#f4c3ea)}
.visual-callout{background:#f7d7f7;color:#7f478c}.visual-callout strong{color:#5f306d}
.info-card h3{color:#fff4fc}.tip-sub{color:#d4aedc!important}
.greater-preview{--gap:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr) 24px) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr) 24px) minmax(0,1fr);align-items:center;justify-items:center;position:relative;z-index:1;width:278px;height:278px;padding:18px;gap:0;background:#4b305d;border:1px solid rgba(240,196,246,.26);border-radius:23px;transform:rotate(-8deg);box-shadow:0 24px 57px rgba(0,0,0,.26)}
.greater-preview .sample{width:100%;height:100%;border-radius:11px;display:grid;place-items:center;background:#80548c;color:#ffedfb;font:900 36px Outfit}
.greater-preview .sample:nth-of-type(3n+1){background:#ae6d9e}
.greater-preview b{font:900 26px Outfit;color:#ffe2bf}
.greater-preview b.down{transform:rotate(90deg);font-size:23px}
.greater-board{
 --less:3;--symbol-gap:22px;display:grid;
 grid-template-columns:repeat(var(--less),minmax(0,1fr) var(--symbol-gap)) minmax(0,1fr);
 grid-template-rows:repeat(var(--less),minmax(0,1fr) var(--symbol-gap)) minmax(0,1fr);
 width:100%;max-width:560px;aspect-ratio:1;margin:0 auto;
 user-select:none;-webkit-user-select:none;touch-action:manipulation
}
.greater-cell{
 position:relative;min-width:0;min-height:0;display:grid;place-items:center;
 border:1.5px solid rgba(251,203,247,.28);border-radius:12px;
 background:#60436d;color:#fff5fc;cursor:pointer;padding:0;
 font:900 clamp(19px,4vw,35px)/1 Outfit,"Malgun Gothic",sans-serif;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:background .14s,border-color .14s,transform .14s
}
.greater-cell:hover{background:#785082;border-color:#dcb2f6}
.greater-cell:focus-visible{outline:3px solid #f9dca9;outline-offset:0}
.greater-cell.fixed{background:#7b577e;color:#ffebf8;border-color:#af83b5;cursor:pointer}
.greater-cell.selected{background:#a574ad;color:#fff;border-color:#ffe7bc;box-shadow:inset 0 0 0 2px #fbe5bb,0 0 12px rgba(252,194,247,.16)}
.greater-cell.peer{border-color:rgba(255,228,193,.3)}
.greater-cell.bad{background:#8d475e;border-color:#ff9dad;color:#ffedf0}
.greater-cell.bad.selected{box-shadow:inset 0 0 0 2px #ff9dad}
.greater-cell.hint{box-shadow:inset 0 0 0 2px #ffdc96}
.greater-cell .number{position:relative;z-index:2}
.greater-cell .note-list{position:absolute;inset:4px;display:grid;grid-template-columns:repeat(3,1fr);align-content:space-evenly;justify-items:center;gap:1px;font:800 clamp(8px,1.55vw,13px)/1 Outfit;color:#ebc8f2;pointer-events:none}
.greater-cell .note{opacity:.9}
.greater-symbol{min-width:0;min-height:0;display:grid;place-items:center;color:#ffc98e;font:900 clamp(14px,2.5vw,23px)/1 Outfit;pointer-events:none}
.greater-symbol.vertical span{transform:rotate(90deg);display:block}
.greater-symbol.broken{color:#ff9dad;text-shadow:0 0 9px rgba(245,99,125,.35)}
.greater-symbol.horizontal{letter-spacing:-.1em}
.match-area{max-width:560px;margin:14px auto 4px}
.input-heading{max-width:560px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px auto 11px;font-size:12px;color:#dfc2e3}
.mode-switch{border:1px solid rgba(240,202,248,.35);background:#473355;color:#f9d6f5;border-radius:999px;font:800 12px Outfit,"Malgun Gothic",sans-serif;padding:8px 14px;cursor:pointer}
.mode-switch.active{background:#f1c4f0;color:#4d305c}
.greater-pad{max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(var(--pad-count,7),minmax(0,1fr));gap:7px}
.pad-key{min-width:0;border:1px solid rgba(236,183,242,.24);background:#674879;color:#fff0fa;border-radius:12px;min-height:51px;font:900 23px Outfit;cursor:pointer;transition:transform .1s,background .1s}
.pad-key:active{transform:scale(.94)}.pad-key:hover{background:#85629a}
.pad-key.erase{font-size:19px;background:#4f3d60}
.greater-status{position:static!important;width:auto!important;height:auto!important;white-space:normal!important;clip:auto!important;overflow:visible!important;margin:15px auto 0!important;color:#e1c5e6;line-height:1.65;font-size:12px}
.greater-example{max-width:224px;margin:15px 0 18px;display:grid;grid-template-columns:57px 36px 57px;grid-template-rows:58px auto;align-items:center;justify-items:center;gap:6px}
.greater-example span{width:55px;height:55px;border-radius:10px;background:#8e619c;color:#fff1fd;font:900 30px Outfit;display:grid;place-items:center}
.greater-example b{font:900 28px Outfit;color:#ffd3a3}
.greater-example small{grid-column:span 3;color:#dfbedf}
@media(max-width:650px){
 .greater-preview{width:230px;height:230px;padding:13px}.greater-preview .sample{font-size:31px}
 .greater-board{--symbol-gap:clamp(13px,3.6vw,19px)}
 .greater-cell{border-radius:8px;font-size:clamp(19px,6vw,33px)}
 .greater-board[data-size="6"] .greater-cell{font-size:clamp(17px,5vw,27px)}
 .greater-board[data-size="7"] .greater-cell{font-size:clamp(16px,4.1vw,24px);border-radius:6px}
 .greater-cell .note-list{inset:2px;font-size:clamp(7px,2vw,10px)}
 .greater-pad{gap:5px}.pad-key{min-height:46px;border-radius:9px;font-size:20px}
 .greater-symbol{font-size:clamp(13px,4vw,20px)}
 .game-stats strong{font-size:clamp(16px,4.6vw,25px)}
}
@media(max-width:390px){
 .greater-board{--symbol-gap:12px}.greater-pad{gap:4px}.pad-key{min-height:42px;font-size:19px}
 .greater-board[data-size="7"] .greater-cell{font-size:17px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}