:root{--ayf-comic-font: "Comic Neue", "Comic Sans MS", "Chalkboard SE", "Marker Felt", "Bradley Hand", cursive}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{min-height:100%;min-width:100%;background-image:url(/angry-yellow-fruit/background.png)}.homepage{display:flex;flex-direction:row;margin:20px;font-family:montserrat;box-sizing:border-box}.text-box{border:4px solid black;border-radius:20px;background-color:#fffffff6;padding:25px 50px;box-sizing:border-box;font-size:24px;line-height:1.5;text-align:justify}.blurbs{flex:4;display:flex;flex-direction:column;justify-content:center;gap:20px}.home-navigation{flex:3;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:60px}.home-navigation>button{width:100%;box-sizing:border-box;font-size:24px;cursor:pointer;border:4px solid black;transition:.3s ease-in-out;border-radius:20px}.key-button{font-weight:bolder;flex:2;padding:20px}.secondary-button{font-weight:bolder;flex:1;padding:20px}#play-button{background-color:#55d400;font-size:28px}#how-to-play-button{background-color:#f5a400}#sell-button{background-color:#ff0}.home-navigation>button:hover{background-color:#fff!important}@media (max-width: 1240px){.homepage .text-box{font-size:18px;padding:0 20px}}@media (max-width: 768px){.homepage{flex-direction:column;text-align:center;align-items:center}.blurbs{flex:none;width:95%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:10px}.home-navigation{flex:none;width:95%;gap:10px;padding:0 0 10px}.home-navigation>button{font-size:18px}#play-button{font-size:20px}.key-button,.secondary-button{flex:1;padding:15px}.site-wrapper:has(.homepage) #header{display:none!important}}.instructions{display:flex;flex-direction:column;margin:20px;font-family:montserrat;box-sizing:border-box;gap:20px}.instructions h1,.instructions h2{font-weight:800;font-size:24px}.instructions .text-box{border:4px solid black;border-radius:20px;background-color:#fffffff6;padding:25px 50px;box-sizing:border-box;font-size:24px;line-height:1.5;text-align:justify}.spacer{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:20px}.spacer>.left-column{flex:1}.spacer>img{flex:1;max-width:100%}.left-column{display:flex;flex-direction:column;gap:20px}.small-only{display:none}.mode-spacer{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:flex-start;text-align:left}.cards,.hands{display:flex;flex-direction:row;align-items:center;gap:20px;flex:1;max-width:500px;padding:20px;border:2px solid black;border-radius:20px}.cards{background-color:#ff0}.hands{background-color:#f5a400}@media (max-width: 1240px){.instructions .text-box{font-size:18px;padding:0 20px}.instructions .text-box.image-final{padding-bottom:20px}.instructions h1,.instructions h2{font-size:18px}.spacer{display:flex;flex-direction:column}.spacer>.left-column{flex:none}.spacer>img{flex:none;margin-left:auto;margin-right:auto}.left-column{display:flex;flex-direction:column;gap:20px}.small-only{display:block!important}.large-only{display:none}}.Game{text-align:left}@media (min-width: 1040px) and (min-height: 800px){.Game{margin-top:20px}}@media ((max-width: 1039px) or (max-height: 799px)) and (orientation: portrait){.Game{margin-top:120px}.Game--ai{margin-top:140px}}@media ((max-width: 1039px) or (max-height: 799px)) and (orientation: landscape){.Game{margin-top:10px}}table.Board{rotate:45deg;background-color:#fff}.Board .Cell{padding:0}.Board .Cell button{border:0px;background:none;cursor:pointer}.Board .Cell:hover{background-color:#55d400}.Board .Cell button>div{rotate:-45deg}.Board .Theme{background-color:#55d400;text-align:center}.Board .Theme>*{margin:0;rotate:-45deg}.Board th.left{text-align:right;background-color:#f5a400}.Board th.right{writing-mode:vertical-rl;rotate:180deg;text-align:left;background-color:#ff0}.Board th{cursor:pointer}.Board th:hover{background-color:#55d400}.DiamondButtons{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto}.DiamondButtons button{rotate:45deg;background-color:#fff;cursor:pointer;text-align:center;font:inherit}.DiamondButtons button>*{rotate:-45deg}.DiamondButtons button>h2{margin:0}.RefreshTheme,.ViewNumber{position:relative}.DiamondButtons.ai-mode{--diamond-gap: 15px;--diamond-size: 75px;--ai-offset: calc((var(--diamond-size) + var(--diamond-gap)) / -1.414213562)}.DiamondButtons.ai-mode .AiClue{position:absolute;left:var(--ai-offset);top:var(--ai-offset);z-index:1}.DiamondButtons.ai-mode .AiGuess{position:absolute;right:var(--ai-offset);top:var(--ai-offset);z-index:1}@media (min-width: 720px){table.Board{margin-left:calc((100% - 510px)/2);padding:20px;border-radius:20px;border:solid black 4px;border-spacing:6px}.Board .Cell{width:80px;height:80px;border:4px black solid}.Board .Cell button{width:80px;height:80px;padding:20px}.Board .Cell button>div{font-size:24px}.Board .Theme{border:4px black solid}.Board th{padding:20px;font-size:22px}.Board th.left{width:120px;height:40px;border:4px black solid}.Board th.right{width:40px;height:120px;border:4px black solid}.Theme h2{font-size:22px}.DiamondButtons{max-width:654px;margin-top:-76px}.DiamondButtons.ai-mode{--diamond-size: 150px;--diamond-gap: 30px}.DiamondButtons button{width:150px;height:150px;padding:20px;border:4px black solid;border-radius:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.DiamondButtons button>*{font-size:24px}@media (min-width: 1080px){table.Board{margin-top:max(-150px,(50vh - 550px))}}@media (max-width: 1079px){table.Board{margin-top:110px}}}@media (max-width: 719px){table.Board{margin-left:calc((100% - 270.5px)/2);padding:10px;border-radius:10px;border:solid black 4px}.Board .Cell{width:48px;height:48px;border:1px black solid}.Board .Cell button{width:44px;height:44px;padding:10px}.Board .Cell button>div{font-size:12px}.Board .Theme{border:1px black solid}.Board th{padding:10px;font-size:11px}.Board th.left{width:60px;height:24px;border:1px black solid}.Board th.right{width:24px;height:60px;border:1px black solid}.Theme h2{font-size:11px}.DiamondButtons{max-width:327px;margin-top:-38px}.DiamondButtons button{width:75px;height:75px;padding:10px;border:2px black solid;border-radius:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.DiamondButtons button>*{font-size:12px}@media (min-width: 540px){table.Board{margin-top:max(-75px,(50vh - 275px))}}@media (max-width: 539px){table.Board{margin-top:55px}}}@media screen and (orientation: landscape) and (max-height: 500px){table.Board{margin-left:calc((100% - 270.5px)/2);padding:10px;border-radius:10px;border:solid black 4px}.Board .Cell{width:48px;height:48px;border:1px black solid}.Board .Cell button{width:44px;height:44px;padding:10px}.Board .Cell button>div{font-size:12px}.Board .Theme{border:1px black solid}.Board th{padding:10px;font-size:11px}.Board th.left{width:60px;height:24px;border:1px black solid}.Board th.right{width:24px;height:60px;border:1px black solid}.Theme h2{font-size:11px}.DiamondButtons{max-width:327px;margin-top:-38px}.DiamondButtons button{width:75px;height:75px;padding:10px;border:2px black solid;border-radius:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.DiamondButtons button>*{font-size:12px}@media (min-width: 540px){table.Board{margin-top:max(-75px,(50vh - 275px))}}@media (max-width: 539px){table.Board{margin-top:55px}}}.DiamondButtons button:hover{background-color:#55d400}.ViewNumber>button>.revealed{display:none}.ViewNumber>button:focus>.unrevealed,.ViewNumber>button:hover>.unrevealed{display:none}.ViewNumber>button:focus>.revealed,.ViewNumber>button:hover>.revealed{display:block}.ai-clue-panel,.ai-guess-panel{position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:min(1240px,calc(100vw - 60px));height:200px;background-color:#fff;border:4px solid black;border-radius:20px;box-sizing:border-box;z-index:10;display:flex;align-items:center;padding:12px 16px}.ai-clue-panel-stan,.ai-guess-panel-stan{max-width:30%;max-height:calc(100% - 24px);width:auto;height:auto;flex-shrink:0;object-fit:contain}.ai-clue-panel-content{flex:1;display:flex;align-items:center;padding:0 48px 0 16px;min-width:0}.ai-clue-panel-main{flex:1;display:flex;align-items:center;gap:16px;min-width:0}.ai-clue-panel-copy{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}.ai-clue-panel-content .ai-clue-panel-text{padding:0}.ai-clue-panel-text,.ai-guess-panel-text{margin:0;flex:1;padding:0 48px 0 16px;color:#000;font-family:var(--ayf-comic-font);font-size:36px}.ai-clue-panel-reveal,.ai-clue-panel-feedback{margin:0;color:#000;font-family:var(--ayf-comic-font);font-size:28px}.ai-clue-panel-reveal-btn{flex-shrink:0;border:4px solid black;border-radius:12px;padding:10px 20px;background-color:#55d400;color:#000;font-family:var(--ayf-comic-font);font-size:24px;font-weight:700;cursor:pointer}.ai-clue-panel-reveal-btn:hover{background-color:#fff}.ai-guess-panel-text{padding:0 16px 0 48px}.ai-guess-panel-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 16px 0 48px;min-width:0}.ai-guess-panel-entry{display:flex;gap:12px;align-items:stretch}.ai-guess-panel-content .ai-guess-panel-text{padding:0}.ai-guess-panel-input{flex:1;min-width:0;box-sizing:border-box;border:4px solid black;border-radius:12px;padding:10px 14px;color:#000;font-family:var(--ayf-comic-font);font-size:24px;background-color:#fff}.ai-guess-panel-input:focus{outline:none;background-color:#ff0}.ai-guess-panel-submit{border:4px solid black;border-radius:12px;padding:10px 20px;background-color:#55d400;color:#000;font-family:var(--ayf-comic-font);font-size:24px;font-weight:700;cursor:pointer;white-space:nowrap}.ai-guess-panel-submit:hover:not(:disabled){background-color:#fff}.ai-guess-panel-submit:disabled{opacity:.5;cursor:not-allowed}.ai-guess-panel-result{margin:0;color:#000;font-family:var(--ayf-comic-font);font-size:28px}.ai-clue-panel-close,.ai-guess-panel-close{position:absolute;top:10px;right:10px;border:none;background:none;font-size:28px;line-height:1;font-weight:700;cursor:pointer;padding:0;color:#000}@media (max-width: 719px){.DiamondButtons.ai-mode{--ai-mobile-row-gap: 12px;--ai-mobile-bottom-gap: 48px;flex-direction:column;align-items:center;gap:var(--ai-mobile-row-gap);margin-top:0;max-width:327px;width:100%;padding:0 16px 12px;box-sizing:border-box}.DiamondButtons.ai-mode .RefreshTheme{display:flex;justify-content:space-between;align-items:center;width:100%}.DiamondButtons.ai-mode .ViewNumber{display:flex;justify-content:center;align-items:center;gap:var(--ai-mobile-bottom-gap);width:100%;margin-top:-12px}.DiamondButtons.ai-mode .AiClue,.DiamondButtons.ai-mode .AiGuess{position:static;left:auto;right:auto;top:auto}.ai-clue-panel,.ai-guess-panel{height:auto;min-height:200px;max-height:min(300px,45vh);width:calc(100vw - 24px);bottom:12px;padding:10px 12px}.ai-clue-panel-stan,.ai-guess-panel-stan{max-width:28%}.ai-clue-panel-text{font-size:18px}.ai-clue-panel-reveal,.ai-clue-panel-feedback,.ai-guess-panel-result{font-size:15px}.ai-guess-panel-text,.ai-guess-panel-input,.ai-clue-panel-reveal-btn,.ai-guess-panel-submit{font-size:16px}.ai-clue-panel-content{padding:0 36px 0 8px}.ai-guess-panel-content{padding:0 8px 0 36px}.ai-clue-panel-main{flex-direction:column;align-items:stretch}.ai-clue-panel-reveal-btn{align-self:flex-start}.ai-guess-panel-entry{flex-direction:column}.ai-guess-panel-submit{width:100%}}@media screen and (orientation: landscape) and (max-height: 500px){.DiamondButtons.ai-mode{--ai-mobile-row-gap: 8px;--ai-mobile-bottom-gap: 40px;flex-direction:column;align-items:center;gap:var(--ai-mobile-row-gap);margin-top:12px;max-width:327px;width:100%;padding-bottom:8px}.DiamondButtons.ai-mode .RefreshTheme{display:flex;justify-content:space-between;align-items:center;width:100%}.DiamondButtons.ai-mode .ViewNumber{display:flex;justify-content:center;align-items:center;gap:var(--ai-mobile-bottom-gap);width:100%;margin-top:-10px}.DiamondButtons.ai-mode .AiClue,.DiamondButtons.ai-mode .AiGuess{position:static;left:auto;right:auto;top:auto}}@media (min-width: 1080px) and (min-height: 800px){.ai-clue-panel-close,.ai-guess-panel-close{top:16px;right:16px;font-size:36px}}.site-wrapper{min-height:100vh;min-width:100%;display:flex;flex-direction:column;box-sizing:border-box}#header{display:flex;flex-direction:row-reverse}@media (max-width: 768px){#header{display:flex}#header>.header-l{display:flex;border-left:0px!important;border-radius:0!important;flex-grow:1}#header>.header-l>a{flex-grow:1;text-align:center}}#header>.header-l{display:flex;font-weight:700;padding:10px;background-color:#ff0;border-radius:0 0 0 20px;border-left:4px solid black;border-bottom:4px solid black;color:#000;text-decoration:none}.banner-separator{margin-left:10px;margin-right:10px;height:20px;width:2px;background-color:#000}#header a{text-decoration:none;color:#000}.site-wrapper>.central-wrapper{width:100%;max-width:1240px;margin:0 auto;display:flex;flex-direction:column;flex-grow:1}.central-wrapper>.name{padding-top:20px}.name-large-wrapper,.name-small-wrapper{position:relative;width:fit-content;max-width:100%}.experimental-stamp{position:absolute;z-index:1;color:red;font-family:var(--ayf-comic-font);font-weight:900;-webkit-text-stroke:.08em black;paint-order:stroke fill;text-shadow:-.06em -.06em 0 #000,.06em -.06em 0 #000,-.06em .06em 0 #000,.06em .06em 0 #000;transform:rotate(-30deg);pointer-events:none;white-space:nowrap}.name-small-wrapper{width:100%}.name-small-wrapper .experimental-stamp{top:50%;left:50%;font-size:clamp(2rem,6vw,4rem);transform:translate(-50%,-50%) rotate(-15deg)}.name-large-wrapper .experimental-stamp{top:50%;left:50%;font-size:clamp(1.75rem,4vw,3rem);transform:translate(-50%,-50%) rotate(-15deg)}.central-wrapper>.name .name-large{margin-top:-45px;display:block}.central-wrapper>.name .name-small{display:block;padding:0 20px;width:100%;box-sizing:border-box}@media ((min-width: 1080px) and (min-height: 800px)){.central-wrapper>.name .name-small-wrapper{display:none}.name-large-wrapper .experimental-stamp{font-size:clamp(2.5rem,5vw,4.5rem)}}@media ((max-width: 1079px) or (max-height: 799px)) and (orientation: portrait){.central-wrapper>.name .name-large-wrapper{display:none}}@media ((max-width: 1079px) or (max-height: 799px)) and (orientation: landscape){.central-wrapper>.name .name-small-wrapper{display:none}.central-wrapper>.name .name-large{height:100px;padding-left:10px}.name-large-wrapper .experimental-stamp{font-size:clamp(1.25rem,3vw,2rem)}}.site-content{flex-grow:1}#footer{display:flex;flex-shrink:0;justify-content:flex-end}#cc{font-weight:700;padding:10px;background-color:#ff0;border-radius:20px 0 0;border-left:4px solid black;border-top:4px solid black;color:#000;text-decoration:none}