:root{font-family:ui-rounded,"Avenir Next",system-ui,-apple-system,sans-serif;color:#f7f8ff;background:#101c47;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.42}button:focus-visible,select:focus-visible{outline:3px solid #ffd66c;outline-offset:4px}[hidden]{display:none!important}.game{max-width:960px;margin:auto;padding:24px 30px 18px;background:radial-gradient(ellipse at 90% 0,#2d3c85 0,transparent 53%),linear-gradient(150deg,#17265b,#111a3e);min-height:590px;border-radius:20px;overflow:hidden}.top{display:flex;justify-content:space-between;gap:16px;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.1px;color:#afbee8}h1{font-size:clamp(21px,4vw,34px);letter-spacing:-1px;line-height:1.12;margin:7px 0 20px;font-weight:850}h1 span{color:#ffd36b}.icon-button{height:40px;width:40px;flex:none;border:1px solid #526396;background:#26366b;color:#fff;border-radius:50%;font-size:23px}.scoreline{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.scoreline>div:first-child{display:flex;gap:12px;align-items:center}.label{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#b4c2e9}.scoreline strong{font-size:25px;color:#ffe19a}.round-label{font-size:10px;letter-spacing:1.5px;color:#cbd4f0;font-weight:750}.clock{display:flex;gap:12px;align-items:center}.clock strong{min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.meter{height:4px;border-radius:10px;margin:13px 0 25px;background:#34426c;overflow:hidden}.meter span{display:block;width:100%;height:100%;background:#edc36d;transition:width .1s linear}.rack{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;max-width:790px;margin:0 auto}.tile{aspect-ratio:1/1.15;border-radius:11px;border:1px solid #809fe7;border-bottom:5px solid #243e84;background:linear-gradient(#779df0 0,#4670d2 48%,#3458b1 49%,#5275ce 100%);color:#fff;font-weight:850;font-size:clamp(23px,4.9vw,43px);text-shadow:0 2px 1px #25478b;box-shadow:0 3px 0 #0a1434,0 6px 16px #080d2533;padding:0;position:relative;transition:transform .13s,opacity .13s}.tile.empty{color:#7485b9;border:1px dashed #53638f;border-bottom-width:1px;background:#1b2956;box-shadow:inset 0 2px 4px #09122f55;font-size:22px;text-shadow:none}.tile.used{opacity:.22;transform:translateY(4px)}.tile:not(:disabled):hover{filter:brightness(1.14);transform:translateY(-2px)}.tile:not(:disabled):active{transform:translateY(3px);border-bottom-width:2px}#instruction{text-align:center;color:#cbd5f0;font-size:13px;min-height:20px;margin:16px 0 22px}.choose-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:550px;margin:0 auto}.choice{text-align:left;display:grid;grid-template-columns:1fr auto;position:relative;border:1px solid #6b7ca6;border-bottom:4px solid #152047;border-radius:11px;background:linear-gradient(#f6f6ff,#c9d4f0);color:#1b2e5d;padding:11px 17px;font-size:18px;font-weight:800;box-shadow:0 3px 0 #0c1533}.choice span{display:block;grid-column:1;font-size:9px;letter-spacing:2px;color:#53648c;font-weight:700;margin-bottom:3px}.choice b{grid-column:2;grid-row:1/3;align-self:center;font-size:27px;font-weight:400;color:#5065a0}.quick{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}.quick>span{font-size:11px;color:#a6b8e1;margin-right:7px}.quick button{background:#25376d;border:1px solid #536795;color:#e5ebff;font-size:11px;border-radius:20px;padding:8px 12px}.settings{display:flex;justify-content:center;align-items:center;gap:12px;margin:20px 0}.settings label{color:#b5c3e9;font-size:12px}.settings select{border:1px solid #52618b;background:#1c2b5b;color:#f3f5ff;padding:9px 30px 9px 12px;border-radius:8px;font-size:12px}.answer{display:flex;justify-content:center;min-height:63px;gap:5px;margin:0 auto 5px}.answer button{border:1px solid #9fb6e4;border-bottom:3px solid #8a9fc8;border-radius:7px;background:#f4f4ff;color:#20356d;font-size:clamp(20px,3.7vw,30px);font-weight:850;width:clamp(28px,7vw,49px);height:53px;padding:0}.answer:empty::before{content:'YOUR WORD';align-self:center;color:#7e90c0;font-size:13px;font-weight:750;letter-spacing:4px}.tools{display:flex;justify-content:center;gap:15px;margin-bottom:14px}.quiet{border:0;background:transparent;color:#bfcbeb;font-size:11px;padding:8px}.quiet:hover{text-decoration:underline}.play-buttons{display:grid;grid-template-columns:1.3fr 1fr;max-width:550px;margin:auto;gap:12px}.primary,.secondary{min-height:47px;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:850}.primary{border:1px solid #ffdf95;border-bottom:4px solid #bd8b39;background:linear-gradient(#ffe6a4,#f2c269);color:#19254b;box-shadow:0 3px 0 #0c1533;display:flex;justify-content:space-between;align-items:center;gap:14px}.primary:hover{filter:brightness(1.05)}.secondary{border:1px solid #6377a9;background:#273a72;color:#f0f4ff;border-bottom:4px solid #17244d}.keyboard-tip{text-align:center;font-size:11px;color:#9badd7;margin:13px 0}.message{font-size:12px;line-height:1.45;text-align:center;color:#c1cdeb;min-height:33px;margin:14px 0 5px}.message.success{color:#a6f1ce}.message.error{color:#ffd0b1}.bottom{border-top:1px solid #3c4b76;display:flex;justify-content:space-between;align-items:center;padding-top:11px;font-size:10px;color:#a7b8df}.help{font-size:12px;line-height:1.7;color:#d6def4;border-top:1px solid #4a5b89;margin-top:10px}.result-main{text-align:center}h2{font-size:30px;letter-spacing:1px;margin:9px 0;color:#ffe2a0}.result-main p{font-size:13px}.solutions{background:#203160;border:1px solid #3e548b;border-radius:12px;padding:14px 18px;margin:18px 0}.solutions h3{margin:0;font-size:12px}.solutions p{font-size:11px;color:#c4d1ed;margin:8px 0}.solutions button{border:1px solid #5971a4;background:#2c4178;color:#f2f5ff;padding:6px 8px;border-radius:7px;margin:4px 4px 0 0;font-size:11px;font-weight:700}#again{width:100%;max-width:550px;margin:auto}.urgent strong{color:#ffb199}.urgent+.meter span{background:#f5a18b}@media(max-width:540px){.game{padding:18px 14px 12px;border-radius:14px;min-height:570px}h1{font-size:24px;max-width:260px}.eyebrow{font-size:9px}.rack{gap:5px;grid-template-columns:repeat(5,minmax(0,1fr));max-width:350px}.tile{aspect-ratio:1.12;font-size:30px;border-radius:9px}.tile:nth-child(6){grid-column:1}.rack-area{margin:auto}.scoreline strong{font-size:21px}.round-label{font-size:8px}.meter{margin:12px 0 17px}.choose-buttons{gap:9px}.choice{font-size:16px;padding:10px 12px}.quick{gap:6px;margin:16px 0}.quick>span{width:100%;text-align:center}.settings{margin:15px 0}.play-buttons{gap:8px}.primary,.secondary{font-size:12px;padding:10px 12px}.answer{gap:3px}.answer button{height:42px;min-width:25px}.keyboard-tip{font-size:10px}.message{min-height:34px}#instruction{margin:13px 0 16px}.bottom{margin-top:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* App styling: reuse the global project's actual sprites, colours and Arial UI. */
:root{font-family:Arial,Helvetica,sans-serif;background:#092e9a;color:#fff}body{background:#092e9a}.game{max-width:800px;padding:18px 22px;background-color:#092e9a;background-image:url('assets/MenuBackground.jpg');background-blend-mode:multiply;background-size:100% 100%;border-radius:0;min-height:620px}.top{justify-content:center;position:relative;min-height:36px;margin-bottom:12px}.top h1{font-size:27px;font-weight:400;letter-spacing:0;line-height:1.1;margin:0}.icon-button{position:absolute;right:0;top:0;background:#edf0f5;color:#123a9b;border:0;box-shadow:inset 0 5px 5px #fff,inset 0 -4px 6px #9b9b9b;border-radius:50%;width:34px;height:34px;font-size:23px}.scoreline{gap:8px;margin:0 auto 18px;max-width:620px;align-items:stretch}.scoreline>div{background:url('assets/alert.png') center/100% 100% no-repeat;min-height:72px;border-radius:17px;padding:12px 18px;color:#111;flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:6px!important;font-weight:400}.scoreline>div:first-child{display:flex}.scoreline .label{color:#111;font-size:13px;letter-spacing:0;font-weight:400}.scoreline strong{color:#111;font-size:23px;font-weight:400}.round-label{font-size:16px;letter-spacing:0;color:#111!important}.clock strong{color:#e20000;text-align:center;min-width:unset;font-size:29px}.meter{display:none}.rack{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));max-width:430px;gap:5px;margin:0 auto}.tile{grid-column:span 2;aspect-ratio:1;background:url('assets/bluetile.png') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;border-radius:13px;font:400 clamp(30px,6.8vw,43px)/1 Arial,Helvetica,sans-serif;text-shadow:none;color:white;padding:0 0 3px}.tile:nth-child(1){grid-column:2/span 2}.tile:nth-child(5){grid-column:1/span 2}.tile:nth-child(6){grid-column:span 2}.tile.empty{background:#25469480!important;border:1px solid #7b9add66!important;font-size:24px;box-shadow:inset 0 2px 4px #0002!important;border-radius:12px;color:#c2d0f9}.tile.used{opacity:.25}#instruction{font-size:14px;color:#fff;line-height:1.4;margin:15px 0 20px}.choice,.primary,.secondary,.quick button{background:url('assets/alert.png') center/100% 100% no-repeat;border:0;border-radius:14px;box-shadow:none;color:#111;font-weight:400;text-shadow:none}.choice{font-size:20px;padding:13px 18px;min-height:62px}.choice span{display:none}.choice b{color:#555}.quick>span{width:100%;text-align:center;color:#fff;font-size:13px}.quick button{font-size:12px;line-height:1.4;padding:12px 10px;border-radius:11px;flex:1;max-width:160px;min-height:53px}.quick{gap:8px;max-width:550px;margin:18px auto}.settings{margin:16px 0}.settings label{color:white;font-size:13px}.settings select{background:#f4f4f4;color:#111;border:0;font-size:13px}.answer{min-height:70px;margin-top:15px}.answer:empty::before{content:'Your word';color:#d2dfff;letter-spacing:0;font:18px Arial}.answer button{background:url('assets/bluetile.png') center/100% 100% no-repeat;border:0;border-radius:8px;color:#fff;font-weight:400;font-size:30px;width:46px;height:49px;box-shadow:none}.tools{gap:15px;margin:10px auto 15px}.quiet{font-size:13px;color:#fff}.tools .quiet{background:url('assets/alert.png') center/100% 100% no-repeat;color:#111;min-width:80px;border-radius:10px;padding:10px}.primary,.secondary{font-size:18px;min-height:55px}.primary{justify-content:center}.primary span{font-size:21px;margin-left:10px}.keyboard-tip{color:#e4ebff;font-size:12px}.message{color:white;font-size:13px;margin:17px 0 10px}.message.success{color:#c0ffd0}.message.error{color:#ffe0c8}.bottom{border:0;color:#d2ddff;font-size:11px;padding-top:12px}.eyebrow{letter-spacing:0;font-size:13px;color:white;font-weight:400}.result-main h2{font-family:Arial;font-weight:400;color:white;font-size:28px}.result-main p{font-size:15px}.solutions{background:#ffffffdd;color:#111;border:0;border-radius:14px}.solutions h3{font-size:16px;font-weight:400}.solutions p{color:#222;font-size:13px}.solutions button{background:#e4ebfa;border:1px solid #adbde0;color:#123b94;font-size:13px;font-weight:400}.urgent strong{color:#de0000}.help{color:white}.play-buttons{grid-template-columns:1fr 1fr}@media(max-width:540px){.game{padding:14px 12px;min-height:610px}.scoreline{gap:6px;margin-bottom:20px}.scoreline>div{padding:10px 7px;min-height:68px}.scoreline .label{font-size:12px}.round-label{font-size:13px}.clock strong{font-size:26px}.rack{max-width:340px;gap:4px}.tile{font-size:35px;border-radius:11px}.tile:nth-child(6){grid-column:span 2}.quick button{font-size:11px;max-width:none;padding:10px 7px}.choice{font-size:18px}.answer{gap:2px;min-height:53px}.answer button{font-size:24px;height:38px;width:33px;min-width:0}.primary,.secondary{font-size:16px}.tools .quiet{font-size:12px;min-width:72px}.message{font-size:12px}.bottom{font-size:10px}}
/* Match Unity's sliced sprite rendering instead of stretching rounded corners. */
.scoreline>div,.choice,.primary,.secondary,.quick button,.tools .quiet{background:linear-gradient(#fff 0%,#eeebeb 18%,#cecccc 75%,#b9b8b8 100%);border:1px solid #a5a5a5;border-top:2px solid white;border-bottom:3px solid #777;border-radius:17px;box-shadow:inset 0 3px 3px #ffffffaa,0 2px 2px #06174877}.choice{display:flex;align-items:center;justify-content:space-between}.choice b{font-size:24px}.scoreline>div{border-radius:20px}.quick button{border-radius:12px}.tools .quiet{border-radius:10px}.primary:disabled{opacity:.45}.scoreline{margin-bottom:22px}
/* Unity uses these sprites with 20px slice borders, so corners stay square-rounded. */
.tile:not(.empty){background:none!important;border:16px solid transparent!important;border-image:url('assets/bluetile.png') 20 fill stretch!important;border-radius:0;padding:0;line-height:1}.answer button{background:none;border:10px solid transparent;border-image:url('assets/bluetile.png') 20 fill stretch;border-radius:0;padding:0;line-height:1}.tile.used{filter:brightness(.7)}
#start{width:100%;max-width:440px;margin:26px auto}.game{min-height:590px}.solutions p{font-size:20px;line-height:1.5}.answer{min-height:65px}@media(max-width:540px){.game{min-height:560px}.answer{min-height:48px}}